@charset "UTF-8";

@import url("reset.css");
@import url("fonts.css");
@import url("swiper-bundle.min.css");


:root{
    
    --app-height: 100vh;
    --headroom-height: auto;
    
  
    --c0: #F8F9FA; 
    --c1: #1C1D1E;
    --c2: #FFFFFF;
    --c3: #036CB5;
    --c4: #FF3F33;
    --c5: #06923E;
    
    --c6: #FFEDED;
    --c7: #ECFAE5;
    --c8: #E4E5E6;
    --c9: #8A8B8C;
    --c10: #E5F0F7;
    --c11: #C6C7C8;
    --c12: rgba(0,0,0,.5);
    --c13: #FFC436;
    
    --wr: 20rem;
    --awr: calc(-1 * var(--wr));
    
    --gap: 30rem;
    --sl: 1px;
    
    --br1: 10rem;
    --br2: 5rem;
    --br3: 20rem;

    --input: max(40px, 50rem);
    --btn: max(36px, 40rem);
    
    --f-xs: max(8px, 12rem);
    --f-s: max(12px, 14rem);
    --f-d: max(12px, 16rem);
    --f-m: max(14px, 18rem);
    --f-b: max(14px, 28rem);
    --f-l: max(14px, 40rem);
    --f-xl: max(14px, 72rem);
    
    --mw: 1680px; 
    
    --shadow1: 0 0 16rem rgba(0,0,0,.05);
    --shadow2: 0 5rem 25rem rgba(0,0,0,.1);
    
}

@keyframes rotate {
  0% {
    transform:rotate(0deg);
  }
  100% {
    transform:rotate(360deg);
  }
}

/* globals */

@media screen {

    html{font-size: 0.056vw;background-color: var(--c0);scrollbar-gutter: stable;font-size: 1px;scrollbar-width: thin;}
    
    .document{font-weight: 400;font-family: 'Arial', sans-serif;font-size: var(--f-d);line-height: 1.4;color: var(--c1);background-color: var(--c0);letter-spacing: normal;overflow-x: clip;}
    
    .popup-active{}
    
    .wrapper{width: 100%;margin: 0 auto;padding: 0 var(--wr);max-width: var(--mw);}
    
    .__preloader{background-color: var(--c0);position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9999;visibility: hidden;opacity: 0;transition: all .25s 1s;display: flex;color: var(--c1);will-change: transform;}
     
    .loading{pointer-events: none;}
    .loading .__preloader{transition-duration: 0s;opacity: 1;visibility: visible;}
    
    .alerts-container{transition: all .5s 0s;}
    
    .loading .alerts-container{transition-duration: 0s;transform: translateX(100%);opacity: 0;}
    
    .icon{display: flex;max-height: 100%;align-items:center;justify-content:center;line-height: 0;max-width: 100%;width: auto;height: auto;}
    .cover,
    .contain{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-position: center;pointer-events: none;}
    .cover{object-fit: cover;}
    .contain{object-fit: contain;}
    .fill::after{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;}

    .button-container{}
    .button-container-alert{position: absolute;left: 50%;bottom: 50%;z-index: 1;width: max(10px, 12rem);height: max(10px, 12rem);display: flex;align-items: center;justify-content: center;margin: 2rem;}
    
    .button{display: inline-flex;justify-content: center;max-width: 100%;user-select: none;cursor: pointer;align-items: center;z-index: 1;background-clip: padding-box;}
    .button:not(.fill){overflow: hidden;position: relative;}
    .button-text{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;position: relative;min-width: 0;}
    .button-icon{width: max(14px, 16rem);height: max(14px, 16rem);display: flex;align-items: center;justify-content: center;margin: 0 5rem;}
    
    
    .button__default .button-text{font-weight: 700;font-size: var(--f-m);}
    .button__default .button-icon{width: max(18px, 22rem);height: max(18px, 22rem);margin: 0 15rem;}

    .button__default.active{color: var(--c3);}
    
    .button__flat{padding: 10rem 20rem;min-width: var(--btn);height: var(--btn);border-radius: var(--br1);position: relative;z-index: 1;overflow: hidden;}
    .button__flat::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;background-color: currentColor;opacity: .05;border-radius: inherit;}
    .button__flat .button-text{font-weight: 700;}
    
    .button__flat.active{color: var(--c2);background-color: var(--c3);}
    .button__flat.active::before{display: none;}
    
    .button__flat.allow{background-color: var(--c5);color: var(--c2);cursor: default;}
    .button__flat.cancel{background-color: var(--c4);color: var(--c2);cursor: default;}
    .button__flat.readonly,
    .button__flat.disabled{pointer-events: none;}
    .button__flat.disabled .button-text,
    .button__flat.disabled .button-icon{color: var(--c9);}
    .button[data-title]{overflow: visible;}
    
    .button__primary{padding: 10rem 30rem;min-width: var(--input);height: var(--input);border-radius: var(--br1);position: relative;z-index: 1;overflow: hidden;background-color: var(--c3);color: var(--c2);}
    .button__primary .button-text{font-weight: 700;}
    
    .button__primary.red{background-color: var(--c4);}
    .button__primary.yellow{background-color: var(--c13);color: var(--c1);}
    
    .button__wide{width: 100%;}
    
    .button .button-icon:first-child{margin-left: 0;}
    .button .button-icon:last-child{margin-right: 0;}
    
    .button__flat .button-icon:only-child,
    .button__flat .button-text:only-child{margin: 0 -10rem;}
    
    .button.loading .button-icon{animation: rotate 1s infinite linear;}
     
    .title{line-height: 1;font-weight: 700;width: 100%;}
    .title__large{font-size: var(--f-xl);line-height: 1.2;}
    .title__default{font-size: var(--f-l);}
    .title__medium{font-size: var(--f-b);}
    
    .container{display: flex;flex-direction: column;min-height: var(--app-height);}
    
    .header{background-color: var(--c2);position: sticky;top: 0;z-index: 15;box-shadow: var(--shadow1);margin-bottom: 40rem;}
    
    .header{top: calc(-1 * var(--headroom-height));}
    
    .header-bottom-indicator{position: absolute;top: 100%;left: 0;width: 100%;height: var(--sl);}
    
    .topbar{display: grid;grid-template-columns: auto 1fr auto;grid-gap: 100rem;}
    .topbar-logo{max-width: 245rem;}
    .topbar-logo,
    .topbar-nav,
    .topbar-buttons{padding: 20rem 0;}
    .topbar-nav{display: flex;}
    .topbar-nav ul{display: grid;grid-auto-flow: column;grid-gap: 60rem;margin-right: auto;}
    .topbar-nav li{margin: -20rem 0;padding: 20rem 0;display: flex;position: relative;align-items: center;}
    .topbar-nav li.current{color: var(--c3);pointer-events: none;}
    .topbar-nav li.current::before{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 2rem;border-radius: 999rem 999rem 0 0;background-color: currentColor;}
    .topbar-nav li.current::after{content: "";width: 0;height: 0;border: 6rem solid;border-color: transparent transparent currentColor;position: absolute;bottom: 0;left: 50%;margin-left: -6rem;}
    .topbar-buttons{display: grid;grid-auto-flow: column;grid-gap: 60rem;align-items: center;}
    .topbar-button{position: relative;}
    
    .topbar-container{position: relative;z-index: 16;}
    .topbar-container:not(:last-child)::after{content: "";width: 100%;height: var(--sl);background-color: var(--c8);display: block;}
    
    .navbar{padding: 20rem 0;display: grid;grid-template-columns: 1fr auto;grid-gap: 20rem;align-items: center;}
    .navbar-main{overflow: hidden;}
    .navbar-main ul{display: flex;flex-wrap: wrap;margin: -10rem -30rem;}
    .navbar-main li{margin: 10rem 30rem;font-weight: 700;}
    .navbar-main li.current{pointer-events: none;color: var(--c3);}
    .navbar-buttons{display: grid;grid-auto-flow: column;grid-gap: 20rem;}
    .navbar-button{position: relative;z-index: 15;}
    .navbar-button-alert{position: absolute;z-index: 1;left: 100%;top: 0;transform: translate(-50%, -50%);background-color: var(--c4);color: var(--c2);text-align: center;padding: 4rem;border-radius: 999rem;white-space: nowrap;line-height: 1;font-size: var(--f-xs);height: max(18px, 22rem);min-width: max(18px, 22rem);display: flex;align-items: center;justify-content: center;box-shadow: 0 0 0 4rem var(--c2);}
    .navbar-button-alert:empty{width: max(8px, 10rem);min-width: 0;height: max(8px, 10rem);padding: 0;transform: translate(-75%,-25%);}
    
    .main{margin-top: 0;flex: auto;display: flex;flex-direction: column;padding-bottom: 100rem;}
   
    .section{position: relative;z-index: 1;overflow-x: clip;margin-bottom: 100rem;}
    .section:last-child{margin-bottom: 0;}
    .section:only-child{flex: auto;}
    
    .section-header{display: flex;flex-direction: column;margin-bottom: 20rem;}
    
    .footer{background-color: var(--c3);color: var(--c2);z-index: 10;position: relative;}
    .footer-grid{grid-template-columns: 1fr auto 1fr;grid-gap: 20rem;align-items: center;display: grid;padding: 50rem 0;}
    .footer-logo{max-width: 245rem;}
    .footer-nav{}
    .footer-nav ul{display: grid;grid-auto-flow: column;grid-gap: 60rem;align-items: center;}
    .footer-nav li{display: flex;position: relative;}
    .footer-nav li.current{pointer-events: none;padding: 25rem 0;margin: -25rem 0;}
    .footer-nav li.current::before{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 2rem;border-radius: 999rem 999rem 0 0;background-color: currentColor;}
    .footer-nav li.current::after{content: "";width: 0;height: 0;border: 6rem solid;border-color: transparent transparent currentColor;position: absolute;bottom: 0;left: 50%;margin-left: -6rem;}
    .footer-buttons{margin-left: auto;display: grid;grid-auto-flow: column;grid-gap: 20rem;}
    
    .checkbox{overflow: hidden;position: relative;display: flex;align-items: center;}
    .checkbox-input{right: 100%;width: 0;height: 0;opacity: 0;}
    .checkbox-label-text{}
    .checkbox-input ~ .checkbox-label-image{cursor: pointer;}
    .checkbox-label-image{position: relative;overflow: hidden;width: 28rem;height: 28rem;flex: none;border-radius: var(--br2);box-shadow: 0 0 0 2rem currentColor;border: var(--sl) solid transparent;margin: 2rem;color: transparent;}
    .checkbox-label-image.red{color: var(--c4);border-color: var(--c2);}
    .checkbox-label-image.green{color: var(--c5);border-color: var(--c2);}
    .checkbox-label-icon{flex: none;width: 20rem;height: 20rem;border: var(--sl) solid var(--c8);border-radius: var(--br2);position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;background-color: var(--c3);transition: border-color .15s;cursor: pointer;}
    .checkbox-label-icon::after{content: "";flex: none;width: 100%;height: 100%;border-radius: 0;background-color: var(--c0);transition: all .15s;}
    .checkbox-label-icon:not(:last-child){margin-right: 10rem;}
    
    .checkbox-input:checked ~ .checkbox-label-icon{border-color: var(--c3);}
    .checkbox-input:checked ~ .checkbox-label-icon::after{width: 8rem;height: 8rem;border-radius: 25%;}
    
    .pagination{display: grid;grid-template-columns: 1fr auto auto auto 1fr;grid-gap: 0 var(--gap);align-items: center;}
    .pagination-nav{overflow: hidden;}
    .pagination-nav ul{display: flex;flex-wrap: wrap;margin: -5rem;}
    .pagination-nav li{margin: 5rem;}
    
    .selector{user-select: none;border-radius: var(--br1);background-color: var(--c2);border: var(--sl) solid var(--c8);display: flex;align-items: center;}
    .selector-holder{display: flex;overflow: hidden;align-items: center;cursor: pointer;color: var(--c1);height: var(--input);flex: auto;padding: 0 15rem;}
    .selector-holder-input{flex: auto;overflow: hidden;text-overflow: ellipsis;min-width: 0;pointer-events: none;}
    .selector-holder-icon{flex: none;margin-left: 10rem;display: flex;width: max(8px, 10rem);height: max(8px, 10rem);align-items: center;justify-content: center;}
    .selector-holder-input-num{color: var(--c9);}
    
    .selector-prefix{padding: 0 15rem;flex: auto;min-width: 0;border-right: var(--sl) solid var(--c8);align-self: stretch;max-width: 80rem;}
    
    .selector-submit{display: flex;align-items: center;justify-content: center;flex: none;width: max(30px, 36rem);height: max(30px, 36rem);background-color: var(--c3);color: var(--c2);border-radius: var(--br2);padding: 8rem;}
    .selector-submit:last-child{margin-right: 8rem;}
    
    .selector.active{border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
    .selector.active .selector-holder-icon{transform: scaleY(-1);}
    
    .selector-list{position: absolute;width: 100%;z-index: 9999;overflow: auto;max-height: 400rem;display: grid;grid-template-columns: auto;grid-gap: 10rem;border-radius: 0 0 var(--br1) var(--br1);background-color: var(--c2);border: var(--sl) solid var(--c8);padding: 15rem 0;margin-top: calc(-1 * var(--sl));scrollbar-width: thin;}
    .selector-list__contrast{background-color: var(--c0);}
    .selector-list__large{max-height: 280rem;}
    .selector-list__dense{max-height: 140rem;}
    .selector-list__inner{max-height: none;position: relative;}
    .selector-list__inner:not(.active){display: none;}
    .selector-list:not(.active){visibility: hidden;opacity: 0;}
    .selector-option{position: relative;padding: 0 15rem;}
    .selector-option-inner:not(.active){cursor: pointer;}
    .selector-option-inner.active{color: var(--c3);pointer-events: none;}
    
    
    .sort{user-select: none;padding: 30rem 0;display: block;width: min-content;margin: 0 auto;min-width: 30rem;}
    .sort.js-sort{cursor: pointer;}
    .sort-title{text-align: center;}
    .sort-icon{height: 100%;width: 100%;display: flex;align-items: flex-end;justify-content: center;padding: 8rem;color: var(--c9);position: absolute;top: 0;left: 0;}
    .sort-icon .icon{flex: none;width: 100%;height: max(10px, 14rem);}
    
    .sort__az .sort-icon,
    .sort__za .sort-icon{color: var(--c3);}
    .sort__za .sort-icon{transform: scaleY(-1);}
    
    .tabs{display: flex;overflow-x: clip;width: 100%;border-bottom: var(--sl) solid var(--c8);}
    .tab{position: relative;flex: 1;overflow: hidden;text-overflow: ellipsis;padding: 0 10rem 15rem;font-weight: 700;text-align: center;margin-bottom: calc(-1 * var(--sl));z-index: 1;cursor: pointer;}
    .tab.current{pointer-events: none;}
    .tab::after{content: "";position: absolute;bottom: 0;height: var(--sl);background-color: var(--c3);width: 100%;left: 0;will-change: transform;transition: transform .25s;}
    .tab:not(.current)::after{transform: scaleX(0);}
    
    .pane:not(.current){display: none;}
    
    .expand{display: grid;grid-template-columns: auto;grid-gap: 0;user-select: none;border-top: var(--sl) solid var(--c6);}
    .expand-item{border-bottom: var(--sl) solid var(--c6);padding: 15rem 0;}
    .expand-header{display: flex;align-items: center;cursor: pointer;}
    .expand-header-title{flex: auto;position: relative;transition: color .25s;}
    .expand-header-icon{width: 10rem;height: 10rem;flex: none;margin-left: 10rem;position: relative;display: flex;align-items: center;justify-content: center;will-change: transform;}
    .expand-content{width: 100%;max-width: 500rem;padding: 10rem 0 0;overflow: hidden;transition: all .25s;font-size: var(--f-s);}
    
    .expand-item.active .expand-header-title{color: var(--c3);}
    .expand-item.active .expand-header-icon{transform: scaleY(-1);}
    .expand-item:not(.active) .expand-content{padding: 0;height: 0;opacity: 0;}
    
    .dropdown{position: absolute;top: 100%;right: 0;z-index: 10;margin-top: -10rem;}
    .dropdown .popup{width: 640rem;}
    .dropdown .popup__dense{width: 460rem;}
    
    .popup-overlay{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99;background-color: var(--c1);opacity: .5;visibility: hidden;}
    
    .popup{width: 100%;padding: 30rem;background-color: var(--c2);transition: all .15s;display: flex;flex-direction: column;overflow: hidden;}
    .popup-header{display: flex;padding-bottom: 20rem;position: relative;flex: none;}
    .popup-header-buttons{display: grid;grid-auto-flow: column;grid-gap: 15rem;flex: none;margin-left: auto;}
    .popup-title{display: flex;align-items: center;margin-right: var(--gap);}
    .popup-title-text a{text-decoration: underline;}
    .popup-title::after{content: "";position: absolute;top: 100%;left: 0;width: 100%;background-color: var(--c6);height: var(--sl);}
    .popup-title-note{margin-left: 15rem;flex: none;}
    .popup-close{user-select: none;cursor: pointer;display: flex;align-items: center;justify-content: center;width: max(10px, 10rem);height: max(10px, 10rem);margin: -10rem -10rem 0 0;position: relative;}
    .popup-close::after{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;margin: -10rem;}
    .popup-tabs{margin-top: 25rem;}
    .popup-content{margin-top: 30rem;scrollbar-width: thin;overflow: auto;max-height: 600rem;flex: auto;}
    .popup-footer{margin-top: 30rem;flex: none;overflow: hidden;}
    .popup-footer-buttons{display: flex;flex-wrap: wrap;margin: -5rem -10rem;}
    .popup-footer-button{margin: 5rem 10rem;}
    
    .dropdown .popup{box-shadow: var(--shadow2);border-radius: var(--br3);}
    .dropdown:not(.active){pointer-events: none;}
    .dropdown:not(.active) .popup{transform: translateY(50rem);opacity: 0;visibility: hidden;}
    
    .layer{position: fixed;top: 0;left: 0;z-index: 999;display: flex;align-items: flex-start;padding: 30rem 0;pointer-events: none;right: 0;bottom: 0;}
    .layer .popup{box-shadow: var(--shadow2);border-radius: var(--br3);min-width: 460rem;max-width: 1680rem;margin: auto;width: auto;max-height: 100%;pointer-events: all;}
    .layer .popup-content{max-height: none;}
    
    .layer:not(.active){pointer-events: none;opacity: 0;visibility: hidden;}
    .layer.active ~ .popup-overlay{visibility: visible;}
    
    .formbox{display: grid;grid-template-columns: minmax(0, 1fr);grid-gap: 20rem;}
    .formbox-row{display: flex;align-items: flex-end;}
    .formbox-cell{flex: 1;}
    .formbox-cell:not(:first-child){margin-left: 20rem;}
    .formbox-footer{margin-top: 20rem;display: flex;flex-wrap: wrap;margin-left: -20rem;}
    .formbox-footer-button{margin-left: 20rem;}
    
    .formbox-cell .selector{background-color: var(--c0);}
    
    .textfield-label{font-size: var(--f-s);margin-bottom: 5rem;color: var(--c1);}
    .textfield-range{display: grid;grid-template-columns: 1fr auto 1fr;grid-gap: 5rem;}
    .textfield-range::before{content: "\2014";margin: auto 0;}
    .textfield-range .textfield:first-child{order: -1;}
    .textfield{background-color: var(--c0);display: flex;overflow: hidden;width: 100%;border-radius: var(--br1);position: relative;}
    .textfield::before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;border-radius: inherit;box-shadow: inset 0 0 0 var(--sl) var(--c8);pointer-events: none;}
    .textfield-input{min-height: var(--input);text-overflow: ellipsis;flex: auto;padding: 15rem 15rem;resize: none;min-width: 0;width: 100%;overflow: hidden;white-space: nowrap;}
    .textfield-input + .textfield-input{border-left: var(--sl) solid var(--c8);}
    .textfield-input:focus::placeholder{color: transparent;}
    .textfield-input:focus::-moz-placeholder{color: transparent;}
    .textfield-input:focus:-ms-input-placeholder{color: transparent;}
    
    .textfield-submit{display: flex;align-items: center;justify-content: center;flex: none;width: max(30px, 36rem);height: max(30px, 36rem);background-color: var(--c3);color: var(--c2);border-radius: var(--br2);padding: 8rem;margin: auto 0;}
    .textfield-submit:last-child{margin-right: 8rem;}
    .textfield-submit.disabled{cursor: not-allowed;opacity: .3;}
    .textfield-submit + .textfield-submit{margin-left: 5rem;}
    .textfield-submit__clear{border-radius: 0;background-color: transparent;color: inherit;}
    .textfield-submit__red{background-color: var(--c4);}
    
    .switch-group{overflow: hidden;}
    .switch-group-inner{display: flex;flex-wrap: wrap;margin: -5rem 0 0 -5rem;}
    .switch{margin: 5rem 0 0 5rem;}
    
    .switch-label{position: relative;overflow: hidden;user-select: none;display: flex;}
    .switch-label-input{right: 100%;width: 0;height: 0;opacity: 0;}
    .switch-label-title{font-weight: 700;display: flex;align-items: center;padding: 0 10rem;border-radius: var(--br2);background-color: var(--c0);height: var(--btn);transition: all .15s;cursor: pointer;}
    .switch-label-input:checked ~ .switch-label-title{background-color: var(--c8);pointer-events: none;}
    
    .searchbox-selector{flex: none;}
    .searchbox-selector .selector{background-color: transparent;border-width: 0 0 0 var(--sl);border-radius: 0;}
    .searchbox-selector .selector-holder-input{width: 60rem;}
    .searchbox-input{flex: auto;padding: 0 15rem;min-width: 0;}
    .searchbox-button{flex: none;background-color: var(--c3);color: var(--c2);display: flex;align-items: center;justify-content: center;height: var(--input);width: var(--input);padding: 15rem;position: relative;z-index: 1;}
    
    .datalist-col{display: grid;grid-template-columns: auto;grid-gap: 25rem;max-width: 400rem;}
    .datalist{display: grid;grid-template-columns: auto;grid-gap: 10rem;width: 100%;}
    .datalist-row{display: flex;align-items: baseline;padding-bottom: 5rem;border-bottom: var(--sl) dashed var(--c8);}
    .datalist-title{flex: auto;color: var(--c9);margin-right: 20rem;}
    .datalist-value{flex: none;margin-left: auto;max-width: 70%;text-align: right;}
    .datalist-value-copy{cursor: pointer;position: relative;padding-right: 24rem;display: inline-block;}
    .datalist-value-copy::after{content: "";background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.88889 2.05556H9.95167C10.8189 2.05556 11.1331 2.14578 11.4497 2.31533C11.7662 2.48489 12.0151 2.73378 12.1847 3.05033C12.3542 3.36689 12.4444 3.68111 12.4444 4.54833V10.6111C12.4444 10.8174 12.5264 11.0152 12.6722 11.1611C12.8181 11.3069 13.0159 11.3889 13.2222 11.3889C13.4285 11.3889 13.6263 11.3069 13.7722 11.1611C13.9181 11.0152 14 10.8174 14 10.6111V4.48844C14 3.10167 13.8553 2.59844 13.5847 2.09133C13.3194 1.59029 12.9097 1.18056 12.4087 0.915333C11.9016 0.644667 11.3983 0.5 10.0116 0.5H3.88889C3.68261 0.5 3.48478 0.581944 3.33892 0.727806C3.19306 0.873667 3.11111 1.0715 3.11111 1.27778C3.11111 1.48406 3.19306 1.68189 3.33892 1.82775C3.48478 1.97361 3.68261 2.05556 3.88889 2.05556ZM9.89411 3.87089C9.57755 3.70133 9.26333 3.61111 8.39611 3.61111H2.49278C1.62556 3.61111 1.31133 3.70133 0.994778 3.87089C0.681632 4.03666 0.425551 4.29274 0.259778 4.60589C0.0902223 4.92244 0 5.23667 0 6.10389V12.0072C0 12.8737 0.0902223 13.1887 0.259778 13.5052C0.429333 13.8218 0.678222 14.0707 0.994778 14.2402C1.31133 14.4098 1.62556 14.5 2.49278 14.5H8.39611C9.26256 14.5 9.57755 14.4098 9.89411 14.2402C10.2107 14.0707 10.4596 13.8218 10.6291 13.5052C10.7987 13.1887 10.8889 12.8744 10.8889 12.0072V6.10389C10.8889 5.23667 10.7987 4.92244 10.6291 4.60589C10.4633 4.29274 10.2073 4.03666 9.89411 3.87089Z' fill='%238A8B8C'%3E%3C/path%3E%3C/svg%3E");position: absolute;top: 0;right: 0;width: 14rem;height: 100%;background-repeat: no-repeat;background-size: contain;background-position: center;}
    .datalist-caption{font-weight: 700;margin-bottom: 10rem;}
    
    .msg{display: grid;grid-template-columns: auto;grid-gap: 20rem;}
    .msg-row{display: grid;grid-template-columns: auto 1fr;grid-gap: 0 15rem;font-size: var(--f-s);padding-bottom: 15rem;border-bottom: var(--sl) solid var(--c8);align-items: center;}
    .msg-icon{width: max(16px, 20rem);height: max(16px, 20rem);display: flex;align-items: center;justify-content: center;}
    .msg-title{grid-column: 2/3;color: var(--c9);}
    .msg-text{grid-column: 2/3;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;margin-top: 5rem;}
    .msg-action{grid-column: 2/3;color: var(--c3);margin-top: 10rem;}
    
    .scrollbox{overflow: hidden;position: relative;display: flex;flex-direction: column;margin-right: -10rem;}
    .scrollbox .mb-bar,
    .scrollbox .mb-track{position: absolute;z-index: 10;opacity: 1;}
    .scrollbox .mb-track-x{display: none;}
    .scrollbox .mb-track{width: max(4px, 5rem);right: 0;left: auto;top: 0;bottom: 0;background-color: var(--c0);background-repeat: repeat-x;background-size: var(--sl);background-position: center;margin: 0;border-radius: 999rem;}
    .scrollbox .mb-bar{background-color: var(--c11);top: 0;transform-style: preserve-3d;left: 0;cursor: grab;border-radius: 999rem;height: 100%;width: 100%;}
    .scrollbox .mb-bar:active{cursor: grabbing;}
    .scrollbox .mb-bar::after{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;margin: -15rem 0;}
    .scrollbox .mb-content{overflow: auto;width: 100%;height: 100%;position: relative;overflow: -moz-scrollbars-none!important;scrollbar-width: none;padding-right: 20rem!important;margin: 0!important;}
    .scrollbox .mb-content::-webkit-scrollbar{display: none;}
    
    .scrollbox:not(.mb-scroll-y){margin-right: 0;}
    .scrollbox:not(.mb-scroll-y) .mb-track{opacity: 0;}
    .scrollbox:not(.mb-scroll-y) .mb-content{padding-right: 0!important;margin-right: 0!important;}
    
    .datatable{background-color: var(--c2);border-radius: var(--br1);border: var(--sl) solid var(--c8);position: relative;scrollbar-width: thin;overflow-x: auto;}
    .datatable table{min-width: 100%;border-collapse: collapse;border-width: 0;table-layout: fixed;border-spacing: 0;}
    .datatable thead__{position: sticky;top: 100rem;z-index: 1;background-color: var(--c2);overflow: hidden;}
    .datatable thead tr th:first-child{border-top-left-radius: 0;}
    .datatable thead tr th:last-child{border-top-right-radius: 0;}
    .datatable tr{position: relative;}
    .datatable th,
    .datatable td{border: var(--sl) solid var(--c8);font-size: var(--f-s);position: relative;border-left-width: 0;}
    .datatable th:last-child,
    .datatable td:last-child{border-right-width: 0;}
    .datatable th{padding: 0 10rem;font-weight: 700;text-align: center;border-top-width: 0;border-bottom-width: 0;}
    
    .datatable td{padding: 6rem 10rem;}
    .datatable tr:nth-child(odd) td{background-color: var(--c0);}
    .datatable tr:nth-child(even) td{background-color: var(--c2);}
    .datatable tr td{border-bottom-width: 0;text-align: right;}
    .datatable tr td.red{color: var(--c4);font-weight: 700;}
    .datatable tr td.green{color: var(--c5);font-weight: 700;}
    .datatable tr td.decrease{background-color: var(--c6);}
    .datatable tr td.increase{background-color: var(--c7);}
    .datatable tr td .button-text{text-decoration: underline;}

    .datatable th{background-color: var(--c2);}
    .datatable th:first-child{left: 0;z-index: 6;position: sticky;}
    .datatable td:first-child{position: sticky;left: 0;z-index: 5;}
    
    .datatable tr.checkbox-container.checked{}
    .datatable tr.checkbox-container.checked td{background-color: var(--c10);}
    
    .datatable-fixed-header{position: absolute;top: 0;left: 0;z-index: 10;margin: 0;outline: var(--sl) solid var(--c8);will-change: transform;}
    
    .adb{background-color: var(--c3);color: var(--c2);border-radius: var(--br3);overflow: hidden;display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 50rem;position: relative;width: 100%;align-items: center;}
    .adb::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background-position: center;background-repeat: no-repeat;background-size: cover;background-image: url(../img/banner-image.png);opacity: .2;}
    .adb-content{padding: 40rem 0;grid-column-end: span 2;position: relative;z-index: 2;}
    .adb-content:first-child{padding-left: 50rem;}
    .adb-content:last-child{padding-right: 50rem;margin-left: auto;}
    .adb-content .title b{color: var(--c13);}
    .adb-action{margin-top: 30rem;}
    .adb-image img{position: absolute;top: 0;height: 100%;z-index: 1;width: auto;}
    
    .alerts{position: relative;display: flex;height: 0;align-items: flex-end;position: sticky;bottom: 0;z-index: 1;width: 100%;pointer-events: none;}
    .alerts-container{position: relative;margin: 30rem 0;width: 100%;max-width: 460rem;margin-left: auto;}
    .alert{color: var(--c1);background-color: var(--c2);box-shadow: var(--shadow2);padding: 15rem 30rem 15rem 20rem;border-radius: var(--br1);font-size: var(--f-s);position: relative;pointer-events: all;}
    .alert:nth-child(n + 2){position: absolute;bottom: 0;left: 0;right: 0;height: 100%;}
    .alert:nth-child(n + 2) .alert-controls,
    .alert:nth-child(n + 2) .alert-close,
    .alert:nth-child(n + 2) .alert-msg{opacity: 0;visibility: hidden;}
    .alert:nth-child(2){margin: 10rem;z-index: -1;}
    .alert:nth-child(3){margin: 20rem;z-index: -2;}
    .alert:nth-child(n + 4){display: none;}
    .alert-close{width: max(10px, 12rem);height: max(10px, 12rem);display: flex;align-items: center;justify-content: center;position: absolute;top: 0;right: 0;cursor: pointer;margin: 10rem;}
    .alert-msg{position: relative;padding-left: 30rem;user-select: none;}
    .alert-msg-icon{width: max(16px, 20rem);height: max(16px, 20rem);display: flex;align-items: center;justify-content: center;position: absolute;top: 0;left: 0;}
    .alert-msg-text{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
    .alert-msg-action{color: var(--c3);margin-top: 5rem;}
    .alert-controls{position: absolute;bottom: 100%;right: 0;display: grid;grid-auto-flow: column;grid-gap: 10rem;padding-bottom: 30rem;}
    .alert-control{display: flex;height: max(32px, 36rem);min-width: max(32px, 36rem);align-items: center;background-color: var(--c12);color: var(--c2);justify-content: center;padding: 10rem;border-radius: var(--br1);cursor: pointer;}
    .alert-control-icon{display: flex;align-items: center;justify-content: center;height: max(16px, 18rem);width: max(16px, 18rem);}
    .alert-control-icon:not(:first-child){width: 12rem;height: 12rem;margin-left: 10rem;}
    .alert-control-text{white-space: nowrap;font-weight: 700;}
    
    .tooltipster-base{position: absolute;z-index: 999;pointer-events: none;background-color: var(--c12);color: var(--c2);padding: 5rem 10rem;font-size: var(--f-s);border-radius: var(--br2);transition: all 0s 0s!important;}
    
     
    .popup-datatable{border: var(--sl) solid var(--c8);border-radius: var(--br1);overflow: hidden;}
    .popup-datatable .datatable{overflow: auto;border: none;}
    .popup-datatable .datatable th{position: sticky;top: 0;z-index: 6;}
    .popup-datatable .datatable th:first-child{z-index: 7;border-top-left-radius: 0;}
    .popup-datatable .datatable th:last-child{border-top-right-radius: 0;}

    
}

/* cards */

@media screen {
   
    .card{position: relative;overflow: hidden;display: flex;min-height: 100%;flex-direction: column;user-select: none;}
  
   
}

/* sections */

@media screen {
    
    .s1-2{margin-bottom: 30rem;display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gap);}
    .s1-2-2{grid-column: 1/-1;display: flex;gap: 10rem;}
    .s1-3{width: 100%;box-shadow: var(--shadow1);border-radius: var(--br1);}
    .s1-5{background-color: var(--c2);border-radius: var(--br1);overflow: hidden;box-shadow: var(--shadow1);margin-top: 30rem;padding: 10rem;}
    
    .s2-1{margin: 40rem 0;display: flex;}
    .s2-1:first-child{margin-top: 0;}
    .s2-1:last-child{margin-bottom: 0;}
    .s2-1::before{content: "";flex: none;width: 0;padding-top: 20%;}
    .s2-2{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}
    .s2-3{background-color: var(--c2);padding: 50rem;border-radius: var(--br3);box-shadow: var(--shadow1);position: relative;}
    .s2-4{display: flex;align-items: center;position: relative;z-index: 2;}
    .s2-4-1{flex: none;width: max(80px, 90rem);display: flex;position: relative;margin-right: 40rem;}
    .s2-4-1::before{content: "";flex: none;width: 0;padding-top: 100%;}
    .s2-4-2{font-size: var(--f-l);line-height: 1.3;font-weight: 700;}
    .s2-5:not(:first-child){margin-top: 30rem;padding-top: 40rem;border-top: var(--sl) solid var(--c8);}
    .s2-5{display: grid;grid-template-columns: auto;grid-gap: 20rem;position: relative;z-index: 2;}
    .s2-6{display: flex;align-items: center;}
    .s2-6-1{flex: none;width: max(36px, 40rem);height: max(36px, 40rem);border-radius: var(--br1);display: flex;align-items: center;justify-content: center;background-color: var(--c0);margin-right: 20rem;padding: 10rem;}
    .s2-6-1 img{max-height: 100%;width: auto;}
    .s2-6-2{font-size: var(--f-m);}
    .s2-7{margin-top: 40rem;font-size: var(--f-b);font-style: italic;font-weight: 700;position: relative;z-index: 2;}
    .s2-8{position: absolute;bottom: 0;right: 0;z-index: 1;width: 100%;max-width: 25%;}
    
    .s3-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);margin-top: 30rem;}
    .s3-2{background-color: var(--c2);border-radius: var(--br1);padding: 30rem;box-shadow: var(--shadow1);}
    .s3-3{display: grid;grid-template-columns: 1fr auto;grid-gap: var(--gap);align-items: center;}
    .s3-4{border-top: var(--sl) solid var(--c8);margin-top: 15rem;padding-top: 30rem;display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));grid-gap: var(--gap);align-items: flex-end;}
    .s3-4-2{grid-column: 1/-1;}
    .s3-4 .selector{background-color: var(--c0);}
    .s3-4 .searchbox-selector{flex: auto;min-width: 0;}
    .s3-4 .searchbox-input{flex: none;max-width: 80rem;}
    .s3-6{display: grid;grid-auto-flow: column;grid-gap: 10rem;}
    .s3-6-1 .button{min-width: 30rem;height: 30rem;padding: 0 5rem;border-radius: var(--br2);}
    .s3-6-1 .button__flat .button-icon:only-child{margin: 0 -5rem;}
   
}

@media screen and (max-width: 1679.98px) {
    
    :root{

        --f-xl: 66rem;
        
    }
    
    .s1-2{grid-template-columns: repeat(3, 1fr);}
    
}

@media screen and (max-width: 1439.98px) {
    
    :root{

        --f-xl: 60rem;
        
    }
  
    
}

@media screen and (max-width: 1365.98px) {
    
    
    :root{

        --f-b: 26rem;
        --f-l: 36rem;
        --f-xl: 54rem;
        
        
    }
    
    .button__flat{padding: 0 10rem;}
    .button__flat .button-text:only-child{margin: 0;}
    .button__flat .button-icon:only-child{margin: 0 -10rem;}
    
    .topbar{grid-template-columns: 1fr auto 1fr;grid-gap: 20rem;}
    
    .topbar-buttons{margin-left: auto;}
    .topbar-nav ul{grid-gap: 40rem;}
    .topbar-buttons{grid-gap: 40rem;}
    .navbar-main ul{margin: -20rem;}
    .navbar-main li{margin: 20rem;}
    
    
}

@media screen and (max-width: 1279.98px) {
    
    :root{

        --f-d: 14rem;
        --f-m: 16rem;
        --f-b: 24rem;
        --f-l: 32rem;
        --f-xl: 48rem;
        
        
    }
    
    
    .topbar-logo, 
    .topbar-nav,
    .topbar-buttons{padding: 10rem 0;}
    
    .topbar-logo{max-width: 195rem;}
    .footer-logo{max-width: 195rem;}
    
    .topbar-nav li{padding: 10rem 0;margin: -10rem 0;}
    
    .footer-nav li.current{padding: 20rem 0;margin: -20rem 0;}
    
}

@media screen and (max-width: 1151.98px) {
    
    :root{

        --wr: 20rem;
        
        --f-xl: 42rem;
        
        --gap: 15rem;

        --br1: 8rem;
        --br2: 5rem;
        --br3: 10rem;

        --input: 40rem;
        --btn: 30rem;

        
        --mwx: 640rem;
        
    }
    
    
    .topbar-buttons{grid-gap: 20rem;}
    
    .navbar-main ul{margin: -15rem;}
    .navbar-main li{margin: 15rem;}
    
    .main{padding-bottom: 60rem;}
    
    .dropdown .popup{min-width: 0;width: 560rem;}
    .layer .popup{min-width: 400rem;}
    
    .footer-nav ul{grid-gap: 30rem;}
    
    .textfield-input{padding: 8rem 15rem;}
    
    .selector-submit,
    .textfield-submit{width: 30rem;height: 30rem;}
    
    .alerts-container{max-width: 400rem;}
    
}

@media screen and (max-width: 1023.98px) {
    
    :root{

        --f-xs: 12rem;
        --f-s: 12rem;
        --f-d: 12rem;
        --f-m: 14rem;
        --f-b: 22rem;
        --f-l: 28rem;
        --f-xl: 36rem;
        
        
    }
   
    
    html{font-size: 1px;}
    
    .desktop{display: none!important;}
    
    .popup-active{overflow: hidden;}
    
    .button__default .button-icon{width: 18rem;height: 18rem;margin-right: 10rem;}

    
    .header{margin-bottom: 25rem;}
  
    .header .button__default .button-text{}
    
    
    
    .topbar{grid-gap: 20rem;grid-template-columns: 1fr auto 1fr;}
    .topbar-logo{height: 50rem;max-width: 150rem;margin-right: auto;}
    .topbar-logo img{width: auto;}
    .topbar-nav{position: relative;z-index: 1;}
    .topbar-nav ul{grid-gap: 30rem;}
    
    .topbar-nav-current{color: var(--c3);display: flex;align-items: center;position: relative;}
    .topbar-nav-current-button{display: flex;}
    .topbar-nav-current-icon{width: 12rem;height: 12rem;display: flex;align-items: center;justify-content: center;flex: none;margin-left: 5rem;}
    .topbar-nav-list{position: absolute;top: 100%;left: 0;right: 0;padding: 20rem;border-radius: var(--br3);box-shadow: var(--shadow1);z-index: 99;background-color: var(--c2);color: var(--c1);display: grid;grid-template-columns: auto;grid-gap: 20rem;margin: -10rem -20rem 0 -20rem;white-space: nowrap;transition: all .15s;}
    .topbar-nav-current.active .topbar-nav-current-icon{transform: scaleY(-1);}
    .topbar-nav-list:not(.active){opacity: 0;visibility: hidden;transform: translateY(20rem);}
    .topbar-buttons{grid-gap: 20rem;margin-left: auto;}
    .topbar-button{display: flex;}
    
    .navbar-main ul{margin: -10rem;}
    .navbar-main li{margin: 10rem;}
    
    .navbar-buttons{display: flex;justify-content: space-between;grid-gap: 0;margin: 0 -5rem;}
    .navbar-button{margin: 0 5rem;}

    
    .main{padding-bottom: 30rem;}
    
    .footer{overflow: hidden;}
    .footer-logo{max-width: 150rem;}
    .footer-grid{grid-gap: 40rem;}
    .footer-nav ul{grid-gap: 30rem;}
    .footer-buttons{grid-gap: 10rem;}
    
    .footer-nav li.current{padding: 15rem 0;margin: -15rem 0;}

    .selector-submit:last-child,
    .textfield-submit:last-child{margin-right: 5rem;}
    
    .selector-holder{padding: 0 10rem;}
    
    .textfield-input{padding: 10rem;}
    
    .datalist-col{max-width: none;}
    
    .adb-content{padding: 20rem 0;}
    .adb-content:first-child{padding-left: 20rem;}
    .adb-content:last-child{padding-right: 20rem;}
    
    .alerts{}
    .alerts-container{margin-top: 15rem;margin-bottom: 15rem;}
    .alert-control{min-width: 30rem;height: 30rem;padding: 5rem;}
    
    
    .s1-2{grid-template-columns: 1fr 1fr;grid-gap: 15rem;margin-bottom: 20rem;}
    .s1-3{width: auto;margin: 0 var(--awr);overflow: auto;box-shadow: none;border-radius: 0;background-color: transparent;display: flex;}
    .s1-3::before,
    .s1-3::after{content: "";flex: none;width: var(--wr);}
    .s1-5{padding: 20rem var(--wr);margin-top: 20rem;}
    
    .s2-1{margin: 20rem 0;}
    .s2-3{padding: 15rem;}
    .s2-4-1{width: 50rem;margin-right: 15rem;}
    .s2-4-2 br{display: none;}
    .s2-5{grid-gap: 15rem;}
    .s2-5:not(:first-child){margin-top: 15rem;padding-top: 15rem;}
    .s2-6-1{width: 30rem;height: 30rem;padding: 7rem;margin-right: 10rem;}
    .s2-7{margin-top: 25rem;height: 80rem;display: flex;align-items: center;padding-right: 45%;}
    .s2-8{right: 15rem;}
    
    .s3-2{padding: 15rem;}
    .s3-4{margin-top: 10rem;padding-top: 20rem;}
    
    .dropdown{}
    .dropdown .popup{min-width: 0;max-height: 80vh;}
    
    .popup-nav ul{display: grid;grid-template-columns: auto;grid-gap: 20rem;font-weight: 700;font-size: var(--f-m);}
    .popup-nav li.current{color: var(--c3);}
  
    
}

@media screen and (max-width: 799.98px) {
    
    :root{

        
        --gap: 15rem;

        --br1: 8rem;
        --br2: 5rem;
        --br3: 10rem;

        --input: 40rem;
        --btn: 30rem;

        --f-xs: 12rem;
        --f-s: 12rem;
        --f-d: 12rem;
        --f-m: 14rem;
        --f-b: 20rem;
        --f-l: 24rem;
        --f-xl: 24rem;
        
        --mwx: 640rem;
        
    }
    
    
    .topbar-nav{align-items: center;}
    .topbar-nav ul{display: none;}
    
    .navbar{grid-gap: 0;grid-template-columns: auto;padding: 10rem 0;}
    .navbar-main{display: none;}
    
    .footer-grid{padding: 30rem 0;grid-template-columns: auto;grid-gap: 30rem;margin: 0 auto;max-width: 400rem;}
    .footer-logo{margin: 0 auto;max-width: 150rem;}
    .footer-nav ul{display: flex;justify-content: space-between;grid-gap: 0;}
    .footer-nav .button{flex-direction: column;}
    .footer-nav .button-icon{margin-right: 0;margin-bottom: 5rem;}
    .footer-buttons{display: flex;justify-content: space-between;grid-gap: 0;margin: 0;}
    .footer-button .button{--btn: 40rem;}
    
    .footer-nav li.current{padding: 15rem 0;margin: -15rem 0 0;}
    
    .s2-2{grid-template-columns: auto;}
    
    .s3-1{grid-template-columns: auto;margin-top: 0;}
    
}

@media screen and (max-width: 599.98px) {
    
    :root{

        
        --f-b: 18rem;
        --f-l: 20rem;
        --f-xl: 20rem;
        
        
    }
    
    .s1-2{grid-template-columns: auto;}
        
    .layer{overflow: auto;padding: 0;pointer-events: all;}
    
    .logo-desktop{display: none;}
    
    .topbar-button .button-icon{margin-right: 0;}
    .topbar-button .button-text{display: none;}
    
    .dropdown{left: auto;}
    .dropdown.active{position: fixed;z-index: 9999;left: 0;height: 100%;margin: 0;right: 0;top: 0;overflow: auto;background-color: var(--c2);}
    .dropdown .wrapper{padding: 0;}
    
    .layer .popup,
    .dropdown .popup{width: 100%;border-radius: 0;min-width: 100%;box-shadow: none;padding: 0 var(--wr) 20rem;max-height: none;margin: 0;min-height: 100%;transition-duration: 0s;transition-property: none;overflow: visible;}
    
    .popup .scrollbox{overflow: visible;}
    
    .popup-header{padding: 50rem var(--wr) 20rem;position: sticky;top: 0;z-index: 10;background-color: var(--c2);margin: 0 var(--awr);}
    
    .popup-close{margin-top: -30rem;margin-right: 0;}
    .popup-content{max-height: none;overflow: visible;}
    .popup-datatable{display: flex;margin: 0 var(--awr);overflow: auto;}
    .popup-datatable::before,
    .popup-datatable::after{content: "";flex: none;width: var(--wr);}
    
    .mb-content{overflow: visible!important;}
    .mb-track{display: none!important;}
    
    .formbox-row{flex-direction: column;align-items: stretch;}
    .formbox-cell:not(:first-child){margin: 20rem 0 0;}
    
    .datatable{}
    
    .adb{grid-template-columns: auto;min-height: 200rem;padding: 15rem;grid-gap: 0;grid-template-rows: auto 1fr;}
    .adb-content{grid-column: 1/-1;order: -1;display: flex;flex-direction: column;align-items: center;}
    .adb-content:first-child,
    .adb-content:last-child{padding: 0;margin: 0;}
    .adb-title{text-align: center;}
    .adb-image:first-child{height: 140rem;}
    .adb-image img{left: 50%;transform: translateX(-50%);max-width: none;}
    .adb-action .button{width: 100%;}
    
    .adb-action{margin-top: 15rem;width: 100%;}
    
    
    .footer-logo{max-width: 150rem;}
    
    .pagination{grid-template-columns: auto 1fr 1fr auto;grid-gap: 20rem 15rem;}
    .pagination-nav{grid-column-end: span 2;margin: 0 auto;}
    .pagination-first,
    .pagination-last{grid-column-end: span 2;order: 1;margin: 0;}
    
    
    .s1-5{margin-left: var(--awr);margin-right: var(--awr);border-radius: 0;}
    
    .s3-4{grid-template-columns: auto;} 
    
}

@media screen and (min-width: 600px) {
    
    .logo-mobile{display: none;}
    
    .navbar-button__menu{margin-right: auto;}
    
    .popup-container-inner{position: relative;width: 100%;}
    .layer .popup{max-width: 90%;}
    
    .adb-image img{right: 0;}
    .adb-image:first-child img{right: auto;left: 0;}
    
}

@media screen and (min-width: 800px) {
    
    .topbar-nav-current{display: none;}
    .topbar-nav-list{display: none;}
    .navbar-button__menu{display: none;}
    
    .pagination-first,
    .pagination-last{min-width: 120rem;}
    
    .pagination-first{margin-right: auto;}
    .pagination-last{margin-left: auto;}
    
}   
    
@media screen and (min-width: 1024px) {
    
    .mobile{display: none!important;}
    
    
    
    
    .adb-image:first-child img{left: 0;}
    .adb-image:last-child img{right: 0;}
    
}

@media screen and (min-width: 1680px) {
    
    
    html{font-size: 1px;}
    
    
}

/* hover animations */

@media (hover: hover) and (pointer: fine) and (min-width: 1024px) {
   
    .button,
    .alert-control{transition: all .15s;}
    .button__flat::before{transition: opacity .15s;}
    
    .button:not(.allow):not(.cancel):not(.red):not(.green):hover{color: var(--c3);}
    
    .button__primary:hover{color: var(--c2);}
    .button__primary.yellow:hover{color: var(--c1);}

    .button__flat:not(.allow):not(.cancel):not(.red):not(.green):hover,
    .alert-control:hover{color: var(--c2);background-color: var(--c3);}
    .button__flat:hover::before{opacity: 0;}
    
    *[data-title]{position: relative;}
    *[data-title]::after{content: attr(data-title);position: absolute;top: 100%;left: 50%;transform: translateX(-50%);pointer-events: none;background-color: var(--c12);color: var(--c2);padding: 5rem 10rem;font-size: var(--f-s);border-radius: var(--br2);margin-top: 5rem;transition: opacity .15s;white-space: nowrap;}
    *[data-title]:not(:hover)::after{opacity: 0;}
    
    .button__flat.red:hover{color: var(--c4);background-color: var(--c6);}
    .button__flat.green:hover{color: var(--c5);background-color: var(--c7);}
    
    .footer .button:hover{color: var(--c2);}
    .footer .button__flat:hover{background-color: var(--c2);color: var(--c3);}
    
    .alert-controls{transition: all .25s;}
    .alert:not(:hover) .alert-controls{opacity: 0;visibility: hidden;}
    
    .navbar-main a.
    .popup-close,
    .alert-close{transition: color .15s;}
    .navbar-main a:hover,
    .popup-close:hover,
    .alert-close:hover{color: var(--c3);}
    
    .sort:hover .sort-icon{color: var(--c3);transform: scaleY(1);}
    .sort__az:hover .sort-icon .icon{transform: scaleY(-1);}
    
    .switch-label-title:hover{background-color: var(--c8);}
    
    
}