.iexmodal{
display: none;
position: fixed;
z-index: 9990;
opacity: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
background-color: rgba(0,0,0,0.5);
cursor: pointer;
}
.iexmodal-opened{
overflow: hidden;
}
.iexmodal-outerscroll.iexmodal{
overflow-y: auto;
}
.iexmodal-alert.iexmodal{
right: auto;
bottom: auto;
overflow: visible;
}
.iexmodal-spinner {
display: none;
position: absolute;
width: 100px;
height: 100px;
left: 50%;
top: 50%;
margin-left: -50px;
margin-top: -50px;
-webkit-transition: opacity .2s ease;
transition: opacity .2s ease;
opacity: 0;
}
.iexmodal-loading .iexmodal-spinner{
display: block;
opacity: 1;
}
.iexmodal-spinner::after {
content: "";
display: block;
width: 90px;
height: 90px;
border-radius: 50%;
border-width: 5px;
border-style: solid;
border-color: #fff transparent #fff transparent;
-webkit-animation: rotateSpinner 1.2s linear infinite;
animation: rotateSpinner 1.2s linear infinite;
}
@keyframes rotateSpinner {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes rotateSpinner {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.iexmodal-popup {
position: fixed;
opacity: 0;
z-index: 9991; left: 50%;
top: 50%;
border-radius: 3px;
background-color: #fff;
-webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.4);
box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.4);
-webkit-appearance: none; }
.iexmodal-outerscroll .iexmodal-popup{
position: relative;
left: auto;
margin-left: auto;
margin-right: auto;
}
.iexmodal-alert .iexmodal-popup{
left: auto;
top: auto;
right: 10px;
bottom: 10px;
-webkit-box-shadow: 0 1px 23px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 23px 3px rgba(0, 0, 0, 0.2);
}
.iexmodal-fullscreen .iexmodal-popup{
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.iexmodal-outerscroll.iexmodal-fullscreen .iexmodal-popup{
top: auto;
right: auto;
left: auto;
bottom: auto;
min-height: 100%;
}
.iexmodal-overflow-y .iexmodal-popup{
top: 10px;
bottom: 10px;
}
.iexmodal-outerscroll.iexmodal-overflow-y .iexmodal-popup{
top: auto;
bottom: auto;
margin-top: 10px;
margin-bottom: 10px;
}
.iexmodal-overflow-x .iexmodal-popup{
left: 10px;
right: 10px;
}
.iexmodal-outerscroll.iexmodal-overflow-x .iexmodal-popup{
left: auto;
right: auto;
margin-left: 10px;
margin-right: 10px;
}
.iexmodal-top .iexmodal-popup{
top: 0;
right: 0;
bottom: auto;
left: 0;
border-radius: 0 0 3px 3px;
}
.iexmodal-top.iexmodal-overflow-y .iexmodal-popup{
bottom: 10px;
}
.iexmodal-right .iexmodal-popup{
top: 0;
right: 0;
bottom: 0;
left: auto;
border-radius: 3px 0 0 3px;
}
.iexmodal-right.iexmodal-overflow-x .iexmodal-popup{
left: 10px;
}
.iexmodal-bottom .iexmodal-popup{
top: auto;
right: 0;
bottom: 0;
left: 0;
border-radius: 3px 3px 0 0;
}
.iexmodal-bottom.iexmodal-overflow-y .iexmodal-popup{
top: 10px;
}
.iexmodal-left .iexmodal-popup{
top: 0;
right: auto;
bottom: 0;
left: 0;
border-radius: 0 3px 3px 0;
}
.iexmodal-left.iexmodal-overflow-x .iexmodal-popup{
right: 10px;
}
.iexmodal-fullscreen .iexmodal-popup,
.iexmodal-top .iexmodal-popup,
.iexmodal-right .iexmodal-popup,
.iexmodal-bottom .iexmodal-popup,
.iexmodal-left .iexmodal-popup {
-webkit-box-shadow: none;
box-shadow: none;
}
.iexmodal-inner {
position: relative;
z-index: 9992;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 20px;
cursor: default;
height: 100%;
} .iexmodal-inner-wrap::before,
.iexmodal-inner-wrap::after{
content: "";
display: block;
height: 1px;
}
.iexmodal-icon{
display: inline-block;
width: 1em;
height: 1em;
stroke: currentColor;
fill: currentColor;
}
.iexmodal-close-outer,
.iexmodal-close-inner{
position: absolute;
padding: 18px;
stroke-linecap: round;
cursor: pointer;
}
.iexmodal-close-outer{
right: 0;
top: 0;
font-size: 26px;
stroke-width: 2.3px;
color: #fff;
-webkit-transition: opacity .2s ease;
transition: opacity .2s ease;
opacity: 0;
}
.iexmodal-right .iexmodal-close-outer{
right: auto;
left: 0;
}
.iexmodal-loading .iexmodal-close-outer{
opacity: 1;
}
.iexmodal-close-inner{
z-index: 9993;
right: -5px;
top: -5px;
font-size: 18px;
stroke-width: 3px;
color: #000;
}
.iexmodal-right .iexmodal-close-inner{
right: auto;
left: -5px;
}
.iexmodal-close-outer .iexmodal-icon,
.iexmodal-close-inner .iexmodal-icon{
-webkit-transition: all .3s ease;
transition: all .3s ease;
transform-origin: center center;
}
.iexmodal-close-inner .iexmodal-icon{
opacity: 0.6;
}
.iexmodal-close-outer:hover .iexmodal-icon,
.iexmodal-close-inner:hover .iexmodal-icon{
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.iexmodal-close-inner:hover .iexmodal-icon{
opacity: 0.8;
}
.iexmodal-content{
display: none;
}
.iexmodal-debug-wrap{
word-wrap: break-word;
}
.iexmodal-debug-code{
max-height: 150px;
min-height: 60px;
overflow-x: hidden;
overflow-y: scroll;
background-color: #e8e8e8;
padding: 5px 6px;
font-family: monospace;
font-size: 13px;
line-height: 16px;
resize: vertical;
}
.iexmodal-debug-panel{
position: fixed;
z-index: 100000;
top: 0;
right: 0;
width: 100%;
height: 30%;
background-color: #fff;
white-space: pre;
font-family: monospace;
overflow: scroll;
box-shadow: 0 0 3px 1px rgba(0,0,0,0.3);
font-size: 12px;
line-height: 14px;
padding: 0 6px 6px;
}
@media (min-width: 500px) {
.iexmodal-debug-panel{
width: 60%;
}
}
@media (min-width: 1000px) {
.iexmodal-debug-panel{
width: 40%;
}
}   .ps {
overflow: hidden !important;
overflow-anchor: none;
-ms-overflow-style: none;
touch-action: auto;
-ms-touch-action: auto;
} .ps__rail-x {
display: none;
opacity: 0;
transition: background-color .2s linear, opacity .2s linear;
-webkit-transition: background-color .2s linear, opacity .2s linear;
height: 15px; bottom: 0px; position: absolute;
}
.ps__rail-y {
display: none;
opacity: 0;
transition: background-color .2s linear, opacity .2s linear;
-webkit-transition: background-color .2s linear, opacity .2s linear;
width: 15px; right: 0; position: absolute;
}
.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
display: block;
background-color: transparent;
}
.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
opacity: 0.6;
}
.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
background-color: #eee;
opacity: 0.9;
} .ps__thumb-x {
background-color: #aaa;
border-radius: 6px;
transition: background-color .2s linear, height .2s ease-in-out;
-webkit-transition: background-color .2s linear, height .2s ease-in-out;
height: 6px; bottom: 2px; position: absolute;
}
.ps__thumb-y {
background-color: #aaa;
border-radius: 6px;
transition: background-color .2s linear, width .2s ease-in-out;
-webkit-transition: background-color .2s linear, width .2s ease-in-out;
width: 6px; right: 2px; position: absolute;
}
.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
background-color: #999;
height: 11px;
}
.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
background-color: #999;
width: 11px;
} @supports (-ms-overflow-style: none) {
.ps {
overflow: auto !important;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ps {
overflow: auto !important;
}
}  .ps .ps__rail-x{
display: none !important;
}
.ps .ps__rail-y{
opacity: 0.4 !important;
background-color: #ddd;
width: 8px;
transition: width .2s linear, background-color .2s linear;
-webkit-transition: width .2s linear, background-color .2s linear;
}
.ps .ps__thumb-y{
background-color: #000;
width: auto;
left: 2px;
right: 2px;
}
.ps .ps__rail-y:hover{
width: 12px;
background-color: #ddd;
}
.ps .ps__rail-y:hover > .ps__thumb-y{
background-color: #000;
left: 2px;
right: 2px;
width: auto;
}