body, html {
    width: 100%;
    height: 100%;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: var(--color-text-primary);
}


.alert{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .6);
    display: flex;
    justify-content: center;
    align-items: center;
}

.alert__box{
    width: 500px;
    height: auto;
    z-index: 1;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 30px 0px;
    padding: 30px;
    background: rgb(255, 255, 255);
    border-radius: 15px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(219, 219, 219);
    border-image: initial;
    animation-name: modal_open;
    animation-duration: .4s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);
    -webkit-animation-name: modal_open;
    -webkit-animation-duration: .4s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);
}

.alert__title{
    font-size: .9rem;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1.5rem;
    padding-bottom: 5px;
}

.alert__text{
    font-size: .85rem;
    font-weight: 500;
}

.alert__btns{
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    margin-top: 30px;
}

.alert__btn{
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    border-radius: 8px;
    white-space: nowrap;
    font-size: .7rem;
    padding: 0 30px;
    height: 38px;
    line-height: 38px;
    font-weight: 700;
    text-transform: uppercase;
}

.alert__btn--primary{
    color: var(--color-text-primary);
    background-color: var(--color-primary);
    border: 2px solid var(--color-primary);
}

.alert__btn--border{
    color: var(--color-text-primary);
    background-color: transparent;
    border: 2px solid var(--color-primary);
}



#app{
    width: 100%;
    height: 100%;
    position: relative;
}


.layout {
    display: flex;
    width: 100%;
    height: auto;
    min-height: 100%;
    min-width: 1500px;
}

.layout__content {
    flex: 1 1 auto;
    width: auto;
    height: auto;
    min-height: 100%;
}

.layout__left {
    flex: 1 1 auto;
    width: auto;
    height: auto;
    min-height: 100%;
}

.layout__left--half {
    flex: 0 0 50%;
    width: 50%;
    min-width: 700px;
}

.layout__left--fix {
    flex: 0 0 800px;
    width: 800px;
}

.layout__left--small {
    flex: 0 0 500px;
    width: 500px;
}

.layout__right {
    flex: 1 1 auto;
    width: auto;
    height: auto;
    min-height: 100%;
}



.mobilemenu{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    background: white;
    padding: 80px 20px 20px 20px;
    overflow: auto;
}

.mobilemenu__exit{
    position: absolute;
    top: 25px;
    right: 25px;
    width: 25px;
    height: 25px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMkIyQjJCO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTUxMiwzMC4yTDQ4MS44LDBMMjU2LDIyNS44TDMwLjIsMEwwLDMwLjJMMjI1LjgsMjU2TDAsNDgxLjhMMzAuMiw1MTJMMjU2LDI4Ni4yTDQ4MS44LDUxMmwzMC4yLTMwLjIKCUwyODYuMiwyNTZMNTEyLDMwLjJ6Ii8+Cjwvc3ZnPgo=);
    background-size: cover;
}

.mobilemenu__logo{
    width: auto;
    height: 23px;
    margin-top: 4px;
}

.mobilemenu__list a{
    text-transform: uppercase;
    font-weight: 600;
    color: var(--color-text-primary);
    line-height: 2.2rem;
    font-size: 1.1rem;
}

.mobilemenu__inner{
    display: flex;
    flex-direction: column;
    gap: 50px;
    align-items: center;
    text-align: center;
}



.main{
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
}

.main__top{
    flex: 0 0 auto;
}

.main__middle{
    display: flex;
    justify-content: center;
    flex: 1 1 auto;
}

.main__bottom{
    padding: 20px 0;
    flex: 0 0 auto;
}


.side{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: var(--padding-body-y) var(--padding-body-x);
}

.side--gray{
    background: var(--color-side-bg);
}

.side__top{
    width: 100%;
    height: auto;
    flex: 0 0 auto;
}

.side__middle{
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    justify-content: center;
    width: 100%;
    height: auto;
    padding: 50px 0;
}

.side__middle--center{
    align-items: center;
}

.side__bottom{
    width: 100%;
    height: auto;
    flex: 0 0 auto;
}

.side__header{
    border-bottom: 1px solid var(--color-separator);
    margin-bottom: 60px;
}

.side__header h1{
    display: inline-block;
    font-size: 1.1rem;
    line-height: 1.6rem;
    font-weight: 800;
    margin-bottom: -1px;
    border-bottom: 3px solid var(--color-primary);
}

.side__subheader{
    margin-bottom: 30px;
    font-weight: 700;
    font-size: .85rem;
    opacity: .8;
}

.side__link{
    font-size: .8rem;
    font-weight: 600;
    color: var(--color-link);
    text-decoration: underline;
}

.side__link:hover{
    text-decoration: underline;
    color: var(--color-link-side-hover);
}

.side__separator{
    width: 100%;
    height: auto;
    padding-top: 10px;
    position: relative;
    margin-top: 80px;
    margin-bottom: 30px;
}

.side__separator__inner{
    display: flex;
    justify-content: center;
    border-top: 1px solid var(--color-separator);
    padding-bottom: 10px;
}

.side__separator__text{
    font-size: .75rem;
    font-weight: 500;
    color: var(--color-text-dim);
    background: white;
    padding: 0 10px;
    position: absolute;
    margin-top: -11px;
}

.side__text{
    font-weight: 400;
    font-size: .85rem;
    line-height: 1.35rem;
    margin-bottom: 30px;
    opacity: .8;
}


.sideHeader{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.sideHeader__logo{
    width: auto;
    height: auto;
}

.sideHeader__logoimg{
    width: auto;
    height: var(--height-logo);
}



.sideFooter{
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    align-items: center;
}

.sideFooter__copyright{
    color: inherit;
    font-size: .75rem;
    font-weight: 500;
}

.sideFooter__link{
    color: inherit;
    font-size: .77rem;
    font-weight: 500;
    text-decoration: underline;
}

.sideFooter__link--email{
    display: flex;
    align-items: center;
}

.sideFooter__link--email:before{
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background-image: url('https://www.anyplication.com?req=SlFu16Zc0Lkt8emA1c5ZT6blRY07PNXqPcbiPGLtPM9fP203D3Gu1cPfR6LfP201CmCa930W0qD2Kw5');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 5px;
}


.page{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.page__top{
    width: 100%;
    height: auto;
    flex: 0 0 auto;
}

.page__middle{
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1 1 auto;
    width: 100%;
    height: auto;
}

.page__middle--center{
    justify-content: center;
}

.page__middleinner{
    width: 100%;
    max-width: var(--width-page);
    height: auto;
    padding: 0 var(--padding-body-x);
}

.page__bottom{
    width: 100%;
    height: auto;
    flex: 0 0 auto;
    padding: var(--padding-body-y) var(--padding-body-x);
}


.pageblock{
    display: flex;
    justify-content: center;
    width: 100%;
    height: auto;
    padding: initial;
}

.pageblock--padding{
    padding: var(--padding-block-y) 0;
}

.pageblock--gray{
    background-color: var(--color-side-bg);
}

.pageblock--endline{
    border-bottom: 1px solid var(--color-separator);
}

.pageblock__inner{
    width: 100%;
    max-width: var(--width-page);
    height: auto;
    padding: 0 var(--padding-body-x);
}



.pageheader{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}

.pageheader__top{
    display: flex;
    justify-content: center;
    border-bottom: 1px solid var(--color-separator);
}

.pageheader__topinner{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: var(--width-page);
    height: 50px;
    padding: 0 var(--padding-body-x);
}

.pageheader__middle{
    display: flex;
    justify-content: center;
    border-bottom: 1px solid var(--color-separator);
}

.pageheader__middleinner{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: var(--width-page);
    height: var(--height-main-menu);
    padding: 0 var(--padding-body-x);
}

.pageheader__contact{
    display: flex;
    gap: var(--gap-normal);
}

.pageheader__contactitem{
    display: flex;
    align-items: center;
    font-size: .85rem;
    font-weight: 500;
    color: inherit;
}

.pageheader__contactitem:hover{
    text-decoration: underline;
}

.pageheader__contactitem--phone:before{
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background-image: url('https://www.anyplication.com?req=DzHs0f_oeqst8emA1c5ZT6blRY07PNXqPcbiPGLtPM9fP203D3Gu1cPfR6LfP201DWCa930W0qD2Kw5');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 5px;
}

.pageheader__contactitem--email:before{
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background-image: url('https://www.anyplication.com?req=jHQp0LZmYvgt8emA1c5ZT6blRY07PNXqPcbiPGLtPM9fP203D3Gu1cPfR6LfP201CmCa930W0qD2Kw5');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 5px;
}

.pageheader__logo{

}

.pageheader__logoimg{
    width: auto;
    height: var(--height-logo);
    margin-top: 4px;
}

.pageheader__before{
    display: flex;
    align-items: center;
    gap: var(--gap-large);
}

.pageheader__after--desktop{
    
}

.pageheader__after--mobile{
    display: none;
}


.pageheaderenter{
    display: flex;
    align-items: center;
    gap: var(--gap-small);
}

.pageheaderenter__link{
    font-size: .85rem;
    color: var(--color-link);
    font-weight: 600;
}

.pageheaderenter__link:hover{
    color: var(--color-text-primary);
}

.pageheadermobilemenu{
    width: 23px;
    height: 23px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlZyc3R2YV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI0IDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6bm9uZTtzdHJva2U6IzIyMjMyMztzdHJva2Utd2lkdGg6Mjt9Cjwvc3R5bGU+CjxsaW5lIGNsYXNzPSJzdDAiIHgxPSIwIiB5MT0iMyIgeDI9IjI0IiB5Mj0iMyIvPgo8bGluZSBjbGFzcz0ic3QwIiB4MT0iMCIgeTE9IjkiIHgyPSIyNCIgeTI9IjkiLz4KPGxpbmUgY2xhc3M9InN0MCIgeDE9IjAiIHkxPSIxNSIgeDI9IjI0IiB5Mj0iMTUiLz4KPGxpbmUgY2xhc3M9InN0MCIgeDE9IjAiIHkxPSIyMSIgeDI9IjE2IiB5Mj0iMjEiLz4KPC9zdmc+Cg==);
    background-size: 100% 100%;
}



.pageheaderusercontrol{
    display: flex;
    align-items: center;
    gap: 16px;
}

.pageheaderusercontrol__item{
    width: 22px;
    height: 22px;
    position: relative;
}

.pageheaderusercontrol__item--disabled{
    opacity: .3;
    cursor: default;
}

.pageheaderusercontrol__icon{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    cursor: pointer;
}

.pageheaderusercontrol__item--notification .pageheaderusercontrol__icon{
    background-image: url(https://www.anyplication.com?req=49kA0sSeEEQt8emA1c5ZT6blRY07PNXqPcbiPGLtPM9fP203D3Gu1cPfR6LfP202CJO392Gm80D3GbEb);
}

.pageheaderusercontrol__item--user .pageheaderusercontrol__icon{
    background-image: url(https://www.anyplication.com?req=_7Wa1IW9xgMt8emA1c5ZT6blRY07PNXqPcbiPGLtPM9fP203D3Gu1cPfR6LfP202CJC392Gm80D3GbEb);
}

.pageheaderusercontrol__icon > a{
    display: block;
    width: 100%;
    height: 100%;
}


.pageFooter{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: auto;
}

.pageFooter__copyright{
    color: inherit;
    font-size: .75rem;
    font-weight: 500;
}


.navigation-main,
.navigation-main > li{
    display: flex;
    gap: var(--gap-normal);
}

.navigation-main__link{
    font-size: .9rem;
    font-weight: 700;
    color: var(--color-link);
}

.navigation-main__link--disabled{
    opacity: .35;
}

.navigation-main__link:not(.navigation-main__link--disabled):hover,
.navigation-main__link--active{
    color: var(--color-text-primary);
}

.navigation-main__text{
    position: relative;
}

.navigation-main__link--active .navigation-main__text:before{
    content: '';
    position: absolute;
    left: 0;
    bottom: -29px;
    width: 100%;
    height: 2px;
    background-color: var(--color-primary);
}


.navigation-sub{
    padding-top: 8px;
    padding-bottom: 10px;
    margin-top: -5px;
}

.navigation-sub,
.navigation-sub > li{
    display: flex;
}

.navigation-sub__link{
    font-size: .85rem;
    font-weight: 600;
    color: var(--color-link);
    padding-right: 18px;
    padding-bottom: 5px;
}

.navigation-sub__link:hover,
.navigation-sub__link--active{
    color: var(--color-text-primary);
}

.navigation-sub__text{
    position: relative;
}

.navigation-sub__link--active .navigation-sub__text:before{
    content: '';
    position: absolute;
    left: 0;
    bottom: -16px;
    width: 100%;
    height: 2px;
    background-color: var(--color-primary);
}


.navigation-column{
    display: flex;
    flex-direction: column;
}

.navigation-column__item{
    display: inline-block;
    padding: 5px 0;
}

.navigation-column__item a{
    position: relative;
    font-size: .95rem;
    font-weight: 700;
    color: var(--color-link);
}

.navigation-column__item--active a{
    color: var(--color-text-primary);
}

.navigation-column__item a:hover:before,
.navigation-column__item--active a:before{
    content: '';
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 2px;
    background-color: var(--color-primary);
}


.navigation-row{
    display: flex;
    flex-direction: row;
    gap: var(--gap-small);
}

.navigation-row__item{
    position: relative;
    font-size: .9rem;
    font-weight: 600;
    color: var(--color-link);
}

.navigation-row__item--bold{
    font-size: 1rem;
}


.navigation-row__item--active{
    color: var(--color-text-primary);
}

.navigation-row__item--active:before,
.navigation-row__item:hover:before{
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 2px;
    background-color: var(--color-primary);
}

.navigation-row__item:last-child{
    margin-right: initial;
}


.footer-main{
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    align-items: center;
}

.footer-main__copyright{
    color: inherit;
    font-size: .75rem;
    font-weight: 500;
}

.footer-main__link{
    color: inherit;
    font-size: .77rem;
    font-weight: 500;
    text-decoration: underline;
}

.footer-main__link--email{
    display: flex;
    align-items: center;
}

footer-main__link--email:before{
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background-image: url('https://www.anyplication.com?req=zP_I04TWuCYt8emA1c5ZT6blRY07PNXqPcbiPGLtPM9fP203D3Gu1cPfR6LfP201CmCa930W0qD2Kw5');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 5px;
}


.form{
    width: 100%;
    height: auto;
}

.form__row{
    margin-bottom: 25px;
}

.form__group{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.form .form__row:last-child,
.form .form__group:last-child {
    margin-bottom: initial;
}

.form__groupitem{
    flex: 1;
    padding-left: 6px;
    padding-right: 6px;
}

.form__groupitem:first-child{
    padding-left: initial;
}

.form__groupitem:last-child{
    padding-right: initial;
}

.form__grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 5px;
}

.form__checkboxs{
    padding: 20px 0;
}

.form__checkboxitem{
    padding: 4px 0;
}

.form_invalidtext{
    font-size: .85rem;
    font-weight: 700;
    color: var(--color-warning);
    margin-bottom: 25px;
}

.form__agreements{
    margin-bottom: 50px;
    padding-top: 15px;
}


.iconbutton{
    display: flex;
    height: 48px;
    width: 48px;
    border-radius: 8px;
    cursor: pointer;
}

.iconbutton--fav{
    background-color: var(--color-dark);
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjIuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlZyc3R2YV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgODAwIDgwMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgODAwIDgwMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzk5LjcsOTljLTQxLjYtMzYuNS05Ni40LTU4LjctMTU2LjMtNTguN0MxMTMuMSw0MC4yLDcuNSwxNDQuOSw3LjUsMjc0YzAsNTkuNCwyMi4xLDExNCw1OSwxNTUuM0w0MDAsNzU5LjgKCUw3MjMuNyw0MzlsOS42LTEwLjFjMzYuOS00MS4zLDU5LjMtOTUuNSw1OS4zLTE1NWMwLTEyOS4xLTEwNS42LTIzMy43LTIzNS44LTIzMy43Yy02MCwwLTExNC43LDIyLjItMTU2LjMsNTguN2wtMC4zLTAuM0wzOTkuNyw5OXoKCSBNNDAwLDE4Ni4zbDIuNCwyLjFsMzcuMi0zNi45bDMuOS0zLjRjMzAuMS0yNi40LDY5LjYtNDIuNSwxMTMuMi00Mi41Yzk0LjcsMCwxNzAuNCw3NS45LDE3MC40LDE2OC4zYzAsNDIuNC0xNS44LDgxLTQyLDExMC43CglsLTguMiw4LjZMNDAwLDY2Ny43TDExNCwzODQuM2MtMjUuNy0yOS40LTQxLjEtNjgtNDEuMS0xMTAuM2MwLTkyLjQsNzUuOC0xNjguMywxNzAuNC0xNjguM2M0My42LDAsODMuMSwxNi4xLDExMy4yLDQyLjVsMy45LDMuNAoJbDM3LjIsMzYuOUw0MDAsMTg2LjN6Ii8+Cjwvc3ZnPgo=");
    background-size: 50% auto;
    background-repeat: no-repeat;
    background-position: center center;
}

.iconbutton--fav[a-fav-app-state="true"]{
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjIuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlZyc3R2YV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgODAwIDgwMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgODAwIDgwMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzk5LjcsOTljLTQxLjYtMzYuNS05Ni40LTU4LjctMTU2LjMtNTguN0MxMTMuMSw0MC4yLDcuNSwxNDQuOSw3LjUsMjc0YzAsNTkuNCwyMi4xLDExNCw1OSwxNTUuM0w0MDAsNzU5LjgKCUw3MjMuNyw0MzlsOS42LTEwLjFjMzYuOS00MS4zLDU5LjMtOTUuNSw1OS4zLTE1NWMwLTEyOS4xLTEwNS42LTIzMy43LTIzNS44LTIzMy43Yy02MCwwLTExNC43LDIyLjItMTU2LjMsNTguN2wtMC4zLTAuM0wzOTkuNyw5OXoKCSIvPgo8L3N2Zz4K");
}

.iconbutton--fav:hover{
    background-color: var(--color-dark-lighter);
    border-color: var(--color-dark-lighter);
}




.button{
    display: flex;
    height: 48px;
    width: fit-content;
    padding: 0 50px;
    text-align: center;
    font-size: .8rem;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 8px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}

.button--small{
    padding: 0 22px;
    font-size: .73rem;
    height: 38px;
}

.button--primary{
    color: var(--color-text-primary);
    background-color: var(--color-primary);
    border: 2px solid var(--color-primary);
}

.button--primary:hover{
    background-color: var(--color-primary-ligter);
    border-color: var(--color-primary-ligter);
}

.button--minor{
    color: var(--color-text-primary);
    background-color: transparent;
    border: 2px solid var(--color-primary);
}

.button--minor:hover{
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.button--ascent{
    color: var(--color-text-light);
    background-color: var(--color-dark);
    border: 2px solid var(--color-dark);
}

.button--ascent:hover{
    background-color: var(--color-dark-lighter);
    border-color: var(--color-dark-lighter);
}


.button__text{
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.button--disable{
    cursor: pointer;
    opacity: .4;
    pointer-events: none;
}


.input{
    position: relative;
    width: 100%;
}

.input--disabled{
    opacity: .5;
}

.input__field{
    width: 100%;
    height: 48px;
    border-radius: 8px;
    font-size: .85rem;
    font-weight: 700;
    border: 1px solid var(--color-input-border);
    padding: 0 20px;
    -webkit-box-shadow: 0 0 0 1000px white inset!important;
}

.input__field:focus{
    border-color: var(--color-input-border-focus);
}

.input__label{
    position: absolute;    
    top: 18px;
    left: 18px;
    z-index: 1;
    font-size: .9rem;
    line-height: .9rem;
    font-weight: 500;
    user-select: none;
    padding: 0 5px;
    border-radius: 4px;
    background-color: white;
    transition: transform .3s ease;
    transform-origin: 0 0;
}

.input--invalid .input__field{
    color: var(--color-warning);
    border-color: var(--color-warning);
}

.input--invalid .input__label{
    color: var(--color-warning);
}

:is(.input__field):is(:focus)~.input__label,
.input__field:focus~.input__label,
.input__field:not(:placeholder-shown)~.input__label{
    transform: translate(-2px, -24px) scale(.82);
}


.checkbox-wrap{
    display: inline-flex;
    padding: 4px 0;
}

.checkbox-wrap__input{
    padding-right: 10px;
}

.checkbox-wrap__text{
    font-size: .85rem;
    font-weight: 500;
    user-select: none;
    cursor: pointer;
}

.checkbox-wrap__link{
    color: inherit;
    text-decoration: underline;
    font-weight: 700;
    
}

.checkbox-wrap__link:hover{
    opacity: .6;
}


.checkbox{
    display: block;
    width: 20px;
    height: 20px;
    position: relative;
}

.checkbox__native{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.checkbox__body{
    width: 100%;
    height: 100%;
    border: 1px solid var(--color-input-border);
    border-radius: 4px;
    background-color: transparent;
}

.checkbox__native:checked + .checkbox__body{
    border-color: var(--color-primary);
    background-color: var(--color-primary);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDEyIDEwIj48cGF0aCBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0zLjUxNyA3LjIxbC0yLjI3LTIuMjY5TDAgNi4xOWwyLjk5NSAyLjk5NS4wMDMtLjAwNC41NDcuNTQ3TDEyIDEuMjcyIDEwLjcyOCAweiIvPjwvc3ZnPg==);
    background-size: 70%;
    background-position: center center;
    background-repeat: no-repeat;    
}


.steper{
    margin-top: 10px;
}

.steper__header{
    font-size: .8rem;
    font-weight: 700;
    margin-bottom: 20px;
    color: var(--color-primary-text);
    opacity: .5;
}

.steper__item{
    display: flex;
    position: relative;
}

.steper__before{
    width: 35px;
    height: auto;
    flex: 0 0 35px;
    position: relative;
}

.steper__before:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 16px;
    height: 16px;
    background-color: var(--color-side-bg);
    border-radius: 100%;
    border: 2px solid var(--color-gray-steper); 
    box-shadow: 0px 0px 0px 2px var(--color-side-bg);   
}

.steper__before--done:before{
    content: '';
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.steper__before:after{
    content: '';
    position: absolute;
    top: 9px;
    left: 9px;
    bottom: 0;
    z-index: 1;
    width: 2px;
    height: auto;
    background: var(--color-gray-steper);
}

.steper__item:last-child .steper__before:after{
    content: '';
    background: transparent;
}

.steper__after{
    padding-bottom: 15px;
}

.steper__title{
    font-size: .8rem;
    line-height: .8rem;
    font-weight: 800;
}

.steper__text{
    line-height: 1.5rem;
    font-size: .85rem;
    font-weight: 500;
}

.side-img{
    width: 100%;
    height: auto;
    flex: 1 1 auto;
    margin: 60px 0 60px 0;
    background-image: url('https://www.anyplication.com?req=eAri1rqysTkt8emA1c5ZT6blRY07PNXqPcbiPGLtPM9fP203D3Gu1cPfR6LfP201DGCa930W0qD2Kw5');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left bottom;
}



.signwizard {
    width: 100%;
    height: auto;
    max-width: 750px;
}

.signwizard__top {
    margin-bottom: 30px;
}

.signwizard__header{
    font-size: 1.6rem;
    font-weight: 800;
}

.signwizard__subheader{
    color: var(--color-text-dim);
    font-size: .9rem;
    font-weight: 700;
}

.signwizard__error{
    margin-bottom: 30px;
    color: var(--color-warning);
    font-size: 0.9rem;
    font-weight: 600;
    margin-top: 15px;
}

.signwizard__text{
    line-height: 1.5rem;
    font-size: .95rem;
    padding-bottom: 1.1rem;
}

.signwizard__text--stronger{
    font-size: 1.5rem;
    font-weight: 800;
    margin-bottom: 10px;
}

.signwizard__text--invalid{
    color: var(--color-warning);
}

.signwizard__text--result{
    font-size: .8rem;
    font-weight: 600;
    color: var(--color-primary);
}

.signwizard__text--stronges{
    font-size: 1.1rem;
    font-weight: 800;
    margin-bottom: 10px;
}

.signwizard__btns{
    display: flex;
    margin-top: 40px;
}

.signwizard__code{
    margin: 40px 0;
}



.admin{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.admin__inner{
    width: 100%;
    padding: 0 var(--padding-body-x);
}

.admin__top{
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    border-bottom: 1px solid var(--color-separator);
}

.admin__body{
    display: flex;
    flex: 1 1 auto;
}


.adminHeader{
    font-weight: 700;
    font-size: 1.4rem;
    padding: 15px 0 15px 0;
}


.adminusercontext{
    position: absolute;
    z-index: 10;
    right: -5px;
    top: 35px;
    max-width: 380px;
    padding: 8px;
    background: #ffffff;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
    border-radius: 10px;
    display: none;
}

.adminusercontext.open{
    display: block;
}

.adminusercontext__top{
    display: flex;
    padding: 12px;
    align-items: center;
    margin-bottom: 6px;
    border-bottom: 1px solid var(--color-separator);
}

.adminusercontext__icon{
    flex: 0 0 auto;
    width: 45px;
    height: 45px;
    background-color: var(--color-ascent);
    background-image: url(https://www.anyplication.com?req=Nya40i5KDaIt8emA1c5ZT6blRY07PNXqPcbiPGLtPM9fP203D3Gu1cPfR6LfP202Cp0392Gm80D3GbEb);
    border-radius: 100px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 65%;
}

.adminusercontext__user{
    padding-left: 8px;
    flex: 1 1 auto;
    overflow: hidden;
}

.adminusercontext__useremail{
    font-size: .85rem;
    font-weight: 700;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.adminusercontext__userheader{
    font-size: .8rem;
    opacity: .6;
    font-weight: 500;
}

.adminusercontext__link{
    display: block;
    color: inherit !important;
    font-size: .85rem;
    font-weight: 600;
    border-radius: 6px;
    padding: 8px 15px;
    white-space: nowrap;
    cursor: pointer;
}

.adminusercontext__link--disabled{
    cursor: default;
    opacity: .35;
}

.adminusercontext__link--logout{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBjbGFzcz0iaWNvbi1sb2dvdXQiPjxwYXRoIGQ9Ik0xMSAxYTEgMSAwIDAxMCAySDR2MTJoN2ExIDEgMCAwMTAgMkgzYTEgMSAwIDAxLTEtMVYyYTEgMSAwIDAxMS0xaDh6bTIuNjk1IDUuMjAxbDIuMTIxIDIuMTIyYTEgMSAwIDAxMCAxLjQxNGwtMi4xMiAyLjEyMWExIDEgMCAwMS0xLjQxNS0xLjQxNGwuNDQzLS40NDVMNyAxMGExIDEgMCAxMTAtMmg1LjY2NGwtLjM4My0uMzg0QTEgMSAwIDExMTMuNjk1IDYuMnoiIGZpbGw9IiMzMDMyMzMiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPjwvc3ZnPg==");
    background-position: 12px 50%;
    background-repeat: no-repeat;
    background-size: auto 15px;
    padding-left: 32px;
}

.adminusercontext__link:not(.adminusercontext__link--disabled):hover{
    background-color: #f1f1f1;
}




.filterbar{
    display: unset;    
}

.filterbar__list{
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap-small);
}


.filterbar__link{
    display: inline-block;
    padding: 12px 20px;
    text-align: center;
    color: var(--color-text-primary);
    text-decoration: none;
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
    background-color: transparent;
    border: 2px solid var(--color-separator);
    border-radius: 10px;
}

.filterbar__link:not(.filterbar__link--active):hover{
    cursor: pointer;
    background-color: var(--color-frame);
}

.filterbar__link--active{
    background: var(--color-primary);
    border-color: var(--color-primary);
}

.filterselect{
    position: relative;
    display: none;
}

.filterselect::before,
.filterselect::after {
  --size: 0.3rem;
  content: "";
  position: absolute;
  right: 1rem;
  pointer-events: none;
}

.filterselect::before {
  border-left: var(--size) solid transparent;
  border-right: var(--size) solid transparent;
  border-bottom: var(--size) solid black;
  top: 40%;
}

.filterselect::after {
  border-left: var(--size) solid transparent;
  border-right: var(--size) solid transparent;
  border-top: var(--size) solid black;
  top: 55%;
}

.filterselect__select{
    width: 100%;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 30px 0 10px;
    text-align: center;
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
    background-color: white;
    color: var(--color-text-primary);
    border: 2px solid var(--color-separator);
    border-radius: 10px;
}



.favorite{
    width: 100%;
    height: auto;
}

.favorite h2{
    font-weight: 700;
    font-size: 1.2rem;
    padding-bottom: 15px;
    color: var(--color-text-secondary);
}

.favorite h3{
    font-weight: 700;
    font-size: .95rem;
    color: var(--color-text-primary);
    cursor: pointer;
    text-transform: uppercase;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.favorite h4{
    font-weight: 600;
    font-size: .85rem;
    color: var(--color-text-secondary);
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.favorite__grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: var(--gap-normal);
}

.favorite__item{
    position: relative;
    width: 100%;
    height: 65px;
    border-radius: 10px;
    border: 2px solid var(--color-separator);
    background-color: white;
    overflow: auto;
    cursor: pointer;
}

@media (hover: hover) {
  .favorite__item:hover {
   border-color: var(--color-primary);
  }
}

.favorite__grid--dragging .favorite__item > *{
    pointer-events: none;
}

.favorite__item--enter{
    opacity: .5;
}


.favorite__item a{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    justify-content: center;
    padding: 0 var(--padding-box-y);
}

.favorite__item--empty{
    background-color: transparent;
    border: 2px solid var(--color-side-bg);
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjIuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlZyc3R2YV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgODAwIDgwMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgODAwIDgwMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiNFMkUyRTI7c3Ryb2tlLXdpZHRoOjMzLjMzMzM7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEzMy4zMzMzO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQwMCwyOHY3NDQiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTI4LDQwMGg3NDQiLz4KPC9zdmc+Cg==");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 45%;
    position: relative;
}

.favorite__item--empty:hover{
    border-color: #ffe08f;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjIuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlZyc3R2YV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgODAwIDgwMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgODAwIDgwMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiNGRkUwOEY7c3Ryb2tlLXdpZHRoOjMzLjMzMzM7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEzMy4zMzMzO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQwMCwyOHY3NDQiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTI4LDQwMGg3NDQiLz4KPC9zdmc+Cg==");
    background-color: unset;
}

.favorite__remove{
    position: absolute;
    top: 6px;
    right: 7px;
    width: 18px;
    height: 18px;
    cursor: pointer;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjIuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4MDAgODAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA4MDAgODAwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzMzMzMzMzt9Cjwvc3R5bGU+CjxnPgoJPGc+CgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQ4OC4xLDQwMGwyOTkuMS0yOTkuMWM4LjItOC4yLDEyLjgtMTkuMiwxMi44LTMwLjljMC0xMS43LTQuNS0yMi43LTEyLjgtMzAuOUw3NjEsMTIuOAoJCQlDNzUyLjgsNC41LDc0MS44LDAsNzMwLjEsMGMtMTEuNywwLTIyLjcsNC41LTMwLjksMTIuOEw0MDAsMzExLjlMMTAwLjksMTIuOEM5Mi43LDQuNSw4MS43LDAsNzAsMEM1OC4yLDAsNDcuMyw0LjUsMzksMTIuOAoJCQlMMTIuOCwzOWMtMTcuMSwxNy4xLTE3LjEsNDQuOCwwLDYxLjlMMzExLjksNDAwTDEyLjgsNjk5LjFDNC42LDcwNy40LDAsNzE4LjMsMCw3MzAuMWMwLDExLjcsNC41LDIyLjcsMTIuOCwzMC45TDM5LDc4Ny4yCgkJCWM4LjIsOC4yLDE5LjIsMTIuOCwzMC45LDEyLjhjMTEuNywwLDIyLjctNC41LDMwLjktMTIuOEw0MDAsNDg4LjFsMjk5LjEsMjk5LjFjOC4yLDguMiwxOS4yLDEyLjgsMzAuOSwxMi44aDAKCQkJYzExLjcsMCwyMi43LTQuNSwzMC45LTEyLjhsMjYuMi0yNi4yYzguMi04LjIsMTIuOC0xOS4yLDEyLjgtMzAuOWMwLTExLjctNC41LTIyLjctMTIuOC0zMC45TDQ4OC4xLDQwMHoiLz4KCTwvZz4KPC9nPgo8L3N2Zz4K");
    background-size: 70% auto;
    background-repeat: no-repeat;
    background-position: center center;
}

.favorite__remove:hover{
    opacity: .6;
}


.deviceblock{
    display: none;
    padding-bottom: 25px;
}

.deviceblock__empty{
    font-size: .9rem;
    font-weight: 600;
}


.appsGrid{
    display: grid;
    gap: var(--gap-normal);
    grid-template-columns: 1fr 1fr;
}

.appsGrid h2{
    font-size: 1.4rem;
    font-weight: 800;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.appsGrid h3{
    font-size: .9rem;
    font-weight: 700;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.appsGrid__item{
    display: flex;
    height: 230px;
    border-radius: 18px;
    background-color: var(--color-side-bg);
    overflow: hidden;
}

body[a-device="mobile"] .appsGrid__item[a-mobile],
body[a-device="desktop"] .appsGrid__item[a-desktop]{
    display: flex;
}

.appsGrid__image{
    width: 230px;
    height: 100%;
    flex: 0 0 auto;
}

.appsGrid__image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.appsGrid__content{
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    width: calc(100% - 230px);
    height: 100%;
    padding: var(--padding-box-x) var(--padding-box-y);
}

.appsGrid__top{
    width: 100%;
    height: auto;
    flex: 0 0 auto;
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.appsGrid__topinner{
    flex: 1 1 auto;
    overflow: hidden;
}

.appsGrid__designation{
    flex: 1 1 auto;
}

.appsGrid__fav{
    flex: 0 0 25px;
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjIuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlZyc3R2YV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgODAwIDgwMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgODAwIDgwMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiMzMzMzMzM7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzk5LjcsOTljLTQxLjYtMzYuNS05Ni40LTU4LjctMTU2LjMtNTguN0MxMTMuMSw0MC4yLDcuNSwxNDQuOSw3LjUsMjc0YzAsNTkuNCwyMi4xLDExNCw1OSwxNTUuM0w0MDAsNzU5LjgKCUw3MjMuNyw0MzlsOS42LTEwLjFjMzYuOS00MS4zLDU5LjMtOTUuNSw1OS4zLTE1NWMwLTEyOS4xLTEwNS42LTIzMy43LTIzNS44LTIzMy43Yy02MCwwLTExNC43LDIyLjItMTU2LjMsNTguN2wtMC4zLTAuM0wzOTkuNyw5OXoKCSBNNDAwLDE4Ni4zbDIuNCwyLjFsMzcuMi0zNi45bDMuOS0zLjRjMzAuMS0yNi40LDY5LjYtNDIuNSwxMTMuMi00Mi41Yzk0LjcsMCwxNzAuNCw3NS45LDE3MC40LDE2OC4zYzAsNDIuNC0xNS44LDgxLTQyLDExMC43CglsLTguMiw4LjZMNDAwLDY2Ny43TDExNCwzODQuM2MtMjUuNy0yOS40LTQxLjEtNjgtNDEuMS0xMTAuM2MwLTkyLjQsNzUuOC0xNjguMywxNzAuNC0xNjguM2M0My42LDAsODMuMSwxNi4xLDExMy4yLDQyLjVsMy45LDMuNAoJbDM3LjIsMzYuOUw0MDAsMTg2LjN6Ii8+Cjwvc3ZnPgo=");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.appsGrid__fav--disable{
    cursor: default;
    opacity: .2;
}


@media (hover: hover) {
  .appsGrid__fav:not(.appsGrid__fav--disable):hover{
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjIuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlZyc3R2YV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgODAwIDgwMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgODAwIDgwMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiMzMzMzMzM7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzk5LjcsOTljLTQxLjYtMzYuNS05Ni40LTU4LjctMTU2LjMtNTguN0MxMTMuMSw0MC4yLDcuNSwxNDQuOSw3LjUsMjc0YzAsNTkuNCwyMi4xLDExNCw1OSwxNTUuM0w0MDAsNzU5LjgKCUw3MjMuNyw0MzlsOS42LTEwLjFjMzYuOS00MS4zLDU5LjMtOTUuNSw1OS4zLTE1NWMwLTEyOS4xLTEwNS42LTIzMy43LTIzNS44LTIzMy43Yy02MCwwLTExNC43LDIyLjItMTU2LjMsNTguN2wtMC4zLTAuM0wzOTkuNyw5OXoKCSIvPgo8L3N2Zz4K");
  }
}

.appsGrid__fav[a-fav-app-state="true"]{
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjIuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlZyc3R2YV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgODAwIDgwMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgODAwIDgwMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiMzMzMzMzM7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzk5LjcsOTljLTQxLjYtMzYuNS05Ni40LTU4LjctMTU2LjMtNTguN0MxMTMuMSw0MC4yLDcuNSwxNDQuOSw3LjUsMjc0YzAsNTkuNCwyMi4xLDExNCw1OSwxNTUuM0w0MDAsNzU5LjgKCUw3MjMuNyw0MzlsOS42LTEwLjFjMzYuOS00MS4zLDU5LjMtOTUuNSw1OS4zLTE1NWMwLTEyOS4xLTEwNS42LTIzMy43LTIzNS44LTIzMy43Yy02MCwwLTExNC43LDIyLjItMTU2LjMsNTguN2wtMC4zLTAuM0wzOTkuNyw5OXoKCSIvPgo8L3N2Zz4K")
}

.appsGrid__middle{
    width: 100%;
    height: auto;
    flex: 1 1 auto;
    padding-top: 10px;
}

.appsGrid__smalltext{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3rem;
    font-size: .85rem;
    font-weight: 600;
    color: var(--color-text-secondary);
}

.appsGrid__bottom{
    width: 100%;
    height: auto;
    flex: 0 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.appsGrid__btns{
    display: flex;
    gap: 6px;
}


.deviceIcons{
    display: flex;
    gap: 6px;
}

.deviceIcons__item{
    width: 22px;
    height: 22px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.deviceIcons--large .deviceIcons__item{
    width: 26px;
    height: 26px;
}

.deviceIcons__item--desktop{
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjIuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlZyc3R2YV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjU2IDI1NjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM0NjQ2NDY7fQo8L3N0eWxlPgo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjQwNjU5MzQwNjU5MzQwMTYgMS40MDY1OTM0MDY1OTM0MDE2KSBzY2FsZSgyLjgxIDIuODEpIj4KCTxwYXRoIGQ9Ik04Mi4xLDY5LjZINy45QzMuNSw2OS42LDAsNjYsMCw2MS43VjE0LjhjMC00LjMsMy41LTcuOSw3LjktNy45aDc0LjJjNC4zLDAsNy45LDMuNSw3LjksNy45djQ2LjkKCQlDOTAsNjYsODYuNSw2OS42LDgyLjEsNjkuNnogTTcuOSwxMC45Yy0yLjEsMC0zLjksMS43LTMuOSwzLjl2NDYuOWMwLDIuMSwxLjcsMy45LDMuOSwzLjloNzQuMmMyLjEsMCwzLjktMS43LDMuOS0zLjlWMTQuOAoJCWMwLTIuMS0xLjctMy45LTMuOS0zLjlMNy45LDEwLjlMNy45LDEwLjl6Ii8+Cgk8cGF0aCBkPSJNNTUuOSw4MS4ySDM0LjFjLTEuMSwwLTItMC45LTItMlY2Ny42YzAtMS4xLDAuOS0yLDItMmgyMS43YzEuMSwwLDIsMC45LDIsMnYxMS42QzU3LjksODAuMyw1Nyw4MS4yLDU1LjksODEuMnoKCQkgTTM2LjEsNzcuMmgxNy43di03LjZIMzYuMVY3Ny4yeiIvPgoJPHBhdGggZD0iTTY3LDgxLjJIMjNjLTEuMSwwLTItMC45LTItMnMwLjktMiwyLTJoNDRjMS4xLDAsMiwwLjksMiwyUzY4LjEsODEuMiw2Nyw4MS4yeiIvPgo8L2c+CjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuNDA2NTkzNDA2NTkzNDAxNiAxLjQwNjU5MzQwNjU5MzQwMTYpIHNjYWxlKDIuODEgMi44MSkiPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTgyLDcwLjJINy44Yy00LjMsMC03LjktMy41LTcuOS03LjlWMTUuNGMwLTQuMywzLjUtNy45LDcuOS03LjlIODJjNC4zLDAsNy45LDMuNSw3LjksNy45djQ2LjkKCQlDODkuOSw2Ni43LDg2LjMsNzAuMiw4Miw3MC4yeiBNNy44LDExLjVjLTIuMSwwLTMuOSwxLjctMy45LDMuOXY0Ni45YzAsMi4xLDEuNywzLjksMy45LDMuOUg4MmMyLjEsMCwzLjktMS43LDMuOS0zLjlWMTUuNAoJCWMwLTIuMS0xLjctMy45LTMuOS0zLjlMNy44LDExLjVMNy44LDExLjV6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTUuNyw4MS44SDM0Yy0xLjEsMC0yLTAuOS0yLTJWNjguMmMwLTEuMSwwLjktMiwyLTJoMjEuN2MxLjEsMCwyLDAuOSwyLDJ2MTEuNgoJCUM1Ny43LDgwLjksNTYuOCw4MS44LDU1LjcsODEuOHogTTM2LDc3LjhoMTcuN3YtNy42SDM2Vjc3Ljh6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNjYuOSw4MS44aC00NGMtMS4xLDAtMi0wLjktMi0yczAuOS0yLDItMmg0NGMxLjEsMCwyLDAuOSwyLDJTNjgsODEuOCw2Ni45LDgxLjh6Ii8+CjwvZz4KPC9zdmc+Cg==");
}

.deviceIcons__item--mobile{
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjIuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlZyc3R2YV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjU2IDI1NjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiMzMzMzMzM7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNOTIuNSw2MUgyMS42Yy03LjksMC0xNC4zLDYuNC0xNC4zLDE0LjNWMjQwYzAsNy45LDYuNCwxNC4zLDE0LjMsMTQuM2g3MC45YzcuOSwwLDE0LjMtNi40LDE0LjMtMTQuM1Y3NS4zCglDMTA2LjgsNjcuNCwxMDAuNCw2MSw5Mi41LDYxTDkyLjUsNjF6IE02OS43LDcxLjVjLTEuMSwwLTEuOS0wLjktMS45LTEuOWMwLTEuMSwwLjktMS45LDEuOS0xLjlzMS45LDAuOSwxLjksMS45CglDNzEuNiw3MC42LDcwLjgsNzEuNSw2OS43LDcxLjVMNjkuNyw3MS41eiBNNDIuOCw3MS4zYy0xLDAtMS44LTAuOC0xLjgtMS44czAuOC0xLjgsMS44LTEuOGgyMC4zYzEsMCwxLjgsMC44LDEuOCwxLjgKCWMwLDEtMC44LDEuOC0xLjgsMS44SDQyLjhMNDIuOCw3MS4zeiBNMzguMyw3Ni4zaDM3LjRjMy43LDAsNi45LTIuOSw4LjItNi45aDguNWMzLjMsMCw1LjksMi42LDUuOSw1LjlWMjQwYzAsMy4zLTIuNiw1LjktNS45LDUuOQoJSDIxLjZjLTMuMywwLTUuOS0yLjYtNS45LTUuOVY3NS4zYzAtMy4zLDIuNi01LjksNS45LTUuOWg4LjVDMzEuNSw3My40LDM0LjYsNzYuMywzOC4zLDc2LjNMMzguMyw3Ni4zeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjM0LjMsMS40SDc1LjljLTcuOCwwLTE0LjIsNi40LTE0LjIsMTQuMnYzNC4yaDguNFYxNS42YzAtMy4xLDIuNi01LjcsNS43LTUuN2gxNTguNGMzLjEsMCw1LjcsMi42LDUuNyw1LjcKCVYyMTlIMTE4djIxYzAsNS4zLTEuNiwxMC4yLTQuNCwxNC4zaDEyMC43YzcuOCwwLDE0LjItNi40LDE0LjItMTQuMlYxNS42QzI0OC40LDcuOCwyNDIuMSwxLjQsMjM0LjMsMS40eiBNMTU1LjEsMjQ0LjkKCWMtNC4zLDAtNy44LTMuNS03LjgtNy44YzAtNC4zLDMuNS03LjgsNy44LTcuOGM0LjMsMCw3LjgsMy41LDcuOCw3LjhDMTYyLjksMjQxLjQsMTU5LjQsMjQ0LjksMTU1LjEsMjQ0Ljl6Ii8+Cjwvc3ZnPgo=");
}

.deviceIcons__item--beta{
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDAwIiBoZWlnaHQ9IjQwMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPHBhdGggZD0ibTE1MC41MyAzNzEuNzVoLTMwLjU3MnE2LjY3MDEtMzEuMzEzIDYuNjcwMS01Ni42OTd2LTIwMS43OHEwLTMxLjQ5OCA1LjU2MDQtNDYuODc3IDUuNzQyNS0xNS4zNzkgMjIuMDQ4LTI3LjA1MiAxNi40OS0xMS44NTggNDEuMTM0LTExLjg1OCAyOS4yNzUgMCA0OS4xMDEgMTUuNTY0IDIwLjAxIDE1LjM3OSAyMC4wMSA0My45MTMgMCAzMy4zNTEtMzEuNjg0IDU0LjY1OSA0Ny4yNDggMjIuMjM0IDQ3LjI0OCA2OS44NTIgMCAyNS45NC0xMi41OTkgNDYuNTA3LTEyLjQxNCAyMC4zODEtMjguOTA0IDI5LjA5LTE2LjMwNSA4LjcwODUtMzkuMDk2IDguNzA4NS0yNS45NCAwLTQyLjI0NS0xOS40NTV2MzQuNDYzcTAgMzUuNTc1LTYuNjcwMSA2MC45NTl6bTYuNjcwMi0xMTIuMXExNC40NTIgMjMuOTAyIDQwLjM5MyAyMy45MDIgMjUuMDEzIDAgMzYuNjg2LTE4LjE1OCAxMS42NzMtMTguMzQzIDExLjY3My00NC40NjkgMC0yMC4wMTEtNy43ODIyLTQwLjc2My03LjU5NjYtMjAuOTM3LTE5LjY0LTMxLjg2OS0xMS4xMTcgMi43NzkxLTIwLjAxMSAyLjc3OTEtMTguNzEzIDAtMTguNzEzLTkuODIwMiAwLTguODkzNiAxNS43NDktOC44OTM2IDkuODIwMyAwIDI0LjQ1OCA0LjQ0NzEgMTMuMTU1LTIyLjIzNCAxMy4xNTUtNDguMzU5IDAtMjMuMzQ2LTEwLjM3Ni0zNS43Ni0xMC4xOTEtMTIuNDE0LTI2LjY4MS0xMi40MTQtMTMuMTU1IDAtMjIuNjA0IDcuNDExMy05LjI2NDIgNy40MTE2LTEyLjc4NSAxNy43ODctMy41MjI5IDEwLjE5MS0zLjUyMjkgMzMuNTM3eiIvPgo8L3N2Zz4K");
    backround-size: 110% auto;
}



.about{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    gap: 70px;
}

.about__content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 1 60%;
    width: 60%;
    height: auto;
}

.about__text{
    font-weight: 100;
    font-size: 1.05rem;
    line-height: 1.6rem;
    margin-bottom: 40px;
}

.about__picture{
    display: flex;
    text-align: center;
    align-items: center;
    flex: 0 0 40%;
    width: 40%;
    height: auto;
}

.about__picture img{
    width: 100%;
    height: auto;
}

.about h1{
    font-size: 2rem;
    font-weight: 800;
    text-transform: uppercase;
    padding-bottom: 10px;
}



.appDetail{
    display: flex;
    justify-content: center;
    gap: var(--gap-large);
    width: 100%;
    height: auto;
}

.appDetail__content{
    width: 55%;
    height: auto;
    flex: 1 1 auto;
    padding: 20px 0;
}

.appDetail__graphic{
    width: 45%;
    height: auto;
    flex: 0 0 45%;
    padding: 20px 0;
}

.appDetail__graphicimg{
    background-size: cover;
    width: 100%;
    height: 100%;
}

.appDetail__link{
    display: inline-flex;
    align-items: center;
    margin-bottom: 30px;
    font-size:.85rem;
    font-weight: 600;
    color: var(--color-link);
}

.appDetail__link:hover{
    color: var(--color-text-primary);
}

.appDetail__linkicon{
    width: 15px;
    height: 15px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjIuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlZyc3R2YV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjU2IDI1NjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM5OTk5OTk7fQo8L3N0eWxlPgo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjQwNjU5MzQwNjU5MzQwMTYgMS40MDY1OTM0MDY1OTM0MDE2KSBzY2FsZSgyLjgxIDIuODEpIj4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02Ni42LDg2LjNsMy43LTRjMS4xLTEuMSwxLTIuOS0wLjItNEwzNS4xLDQ2Yy0wLjYtMC41LTAuNi0xLjQsMC0xLjlsMzUuMS0zMi4zYzEuMS0xLjEsMS4yLTIuOCwwLjItNGwtMy43LTQKCQljLTEuMS0xLjEtMi44LTEuMi00LTAuMkwxOS45LDQzYy0xLjIsMS4xLTEuMiwzLDAsNC4xbDQyLjcsMzkuNEM2My44LDg3LjUsNjUuNiw4Ny41LDY2LjYsODYuM3oiLz4KPC9nPgo8L3N2Zz4K");
    margin-right: 6px;
}


.appDetail__link:hover .appDetail__linkicon{
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjIuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlZyc3R2YV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjU2IDI1NjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiMzMzMzMzM7fQo8L3N0eWxlPgo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjQwNjU5MzQwNjU5MzQwMTYgMS40MDY1OTM0MDY1OTM0MDE2KSBzY2FsZSgyLjgxIDIuODEpIj4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02Ni42LDg2LjNsMy43LTRjMS4xLTEuMSwxLTIuOS0wLjItNEwzNS4xLDQ2Yy0wLjYtMC41LTAuNi0xLjQsMC0xLjlsMzUuMS0zMi4zYzEuMS0xLjEsMS4yLTIuOCwwLjItNGwtMy43LTQKCQljLTEuMS0xLjEtMi44LTEuMi00LTAuMkwxOS45LDQzYy0xLjIsMS4xLTEuMiwzLDAsNC4xbDQyLjcsMzkuNEM2My44LDg3LjUsNjUuNiw4Ny41LDY2LjYsODYuM3oiLz4KPC9nPgo8L3N2Zz4K");
}

.appDetail h1{
    font-weight: 800;
    font-size: 2.3rem;
    margin-top: 12px;
}

.appDetail h3{
    font-weight: 600;
    font-size: 1.1rem;
    opacity: .7;
}

.appDetail__desc{
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: .95rem;
    font-weight: 600;
    color: var(--color-text-secondary);
    line-height: 1.3rem
}

.appDetail__bottom{
    display: flex;
    width: 100%;
    height: auto;
    margin-top: 15px;
    margin-bottom: 20px;
    align-items: center;
    gap: 20px;
}

.appDetail__btns{
    display: flex;
    gap: 12px;
}



.articlespace p{
    margin: 3px 0 15px 0;
	line-height: 1.45em;
	font-size: 1rem;
}

.articlespace h3 {
	font-weight: 800;
    font-size: 1.8rem;
    margin-top: 12px;
    margin-bottom: 4px;
}

.articlespace h4 {
    font-weight: 700;
    font-size: 1.6rem;
    margin-top: 12px;
    margin-bottom: 4px;
}

.articlespace h5 {
    font-weight: 600;
    font-size: 1.4rem;
    margin-top: 12px;
    margin-bottom: 4px;
}

.articlespace h6 {
    font-weight: 600;
    font-size: 1.2rem;
    margin-top: 12px;
    margin-bottom: 4px;
}

.articlespace a {
	color: var(--color-link);
    font-size: 1rem;
    font-weight: 500;
}

.articlespace a:hover {
	text-decoration: underline;
}

.articlespace table.articletab {
	background: #f0f0f0;
	max-width: 100%;
	border-collapse: collapse;
	margin: 5px 0 25px 0;
}

.articlespace table.articletab tr td {
	padding: 0.6em 0.9em;
	text-align: center;
	border: 1px solid #d7d7d7;
}

.articlespace table.articletab tr.even {
	background: #DFDFDF;
}

.articlespace table.articletab tr td.left {
	text-align: left;
}

.articlespace table.articletab tr td.center {
	text-align: center;
}

.articlespace table.articletab tr td.right {
	text-align: right;
}

.articlespace table.articletab tr td.bold {
	font-weight: bold;
}

.articlespace table.articletab tr td.bold_italic {
	font-weight: bold;
	font-style: italic;
}

.articlespace table.articletab tr td.italic {
	font-style: italic;
}

.articlespace table.articletab tr.red {
	background: #d5071b;
	color: white;
}

.articlespace table.articletab tr.red td {
	border: 1px solid #d5071b;
}

.articlespace table.articletab td.red {
	border: 1px solid #d5071b;
	background: #d5071b;
	color: white;
}

.articlespace table.articletab tr.grey {
	background: #969696;
	color: white;
}

.articlespace table.articletab tr.grey td {
	border: 1px solid #969696;
}

.articlespace table.articletab td.grey {
	border: 1px solid #969696;
	background: #969696;
	color: white;
}

.articlespace table.articletab tr.primary {
	background: #ffcd00;
}

.articlespace table.articletab tr.primary td {
	border: 1px solid #ffcd00;
}

.articlespace table.articletab td.primary {
	border: 1px solid #ffcd00;
	background: #ffcd00;
}

.articlespace blockquote {
	margin: 0 25px 25px 25px;
	border-left: 5px solid var(--color-primary);
	background: rgb(241, 241, 241);
	padding: 10px 10px 10px 20px;
	font-size: 1.05em;
	font-style: italic;
	line-height: 22px;
}

.articlespace blockquote small {
	display: block;
	font-size: 0.8em;
	color: rgb(150,150,150);
}

.articlespace blockquote small:before {
	content: '\2014 \00A0';
}

.articlespace blockquote small a {
	font-weight: normal;
	text-decoration: none;
}

.articlespace .phrase {
	margin-bottom: 25px;
	background: var(--color-primary);
	padding: 10px 20px 10px 10px;
	font-size: 1.1em;
}

.articlespace .phrase a {
	color: inherit;
}

.articlespace ul, .articlespace ol {
	margin: 10px 0 25px 40px;
}


.articlespace ul.none {
	list-style: none;
	margin-left: 20px;
}

.articlespace ul li, .articlespace ol li {
	line-height: 22px;
	font-size: 0.95em;	
}

.articlespace .line {
    height: 1px;
    line-height: 1px;
    width: 100%;
    display: inline-block;
    margin: 10px 0;
    border-top: solid 1px #b7b7b7;
    background: white;
    margin-bottom: 10px;
}

.articlespace .interview {
    margin-bottom: 25px;
}

.articlespace .interview h2 {
    font-size: 1.45em;
    color: var(--color-primary);
    padding: 0 10% 0 0;
}

.articlespace .interview .answer {
    font-size: 1.1em;
    padding-bottom: 15px;
    color: rgb(50, 50, 50);
}

.articlespace .video {
	width: 100%;
	height: 450px;
	margin-bottom: 25px;
}

.articlespace .picture {
	margin: 5px 0 25px 0;
	overflow: hidden;
}

.articlespace .picture img{
	width: auto;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}



.error_title{
     font-size: 1.2rem;
    font-weight: 700;
}

.error_text{
    font-size: .95rem;
}



















.appDetailSubmenu{
    width: 100%;
    height: auto;
    padding-top: 40px;
}


.test{
    width: 100%;
    height: auto;
    position: absolute;
    top: 100%;
    overflow: hidden;
    border-radius: 15px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
    background: white;
    z-index: 99;
    margin-top: 3px;
    cursor: default;
}

.test__item{
    padding: 10px 15px;
    font-size: .9rem;
    font-weight: 600;
    color: var(--color-link);
}

.test__item:hover{
    color: var(--color-text-primary);
    background-color: var(--color-table-fill);
    cursor: pointer;
}

.test__item--disable{
    cursor: default;
    color: var(--color-ascent);
    pointer-events: none;
}

.test__item:last-child{
    border-color: transparent;
}