.json-viewer__modal .json-view {margin-left: 1rem; padding: 0.5rem; cursor: default;} html[dir="rtl"] .json-viewer__modal .json-view {margin-right: 1rem; margin-left: 0;}.json-viewer__modal .json-view > div {display: inline-block;}.json-viewer__modal .json-view > .json-view__children {display: block;}.json-viewer__modal .json-view__separator {padding-right: 0.5rem; padding-left: 0.25rem;} html[dir="rtl"] .json-viewer__modal .json-view__separator {padding-left: 0.5rem; padding-right: 0.25rem;}.json-viewer__modal .json-view__value, .json-viewer__modal .json-view__value--boolean, .json-viewer__modal .json-view__value--number {color: #5a9359;}.json-viewer__modal .json-view__value--string:not(.edit):before, .json-viewer__modal .json-view__value--string:not(.edit):after {content: "\"";}.json-viewer__modal .json-view__children--expand, .json-viewer__modal .json-view__children--collapse {min-width: 1rem; margin-left: -1rem; cursor: pointer;} html[dir="rtl"] .json-viewer__modal .json-view__children--expand, html[dir="rtl"] .json-viewer__modal .json-view__children--collapse {margin-right: -1rem; margin-left: 0;}.json-viewer__modal .json-view__children--expand::before {content: '\25B6';} html[dir="rtl"] .json-viewer__modal .json-view__children--expand::before {content: '\25C0';}.json-viewer__modal .json-view__children--collapse::before {content: '\25BC';}.json-viewer__modal .mod__overlay-container {background-color: #f4f4f4; display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow-y: scroll; z-index: 200; animation: mod__overlay-in 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88); transition: all 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88); opacity: 1; transform: translate3D(0, 0, 0) scale(1);}.json-viewer__modal .mod__overlay-container--adjustable {background-color: #f4f4f4; position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto;} @media (min-width: 1200px) {.json-viewer__modal .mod__overlay-container--adjustable {width: 1200px; height: 90%;}}.json-viewer__modal .mod__overlay-container--closing {opacity: 0; transform: translate3D(0, 24px, 0) scale(0.95);} .json-viewer__modal .mod__overlay-container--closing.mod__overlay-container--slide-left {transform: translate3D(-24px, 0, 0);} .json-viewer__modal .mod__overlay-container--closing.mod__overlay-container--slide-right {transform: translate3D(24px, 0, 0);}.json-viewer__modal .mod__overlay-container--no-scroll {overflow-y: hidden;}.json-viewer__modal .mod__overlay-container--slide-left {animation: mod__overlay-in-left 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88);}.json-viewer__modal .mod__overlay-container--slide-right {animation: mod__overlay-in-right 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88);}@keyframes mod__overlay-in {0% {opacity: 0; transform: translate3D(0, 24px, 0) scale(0.95);} 100% {opacity: 1; transform: translate3D(0, 0, 0) scale(1);}}@keyframes mod__overlay-in-left {0% {opacity: 0; transform: translate3D(-24px, 0, 0);} 100% {opacity: 1; transform: translate3D(0, 0, 0);}}@keyframes mod__overlay-in-right {0% {opacity: 0; transform: translate3D(24px, 0, 0);} 100% {opacity: 1; transform: translate3D(0, 0, 0);}}.json-viewer__modal .mod__dialog--hidden .mod__overlay-container {opacity: 0.5; overflow-y: hidden; background: black;}.json-viewer__modal .mod__dialog > .mod__overlay-container {top: 12.5%; left: 12.5%; right: 12.5%; bottom: 12.5%;}.json-viewer__modal .nav-tabnav__btn {background: none; color: inherit; border: none; padding: 0; font: inherit; cursor: pointer; border: 1px solid #dddddd; border-bottom: none; padding: .25em .75em; color: #005e95; font-size: 0.9375rem; line-height: 1.55rem; background-color: #efefef; box-sizing: border-box; transition: background-color 150ms linear, color 150ms 150ms linear; outline: none; position: relative; margin: 0; vertical-align: middle;} .json-viewer__modal .nav-tabnav__btn:hover, .json-viewer__modal .nav-tabnav__btn:focus {background-color: rgba(0, 0, 0, 0.02); background-image: linear-gradient(to top, transparent 94%, #0079c1 96%, #0079c1 100%);} @media screen and (max-width: 860px) {.json-viewer__modal .nav-tabnav__btn {display: none;}}.json-viewer__modal .nav-tabnav__btn--active {background-color: white;} .json-viewer__modal .nav-tabnav__btn--active:hover {background-color: white; background-image: none;} .json-viewer__modal .nav-tabnav__btn--active:after {border-top: 1px solid white; bottom: -1px; content: ""; left: 0px; position: absolute; width: 100%; z-index: 1;}.json-viewer__modal .nav-tabnav__nav {padding-top: 0.775rem; background-color: white;}.json-viewer__modal .nav-tabnav__mobile-menu {display: none;} @media screen and (max-width: 860px) {.json-viewer__modal .nav-tabnav__mobile-menu {display: flex; justify-content: flex-end;}}.json-viewer__modal .nav-tabnav__section-dropdown-text {margin-bottom: 0.775rem; font-size: 1.2019rem; line-height: 1.55rem; font-weight: 500;} @media screen and (max-width: 859px) {.json-viewer__modal .nav-tabnav__section-dropdown-text {font-size: 1.1305rem;}} @media screen and (max-width: 479px) {.json-viewer__modal .nav-tabnav__section-dropdown-text {font-size: 1.0625rem;}}.json-viewer__modal .mod__overlay-container {padding: 2rem;}.json-viewer__modal .json-viewer__modal__view-content {padding: 1rem; background: white; overflow: auto; height: 80%;}.json-viewer__modal .nav-tabnav__nav {padding-top: 0; border-bottom: 1px solid #dddddd;}.json-viewer__modal__footer {min-height: 3rem; height: 20%; padding: 1rem;}.jsonviewer__cancel-button {position: relative; display: inline-block; padding: 0.31rem 0.9rem; width: auto; color: #ffffff; border: 1px solid #0079c1; border-radius: 0; background-color: #0079c1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.05s linear; transition: all 0.05s linear; cursor: pointer; white-space: nowrap; font-size: 0.9375rem; line-height: 1.55rem; max-height: 2.5rem; float: right;} .jsonviewer__cancel-button:hover {text-decoration: none; background-color: #005e95; color: #ffffff;} .jsonviewer__cancel-button:focus {text-decoration: none; background-color: #005e95; color: #ffffff;} @media screen and (max-width: 480px) {.jsonviewer__cancel-button {font-size: 0.875rem; line-height: 1.55rem; padding: 0.2325rem 0.675rem; font-size: 0.875rem; line-height: 1.55rem; padding: 0.2325rem 0.675rem;}} html[dir="rtl"] .jsonviewer__cancel-button {float: left;}