html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

img,fieldset,a img {
    border: none
}

input[type="text"],input[type="email"],input[type="tel"],textarea {
    -webkit-appearance: none
}

input[type="submit"],button {
    cursor: pointer
}

input[type="submit"]::-moz-focus-inner,button::-moz-focus-inner {
    padding: 0;
    border: 0
}

textarea {
    overflow: auto
}

input,button {
    margin: 0;
    padding: 0;
    border: 0
}

div,input,textarea,select,button,h1,h2,h3,h4,h5,h6,a,span,a:focus {
    outline: none
}

ul,ol {
    list-style-type: none
}

table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%
}

html {
    box-sizing: border-box
}

*,*:before,*:after {
    box-sizing: inherit
}

@media only screen and (max-width: 1259px) {
    .hide-tablet-wide {
        display:none !important
    }
}

@media only screen and (max-width: 1023px) {
    .hide-tablet {
        display:none !important
    }
}

@media only screen and (max-width: 767px) {
    .hide-mobile {
        display:none !important
    }
}

@font-face {
    font-family: "CircularXX";
    src: url("/fonts/redesign/CircularXX-Regular.woff2") format("woff2"),url("/fonts/redesign/CircularXX-Regular.woff") format("woff");
    font-weight: 400
}

@font-face {
    font-family: "CircularXX";
    src: url("/fonts/redesign/CircularXX-Book.woff2") format("woff2"),url("/fonts/redesign/CircularXX-Book.woff") format("woff");
    font-weight: 450
}

@font-face {
    font-family: "CircularXX";
    src: url("/fonts/redesign/CircularXX-Medium.woff2") format("woff2"),url("/fonts/redesign/CircularXX-Medium.woff") format("woff");
    font-weight: 500
}

body {
    background: #121212;
    font-family: "CircularXX", sans-serif;
    font-size: 14px;
    color: #fff;
    letter-spacing: -.02em
}

body.cart:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    z-index: 48;
    width: 100%;
    height: 100%;
    background: rgba(24,24,24,0.98)
}

@media only screen and (max-width: 767px) {
    body.cart .intercom-lightweight-app {
        display:none
    }
}

body.page-product.loaded .header__group--right {
    display: -webkit-box;
    display: flex
}

body.page-product .header__group--right {
    display: none
}

button,input,textarea,select {
    font-family: "CircularXX", sans-serif
}

button {
    background: none
}

a {
    text-decoration: none;
    cursor: pointer
}

img {
    display: block;
    max-width: 100%
}

strong {
    font-weight: 500
}

.grecaptcha-badge {
    visibility: hidden
}

[ui8-go-tab] {
    position: absolute;
    opacity: 0;
    pointer-events: none
}

.body-container {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-height: 100vh
}

.body-content {
    -webkit-box-flex: 1;
    flex-grow: 1
}

.ui-helper-hidden-accessible {
    display: none
}

.container {
    max-width: 1408px;
    margin: 0 auto;
    padding: 0px 40px
}

@media only screen and (max-width: 1259px) {
    .container {
        padding:0 32px
    }
}

@media only screen and (max-width: 1023px) {
    .container {
        padding:0 24px
    }
}

.loader {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 48px
}

.loader--small {
    height: 44px
}

.loader:before {
    content: "";
    width: 32px;
    height: 32px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAq1BMVEUAAAAuav8uav8tav8taP8taP8taP8taP8taP8taP8uaP8taP8taP8taP8taP8taP8taP8taP8taP8taP8taP8uaP8taf8taP8taP8taP8taP8taP8uaP8taP8taP8uaP8taP8taf8taP8taP8uaf8taP8uaP8taP8taP8taP8taP8taP8uaP8taP8taf8taP8taP8taP8uaP8taP8taP8taP8taP8taP8taP//mrn8AAAAOXRSTlMACwUQXVPHt05YO828i3NAbkXCkIEfFNmxhiN8L5lJJ3hi5qk2lBjy3iuhahzRnTOl7mb26uL7rdUZeLXlAAADPUlEQVR42p3Qh3KzOhDF8QMCd1ps4d5t0tzS8/5Pdlc7uhKMg8Hfz5OpOX8WUEbMEt97D8M49tqL88TBXWQST1erVUjiOH59fX9/96MMNblROJgSLnBAFdbrtV/rDjeZDkgxwHvP8/xZZaIzGI/HJQHSbk1wi3gNxrlAeB1otxc3jojGQRBwwBQ4QN9Q74lffoTf73OgcAJ/w9wBPlniT16fAqQ0QHsOtFoz/GG13/eLJ5gAfwKzp0Crgyue2pvCdcC+QIssrm5ozffEvkQhYA4w+8ViiYJkPrcFe0L87vleMdDSgUQiJ+3PCQe4oAKrZCbAUhn5+f1C7ZPIgRWcTnN7gwqsJQomLfMCvCdnGJ2TohMqsJrAsAmzT1h0gJYGLy8cIHxCy8Uf3Jl5Pu+jjgsG/4XYG/oLlFjS3syJhP6CL+z/wg6lDnofsc7OhRJdLpdcooUblnbfIRLK/qIKF11o46alebxyBnnebrcXpgqBg5vcjlmTnQDwulWFrS50UEGY+Y5IAMFWU4k+Ks3MnMyA9IeYRoRKgsfsfD672NHeNPaoQY9pTlK0R6ORabyiBklrbTY7YDXSVGaHGlK9ZRL9kS2MJGpwZzlLnJpNm0Atzzx9fn6mvyWa1uiEWpbPOTZAAtQysfNlMbBHLXKZQ4Fes6ddal5QCFx61qhmwFhOJOY96yFDDa6cWAcM1FD9lAVqcKQykdzJED/kxKhBHIjUBBZm3Wg0eqghpb1pOMjMWjmjkptl2eGQ6YYLbHnMut05Kok0zZhqZABiuyeVJ7gpMQkB4GzXpClwmyOEsA0XZGT3x+NxVXGAI0yBflDeu9qR/P7GFQEuqARxoDi93Hw4HPoVAZsQLswJR70nT/GtABUIF4QDMOehsH/6GogbAXuD/S+P13pPga9GuzzABW64ME78eLPfbDbddkWBwMoa+T0FPj/fjnN5u4A8r7DnwNvjZloS4IKLgtX1/vHjIyi9weyNMe2J3uvA97SsgGuXp+IBHPiOUF9g9zZwwh1ifgFzAAeecI/1L+8poD8BwV0ODRXgvQ684U7t7mch0MO9DmFXf0IOeLjfoX00gT7+TWff4ECAfydbU0+g2n8vuL2AqNmuhgAAAABJRU5ErkJggg==);
    background-size: contain;
    background-position: center;
    -webkit-animation: loader 2s linear infinite;
    animation: loader 2s linear infinite
}

@-webkit-keyframes loader {
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@keyframes loader {
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

.btn {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 44px;
    padding: 0 22px;
    background: #2D68FF;
    border: 2px solid #2D68FF;
    border-radius: 22px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: #fff;
    -webkit-transition: background .2s, border-color .2s, color .2s;
    transition: background .2s, border-color .2s, color .2s
}

.btn:not(:disabled):hover {
    background: #fff;
    border-color: #fff;
    color: #262626
}

.btn:not(:disabled):hover svg {
    fill: #262626
}

.btn:disabled {
    opacity: .2;
    cursor: default
}

.btn svg {
    width: 24px;
    height: 24px;
    margin: 0 -2px 0 10px;
    fill: #fff
}

.btn--green {
    background: #00A656;
    border-color: #00A656
}

.btn--red {
    background: #C84131;
    border-color: #C84131
}

.btn--stroke {
    background: none;
    border-color: #2C2C2C;
    color: #ADB7BE
}

.btn--stroke:not(:disabled):hover {
    background: none;
    border-color: #fff;
    color: #ADB7BE
}

.btn--stroke:not(:disabled):hover svg {
    fill: #ADB7BE
}

.btn--stroke svg {
    fill: #ADB7BE
}

.btn--icon {
    padding: 0 14px
}

.btn--icon-pink:not(:disabled):hover svg {
    fill: #FF9393
}

.btn--icon-pink svg {
    fill: #FF9393
}

.btn--icon-only {
    min-width: 44px;
    padding: 0
}

.btn--icon-only svg {
    margin: 0
}

.btn--arrow {
    position: relative;
    padding-right: 46px
}

.btn--arrow:before,.btn--arrow:after {
    content: "";
    position: absolute
}

.btn--arrow:before {
    top: 4px;
    right: 4px;
    width: 32px;
    height: 32px;
    background: #2C2C2C;
    border-radius: 50%
}

.btn--arrow:after {
    top: 17px;
    right: 13px;
    width: 14px;
    height: 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3E%3Cpath fill='%23adb7be' d='M11.796 0c.859 0 1.318 1.012.753 1.659L7.753 7.14a1 1 0 0 1-1.505 0L1.451 1.659C.885 1.012 1.345 0 2.204 0h9.592z'/%3E%3C/svg%3E")
}

.btn--like svg {
    fill: transparent;
    -webkit-transition: fill .2s;
    transition: fill .2s
}

.btn--like path {
    stroke: #ADB7BE;
    -webkit-transition: stroke .2s;
    transition: stroke .2s
}

.btn--like:not(:disabled):hover svg {
    fill: none
}

.btn--like.active:not(:disabled):hover svg {
    fill: #FF5A43
}

.btn--like.active svg {
    fill: #FF5A43
}

.btn--like.active path {
    stroke: #FF5A43
}

.btn--follow {
    min-width: 122px
}

@media only screen and (max-width: 1023px) {
    .btn--follow {
        min-width:44px;
        padding: 0;
        font-size: 0
    }
}

.btn--follow svg {
    display: none
}

@media only screen and (max-width: 1023px) {
    .btn--follow svg {
        display:block;
        margin: 0 -4px 0 0
    }
}

.btn--submit {
    display: -webkit-box;
    display: flex;
    width: 100%;
    height: 48px;
    border-radius: 8px;
    font-size: 17px;
    font-weight: 500;
    line-height: 24px
}

.btn--submit:hover svg {
    fill: #262626
}

.btn--submit svg {
    fill: #fff
}

.btn--back-admin {
    position: fixed;
    right: 88px;
    bottom: 20px;
    z-index: 9999999
}

.btn--buy span {
    margin-left: 4px;
    opacity: .5;
    text-decoration: line-through
}

.toggle {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #4D4D4D;
    -webkit-transition: color .2s;
    transition: color .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.toggle:hover:after {
    border-color: #fff
}

.toggle.active {
    color: #00A656
}

.toggle.active:hover:after {
    border-color: #fff
}

.toggle.active:before {
    background: #00A656;
    -webkit-transform: translateX(14px);
    transform: translateX(14px)
}

.toggle.active:after {
    border-color: #00A656
}

.toggle:before {
    content: "";
    position: absolute;
    top: 5px;
    right: 19px;
    width: 14px;
    height: 14px;
    background: #4D4D4D;
    border-radius: 50%;
    -webkit-transition: background .2s, -webkit-transform .2s;
    transition: background .2s, -webkit-transform .2s;
    transition: background .2s, transform .2s;
    transition: background .2s, transform .2s, -webkit-transform .2s
}

.toggle:after {
    content: "";
    width: 38px;
    height: 24px;
    margin-left: 8px;
    background: #181818;
    border: 2px solid #4D4D4D;
    border-radius: 12px;
    -webkit-transition: border-color .2s;
    transition: border-color .2s
}

.field {
    position: relative
}

.field__label {
    position: absolute;
    top: -9px;
    left: 12px;
    z-index: 4;
    height: 16px;
    padding: 0 4px;
    background: #262626;
    font-size: 13px;
    font-weight: 450;
    line-height: 14px;
    color: rgba(255,255,255,0.75)
}

.field__label a {
    font-weight: 450;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.field__label a:hover {
    color: #fff;
    text-decoration: underline
}

.field__input,.field__textarea {
    display: block;
    position: relative;
    width: 100%;
    background: #262626;
    border: 2px solid #4D4D4D;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 450;
    color: #fff;
    caret-color: #2D68FF;
    -webkit-transition: border-color .2s;
    transition: border-color .2s
}

.field__input::-webkit-input-placeholder, .field__textarea::-webkit-input-placeholder {
    color: #4D4D4D
}

.field__input::-moz-placeholder, .field__textarea::-moz-placeholder {
    color: #4D4D4D
}

.field__input:-ms-input-placeholder, .field__textarea:-ms-input-placeholder {
    color: #4D4D4D
}

.field__input::-ms-input-placeholder, .field__textarea::-ms-input-placeholder {
    color: #4D4D4D
}

.field__input::placeholder,.field__textarea::placeholder {
    color: #4D4D4D
}

.field__input:-webkit-autofill,.field__textarea:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 100px #262626 inset;
    -webkit-text-fill-color: #fff
}

.field__input:hover:is(input):not(:disabled),.field__input:hover:is(textarea):not(:disabled),.field__input:focus,.field__textarea:hover:is(input):not(:disabled),.field__textarea:hover:is(textarea):not(:disabled),.field__textarea:focus {
    z-index: 2;
    border-color: #ADB7BE
}

.field__input[disabled],.field__textarea[disabled] {
    color: #4D4D4D
}

.field__input.error,.field__textarea.error {
    z-index: 2;
    border-color: #FF5A43
}

.field__input {
    height: 48px;
    padding: 0 14px
}

.field__input[type=password]:not(:placeholder-shown) {
    font-family: sans-serif;
    letter-spacing: 6px
}

.field__textarea {
    height: 102px;
    padding: 12px 14px;
    resize: none
}

.field__link {
    position: absolute;
    top: 12px;
    right: 16px;
    z-index: 4;
    font-size: 13px;
    font-weight: 450;
    line-height: 24px;
    color: #fff;
    -webkit-transition: color .2s;
    transition: color .2s
}

.field__link:hover {
    color: #fff;
    text-decoration: underline
}

.field__link--label {
    position: absolute;
    top: -14px;
    right: 12px;
    padding: 0 4px;
    background: #262626
}

.field__oauth {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 4;
    width: 24px;
    height: 24px
}

.field__oauth:hover:before,.field__oauth:hover:after {
    opacity: 1
}

.field__oauth:before,.field__oauth:after {
    position: absolute;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.field__oauth:before {
    content: "";
    position: absolute;
    top: 24px;
    left: 6px;
    width: 11px;
    height: 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='8' fill='none'%3E%3Cpath d='M9.89903 8c.84207 0 1.30707-.97708.77607-1.63059L6.27611.955216C5.87592.462673 5.12408.462673 4.72389.955217L.324855 6.36941C-.206125 7.02292.258936 8 1.10097 8h8.79806z' fill='%231d1c1e'/%3E%3C/svg%3E");
    background-repeat: no-repeat
}

.field__oauth:after {
    content: attr(data-tooltip);
    position: absolute;
    top: 30px;
    right: -12px;
    padding: 2px 8px;
    background: #1D1C1E;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 450;
    line-height: 20px;
    color: #F8F8F8;
    white-space: nowrap
}

.field__system {
    position: absolute;
    top: 14px;
    right: 16px;
    z-index: 4;
    width: 30px;
    height: 20px;
    background: #4D4D4D;
    border-radius: 2px
}

.field__system.amex,.field__system.american-express {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='20' fill='none'%3E%3Cpath d='M28.101 0H1.899C.85 0 0 .914 0 2.041v15.918C0 19.086.85 20 1.899 20h26.203C29.15 20 30 19.086 30 17.959V2.041C30 .914 29.15 0 28.101 0z' fill='%233a59a6'/%3E%3Cg fill-rule='evenodd'%3E%3Cpath d='M8.342 9.587V9.2l-.172.386H6.684l-.187-.415v.415H3.718L3.39 8.75h-.557l-.348.836H1.044V7.062L2.1 4.49h2.022l.284.729v-.723H6.88l.544 1.227.532-1.232h7.808s.409-.006.679.198l-.002-.198h1.967v.279s.354-.279.877-.279h3.471l.305.74v-.74h2.224l.404.74v-.74h2.127v5.102h-2.185l-.513-.889v.884h-2.715l-.382-.911h-.532l-.358.911h-1.643s-.613-.009-1.073-.362v.362h-3.271v-1.19c0-.173-.123-.161-.123-.161h-.12v1.351H8.342h0zm-1.791 1.025h4.307l.622.753.636-.753h3.312s.311.008.606.177v-.177h2.949a1.44 1.44 0 0 1 .689.2v-.2h3.791v.185s.27-.185.633-.185h2.47v.185s.311-.185.64-.185h1.939v4.793s-.255.309-.782.309h-2.557v-.152s-.243.152-.614.152h-6.791v-1.239c0-.122-.049-.144-.151-.144h-.094v1.383h-2.122V14.34s-.235.136-.629.136h-.763v1.239h-2.616l-.595-.778-.637.778H6.551v-5.102z' fill='%23fff'/%3E%3Cpath d='M20.126 11.429h2.701v.787h-1.874v.686h1.822v.693h-1.822v.722h1.874v.768h-2.701v-3.657zm7.919 1.425c1.015.056 1.1.608 1.1 1.195 0 .685-.518 1.053-1.059 1.053H26.35v-.784h1.352c.23 0 .571 0 .571-.351 0-.167-.06-.273-.304-.301a9 9 0 0 0-.571-.043c-.917-.026-1.131-.522-1.131-1.125 0-.686.443-1.06.985-1.06h1.735v.784h-1.27c-.289.003-.601-.037-.601.317 0 .225.154.27.349.29l.579.025zm-3.111 0c1.016.056 1.101.608 1.101 1.195 0 .685-.518 1.053-1.059 1.053h-1.735v-.784h1.352c.229 0 .571 0 .571-.351 0-.167-.061-.273-.305-.301-.109-.017-.511-.041-.57-.043-.918-.026-1.13-.522-1.13-1.125 0-.686.443-1.06.983-1.06h1.735v.784h-1.269c-.289.003-.601-.037-.601.317 0 .225.155.27.35.29l.578.025zm-9.796-1.417c.406 0 1 .204 1 1.118 0 1.282-.782 1.298-1.21 1.298h-1.111v1.242h-1.586l-.968-1.217-.992 1.208H7.12v-3.657h3.257l.916 1.143.947-1.135h2.899zM9.84 14.318l.908-1.102-.804-.995-2.009-.005v.686h1.822v.693H7.935v.722H9.84zm3.158.425v-2.955l-1.187 1.428 1.187 1.527zm1.863-1.643a.41.41 0 0 0 .458-.457c0-.18-.109-.42-.455-.42h-1.032v.878h1.029zm4.269.329c.391.049.541.326.541.914l.03.751h-.805l-.022-.67c-.007-.31-.12-.621-.405-.621h-1.082v1.29h-.826v-3.657h2.148c.406 0 .992.196.992.979 0 .441-.12.768-.571 1.012zm-.713-.378c.338 0 .458-.164.458-.408 0-.18-.109-.42-.455-.42h-1.032v.829h1.029zm-1.359-7.949h.827v3.672h-.827V5.102zm-6.77.004h2.703v.79h-1.875v.688h1.823v.696h-1.823v.724h1.875v.77h-2.703V5.106zm5.766 1.997c.391.05.542.328.542.917l.03.754h-.805l-.022-.672c-.007-.311-.12-.622-.406-.622H14.31v1.293h-.827V5.106h2.151c.406 0 .993.196.993.982 0 .442-.12.77-.572 1.015zm-.715-.379c.339 0 .459-.164.459-.409a.41.41 0 0 0-.455-.422h-1.034v.831h1.03zM8.38 5.106H9.7v3.667h-.827V6.097L7.741 8.774h-.752L5.883 6.051v2.722H4.218l-.327-.819H2.239l-.323.819h-.873l1.474-3.667h1.094l1.444 3.532V5.106h1.297l1.012 2.46 1.015-2.46zM2.552 7.164h1.007l-.514-1.282-.493 1.282zm23.867-2.059h.827v3.671h-1.128L24.63 6.09v2.686h-1.632l-.327-.819H21.02l-.323.819h-1.09c-.917 0-1.323-.837-1.305-1.852.027-1.506.846-1.819 1.222-1.819h1.08v.797h-.511c-.55 0-.978.063-.978.923v.266c.004.647.315.8.515.844a7.95 7.95 0 0 0 .53.013l1.139-2.841h1.094l1.409 3.442V5.105h1.222l1.395 2.539V5.105zm-5.08 2.061h1.011l-.519-1.282-.493 1.282z' fill='%233a59a6'/%3E%3C/g%3E%3C/svg%3E")
}

.field__system.visa {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='20' fill='none'%3E%3Cmask id='A' maskUnits='userSpaceOnUse' x='0' y='0' width='30' height='20' mask-type='alpha'%3E%3Cpath d='M28.125 0H1.875C.839 0 0 .895 0 2v16c0 1.105.839 2 1.875 2h26.25C29.161 20 30 19.105 30 18V2c0-1.105-.84-2-1.875-2z' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23A)'%3E%3Cpath d='M28.125 0H1.875C.839 0 0 .895 0 2v16c0 1.105.839 2 1.875 2h26.25C29.161 20 30 19.105 30 18V2c0-1.105-.84-2-1.875-2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' d='M0 .801C0 .359.337 0 .749 0h28.502c.414 0 .749.357.749.801V4.6H0V.801z' fill='%234148be'/%3E%3Cpath fill-rule='evenodd' d='M0 15.6h30v3.598c0 .443-.337.802-.749.802H.749C.335 20 0 19.64 0 19.198V15.6z' fill='%23f7b600'/%3E%3C/g%3E%3Cg fill-rule='evenodd'%3E%3Cpath d='M13.753 13.18h-1.53l.956-6.268h1.53l-.956 6.268zm-2.817-6.268l-1.459 4.311-.173-.928h0L8.79 7.476s-.062-.564-.726-.564H5.653l-.028.106s.737.163 1.6.716l1.329 5.446h1.594l2.435-6.268h-1.647zM22.97 13.18h1.405L23.15 6.912h-1.23c-.568 0-.707.467-.707.467l-2.282 5.801h1.595l.319-.931h1.946l.179.931zm-1.683-2.217l.804-2.346.453 2.346h-1.256zm-2.235-2.544l.218-1.346s-.674-.273-1.376-.273c-.759 0-2.562.354-2.562 2.075 0 1.62 2.117 1.64 2.117 2.49s-1.899.699-2.525.162l-.228 1.407s.683.354 1.727.354 2.619-.577 2.619-2.146c0-1.63-2.135-1.782-2.135-2.49s1.491-.618 2.145-.233z' fill='%231a1f71'/%3E%3Cpath d='M9.305 10.295L8.79 7.477s-.062-.564-.726-.564H5.653l-.028.106s1.159.256 2.27 1.216c1.063.918 1.409 2.061 1.409 2.061z' fill='%23faa634'/%3E%3C/g%3E%3C/svg%3E")
}

.field__system.discover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='20' fill='none'%3E%3Cpath d='M28.101 0H1.899C.85 0 0 .914 0 2.041v15.918C0 19.086.85 20 1.899 20h26.203C29.15 20 30 19.086 30 17.959V2.041C30 .914 29.15 0 28.101 0z' fill='url(%23A)'/%3E%3Cg fill-rule='evenodd'%3E%3Cpath d='M2.77 7.672H1.541v4.607h1.222c.649 0 1.118-.165 1.529-.532a2.39 2.39 0 0 0 .778-1.77c0-1.36-.945-2.306-2.301-2.306zm.977 3.46c-.264.256-.604.367-1.145.367h-.225V8.452h.225c.541 0 .868.104 1.145.373.289.276.462.704.462 1.146s-.172.886-.462 1.161zm1.71-3.46h.835v4.607h-.835V7.672zM8.336 9.44c-.502-.2-.65-.332-.65-.58 0-.29.263-.511.624-.511.251 0 .456.11.675.372l.436-.614a1.8 1.8 0 0 0-1.26-.512 1.3 1.3 0 0 0-1.337 1.319c0 .636.27.961 1.054 1.265.328.124.495.206.578.263a.56.56 0 0 1 .251.476.63.63 0 0 1-.65.65c-.398 0-.719-.214-.912-.615l-.539.56c.385.607.848.877 1.485.877.868 0 1.478-.623 1.478-1.514 0-.732-.282-1.064-1.234-1.438zm1.497.538c0 1.355.99 2.405 2.263 2.405.36 0 .668-.076 1.048-.269v-1.058c-.335.36-.63.504-1.01.504-.842 0-1.44-.656-1.44-1.59 0-.884.617-1.582 1.402-1.582.398 0 .7.152 1.048.518V7.85c-.366-.2-.669-.282-1.029-.282-1.266 0-2.282 1.071-2.282 2.41zm10.085.789l-1.144-3.095h-.913l1.82 4.725h.45l1.851-4.725h-.906l-1.158 3.095zm2.443 1.513h2.372v-.78h-1.536v-1.244h1.477v-.78h-1.477V8.452h1.536v-.78h-2.372v4.607zm5.682-3.248c0-.863-.552-1.36-1.517-1.36h-1.241v4.607h.836v-1.852h.109l1.157 1.852h1.028l-1.351-1.941c.631-.139.977-.602.977-1.307zm-1.678.761h-.243V8.397h.257c.522 0 .804.236.804.684 0 .463-.283.712-.818.712z' fill='%230b1015'/%3E%3Cg fill='%231a1919'%3E%3Cpath d='M28.633 8.015c0-.081-.05-.125-.142-.125h-.122v.406h.089v-.158l.106.158h.112l-.126-.168c.053-.015.082-.057.082-.114zm-.158.055h-.017v-.106h.017c.045 0 .067.017.067.052s-.023.054-.068.054z'/%3E%3Cpath d='M28.508 7.738c-.183 0-.33.158-.33.355s.148.355.33.355.325-.16.325-.355-.146-.355-.325-.355zm-.001.646c-.146 0-.264-.13-.264-.29s.117-.291.264-.291.26.131.26.291-.117.29-.26.29z'/%3E%3C/g%3E%3C/g%3E%3Cpath d='M15.748 12.428c1.222 0 2.212-1.065 2.212-2.378s-.99-2.378-2.212-2.378-2.212 1.065-2.212 2.378.99 2.378 2.212 2.378z' fill='url(%23B)'/%3E%3Cdefs%3E%3ClinearGradient id='A' x1='0' y1='0' x2='18.462' y2='27.692' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23edf1f3'/%3E%3Cstop offset='1' stop-color='%23d3dadf'/%3E%3C/linearGradient%3E%3ClinearGradient id='B' x1='14.535' y1='8.259' x2='17.136' y2='11.643' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23dd5114'/%3E%3Cstop offset='1' stop-color='%23f89f20'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E")
}

.field__system.mastercard {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='20' fill='none'%3E%3Cpath d='M28.101.201H1.899C.85.201 0 1.101 0 2.211v15.676c0 1.11.85 2.01 1.899 2.01h26.203c1.049 0 1.899-.9 1.899-2.01V2.211c0-1.11-.85-2.01-1.899-2.01z' fill='%23fff'/%3E%3Cpath d='M17.561 5.403h-4.964v9.403h4.964V5.403z' fill='%23ff5f00'/%3E%3Cg fill-rule='evenodd'%3E%3Cpath d='M12.912 10.106c-.002-1.835.797-3.569 2.167-4.702-2.326-1.927-5.666-1.646-7.673.645s-2.007 5.823 0 8.113 5.347 2.571 7.673.645c-1.369-1.133-2.168-2.866-2.167-4.701z' fill='%23eb001b'/%3E%3Cpath d='M24.258 10.105c0 2.289-1.24 4.378-3.194 5.378s-4.278.737-5.985-.678c1.369-1.134 2.168-2.867 2.168-4.701s-.799-3.568-2.168-4.701c1.707-1.415 4.032-1.678 5.985-.678s3.194 3.089 3.194 5.378v.002z' fill='%23f79e1b'/%3E%3C/g%3E%3Cpath d='M23.715 13.809v-.193h.074v-.04h-.187v.04h.08v.193h.033zm.364 0v-.232h-.057l-.066.166-.066-.166h-.05v.232h.041v-.174l.061.151h.043l.061-.151v.176l.033-.002z' fill='%23f79e1b'/%3E%3C/svg%3E")
}

.field__action {
    position: absolute;
    top: 12px;
    right: 16px;
    z-index: 4;
    width: 24px;
    height: 24px;
    padding: 0;
    background: none;
    border: none
}

.field__action:hover svg {
    fill: #ADB7BE
}

.field__action svg {
    fill: #4D4D4D;
    -webkit-transition: fill .2s;
    transition: fill .2s
}

.field__error {
    margin-top: 12px;
    font-size: 15px;
    font-weight: 450;
    line-height: 18px;
    color: #FF5A43
}

.field__hint {
    margin-top: -6px;
    padding: 17px 20px 11px;
    background: #1D1C1E;
    border-radius: 0 0 8px 8px;
    font-size: 15px;
    line-height: 20px;
    color: #ADB7BE;
    text-align: center
}

.field__hint a {
    color: #ADB7BE;
    text-decoration: underline;
    text-underline-offset: 2px;
    -webkit-transition: color .2s;
    transition: color .2s
}

.field__hint a:hover {
    color: #fff
}

.field__groups {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap
}

.field__group {
    position: relative
}

.field__group .field__input {
    -webkit-transition: none;
    transition: none
}

.field__group--first {
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    margin-bottom: -2px
}

.field__group--first .field__input {
    border-radius: 8px 8px 0 0
}

.field__group--second {
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    margin-bottom: -2px
}

.field__group--second .field__input {
    border-radius: 0
}

.field__group--expired {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    border: 2px solid #4D4D4D;
    border-radius: 0 0 0 8px
}

.field__group--expired.hover:hover,.field__group--expired.focus {
    z-index: 2;
    border-color: #ADB7BE
}

.field__group--expired.error {
    z-index: 2;
    border-color: #FF5A43
}

.field__group--expired:after {
    content: "/";
    position: absolute;
    top: 0;
    left: 49px;
    z-index: 4;
    height: 44px;
    font-size: 15px;
    font-weight: 450;
    color: #4D4D4D;
    line-height: 44px;
    pointer-events: none
}

.field__group--expired .field__input {
    height: 44px;
    padding: 0 16px;
    border: none;
    border-radius: 0;
    text-align: center
}

.field__group--expired .field__input--month {
    width: 50px;
    padding: 0 8px 0 14px;
    border-radius: 0 0 0 6px
}

.field__group--expired .field__input--year {
    width: calc(100% - 50px);
    padding: 0 80px 0 8px
}

.field__group--expired .field__input:not(input) {
    -webkit-box-pack: center;
    justify-content: center
}

.field__group--cvv {
    -webkit-box-flex: 0;
    flex: 0 0 calc(50% + 2px);
    margin-left: -2px
}

.field__group--cvv .field__input {
    border-radius: 0 0 8px
}

.field__input:not(input) {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: #4D4D4D
}

.field__input:not(input) svg+span {
    margin-left: 16px
}

.field__input:not(input) circle {
    cy: 4;
    r: 4
}

.field__input:not(input) .toggle {
    margin-left: auto
}

.ui8-logo {
    display: block;
    width: 43px;
    height: 38px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='43' height='38' fill='none' fill-rule='evenodd'%3E%3Cpath d='M35.5 15.998A7.5 7.5 0 0 0 43 8.499a7.5 7.5 0 1 0-15 0 7.5 7.5 0 0 0 7.5 7.499z' fill='%232d68f8'/%3E%3Cpath d='M36 19.953l-1 .045A11 11 0 0 1 24 8.999c0-2.007.538-3.889 1.477-5.509l-4.323-2.352a6.6 6.6 0 0 0-6.307 0l-11.4 6.201A6.6 6.6 0 0 0 0 13.137v11.736a6.6 6.6 0 0 0 3.446 5.798l11.4 6.201a6.6 6.6 0 0 0 6.307 0l11.4-6.201A6.6 6.6 0 0 0 36 24.873v-4.92z' fill='%23f8f8f8'/%3E%3C/svg%3E");
    background-repeat: no-repeat
}

.browse {
    margin-bottom: -24px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px
}

.browse li {
    margin-bottom: 16px
}

.browse li:nth-child(1) span:nth-child(1) {
    background-position: 0 0
}

.browse li:nth-child(2) span:nth-child(1) {
    background-position: -22px 0
}

.browse li:nth-child(3) span:nth-child(1) {
    background-position: -44px 0
}

.browse li:nth-child(4) span:nth-child(1) {
    background-position: -66px 0
}

.browse li:nth-child(5) span:nth-child(1) {
    background-position: -88px 0
}

.browse li:nth-child(6) span:nth-child(1) {
    background-position: -110px 0
}

.browse li:nth-child(7) span:nth-child(1) {
    background-position: -132px 0
}

.browse li:nth-child(8) span:nth-child(1) {
    background-position: -154px 0
}

.browse li:nth-child(9) span:nth-child(1) {
    background-position: -176px 0
}

.browse li:nth-child(10) span:nth-child(1) {
    background-position: -198px 0
}

.browse li:nth-child(11) span:nth-child(1) {
    background-position: -220px 0
}

.browse li:nth-child(12) span:nth-child(1) {
    background-position: -242px 0
}

.browse a {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 8px;
    padding: 4px;
    font-size: 15px;
    font-weight: 450;
    line-height: 20px;
    color: #ADB7BE;
    -webkit-transition: color .2s;
    transition: color .2s
}

.browse a:hover {
    color: #fff
}

.browse span:first-child {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    background-image: url("./files/img/menu.png");
    background-size: 264px 22px;
    -webkit-filter: grayscale(0.9);
    filter: grayscale(0.9);
    -webkit-transform: scale(1.09);
    transform: scale(1.09);
    -webkit-transition: -webkit-filter .4s;
    transition: -webkit-filter .4s;
    transition: filter .4s;
    transition: filter .4s, -webkit-filter .4s
}

.tools {
    display: -webkit-box;
    display: flex;
    margin: -8px
}

.tools__item {
    -webkit-box-flex: 1;
    flex: 1;
    height: 220px;
    margin: 8px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 16px;
    -webkit-transition: box-shadow .2s;
    transition: box-shadow .2s
}

.tools__item:hover {
    box-shadow: 0 0 0 4px #2D68FF
}

.renew {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: rgba(255,255,255,0.75)
}

@media only screen and (max-width: 767px) {
    .renew {
        margin-right:16px
    }
}

.renew+.renew {
    margin-left: 32px
}

@media only screen and (max-width: 767px) {
    .renew+.renew {
        margin-left:0
    }
}

.renew:hover .renew__counter--upper {
    opacity: 0
}

.renew:hover .renew__counter--remaining {
    opacity: 1
}

.renew__counter {
    width: 172px;
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

@media only screen and (max-width: 1259px) {
    .renew__counter {
        width:120px
    }
}

.renew__counter--remaining {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.renew__head {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px
}

.renew__head span:first-child {
    font-size: 13px;
    font-weight: 450;
    line-height: 14px
}

.renew__head span:last-child {
    font-size: 13px;
    font-weight: 450;
    line-height: 16px;
    color: #fff
}

.renew__msg {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-right: 8px;
    font-size: 14px;
    font-weight: 450;
    line-height: 20px;
    white-space: nowrap
}

.renew__msg:after {
    content: "";
    width: 6px;
    height: 8px;
    margin-left: 8px;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.5C0 0.675955 0.940764 0.205573 1.6 0.7L4.93333 3.2C5.46667 3.6 5.46667 4.4 4.93333 4.8L1.6 7.3C0.940764 7.79443 0 7.32405 0 6.5V1.5Z' fill='%234D4D4D'/%3E%3C/svg%3E%0A")
}

.renew__btn {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 32px;
    padding: 0 18px;
    background: #2D68FF;
    border-radius: 16px;
    font-size: 13px;
    font-weight: 450;
    line-height: 24px;
    color: #fff;
    -webkit-transition: background .2s, color .2s;
    transition: background .2s, color .2s
}

.renew__btn:hover {
    background: #fff;
    color: #262626
}

.renew .progress-bar {
    height: 6px;
    background: #2C2C2C;
    border-radius: 3px
}

.renew .progress-bar.red .fill-bar {
    background: #FF5A43
}

.renew .progress-bar .fill-bar {
    max-width: 100%;
    height: 6px;
    background: #00A656;
    border-radius: 3px
}

.notifications__item {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start
}

.notifications__item:not(:last-child) {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #2C2C2C
}

.notifications__icon {
    -webkit-box-flex: 0;
    flex: 0 0 16px;
    margin: 4px 12px 0 0
}

.notifications__icon svg {
    display: block;
    width: 16px;
    height: 16px
}

.notifications__icon svg.is-logo {
    width: 20px;
    margin-right: -2px;
    height: 17px
}

.notifications__inner {
    -webkit-box-flex: 0;
    flex: 0 0 calc(100% - 28px);
    font-size: 14px;
    line-height: 20px
}

.notifications__content {
    color: #ADB7BE
}

.notifications__content a {
    color: #fff;
    -webkit-transition: color .2s;
    transition: color .2s
}

.notifications__content a:hover {
    text-decoration: underline
}

.notifications__time {
    margin-top: 4px;
    font-size: 13px;
    line-height: 18px;
    color: #4D4D4D
}

.payup {
    position: relative;
    overflow: hidden
}

@media only screen and (max-width: 767px) {
    .payup {
        margin:0;
        padding-bottom: 72px
    }
}

.payup__empty {
    padding: 14px 24px;
    background: #2C2C2C;
    border-radius: 24px;
    font-size: 14px;
    font-weight: 450;
    line-height: 20px;
    white-space: nowrap
}

@media only screen and (max-width: 767px) {
    .payup__empty {
        padding:0;
        background: none
    }
}

.payup__layout {
    width: 630px;
    background: #262626;
    border-radius: 24px
}

@media only screen and (max-width: 767px) {
    .payup__layout {
        width:100%;
        border-radius: 0
    }
}

@media only screen and (max-width: 767px) {
    .payup__layout.step-checkout .payup__sidebar {
        display:none
    }
}

@media only screen and (max-width: 767px) {
    .payup__layout.step-checkout .payup__container {
        display:-webkit-box;
        display: flex
    }
}

.payup__sidebar {
    position: absolute;
    top: 0;
    left: 0;
    width: 242px;
    height: 100%;
    padding: 16px;
    background: #2C2C2C;
    border-radius: 24px 0 0 24px;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.payup__sidebar::-webkit-scrollbar {
    display: none
}

@media only screen and (max-width: 767px) {
    .payup__sidebar {
        position:static;
        width: 100%;
        height: auto;
        padding: 0;
        background: none;
        border-radius: 0
    }
}

.payup__sidebar .payup__title {
    display: none
}

@media only screen and (max-width: 767px) {
    .payup__sidebar .payup__title {
        display:-webkit-box;
        display: flex;
        margin-bottom: 24px
    }
}

.payup__sidebar .payup__foot {
    display: none
}

@media only screen and (max-width: 767px) {
    .payup__sidebar .payup__foot {
        display:block
    }
}

.payup__product {
    position: relative;
    margin-bottom: 16px
}

@media only screen and (max-width: 767px) {
    .payup__product {
        margin-bottom:24px;
        padding-right: calc(100% - 242px)
    }
}

.payup__preview {
    position: relative;
    height: 146px;
    margin-bottom: 8px;
    background: #000;
    border-radius: 16px
}

@media only screen and (max-width: 767px) {
    .payup__preview {
        height:168px
    }
}

.payup__preview img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.payup__preview:hover img {
    opacity: .1
}

@media only screen and (max-width: 767px) {
    .payup__preview:hover img {
        opacity:1
    }
}

.payup__preview:hover .payup__over {
    opacity: 1
}

.payup__over {
    position: absolute;
    inset: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border-radius: 16px;
    opacity: 0;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

@media only screen and (max-width: 767px) {
    .payup__over {
        display:none
    }
}

.payup__over button {
    width: 40px;
    height: 40px;
    border: 2px solid rgba(255,255,255,0.1);
    border-radius: 50%;
    font-size: 0;
    -webkit-transition: border-color .2s;
    transition: border-color .2s
}

.payup__over button:hover {
    border-color: #fff
}

.payup__name {
    font-size: 15px;
    font-weight: 450;
    line-height: 20px;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.payup__meta {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: baseline;
    align-items: baseline
}

.payup__price {
    margin-right: 8px;
    font-size: 15px;
    font-weight: 450;
    line-height: 20px
}

.payup__full {
    margin-right: 8px;
    color: #ADB7BE;
    text-decoration: line-through
}

.payup__details {
    font-size: 13px;
    font-weight: 450;
    line-height: 14px;
    color: #ADB7BE
}

.payup__remove {
    display: none
}

@media only screen and (max-width: 767px) {
    .payup__remove {
        display:block;
        position: absolute;
        top: 68px;
        right: 0
    }

    .payup__remove svg {
        display: block;
        fill: #4D4D4D
    }
}

.payup__placeholder {
    margin-bottom: 16px;
    opacity: 0.1
}

@media only screen and (max-width: 767px) {
    .payup__placeholder {
        display:none
    }
}

.payup__placeholder svg {
    display: block
}

.payup__container {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-height: 508px;
    padding: 28px 24px 24px 266px
}

.payup__container.is-signed {
    min-height: 464px
}

@media only screen and (max-width: 767px) {
    .payup__container.is-signed {
        min-height:100%
    }
}

.payup__container.is-exclusive {
    min-height: 0
}

@media only screen and (max-width: 767px) {
    .payup__container.is-exclusive {
        min-height:100%
    }
}

@media only screen and (max-width: 767px) {
    .payup__container {
        display:none;
        min-height: 100%;
        padding: 0
    }
}

.payup__container.is-signed .payup__head {
    margin-bottom: 20px
}

.payup__head {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 30px
}

.payup__title {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    flex-grow: 1;
    font-size: 22px;
    font-weight: 500;
    line-height: 24px;
    color: #fff
}

@media only screen and (max-width: 767px) {
    .payup__title--desktop {
        display:none
    }
}

.payup__title--mobile {
    display: none
}

@media only screen and (max-width: 767px) {
    .payup__title--mobile {
        display:-webkit-box;
        display: flex
    }
}

.payup__back {
    display: none
}

@media only screen and (max-width: 767px) {
    .payup__back {
        display:block;
        width: 32px;
        height: 32px;
        margin-right: 12px
    }

    .payup__back svg {
        fill: #ADB7BE
    }
}

.payup__profile {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 56px;
    margin-bottom: 20px;
    padding: 12px;
    background: #1D1C1E;
    border-radius: 8px
}

.payup__profile img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.payup__profile span {
    margin-left: 8px;
    font-size: 15px;
    font-weight: 450;
    line-height: 18px;
    color: #fff;
    opacity: .5
}

.payup__profile a {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin-left: auto;
    background: #262626;
    border-radius: 14px
}

.payup__profile a:hover svg {
    fill: #fff
}

.payup__profile a svg {
    fill: #5C5C5C;
    -webkit-transition: fill .2s;
    transition: fill .2s
}

.payup__tabs {
    display: -webkit-box;
    display: flex;
    gap: 20px;
    margin-bottom: 20px
}

.payup__tabs button {
    position: relative;
    -webkit-box-flex: 1;
    flex: 1;
    height: 160px;
    border: 2px solid #4D4D4D;
    border-radius: 8px;
    -webkit-transition: border .2s, background .2s;
    transition: border .2s, background .2s
}

.payup__tabs button:hover {
    border-color: #ADB7BE
}

.payup__tabs button.active {
    background: #1D1C1E;
    border-color: #2D68FF
}

.payup__tabs span {
    position: absolute;
    top: 8px;
    right: 8px;
    color: white
}

.payup__tabs svg {
    fill: #fff
}

.payup__secured {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    min-height: 44px;
    margin-bottom: 20px;
    padding: 12px;
    background: #1D1C1E;
    border-radius: 8px
}

.payup__secured span {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    line-height: 20px;
    color: #00A656
}

.payup__secured span svg {
    fill: #00A656
}

.payup__secured ul {
    display: -webkit-box;
    display: flex;
    gap: 8px
}

@media only screen and (max-width: 767px) {
    .payup__foot {
        position:fixed;
        left: 0;
        bottom: 0;
        z-index: 50;
        width: 100%;
        padding: 24px;
        background: rgba(24,24,24,0.98)
    }
}

.payup__btn {
    width: 100%;
    height: 48px;
    background: #2D68FF;
    border-radius: 8px;
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    color: #fff;
    -webkit-transition: background .2s, color .2s;
    transition: background .2s, color .2s
}

.payup__btn:hover {
    background: #fff;
    color: #262626
}

.payup .field {
    margin-bottom: 20px
}

.socials {
    display: -webkit-box;
    display: flex;
    margin: 0 -12px
}

.socials li {
    margin: 0 12px
}

.socials a {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 2px solid #2C2C2C;
    border-radius: 50%;
    -webkit-transition: border-color .2s;
    transition: border-color .2s
}

.socials a:hover {
    border-color: #fff
}

.socials a:hover svg {
    fill: #fff
}

.socials a svg {
    width: 24px;
    height: 24px;
    fill: #ADB7BE;
    -webkit-transition: fill .2s;
    transition: fill .2s
}

@media only screen and (max-width: 767px) {
    .submenu {
        display:-webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        min-height: 100%
    }
}

.submenu__title {
    margin-bottom: 4px;
    font-size: 17px;
    font-weight: 500;
    line-height: 24px
}

@media only screen and (max-width: 767px) {
    .submenu__title {
        margin-bottom:24px;
        font-size: 22px;
        font-weight: 500;
        line-height: 24px
    }
}

.submenu__email {
    margin-bottom: 24px;
    color: #ADB7BE;
    line-height: 18px;
    opacity: .75;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

@media only screen and (max-width: 767px) {
    .submenu__email {
        display:none
    }
}

@media only screen and (max-width: 767px) {
    .submenu__nav {
        display:-webkit-box;
        display: flex;
        margin: 0 -4px
    }
}

@media only screen and (max-width: 767px) {
    .submenu__nav ul {
        -webkit-box-flex:1;
        flex: 1;
        margin: 0 4px
    }
}

.submenu__nav li {
    margin-bottom: 24px
}

.submenu__nav a {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 15px;
    font-weight: 450;
    line-height: 20px;
    color: #ADB7BE
}

.submenu__nav a:hover {
    color: #fff
}

.submenu__nav a:hover svg {
    fill: #fff
}

.submenu__nav svg {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    fill: #5C5C5C;
    -webkit-transition: fill .2s;
    transition: fill .2s
}

.submenu__group {
    margin-top: 32px
}

@media only screen and (max-width: 767px) {
    .submenu__group {
        display:-webkit-box;
        display: flex;
        margin: 0 -8px
    }
}

@media only screen and (max-width: 767px) {
    .submenu__group .submenu__btn {
        -webkit-box-flex:1;
        flex: 1;
        margin: 0 8px
    }
}

.submenu__btn {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 32px;
    padding: 0 16px;
    border: 2px solid #5C5C5C;
    border-radius: 16px;
    font-size: 13px;
    font-weight: 450;
    line-height: 24px;
    color: #fff;
    -webkit-transition: border-color .2s;
    transition: border-color .2s
}

@media only screen and (max-width: 767px) {
    .submenu__btn {
        width:100%;
        height: 48px;
        border-radius: 8px;
        font-size: 17px;
        font-weight: 500;
        line-height: 24px
    }
}

.submenu__btn:hover {
    border-color: #fff
}

.submenu__btn--blue {
    background: #2D68FF;
    border-color: #2D68FF;
    color: #fff
}

.submenu__mobile {
    display: none
}

@media only screen and (max-width: 767px) {
    .submenu__mobile {
        display:-webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-flex: 1;
        flex-grow: 1;
        margin-top: 32px
    }
}

.submenu__browse {
    margin-bottom: 32px
}

.submenu__socials {
    margin-top: auto
}

.submenu__copyright {
    margin-top: 16px;
    font-size: 12px;
    font-weight: 450;
    line-height: 16px;
    color: #4D4D4D
}

.menu__inner {
    position: relative
}

.menu__grid {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 348px;
    grid-template-rows: 1fr 116px;
    grid-column-gap: 16px;
    grid-row-gap: 16px
}

@media only screen and (max-width: 1259px) {
    .menu__grid {
        display:block
    }
}

.menu__grid--overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: var(--opacity, 0);
    -webkit-mask: radial-gradient(320px 320px at var(--x) var(--y), black 1%, transparent 40%);
    mask: radial-gradient(320px 320px at var(--x) var(--y), black 1%, transparent 40%);
    will-change: mask
}

@media (hover: none) {
    .menu__grid--overlay {
        display:none
    }
}

.menu__grid--overlay .menu__categories li:before {
    content: "";
    display: block;
    height: 180px;
    border: 1px solid #2D68FF;
    border-radius: 16px
}

@media only screen and (max-width: 1259px) {
    .menu__grid--overlay .menu__categories li:before {
        height:unset;
        aspect-ratio: 1
    }
}

.menu__grid--overlay .menu__space:before {
    content: "";
    display: block;
    height: 100%;
    border: 1px solid #2D68FF;
    border-radius: 16px
}

.menu__grid--overlay .menu__formats {
    border-color: #2D68FF
}

.menu__categories {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-area: 1 / 1 / 3 / 2
}

@media only screen and (max-width: 1023px) {
    .menu__categories {
        grid-template-columns:repeat(4, 1fr)
    }
}

.menu__categories li:nth-child(1) span:nth-child(1) {
    background-position: -5px -5px
}

.menu__categories li:nth-child(2) span:nth-child(1) {
    background-position: -71px -5px
}

.menu__categories li:nth-child(3) span:nth-child(1) {
    background-position: -137px -5px
}

.menu__categories li:nth-child(4) span:nth-child(1) {
    background-position: -203px -5px
}

.menu__categories li:nth-child(5) span:nth-child(1) {
    background-position: -269px -5px
}

.menu__categories li:nth-child(6) span:nth-child(1) {
    background-position: -335px -5px
}

.menu__categories li:nth-child(7) span:nth-child(1) {
    background-position: -401px -5px
}

.menu__categories li:nth-child(8) span:nth-child(1) {
    background-position: -467px -5px
}

.menu__categories li:nth-child(9) span:nth-child(1) {
    background-position: -533px -5px
}

.menu__categories li:nth-child(10) span:nth-child(1) {
    background-position: -599px -5px
}

.menu__categories li:nth-child(11) span:nth-child(1) {
    background-position: -665px -5px
}

.menu__categories li:nth-child(12) span:nth-child(1) {
    background-position: -731px -5px
}

.menu__categories a {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 180px;
    padding: 1px;
    border: 1px solid #262626;
    border-radius: 16px;
    -webkit-transition: background .4s;
    transition: background .4s
}

@media only screen and (max-width: 1259px) {
    .menu__categories a {
        height:unset;
        aspect-ratio: 1
    }
}

.menu__categories a:hover {
    background: #1B1B1B
}

.menu__categories a:hover span:nth-child(1) {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.menu__categories a:hover span:nth-child(2) {
    color: #fff
}

.menu__categories a:hover span:nth-child(3) {
    opacity: 1
}

.menu__categories span:nth-child(1) {
    position: relative;
    width: 56px;
    height: 56px;
    margin: 0 auto 16px;
    background-image: url("./files/img/menu.png");
    background-size: 792px 66px;
    -webkit-filter: grayscale(0.9);
    filter: grayscale(0.9);
    -webkit-transition: -webkit-filter .4s;
    transition: -webkit-filter .4s;
    transition: filter .4s;
    transition: filter .4s, -webkit-filter .4s
}

.menu__categories span:nth-child(2) {
    font-size: 15px;
    font-weight: 450;
    line-height: 20px;
    color: #ADB7BE;
    text-align: center;
    -webkit-transition: color .4s;
    transition: color .4s
}

.menu__categories span:nth-child(3) {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 4px 8px;
    font-size: 13px;
    font-weight: 450;
    line-height: 14px;
    color: #2D68FF;
    background: rgba(45,104,255,0.15);
    border-radius: 11px;
    opacity: 0;
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

.menu__space {
    position: relative
}

@media only screen and (max-width: 1259px) {
    .menu__space {
        display:none
    }
}

.menu__space a {
    position: relative;
    display: block;
    height: 100%;
    border-radius: 16px;
    overflow: hidden
}

.menu__space a:after {
    content: "";
    position: absolute;
    inset: 0;
    border: 1px solid #262626;
    border-radius: 16px
}

.menu__space a>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 18px;
    -o-object-position: 50% 0;
    object-position: 50% 0;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0.5
}

.menu__space span {
    position: absolute;
    top: 50%;
    left: 50%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    gap: 8px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.menu__space span img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.menu__space span strong {
    font-size: 15px;
    font-weight: 450;
    line-height: 20px;
    color: #fff
}

.menu__badge {
    position: absolute;
    top: 6px;
    right: 6px
}

.menu__formats {
    grid-area: 2 / 2 / 3 / 3;
    padding: 23px;
    border: 1px solid #262626;
    border-radius: 16px
}

@media only screen and (max-width: 1259px) {
    .menu__formats {
        display:none
    }
}

.menu__title {
    margin-bottom: 16px;
    font-size: 15px;
    font-weight: 450;
    line-height: 20px;
    color: #ADB7BE
}

.menu__apps {
    display: -webkit-box;
    display: flex;
    gap: 16px
}

.menu__apps a {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: #2C2C2C;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #121212;
    -webkit-transition: box-shadow .4s;
    transition: box-shadow .4s
}

.menu__apps a:hover {
    box-shadow: 0 0 0 2px #2D68FF
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
    width: 100%;
    padding: 24px 0;
    -webkit-transition: background .2s;
    transition: background .2s
}

@media only screen and (max-width: 1259px) {
    .header {
        padding:16px 0
    }
}

.header.scrolled {
    background: rgba(24,24,24,0.98)
}

.header__container {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 40px
}

.header__logo {
    position: relative;
    -webkit-box-flex: 0;
    flex: 0 0 43px;
    height: 38px;
    margin-right: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='82' height='38'%3E%3Cpath fill='%232d68ff' d='M35.5 15.998A7.5 7.5 0 0 0 43 8.499a7.5 7.5 0 1 0-15 0 7.5 7.5 0 0 0 7.5 7.499z'/%3E%3Cpath fill='%23f8f8f8' fill-rule='nonzero' d='M36 20.939c0-.53-.462-.942-1-.942A11 11 0 0 1 24 8.999a10.96 10.96 0 0 1 .898-4.358c.281-.65.066-1.43-.562-1.772l-3.181-1.731a6.6 6.6 0 0 0-6.307 0l-11.4 6.201A6.6 6.6 0 0 0 0 13.137v11.736a6.6 6.6 0 0 0 3.446 5.798l11.4 6.201a6.6 6.6 0 0 0 6.307 0l11.4-6.201A6.6 6.6 0 0 0 36 24.873v-3.934zM55 13.5a1.5 1.5 0 1 0-3 0v7a5.5 5.5 0 1 0 11 0v-7a1.5 1.5 0 1 0-3 0v7a2.5 2.5 0 1 1-5 0v-7zm10.5 0a1.5 1.5 0 1 1 3 0v11a1.5 1.5 0 1 1-3 0v-11zM78 12a4 4 0 0 1 4 4 3.99 3.99 0 0 1-1.27 2.924c-.044.041-.044.111 0 .152A3.99 3.99 0 0 1 82 22a4 4 0 0 1-4 4h-3a4 4 0 0 1-4-4 3.99 3.99 0 0 1 1.27-2.924c.044-.041.044-.111 0-.152A3.99 3.99 0 0 1 71 16a4 4 0 0 1 4-4h3zm-.5 8.5h-2a1.5 1.5 0 1 0 0 3h0 2a1.5 1.5 0 1 0 0-3h0zm0-6h-2a1.5 1.5 0 1 0 0 3h0 2a1.5 1.5 0 1 0 0-3h0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat
}

@media only screen and (max-width: 767px) {
    .header__logo {
        margin-right:auto
    }
}

.header__group {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.header__group--right {
    position: relative;
    margin: 0 -11px 0 auto
}

@media only screen and (max-width: 767px) {
    .header__group--right {
        margin-left:0
    }
}

.header__cell {
    margin: 0 8px
}

.header__cell.active .header__head,.header__cell.active-touch .header__head {
    color: #fff
}

@media only screen and (max-width: 767px) {
    .header__cell.active .header__head,.header__cell.active-touch .header__head {
        color:#ADB7BE
    }
}

.header__cell.active .header__head svg,.header__cell.active-touch .header__head svg {
    fill: #fff
}

@media only screen and (max-width: 767px) {
    .header__cell.active .header__head svg,.header__cell.active-touch .header__head svg {
        fill:#ADB7BE
    }
}

@media (hover: hover) {
    .header__cell.active .header__head:after {
        content:"";
        position: absolute;
        inset: -12px
    }
}

.header__cell.active .header__avatar:after,.header__cell.active-touch .header__avatar:after {
    border-color: #fff
}

@media only screen and (max-width: 767px) {
    .header__cell.active .header__avatar:after,.header__cell.active-touch .header__avatar:after {
        border-color:#2C2C2C
    }
}

@media (hover: hover) {
    .header__cell.active .header__dropdown {
        display:block
    }
}

@media only screen and (max-width: 767px) {
    .header__cell.active .header__dropdown {
        display:none
    }
}

@media (hover: hover) {
    .header__cell.active .header__dropdown--browse {
        opacity:1;
        pointer-events: all
    }
}

@media (hover: none) {
    .header__cell.active-touch .header__dropdown--browse {
        opacity:1;
        pointer-events: all
    }
}

@media (hover: none) {
    .header__cell.active-touch .header__dropdown {
        display:block
    }
}

@media only screen and (max-width: 767px) {
    .header__cell.active-touch .header__dropdown {
        display:block
    }
}

.header__cell--renew {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.header__cell--cart.active .header__dropdown {
    display: block
}

.header__cell--cart .header__head path {
    display: none
}

.header__cell--cart .header__head path.visible {
    display: block
}

.header__cell--cart .header__dropdown {
    padding: 0
}

@media only screen and (max-width: 767px) {
    .header__cell--cart .header__dropdown {
        padding:94px 24px 40px
    }
}

.header__cell--profile.only-mobile {
    display: none
}

@media only screen and (max-width: 767px) {
    .header__cell--profile.only-mobile {
        display:block
    }
}

@media only screen and (max-width: 767px) {
    .header__cell--profile.only-mobile .header__head svg {
        width:32px;
        height: 32px
    }
}

@media (hover: hover) {
    .header__cell--profile.active .header__head:after {
        left:-50%
    }
}

.header__head {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 8px;
    font-size: 15px;
    font-weight: 450;
    line-height: 18px;
    color: #ADB7BE;
    -webkit-transition: color .2s;
    transition: color .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

@media only screen and (max-width: 767px) {
    .header__head {
        padding:0 4px
    }
}

.header__head:hover {
    color: #fff
}

.header__head:hover svg {
    fill: #fff
}

.header__head svg {
    width: 24px;
    height: 24px;
    fill: #ADB7BE;
    -webkit-transition: fill .2s;
    transition: fill .2s
}

@media only screen and (max-width: 767px) {
    .header__head svg {
        width:28px;
        height: 28px
    }
}

.header__head--sale {
    height: 26px;
    background: linear-gradient(155deg, #393540, #27232F);
    border-radius: 6px
}

.header__head--sale:hover span:first-child {
    opacity: 0;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.header__head--sale:hover span:last-child {
    opacity: 1
}

.header__head--sale span {
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.header__head--sale span:first-child {
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #FF78FA), color-stop(40%, #FFB36C), color-stop(60%, #FFB36C), color-stop(80%, #FF78FA));
    background: linear-gradient(to right, #FF78FA 20%, #FFB36C 40%, #FFB36C 60%, #FF78FA 80%);
    background-size: 200% auto;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: shine 2s linear infinite;
    animation: shine 2s linear infinite
}

.header__head--sale span:last-child {
    position: absolute;
    top: 4px;
    left: 8px;
    color: white;
    opacity: 0
}

@media only screen and (max-width: 767px) {
    .header__head--sale span:last-child {
        left:4px
    }
}

.header__badge {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-left: 8px;
    padding: 2px 8px;
    border: 2px solid #00A656;
    border-radius: 13px;
    font-size: 12px;
    font-weight: 500;
    color: #00A656;
    letter-spacing: 0
}

.header__avatar {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    width: 32px;
    height: 32px;
    background: #2C2C2C;
    border-radius: 50%
}

.header__avatar:after {
    content: "";
    position: absolute;
    inset: -5px;
    border: 2px solid #2C2C2C;
    border-radius: 50%;
    -webkit-transition: border-color .2s;
    transition: border-color .2s
}

.header__avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.header__circle {
    display: none;
    position: absolute;
    top: 8px;
    right: 8px;
    width: 8px;
    height: 8px;
    background: #00A656;
    border-radius: 50%
}

@media only screen and (max-width: 767px) {
    .header__circle {
        top:6px;
        right: 6px;
        width: 10px;
        height: 10px
    }
}

.header__circle.visible {
    display: block
}

.header__dropdown {
    display: none;
    position: absolute;
    top: 52px;
    right: 11px;
    padding: 32px;
    background: #262626;
    border-radius: 24px
}

@media only screen and (max-width: 767px) {
    .header__dropdown {
        position:fixed;
        top: 0;
        left: 0;
        z-index: 99;
        width: 100%;
        height: 100%;
        padding: 94px 24px 40px;
        border-radius: 0;
        -webkit-transition: background .2s;
        transition: background .2s;
        overflow: auto
    }
}

.header__dropdown--browse {
    display: block;
    top: -24px;
    left: calc(50% - 50vw);
    right: auto;
    z-index: -1;
    width: 100vw;
    padding: 88px 0 24px;
    background: rgba(24,24,24,0.96);
    border-radius: 0;
    box-shadow: 0px 16px 16px rgba(0,0,0,0.35);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

.header__dropdown--tools {
    width: 1012px;
    max-width: calc(100vw - 72px);
    padding: 16px
}

.header__dropdown--notifications {
    width: 344px;
    max-height: 480px;
    overflow: auto
}

@media only screen and (max-width: 767px) {
    .header__dropdown--notifications {
        width:100%;
        max-height: 100%
    }
}

.header__dropdown--notifications:hover::-webkit-scrollbar-thumb {
    background: #1D1C1E;
    background-clip: content-box
}

.header__dropdown--notifications::-webkit-scrollbar {
    width: 16px
}

.header__dropdown--notifications::-webkit-scrollbar-track {
    background: none
}

.header__dropdown--notifications::-webkit-scrollbar-thumb {
    background: transparent;
    background-clip: content-box;
    border: solid transparent;
    border-width: 24px 6px;
    border-radius: 16px
}

.header__dropdown--profile {
    width: 232px
}

@media only screen and (max-width: 767px) {
    .header__dropdown--profile {
        width:100%
    }
}

.header__dropdown.active .header__panel {
    background: rgba(24,24,24,0.98)
}

.header__panel {
    display: none
}

@media only screen and (max-width: 767px) {
    .header__panel {
        position:fixed;
        top: 0;
        left: 0;
        z-index: 50;
        width: 100%;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        height: 70px;
        padding: 0 24px;
        background: #262626;
        -webkit-transition: background .2s;
        transition: background .2s
    }
}

@media only screen and (max-width: 767px) {
    .header__panel .header__logo {
        margin-right:auto
    }
}

.header__close {
    width: 32px;
    height: 32px;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='20.5' x2='11.5' y1='11.5' y2='20.5' stroke='%23ADB7BE' stroke-width='2'/%3E%3Cline x1='11.5' x2='20.5' y1='11.5' y2='20.5' stroke='%23ADB7BE' stroke-width='2'/%3E%3Cpath stroke='%23ADB7BE' stroke-width='2' d='M31,16 C31,24.2843 24.2843,31 16,31 C7.71573,31 1,24.2843 1,16 C1,7.71573 7.71573,1 16,1 C24.2843,1 31,7.71573 31,16 Z'/%3E%3C/g%3E%3C/svg%3E");
    border: none
}

.header .new {
    position: relative;
    width: 40px;
    height: 22px;
    margin-left: 8px;
    background: #1D1C1E;
    border-radius: 11px;
    overflow: hidden
}

.header .new:before,.header .new:after {
    content: "";
    position: absolute;
    inset: 0
}

.header .new:before {
    background: -webkit-gradient(linear, left top, left bottom, from(#262626), to(#1D1C1E));
    background: linear-gradient(#262626, #1D1C1E);
    border-radius: 11px
}

.header .new:after {
    inset: 1px;
    background: #1D1C1E;
    border-radius: 10px
}

.header .new__stroke {
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    background: #60D07A;
    border-radius: 50%;
    offset-path: path("M11 1H29C35 1 39 5 39 11C39 17 35 21 29 21H11C5 21 1 17 1 11C1 5 5 1 11 1Z");
    -webkit-animation: new-stroke 4s linear infinite;
    animation: new-stroke 4s linear infinite
}

.header .new__inner {
    position: absolute;
    inset: 1px;
    z-index: 2;
    border-radius: 10px;
    overflow: hidden
}

.header .new__inner:after {
    content: "";
    position: absolute;
    inset: -1px;
    z-index: 1;
    box-shadow: inset 0 0 4px 4px #1D1C1E;
    border-radius: 10px
}

.header .new__inner span {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 0 2px;
    font-size: 12px;
    font-weight: 500;
    color: #60D07A
}

.header .new__inner span:nth-child(1) {
    -webkit-animation: new-text-1 4s linear infinite;
    animation: new-text-1 4s linear infinite
}

.header .new__inner span:nth-child(2) {
    -webkit-animation: new-text-2 4s linear infinite;
    animation: new-text-2 4s linear infinite
}

@-webkit-keyframes new-stroke {
    0% {
        offset-distance: 100%
    }

    100% {
        offset-distance: 0%
    }
}

@keyframes new-stroke {
    0% {
        offset-distance: 100%
    }

    100% {
        offset-distance: 0%
    }
}

@-webkit-keyframes new-text-1 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes new-text-1 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes new-text-2 {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@keyframes new-text-2 {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@-webkit-keyframes shine {
    to {
        background-position: 200% center
    }
}

@keyframes shine {
    to {
        background-position: 200% center
    }
}

.footer {
    background: #181818
}

@media only screen and (max-width: 1023px) {
    .footer {
        display:none
    }
}

.footer__container {
    position: relative;
    padding-top: 56px;
    padding-bottom: 36px
}

.footer__top {
    position: absolute;
    right: 40px;
    bottom: calc(100% + 32px)
}

@media only screen and (max-width: 1259px) {
    .footer__top {
        right:32px
    }
}

.footer__row {
    display: -webkit-box;
    display: flex
}

.footer__col:nth-child(1) {
    margin-right: 48px
}

.footer__col:nth-child(2) {
    margin-right: 48px
}

.footer__col:nth-child(3) {
    margin-right: 104px
}

.footer__col:nth-child(4) {
    width: 320px;
    margin-left: auto
}

.footer__title {
    margin-bottom: 16px;
    font-size: 17px;
    font-weight: 450;
    line-height: 21px
}

.footer__nav {
    margin: 40px 0 -24px
}

.footer__nav li {
    display: -webkit-box;
    display: flex;
    margin-bottom: 24px
}

.footer__nav a {
    font-size: 15px;
    font-weight: 450;
    line-height: 18px;
    color: #ADB7BE;
    -webkit-transition: color .2s;
    transition: color .2s
}

.footer__nav a:hover {
    color: #fff
}

.footer__nav--cols {
    display: -webkit-box;
    display: flex
}

.footer__nav--cols ul {
    margin-right: 56px
}

@media only screen and (max-width: 1408px) {
    .footer__nav--cols ul {
        margin-right:48px
    }
}

@media only screen and (max-width: 1259px) {
    .footer__nav--cols ul:nth-child(2),.footer__nav--cols ul:nth-child(3) {
        display:none
    }
}

.footer__subscribe {
    min-height: 126px;
    margin-bottom: 48px
}

.footer__subscribe .field__label,.footer__subscribe .field__input {
    background: #181818
}

.footer__subscribe .field__input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 100px #181818 inset
}

.footer__subscribe .field .loader {
    position: absolute;
    top: 12px;
    right: 16px;
    z-index: 6;
    height: 24px
}

.footer__subscribe .field .loader:before {
    width: 24px;
    height: 24px
}

.footer__subscribe .footer__title {
    margin-bottom: 22px
}

.footer__message {
    margin-top: -14px;
    font-size: 15px;
    font-weight: 450;
    line-height: 18px;
    color: #ADB7BE
}

.footer__copyright {
    margin-top: 88px;
    font-size: 12px;
    font-weight: 450;
    line-height: 16px;
    color: #4D4D4D
}

[ui8-avatar] {
    display: block;
    background-color: #4D4D4D;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='%23FFF'%3E%3Cpath d='M12.5 15c3.683 0 7.138 1.568 9.728 4.314a1 1 0 0 1-1.455 1.372C18.552 18.331 15.618 17 12.5 17s-6.052 1.331-8.272 3.686a1 1 0 0 1-1.455-1.372C5.362 16.568 8.817 15 12.5 15zm0-13a5.5 5.5 0 1 0 0 11 5.5 5.5 0 1 0 0-11zm0 2a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: center;
    border-radius: 50%
}

.catalog {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px -24px
}

.catalog product-card {
    -webkit-box-flex: 0;
    flex: 0 0 calc(25% - 24px);
    margin: 0 12px 24px;
    overflow: hidden
}

@media only screen and (max-width: 1259px) {
    .catalog product-card {
        -webkit-box-flex:0;
        flex: 0 0 calc(33.33% - 24px)
    }
}

@media only screen and (max-width: 1023px) {
    .catalog product-card {
        -webkit-box-flex:0;
        flex: 0 0 calc(50% - 24px)
    }
}

@media only screen and (max-width: 767px) {
    .catalog product-card {
        -webkit-box-flex:0;
        flex: 0 0 calc(100% - 24px)
    }
}

.catalog--three product-card {
    -webkit-box-flex: 0;
    flex: 0 0 calc(33.33% - 24px)
}

@media only screen and (max-width: 1259px) {
    .catalog--three product-card {
        -webkit-box-flex:0;
        flex: 0 0 calc(50% - 24px)
    }
}

@media only screen and (max-width: 767px) {
    .catalog--three product-card {
        -webkit-box-flex:0;
        flex: 0 0 calc(100% - 24px)
    }
}

.search {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    width: 100%;
    height: 100%;
    background: #121212;
    overflow: auto
}

.search__head {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 50;
    padding-bottom: 40px;
    background: rgba(18,18,18,0.98)
}

.search__head .search__container {
    position: relative
}

.search__field {
    position: relative
}

.search__input {
    width: 100%;
    height: 116px;
    padding-top: 8px;
    background: none;
    font-size: 34px;
    font-weight: 450;
    color: #fff;
    caret-color: #2D68FF;
    -webkit-appearance: textfield
}

@media only screen and (max-width: 1023px) {
    .search__input {
        height:78px;
        padding: 0 0 4px;
        font-size: 28px
    }
}

.search__input::-webkit-input-placeholder {
    color: #4D4D4D
}

.search__input::-moz-placeholder {
    color: #4D4D4D
}

.search__input:-ms-input-placeholder {
    color: #4D4D4D
}

.search__input::-ms-input-placeholder {
    color: #4D4D4D
}

.search__input::placeholder {
    color: #4D4D4D
}

.search__input::-webkit-search-cancel-button,.search__input::-webkit-search-decoration {
    -webkit-appearance: none;
    appearance: none
}

.search__value {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: 100%;
    padding-top: 8px;
    pointer-events: none
}

@media only screen and (max-width: 1023px) {
    .search__value {
        padding:0 0 4px
    }
}

.search__value span {
    font-size: 34px;
    font-weight: 450;
    letter-spacing: 0;
    color: transparent
}

@media only screen and (max-width: 1023px) {
    .search__value span {
        font-size:28px
    }
}

.search__value button {
    position: relative;
    top: 1px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: #2C2C2C;
    border-radius: 14px;
    pointer-events: auto
}

.search__value button:hover svg {
    fill: #fff
}

.search__value svg {
    width: 12px;
    height: 12px;
    fill: #ADB7BE;
    -webkit-transition: fill .2s;
    transition: fill .2s
}

.search__sale {
    position: absolute;
    top: 50px;
    right: 108px;
    color: #ADB7BE
}

@media only screen and (max-width: 1259px) {
    .search__sale {
        right:100px
    }
}

@media only screen and (max-width: 1023px) {
    .search__sale {
        top:27px;
        right: 72px
    }
}

@media only screen and (max-width: 767px) {
    .search__sale {
        display:none
    }
}

.search__sale.active {
    color: #00A656
}

.search__sale.active:before {
    background: #00A656
}

.search__sale.active:after {
    border-color: #4D4D4D
}

.search__sale:before {
    background: #ADB7BE
}

.search__sale:after {
    border-color: #2C2C2C
}

.search__close {
    position: absolute;
    top: 40px;
    right: 40px;
    width: 44px;
    height: 44px;
    border: 2px solid rgba(255,255,255,0.1);
    border-radius: 50%;
    font-size: 0;
    -webkit-transition: border-color .2s;
    transition: border-color .2s
}

@media only screen and (max-width: 1259px) {
    .search__close {
        right:32px
    }
}

@media only screen and (max-width: 1023px) {
    .search__close {
        top:23px;
        right: 24px;
        width: 32px;
        height: 32px;
        border-color: #ADB7BE
    }
}

.search__close:hover {
    border-color: #fff
}

.search__close svg {
    width: 14px;
    height: 14px;
    fill: #ADB7BE
}

@media only screen and (max-width: 1023px) {
    .search__close svg {
        width:12px;
        height: 12px
    }
}

.search__empty {
    position: relative
}

.search__placeholders {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px
}

.search__placeholders li {
    -webkit-box-flex: 0;
    flex: 0 0 calc(25% - 24px);
    margin: 0 12px 24px;
    overflow: hidden
}

@media only screen and (max-width: 1259px) {
    .search__placeholders li {
        -webkit-box-flex:0;
        flex: 0 0 calc(33.33% - 24px)
    }
}

@media only screen and (max-width: 1023px) {
    .search__placeholders li {
        -webkit-box-flex:0;
        flex: 0 0 calc(50% - 24px)
    }
}

@media only screen and (max-width: 767px) {
    .search__placeholders li {
        -webkit-box-flex:0;
        flex: 0 0 calc(100% - 24px)
    }
}

.search__placeholders li:before,.search__placeholders li:after {
    content: "";
    display: block
}

.search__placeholders li:before {
    aspect-ratio: 1.4830;
    background: #141414;
    border-radius: 16px 16px 0 0
}

.search__placeholders li:after {
    height: 80px;
    background: #131313;
    border-radius: 0 0 16px 16px
}

.search__alert {
    position: absolute;
    top: 140px;
    left: calc(50% - 210px);
    width: 420px;
    padding: 40px;
    background: #262626;
    border-radius: 24px;
    box-shadow: 0px 8px 80px rgba(0,0,0,0.4)
}

@media only screen and (max-width: 767px) {
    .search__alert {
        left:0;
        width: 100%
    }
}

.search__title {
    margin-bottom: 16px;
    font-size: 28px;
    font-weight: 450;
    line-height: 40px
}

.search__text {
    font-size: 18px;
    line-height: 28px;
    color: #ADB7BE
}

.search__catalog {
    margin-bottom: 0
}

.search .loader {
    height: 80px
}

.search .loader.loading {
    height: calc(100vh - 200px)
}

.search .loader.faded {
    opacity: 0
}

.filters {
    position: relative;
    z-index: 4
}

@media only screen and (max-width: 1023px) {
    .filters {
        display:-webkit-box;
        display: flex;
        margin: 0 -24px;
        padding: 0 24px;
        overflow: auto;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .filters::-webkit-scrollbar {
        display: none
    }
}

.filters__container {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end
}

@media only screen and (max-width: 1023px) {
    .filters__container {
        display:block
    }
}

.filters__categories,.filters tag-filter {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    height: 44px;
    overflow: hidden
}

@media only screen and (max-width: 1023px) {
    .filters__categories,.filters tag-filter {
        overflow:visible
    }
}

.filters__btns {
    display: -webkit-box;
    display: flex;
    gap: 12px
}

.filters__btn {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    height: 44px;
    padding: 0 14px;
    background: none;
    border: 2px solid #2C2C2C;
    border-radius: 22px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: #ADB7BE;
    -webkit-transition: border-color .2s, color .2s;
    transition: border-color .2s, color .2s
}

.filters__btn:hover {
    border-color: #fff
}

.filters__btn.active {
    border-color: #2D68FF;
    color: #fff
}

.filters__select {
    position: relative;
    margin-left: 16px
}

@media only screen and (max-width: 1023px) {
    .filters__select {
        display:none
    }
}

.filters__select:hover:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 10px
}

.filters__select:hover .filters__head {
    border-color: #fff
}

.filters__select:hover .filters__dropdown {
    display: block
}

.filters__head {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 44px;
    padding: 4px;
    background: none;
    border: 2px solid #2C2C2C;
    border-radius: 22px;
    -webkit-transition: border-color .2s;
    transition: border-color .2s;
    cursor: pointer
}

.filters__label {
    padding: 0 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: #ADB7BE
}

.filters__arrow {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: #2C2C2C;
    border-radius: 50%
}

.filters__arrow svg {
    width: 24px;
    height: 24px;
    fill: #ADB7BE
}

.filters__arrow img {
    width: 16px;
    height: 16px
}

.filters__dropdown {
    display: none;
    position: absolute;
    top: 54px;
    right: 0;
    width: 212px;
    padding: 16px 16px 8px;
    background: #262626;
    border-radius: 24px;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px
}

.filters__dropdown.isWide {
    width: 392px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2
}

.filters__dropdown.isWider {
    width: 572px;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3
}

.filters__dropdown.isWidest {
    width: 752px;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4
}

.filters__dropdown .filters__btn {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 8px;
    font-size: 15px;
    font-weight: 450;
    line-height: 18px
}

.filters__dropdown .filters__btn img {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    -o-object-fit: cover;
    object-fit: cover
}

.filters featured-filter,.filters .featured-filter {
    -webkit-box-flex: 1;
    flex-grow: 1;
    margin: 8px
}

.filters .featured-filter {
    display: inline
}

.filters__toggle {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 0 0 0 16px;
    background: none;
    border: none;
    font-size: 15px;
    font-weight: 450;
    line-height: 18px;
    color: #ADB7BE;
    -webkit-transition: color .2s;
    transition: color .2s
}

.filters__toggle:before {
    content: "";
    position: absolute;
    top: 4px;
    right: 20px;
    width: 14px;
    height: 14px;
    background: #4D4D4D;
    border-radius: 50%;
    -webkit-transition: background .2s, -webkit-transform .2s;
    transition: background .2s, -webkit-transform .2s;
    transition: background .2s, transform .2s;
    transition: background .2s, transform .2s, -webkit-transform .2s
}

.filters__toggle:after {
    content: "";
    width: 38px;
    height: 22px;
    border: 2px solid #2C2C2C;
    border-radius: 11px;
    -webkit-transition: border-color .2s;
    transition: border-color .2s
}

.filters__toggle:hover:after {
    border-color: #fff
}

.filters__toggle.active {
    color: #fff
}

.filters__toggle.active:before {
    background: #fff;
    -webkit-transform: translateX(16px);
    transform: translateX(16px)
}

.filters__toggle.active:after {
    border-color: #2D68FF
}

.filters__tags {
    position: relative;
    border-radius: 22px;
    overflow: hidden
}

.filters__tags.is-prev .filters__scroll {
    -webkit-mask-image: linear-gradient(to right, transparent 44px, black 88px);
    mask-image: linear-gradient(to right, transparent 44px, black 88px)
}

@media only screen and (max-width: 1023px) {
    .filters__tags.is-prev .filters__scroll {
        -webkit-mask-image:none;
        mask-image: none
    }
}

.filters__tags.is-next .filters__scroll {
    -webkit-mask-image: linear-gradient(to right, black calc(100% - 88px), transparent calc(100% - 44px));
    mask-image: linear-gradient(to right, black calc(100% - 88px), transparent calc(100% - 44px))
}

@media only screen and (max-width: 1023px) {
    .filters__tags.is-next .filters__scroll {
        -webkit-mask-image:none;
        mask-image: none
    }
}

.filters__tags.is-prev.is-next .filters__scroll {
    -webkit-mask-image: linear-gradient(to right, transparent 44px, black 88px, black calc(100% - 88px), transparent calc(100% - 44px));
    mask-image: linear-gradient(to right, transparent 44px, black 88px, black calc(100% - 88px), transparent calc(100% - 44px))
}

@media only screen and (max-width: 1023px) {
    .filters__tags.is-prev.is-next .filters__scroll {
        -webkit-mask-image:none;
        mask-image: none
    }
}

.filters__tags.is-prev .filters__nav--prev,.filters__tags.is-next .filters__nav--next {
    display: block
}

.filters__scroll {
    display: -webkit-box;
    display: flex;
    scroll-behavior: smooth;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.filters__scroll::-webkit-scrollbar {
    display: none
}

@media only screen and (max-width: 1023px) {
    .filters__scroll {
        scroll-behavior:auto;
        overflow: visible
    }
}

.filters__inner {
    display: -webkit-box;
    display: flex;
    gap: 12px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content
}

.filters__nav {
    display: none;
    position: absolute;
    top: 0;
    z-index: 2;
    width: 44px;
    height: 44px;
    border: 2px solid #2C2C2C;
    border-radius: 50%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' opacity='.8' xmlns:v='https://vecta.io/nano'%3E%3Cpath d='M15.247 17.996l3.879-3.879c1.875-1.874 1.874-2.368 0-4.243l-3.879-3.879m3.75 6h-15' stroke='%23a0b3c0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
    -webkit-transition: border-color .2s;
    transition: border-color .2s
}

@media only screen and (max-width: 1023px) {
    .filters__nav {
        display:none
    }
}

.filters__nav:hover {
    border-color: #fff
}

.filters__nav--prev {
    left: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.filters__nav--next {
    right: 0
}

.filters--home {
    display: -webkit-box;
    display: flex
}

.filters--home .filters__btns {
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 767px) {
    .filters--home .filters__btns {
        margin:0
    }
}

.filters--home .filters__btn {
    min-width: 130px
}

.filters--tag {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end
}

.product__preview {
    position: relative;
    background: #181818;
    border-radius: 16px 16px 0 0
}

@media (hover: hover) {
    .product__preview:hover .product__counter,.product__preview:hover .product__wrap,.product__preview:hover .product__btn:not(.active) {
        opacity:1
    }
}

@media (hover: hover) {
    .product__preview:hover .product__btn.active {
        background:transparent;
        border-color: #4D4D4D
    }

    .product__preview:hover .product__btn.active:hover {
        border-color: #fff
    }
}

@media (hover: hover) {
    .product__preview:hover .product__over {
        background:rgba(24,24,24,0.85)
    }
}

.product__media {
    aspect-ratio: 1.4830;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 16px 16px 0 0
}

.product__media video {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 16px 16px 0 0;
    -o-object-fit: cover;
    object-fit: cover
}

.product__btn {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin: 0 8px;
    border: 2px solid #4D4D4D;
    border-radius: 50%;
    -webkit-transition: background .2s, border-color .2s, opacity .2s;
    transition: background .2s, border-color .2s, opacity .2s
}

.product__btn:not(.active) {
    opacity: 0
}

.product__btn:hover {
    border-color: #fff
}

.product__btn:hover svg {
    fill: #fff
}

.product__btn svg {
    width: 24px;
    height: 24px;
    fill: #ADB7BE;
    -webkit-transition: fill .2s;
    transition: fill .2s
}

.product__btn path {
    -webkit-transition: stroke .2s;
    transition: stroke .2s
}

.product__like {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 4;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    pointer-events: none
}

@media (hover: none) {
    .product__like {
        display:none
    }
}

.product__like .product__btn {
    margin-right: 0;
    pointer-events: all
}

.product__like .product__btn svg {
    fill: transparent
}

.product__like .product__btn path {
    stroke: #ADB7BE
}

.product__like .product__btn:hover svg {
    fill: transparent
}

.product__like .product__btn:hover path {
    stroke: #fff
}

.product__like .product__btn.active {
    background-color: rgba(24,24,24,0.9);
    border-color: transparent
}

.product__like .product__btn.active svg {
    fill: #FF5A43
}

.product__like .product__btn.active path {
    stroke: #FF5A43
}

.product__counter {
    font-size: 13px;
    font-weight: 450;
    line-height: 14px;
    color: #ADB7BE;
    opacity: 0;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.product__over {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: absolute;
    inset: -1px -1px 0;
    background: transparent;
    border-radius: 16px 16px 0 0;
    -webkit-transition: background .2s;
    transition: background .2s
}

.product__over .product__btn {
    position: relative;
    z-index: 4
}

@media (hover: none) {
    .product__over .product__btn {
        display:none
    }
}

.product__link {
    position: absolute;
    inset: 0
}

.product__inner {
    position: relative;
    padding: 12px 16px 16px;
    background: #181818;
    border-radius: 0 0 16px 16px
}

.product__head {
    display: -webkit-box;
    display: flex;
    margin-bottom: 8px;
    font-size: 15px;
    font-weight: 450;
    line-height: 20px;
    color: #fff
}

.product__title {
    min-width: 0;
    margin-right: 24px;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.product__price {
    display: -webkit-box;
    display: flex;
    margin-left: auto
}

.product__full {
    margin-right: 8px;
    color: #ADB7BE;
    text-decoration: line-through
}

.product__sale {
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, #FF78FA), color-stop(40%, #FFB36C), color-stop(60%, #FFB36C), color-stop(80%, #FF78FA));
    background: linear-gradient(to right, #FF78FA 20%, #FFB36C 40%, #FFB36C 60%, #FF78FA 80%);
    background-size: 200% auto;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: product-sale 2s linear infinite;
    animation: product-sale 2s linear infinite
}

.product__meta {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 13px;
    font-weight: 450;
    line-height: 14px;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.product__meta a {
    display: block;
    color: #ADB7BE;
    -webkit-transition: color .2s;
    transition: color .2s;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.product__meta a:hover {
    color: #fff
}

.product__author,.product__category {
    min-width: 0
}

.product__author {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.product__avatar {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    background-color: #2D68FF;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%
}

.product__arrow {
    flex-shrink: 0;
    width: 6px;
    height: 8px;
    margin: 0 8px;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.5C0 0.675955 0.940764 0.205573 1.6 0.7L4.93333 3.2C5.46667 3.6 5.46667 4.4 4.93333 4.8L1.6 7.3C0.940764 7.79443 0 7.32405 0 6.5V1.5Z' fill='%234D4D4D'/%3E%3C/svg%3E%0A")
}

.product__category {
    margin-right: 8px
}

.product__featured {
    flex-shrink: 0;
    margin-left: auto;
    pointer-events: none
}

.product__featured:before {
    content: "";
    display: block;
    position: relative;
    z-index: 2;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill-rule='evenodd' d='M2.031 12c0-.134-.027-.268-.079-.393L1.231 9.86C1.079 9.492 1 9.097 1 8.699s.078-.793.231-1.161.376-.703.658-.984.616-.505.984-.657l1.744-.722c.253-.104.454-.305.559-.557l.723-1.744c.308-.743.898-1.333 1.641-1.641s1.578-.308 2.321 0l1.743.722c.253.104.537.104.79-.001l.002-.001 1.745-.72c.743-.307 1.578-.307 2.321 0s1.333.898 1.641 1.641l.705 1.703.018.041a1.03 1.03 0 0 0 .558.559l1.745.723c.743.308 1.334.898 1.641 1.641s.308 1.578 0 2.321l-.722 1.744c-.053.127-.079.262-.079.396a1.03 1.03 0 0 0 .079.395l.722 1.744c.308.743.308 1.578 0 2.321s-.898 1.334-1.641 1.641l-1.745.723c-.253.105-.453.306-.558.559l-.018.041-.705 1.703a3.03 3.03 0 0 1-1.641 1.641c-.743.308-1.578.308-2.321 0l-1.745-.72-.002-.001c-.253-.105-.537-.105-.79-.001l-1.743.722a3.03 3.03 0 0 1-2.321 0c-.743-.308-1.333-.898-1.641-1.641l-.723-1.744c-.105-.252-.307-.453-.559-.557l-1.744-.722c-.368-.152-.702-.376-.984-.657s-.505-.616-.658-.984S1 15.7 1 15.301s.079-.793.231-1.161l.721-1.747c.052-.126.079-.26.079-.393zm14.176-1.793a1 1 0 0 0-1.414-1.414L11 12.586l-1.293-1.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4.5-4.5z' fill='%2300a656'/%3E%3C/svg%3E");
    pointer-events: all
}

.product__featured:hover span {
    opacity: 1
}

.product__featured span {
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 12px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    justify-content: flex-end;
    height: 32px;
    padding-right: 36px;
    background: rgba(24,24,24,0.9);
    color: #00A656;
    opacity: 0;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

@-webkit-keyframes product-sale {
    to {
        background-position: 200% center
    }
}

@keyframes product-sale {
    to {
        background-position: 200% center
    }
}

.layout {
    display: -webkit-box;
    display: flex
}

@media only screen and (max-width: 1023px) {
    .layout {
        display:block
    }
}

.layout__sidebar {
    -webkit-box-flex: 0;
    flex: 0 0 228px;
    margin-right: 48px
}

@media only screen and (max-width: 1023px) {
    .layout__sidebar {
        position:-webkit-sticky;
        position: sticky;
        top: 72px;
        z-index: 4;
        display: -webkit-box;
        display: flex;
        margin: 0 -24px 24px;
        padding-bottom: 24px;
        -webkit-transition: background .2s;
        transition: background .2s;
        overflow: auto;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .layout__sidebar::-webkit-scrollbar {
        display: none
    }

    .layout__sidebar:before,.layout__sidebar:after {
        content: "";
        -webkit-box-flex: 0;
        flex: 0 0 16px
    }

    .layout__sidebar.scrolled {
        background: rgba(24,24,24,0.98)
    }
}

@media only screen and (max-width: 767px) {
    .layout__sidebar {
        margin-bottom:8px
    }
}

.layout__nav {
    position: -webkit-sticky;
    position: sticky;
    top: 118px;
    padding: 24px;
    background: #262626;
    border-radius: 16px
}

@media only screen and (max-width: 1023px) {
    .layout__nav {
        display:-webkit-box;
        display: flex;
        flex-shrink: 0;
        position: static;
        padding: 0;
        background: none;
        border-radius: 0
    }
}

.layout__link {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-shrink: 0;
    width: 100%;
    height: 44px;
    padding: 0 14px;
    background: none;
    border: 2px solid #2C2C2C;
    border-radius: 22px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #ADB7BE;
    -webkit-transition: border-color .2s, color .2s;
    transition: border-color .2s, color .2s
}

@media only screen and (max-width: 1023px) {
    .layout__link {
        width:auto;
        margin: 0 8px;
        font-size: 16px;
        font-weight: 500;
        line-height: 20px
    }
}

.layout__link:not(:last-child) {
    margin-bottom: 16px
}

@media only screen and (max-width: 1023px) {
    .layout__link:not(:last-child) {
        margin:0 8px
    }
}

.layout__link:hover {
    border-color: #fff
}

.layout__link.active {
    border-color: #2D68FF;
    color: #fff
}

.layout__inner {
    -webkit-box-flex: 0;
    flex: 0 0 calc(100% - 276px)
}

@media only screen and (max-width: 1023px) {
    .layout--static .layout__sidebar {
        position:static
    }
}

.layout--small {
    max-width: 736px;
    margin: 0 auto
}

@media only screen and (max-width: 1023px) {
    .layout--small {
        max-width:100%
    }
}

.featured {
    position: relative;
    z-index: 2
}

.featured:not(:last-child) {
    padding-bottom: 64px
}

@media only screen and (max-width: 767px) {
    .featured:not(:last-child) {
        padding-bottom:48px
    }
}

@media only screen and (max-width: 1023px) {
    .featured:first-child .featured__anchor {
        top:-164px
    }
}

.featured__anchor {
    position: absolute;
    top: -118px;
    left: 0;
    width: 100%;
    height: 1px;
    pointer-events: none
}

@media only screen and (max-width: 1023px) {
    .featured__anchor {
        top:-180px
    }
}

.featured__head {
    margin-bottom: 40px
}

.featured__subtitle {
    margin-bottom: 16px;
    font-size: 22px;
    font-weight: 500;
    line-height: 24px
}

.featured__group {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start
}

@media only screen and (max-width: 767px) {
    .featured__group {
        display:block
    }
}

.featured__content {
    max-width: 694px;
    margin-right: 40px;
    font-size: 18px;
    line-height: 28px;
    color: #ADB7BE
}

@media only screen and (max-width: 1259px) {
    .featured__content {
        max-width:480px
    }
}

@media only screen and (max-width: 767px) {
    .featured__content {
        margin:0 0 24px
    }
}

.featured__btn {
    flex-shrink: 0;
    margin-left: auto
}

.featured__catalog {
    margin-bottom: -24px
}

.page {
    position: relative;
    padding: 180px 0 128px
}

@media only screen and (max-width: 767px) {
    .page {
        padding-top:120px
    }
}

.page__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 680px
}

.page__background:after {
    content: "";
    position: absolute;
    inset: 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(66%, transparent), to(#121212));
    background: linear-gradient(transparent 66%, #121212)
}

.page__background img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: .12
}

.page__container {
    position: relative;
    z-index: 2
}

.page__hero {
    max-width: 748px;
    margin: 0 auto 128px;
    text-align: center
}

@media only screen and (max-width: 1023px) {
    .page__hero {
        max-width:608px;
        margin-bottom: 80px
    }
}

@media only screen and (max-width: 767px) {
    .page__hero {
        max-width:100%;
        margin-bottom: 48px;
        text-align: left
    }
}

.page__title {
    margin-bottom: 16px;
    font-size: 44px;
    font-weight: 450;
    line-height: 48px;
    letter-spacing: -1px
}

.page__description {
    font-size: 20px;
    line-height: 28px;
    color: #ADB7BE
}

.page__link {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 16px;
    font-size: 15px;
    font-weight: 450;
    line-height: 18px;
    color: #2D68FF
}

.page__link svg {
    margin-left: 4px
}

.page__featured {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center
}

.page__featured:after {
    content: "";
    margin-left: 6px;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill-rule='evenodd' d='M2.031 12c0-.134-.027-.268-.079-.393L1.231 9.86C1.079 9.492 1 9.097 1 8.699s.078-.793.231-1.161.376-.703.658-.984.616-.505.984-.657l1.744-.722c.253-.104.454-.305.559-.557l.723-1.744c.308-.743.898-1.333 1.641-1.641s1.578-.308 2.321 0l1.743.722c.253.104.537.104.79-.001l.002-.001 1.745-.72c.743-.307 1.578-.307 2.321 0s1.333.898 1.641 1.641l.705 1.703.018.041a1.03 1.03 0 0 0 .558.559l1.745.723c.743.308 1.334.898 1.641 1.641s.308 1.578 0 2.321l-.722 1.744c-.053.127-.079.262-.079.396a1.03 1.03 0 0 0 .079.395l.722 1.744c.308.743.308 1.578 0 2.321s-.898 1.334-1.641 1.641l-1.745.723c-.253.105-.453.306-.558.559l-.018.041-.705 1.703a3.03 3.03 0 0 1-1.641 1.641c-.743.308-1.578.308-2.321 0l-1.745-.72-.002-.001c-.253-.105-.537-.105-.79-.001l-1.743.722a3.03 3.03 0 0 1-2.321 0c-.743-.308-1.333-.898-1.641-1.641l-.723-1.744c-.105-.252-.307-.453-.559-.557l-1.744-.722c-.368-.152-.702-.376-.984-.657s-.505-.616-.658-.984S1 15.7 1 15.301s.079-.793.231-1.161l.721-1.747c.052-.126.079-.26.079-.393zm14.176-1.793a1 1 0 0 0-1.414-1.414L11 12.586l-1.293-1.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4.5-4.5z' fill='%2300a656'/%3E%3C/svg%3E")
}

.page__trigger {
    height: 1px;
    margin-bottom: -1px
}

.page__filters {
    margin-bottom: 24px;
    padding-bottom: 24px;
    -webkit-transition: background .2s;
    transition: background .2s
}

@media only screen and (max-width: 767px) {
    .page__filters {
        margin-bottom:16px;
        padding-bottom: 16px
    }
}

.page__filters--sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 88px;
    z-index: 40
}

@media only screen and (max-width: 1259px) {
    .page__filters--sticky {
        top:72px
    }
}

.page__filters--sticky.scrolled {
    background: rgba(24,24,24,0.98)
}

.page__catalog {
    margin-bottom: 24px
}

.page__foot {
    text-align: center
}

.page__pagination {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-top: 40px
}

.page__pagination .btn.disabled {
    opacity: 0;
    pointer-events: none
}

.page__counter {
    margin: 0 16px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: #ADB7BE
}

.page--passes .page__background {
    height: 878px
}

@media only screen and (max-width: 767px) {
    .page--passes .page__background {
        height:520px
    }
}

.page--additional .page__hero {
    margin-bottom: 80px
}

@media only screen and (max-width: 767px) {
    .page--additional .page__hero {
        margin-bottom:48px
    }
}

.page--auth {
    display: -webkit-box;
    display: flex;
    min-height: 100vh
}

@media only screen and (max-width: 767px) {
    .page--auth {
        display:block;
        padding: 110px 0 40px;
        background: #262626
    }
}

.page--auth .page__background {
    height: 100%
}

@media only screen and (max-width: 767px) {
    .page--auth .page__background {
        display:none
    }
}

.page--auth .page__container {
    margin: auto
}

@media only screen and (max-width: 767px) {
    .page--auth .page__container {
        margin:0
    }
}

.modal {
    display: -webkit-box;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    padding: 40px 56px;
    opacity: 0;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    pointer-events: none;
    overflow: auto
}

@media only screen and (max-width: 767px) {
    .modal {
        display:block;
        padding: 0;
        background: #262626;
        padding: 110px 24px 40px
    }
}

.modal.open {
    opacity: 1;
    pointer-events: all
}

.modal__close {
    position: fixed;
    top: 40px;
    right: 56px;
    z-index: 4;
    width: 44px;
    height: 44px;
    background: #181818;
    border: 2px solid #2C2C2C;
    border-radius: 50%;
    font-size: 0;
    -webkit-transition: border-color .2s;
    transition: border-color .2s
}

@media only screen and (max-width: 767px) {
    .modal__close {
        top:24px;
        right: 24px
    }
}

.modal__close:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23ADB7BE'%3E%3Cpath d='M6.988 5.585l.094.083L12 10.585l4.918-4.917a1 1 0 0 1 1.497 1.32l-.083.094L13.415 12l4.917 4.918a1 1 0 0 1-1.32 1.497l-.094-.083L12 13.415l-4.918 4.917a1 1 0 0 1-1.497-1.32l.083-.094L10.585 12 5.668 7.082a1 1 0 0 1 1.219-1.567l.101.069z'/%3E%3C/svg%3E");
    vertical-align: middle
}

.modal__close:hover {
    border-color: #fff
}

.modal__container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1060px;
    margin: auto
}

@media only screen and (max-width: 767px) {
    .modal__container {
        margin:0
    }
}

.modal__head {
    max-width: 568px;
    margin: 0 auto 56px;
    text-align: center
}

.modal__title {
    margin-bottom: 4px;
    font-size: 36px;
    font-weight: 500;
    line-height: 48px
}

@media only screen and (max-width: 767px) {
    .modal__title {
        font-size:32px;
        line-height: 48px
    }
}

.modal__subtitle {
    font-size: 20px;
    color: #ADB7BE;
    line-height: 28px
}

.modal__hint {
    margin-top: 56px;
    font-size: 16px;
    line-height: 24px;
    color: #5C5C5C;
    text-align: center
}

.modal__hint span {
    text-decoration: line-through
}

.modal__cover {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none
}

.modal__decor {
    position: fixed;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 216px;
    overflow: hidden;
    pointer-events: none
}

@media only screen and (max-width: 1259px) {
    .modal__decor {
        display:none
    }
}

.modal__decor--left {
    right: calc(50% + 550.5px)
}

.modal__decor--right {
    left: calc(50% + 550.5px);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.modal__decor li:nth-child(1),.modal__decor li:nth-child(3) {
    width: 216px;
    height: 258px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='216' height='258' viewBox='0 0 216 258'%3E%3Cpath fill='none' stroke='%231D1D1D' d='M214,258 C214,243.938931 208.416,230.45307 198.477,220.509486 L15.5233,37.490514 C5.58391,27.5479301 0,14.0620689 0,0' transform='translate(1)'/%3E%3C/svg%3E")
}

.modal__decor li:nth-child(3) {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.modal__decor li:nth-child(2) {
    width: 1px;
    height: 10px;
    margin-left: .5px;
    background: #1D1D1D
}

.modal__decor li:nth-child(2) {
    margin: 0 .5px 0 auto
}

.modal__decor li:nth-child(1) {
    margin-top: -128px
}

.modal__decor li:nth-child(2) {
    -webkit-box-flex: 1;
    flex-grow: 1
}

.modal__decor li:nth-child(3) {
    margin-bottom: -128px
}

.modal__video .video-wrapper {
    position: relative;
    overflow: hidden
}

.modal__video .video-wrapper:before {
    content: "";
    display: block;
    padding-bottom: 56.25%
}

.modal__video .video-wrapper>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    outline: none
}

.modal__video pre {
    display: none
}

.modal__backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(24,24,24,0.98)
}

@media only screen and (max-width: 767px) {
    .modal__backdrop {
        display:none
    }
}

.modal--pass {
    padding: 80px 40px
}

@media only screen and (max-width: 1259px) {
    .modal--pass {
        padding:80px 32px
    }
}

@media only screen and (max-width: 767px) {
    .modal--pass {
        padding:80px 24px;
        background: #121212
    }
}

.modal--pass .modal__container {
    max-width: 1104px
}

.modal--pass .modal__backdrop {
    background: #121212
}

.modal--auth .modal__container {
    max-width: initial;
    width: auto
}

.modal--full-preview {
    padding-top: 0;
    padding-bottom: 0
}

@media only screen and (max-width: 1259px) {
    .modal--full-preview {
        padding:0
    }
}

@media only screen and (max-width: 767px) {
    .modal--full-preview {
        display:none
    }
}

@media only screen and (max-width: 1408px) {
    .modal--full-preview .modal__close {
        right:40px
    }
}

@media only screen and (max-width: 1259px) {
    .modal--full-preview .modal__close {
        top:24px;
        right: 24px
    }
}

.modal--hire .modal__container {
    max-width: 520px
}

@media only screen and (max-width: 767px) {
    .modal--hire .modal__container {
        max-width:100%
    }
}

.modal--download .modal__container {
    max-width: 432px
}

@media only screen and (max-width: 767px) {
    .modal--download .modal__container {
        max-width:100%
    }
}

.modal--verify .modal__container {
    max-width: 420px
}

@media only screen and (max-width: 767px) {
    .modal--verify .modal__container {
        max-width:100%
    }
}

.modal--upsell .modal__container {
    max-width: 706px
}

@media only screen and (max-width: 1023px) {
    .modal--upsell .modal__container {
        max-width:418px
    }
}

@media only screen and (max-width: 767px) {
    .modal--upsell .modal__container {
        max-width:100%
    }
}

.modal--promo {
    padding: 80px 40px
}

@media only screen and (max-width: 1259px) {
    .modal--promo {
        padding:80px 32px
    }
}

@media only screen and (max-width: 767px) {
    .modal--promo {
        padding:80px 24px;
        background: #121212
    }
}

.modal--promo .modal__container {
    max-width: 1104px
}

.modal--promo .modal__backdrop {
    background: #121212
}

body.pass-pricing-modal,body.session-modal,body.full-preview-modal,body.show-video,body.hire-modal,body.upsell-modal,body.promo-modal {
    overflow: hidden
}

body.pass-pricing-modal .modal--pass,body.session-modal .modal--auth,body.full-preview-modal .modal--full-preview,body.show-video .modal--video,body.hire-modal .modal--hire,body.upsell-modal .modal--upsell,body.promo-modal .modal--promo {
    opacity: 1;
    pointer-events: all
}

.auth {
    display: -webkit-box;
    display: flex;
    width: 840px;
    margin: 0 auto;
    background: #262626;
    border-radius: 24px;
    box-shadow: 0px 8px 80px rgba(0,0,0,0.4)
}

@media only screen and (max-width: 1023px) {
    .auth {
        display:block;
        width: 420px
    }
}

@media only screen and (max-width: 767px) {
    .auth {
        width:100%;
        margin: 0;
        box-shadow: none
    }
}

.auth__background,.auth__container {
    -webkit-box-flex: 0;
    flex: 0 0 420px
}

.auth__background {
    position: relative
}

@media only screen and (max-width: 1023px) {
    .auth__background {
        display:none
    }
}

.auth__background img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 24px 0 0 24px;
    -o-object-fit: cover;
    object-fit: cover
}

.auth__container {
    padding: 40px 40px 32px
}

@media only screen and (max-width: 767px) {
    .auth__container {
        padding:0
    }
}

.auth__title {
    margin-bottom: 26px;
    font-size: 28px;
    font-weight: 450;
    line-height: 40px
}

.auth__content {
    margin: -10px 0 34px;
    font-size: 18px;
    line-height: 28px;
    color: #ADB7BE
}

.auth__content p {
    margin-bottom: 16px
}

.auth__content--registered {
    min-height: 278px;
    margin-bottom: 0
}

.auth__hint {
    margin-top: 24px;
    font-size: 13px;
    font-weight: 450;
    line-height: 14px;
    color: rgba(255,255,255,0.75);
    text-align: center
}

@media only screen and (max-width: 767px) {
    .auth__hint {
        text-align:left
    }
}

.auth__hint button,.auth__hint a {
    font-size: 13px;
    font-weight: 450;
    line-height: 24px;
    color: #fff
}

.auth__hint button:hover,.auth__hint a:hover {
    text-decoration: underline
}

.auth .field {
    margin-bottom: 26px
}

.auth .btn,.auth .loader {
    margin-top: -2px
}

.auth--author {
    min-height: 534px
}

.seller {
    position: relative;
    padding: 168px 0 128px
}

@media only screen and (max-width: 767px) {
    .seller {
        padding:0 0 44px
    }
}

.seller__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: .12
}

@media only screen and (max-width: 767px) {
    .seller__background {
        display:none
    }
}

.seller__container {
    position: relative;
    z-index: 2;
    max-width: 912px
}

@media only screen and (max-width: 1023px) {
    .seller__container {
        max-width:608px
    }
}

@media only screen and (max-width: 767px) {
    .seller__container {
        max-width:100%
    }
}

.seller__head {
    margin-bottom: 80px;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .seller__head {
        display:none
    }
}

.seller__title {
    margin-bottom: 16px;
    font-size: 44px;
    font-weight: 450;
    line-height: 48px
}

.seller__description {
    font-size: 20px;
    line-height: 28px;
    color: #ADB7BE
}

.seller__auth {
    margin-bottom: 80px;
    box-shadow: 0px 8px 80px rgba(0,0,0,0.4)
}

@media only screen and (max-width: 1023px) {
    .seller__auth {
        width:auto
    }
}

@media only screen and (max-width: 767px) {
    .seller__auth {
        width:auto;
        margin: 0 -24px 40px;
        padding: 110px 24px 40px;
        border-radius: 0
    }
}

.faq {
    max-width: 840px;
    margin: 0 auto
}

.faq__title {
    margin-bottom: 48px;
    font-size: 28px;
    font-weight: 450;
    line-height: 40px;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .faq__title {
        margin-bottom:16px;
        font-size: 22px;
        font-weight: 500;
        line-height: 24px;
        text-align: left
    }
}

.faq__item {
    margin-bottom: -1px;
    border: solid #262626;
    border-width: 1px 0
}

.faq__head {
    position: relative;
    padding: 24px 40px 24px 0;
    font-size: 19px;
    font-weight: 500;
    line-height: 24px;
    cursor: pointer
}

@media only screen and (max-width: 767px) {
    .faq__head {
        padding:16px 32px 16px 0;
        font-size: 17px;
        font-weight: 500;
        line-height: 24px
    }
}

.faq__head:before,.faq__head:after {
    content: "";
    position: absolute;
    top: 35px;
    right: 0;
    width: 16px;
    height: 2px;
    background: #4D4D4D;
    border-radius: 2px;
    -webkit-transition: background .2s, -webkit-transform .2s;
    transition: background .2s, -webkit-transform .2s;
    transition: background .2s, transform .2s;
    transition: background .2s, transform .2s, -webkit-transform .2s
}

@media only screen and (max-width: 767px) {
    .faq__head:before,.faq__head:after {
        top:27px
    }
}

.faq__head:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.faq__head:hover:before,.faq__head:hover:after {
    background: #fff
}

.faq__head.active:after {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.faq__body {
    display: none;
    padding-bottom: 24px;
    font-size: 18px;
    line-height: 28px;
    color: #ADB7BE
}

@media only screen and (max-width: 767px) {
    .faq__body {
        font-size:16px;
        line-height: 24px
    }
}

.terms {
    position: relative;
    padding: 136px 0;
    color: #ADB7BE;
    overflow: hidden
}

@media only screen and (max-width: 1023px) {
    .terms {
        padding:112px 0
    }
}

.terms:before {
    content: "";
    position: absolute;
    top: 0;
    left: calc(50% - 275px);
    width: 550px;
    height: 72px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='550' height='72'%3E%3Cpath fill='none' stroke='%231d1d1d' d='M275 71.5h180.547a53 53 0 0 0 37.476-15.523L675.98-126.977a53 53 0 0 1 37.47-15.523H1031m-756 214H94.453a53 53 0 0 1-37.476-15.523l-182.954-182.954a53 53 0 0 0-37.476-15.523H-481'/%3E%3C/svg%3E")
}

@media only screen and (max-width: 767px) {
    .terms:before {
        display:none
    }
}

.terms__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 48px
}

@media only screen and (max-width: 1199px) {
    .terms__container {
        padding:0 32px
    }
}

@media only screen and (max-width: 1023px) {
    .terms__container {
        padding:0 24px
    }
}

.terms__head {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    gap: 20px;
    max-width: 860px;
    margin: 0 auto 56px;
    text-align: center
}

@media only screen and (max-width: 1199px) {
    .terms__head {
        margin-bottom:48px
    }
}

@media only screen and (max-width: 1023px) {
    .terms__head {
        padding:0 32px
    }
}

@media only screen and (max-width: 767px) {
    .terms__head {
        margin-bottom:36px;
        padding: 0
    }
}

.terms__title {
    font-size: 58px;
    font-weight: 500;
    line-height: 48px;
    color: rgba(248,248,248,0.95);
    letter-spacing: -0.035em
}

@media only screen and (max-width: 767px) {
    .terms__title {
        font-size:32px;
        line-height: 48px
    }
}

.terms__updated {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    gap: 12px;
    padding: 6px 12px;
    background: #121212;
    border-radius: 9px;
    font-size: 16px;
    line-height: 24px
}

.terms__updated:before,.terms__updated:after {
    content: "";
    width: 12px;
    height: 6px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='6'%3E%3Cpath fill='%231d1d1d' d='M9.584 0c.891 0 1.337 1.077.707 1.707L6.705 5.293a1 1 0 0 1-1.414 0L1.705 1.707C1.075 1.077 1.521 0 2.412 0h7.172z'/%3E%3C/svg%3E")
}

.terms__updated span {
    background: -webkit-gradient(linear, left top, right top, from(#5C5C5C), color-stop(#ADB7BE), to(#5C5C5C));
    background: linear-gradient(90deg, #5C5C5C, #ADB7BE, #5C5C5C);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent
}

.terms__updated span:before {
    content: "";
    position: absolute;
    inset: -1px;
    z-index: -1;
    background: -webkit-gradient(linear, left top, right top, from(#1D1D1D), color-stop(#303030), to(#1D1D1D));
    background: linear-gradient(90deg, #1D1D1D, #303030, #1D1D1D);
    border-radius: 10px
}

.terms__description {
    font-size: 20px;
    line-height: 28px
}

.terms__layout {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: start
}

@media only screen and (max-width: 1023px) {
    .terms__layout {
        display:block
    }
}

.terms__layout:before {
    content: "";
    position: absolute;
    top: 0;
    left: calc(50% - 50vw);
    width: 100vw;
    height: 1px;
    background: #1D1D1D
}

@media only screen and (max-width: 1023px) {
    .terms__layout:before {
        top:96px
    }
}

@media only screen and (max-width: 767px) {
    .terms__layout:before {
        top:80px
    }
}

.terms__sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 88px;
    z-index: 10;
    max-width: 256px;
    -webkit-box-flex: 0;
    flex: 0 0 256px
}

@media only screen and (max-width: 1199px) {
    .terms__sidebar {
        top:72px;
        max-width: 228px;
        -webkit-box-flex: 0;
        flex: 0 0 228px
    }
}

@media only screen and (max-width: 1023px) {
    .terms__sidebar {
        max-width:100%;
        background: #121212;
        box-shadow: 0 0 0 4px #121212
    }
}

.terms__nav {
    border: 1px solid #1D1D1D;
    border-radius: 12px
}

@media only screen and (max-width: 1023px) {
    .terms__nav {
        display:-webkit-box;
        display: flex;
        overflow: auto
    }

    .terms__nav::-webkit-scrollbar {
        display: none
    }
}

.terms__nav li {
    padding: 4px
}

.terms__nav li:not(:last-child) {
    margin-bottom: -1px;
    border-bottom: 1px solid #1D1D1D
}

@media only screen and (max-width: 767px) {
    .terms__nav li:not(:last-child) {
        margin-bottom:0;
        border-bottom: none
    }
}

.terms__nav a {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 10px;
    height: 48px;
    padding: 0 12px;
    font-size: 14px;
    font-weight: 450;
    line-height: 20px;
    color: rgba(255,255,255,0.5);
    letter-spacing: 0;
    -webkit-transition: color .2s;
    transition: color .2s
}

@media only screen and (max-width: 1023px) {
    .terms__nav a {
        gap:6px;
        height: 40px;
        padding: 0 16px 0 8px
    }
}

.terms__nav a:hover,.terms__nav a.active {
    color: #fff
}

.terms__nav a:hover svg,.terms__nav a.active svg {
    fill: #fff
}

.terms__nav a.active:before {
    opacity: 1
}

.terms__nav a:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(59,59,59,0.2)), to(rgba(59,59,59,0.2))),-webkit-gradient(linear, left top, left bottom, from(rgba(44,44,44,0.375)), to(rgba(44,44,44,0.175)));
    background: linear-gradient(0deg, rgba(59,59,59,0.2), rgba(59,59,59,0.2)),linear-gradient(180deg, rgba(44,44,44,0.375) 0%, rgba(44,44,44,0.175) 100%);
    box-shadow: inset 0px 1px 1px rgba(255,255,255,0.05);
    border-radius: 8px;
    opacity: 0;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.terms__nav svg {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    fill: #2C2C2C;
    -webkit-transition: fill .2s;
    transition: fill .2s
}

.terms__nav span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.terms__inner {
    -webkit-box-flex: 1;
    flex-grow: 1;
    margin-left: -1px;
    border: solid #1D1D1D;
    border-width: 0 1px 1px;
    border-radius: 0 0 12px 12px
}

@media only screen and (max-width: 1023px) {
    .terms__inner {
        padding-top:48px
    }
}

@media only screen and (max-width: 767px) {
    .terms__inner {
        padding-top:32px;
        border-width: 0
    }
}

.terms__section {
    position: relative;
    padding: 48px 60px;
    font-size: 18px;
    color: rgba(248,248,248,0.7);
    line-height: 1.5
}

@media only screen and (max-width: 1199px) {
    .terms__section {
        padding:32px
    }
}

@media only screen and (max-width: 1023px) {
    .terms__section {
        padding:32px 24px
    }
}

@media only screen and (max-width: 767px) {
    .terms__section {
        margin:0 -24px
    }
}

.terms__section:first-child {
    padding-top: 56px
}

@media only screen and (max-width: 1199px) {
    .terms__section:first-child {
        padding-top:32px
    }
}

.terms__section:last-child {
    padding-bottom: 56px
}

@media only screen and (max-width: 1199px) {
    .terms__section:last-child {
        padding-bottom:32px
    }
}

.terms__section:not(:last-child) {
    border-bottom: 1px solid #1D1D1D
}

.terms__section strong {
    font-weight: 400;
    color: rgba(248,248,248,0.95)
}

.terms__section svg {
    width: 24px;
    height: 24px;
    fill: rgba(248,248,248,0.7)
}

.terms__section svg.fill-green {
    fill: #00A656
}

.terms__section svg.fill-red {
    fill: #FF5A43
}

.terms__section svg.fill-yellow {
    fill: #FFC530
}

.terms__anchor {
    position: absolute;
    top: -88px;
    left: 0;
    height: 1px
}

@media only screen and (max-width: 1023px) {
    .terms__anchor {
        top:-122px
    }
}

.terms__content h2,.terms__content h3,.terms__content h4 {
    letter-spacing: -0.02em
}

.terms__content h2:not(:last-child),.terms__content h3:not(:last-child),.terms__content h4:not(:last-child),.terms__content p:not(:last-child),.terms__content ul:not(:last-child) {
    margin-bottom: 16px
}

.terms__content h2.mb-24,.terms__content h3.mb-24,.terms__content h4.mb-24,.terms__content p.mb-24,.terms__content ul.mb-24 {
    margin-bottom: 24px
}

.terms__content h2.mb-48,.terms__content h3.mb-48,.terms__content h4.mb-48,.terms__content p.mb-48,.terms__content ul.mb-48 {
    margin-bottom: 48px
}

@media only screen and (max-width: 1199px) {
    .terms__content h2.mb-48,.terms__content h3.mb-48,.terms__content h4.mb-48,.terms__content p.mb-48,.terms__content ul.mb-48 {
        margin-bottom:32px
    }
}

.terms__content h2 {
    display: inline-block;
    background: -webkit-gradient(linear, left top, right top, color-stop(75%, #F8F8F8), to(rgba(19,22,53,0.75))),rgba(248,248,248,0.95);
    background: linear-gradient(90deg, #F8F8F8 75%, rgba(19,22,53,0.75) 100%),rgba(248,248,248,0.95);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 36px;
    font-weight: 450;
    line-height: 1.222;
    vertical-align: top
}

.terms__content h3 {
    font-size: 24px;
    font-weight: 450;
    color: rgba(248,248,248,0.95);
    line-height: 1.25
}

.terms__content h4 {
    font-size: 18px;
    font-weight: 500;
    color: rgba(248,248,248,0.95)
}

.terms__content ul.blue-dots li:before {
    background: #2D68FF
}

.terms__content li {
    position: relative;
    padding-left: 32px
}

.terms__content li:before {
    content: "";
    position: absolute;
    top: 9.5px;
    left: 8px;
    width: 8px;
    height: 8px;
    background: rgba(248,248,248,0.7);
    border-radius: 4px
}

.terms__content li:not(:last-child) {
    margin-bottom: 8px
}

.terms__content a {
    color: rgba(248,248,248,0.95);
    text-decoration: underline;
    -webkit-transition: -webkit-text-decoration-color .2s;
    transition: -webkit-text-decoration-color .2s;
    transition: text-decoration-color .2s;
    transition: text-decoration-color .2s, -webkit-text-decoration-color .2s
}

.terms__content a:hover {
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent
}

.terms__cols {
    position: relative;
    display: -webkit-box;
    display: flex;
    border: 1px solid #1D1D1D;
    border-radius: 12px
}

@media only screen and (max-width: 767px) {
    .terms__cols {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

.terms__cols:not(:first-child) {
    margin-top: 24px
}

.terms__cols:not(:last-child) {
    margin-bottom: 24px
}

.terms__col {
    position: relative;
    z-index: 1;
    -webkit-box-flex: 1;
    flex: 1;
    padding: 28px
}

@media only screen and (max-width: 767px) {
    .terms__col {
        padding:16px
    }
}

.terms__col:before {
    content: "";
    position: absolute;
    inset: 4px;
    z-index: -1;
    background: #151515;
    border: 1px solid #1D1D1D;
    border-radius: 8px
}

.terms__col:nth-child(1) {
    border-right: 1px solid #1D1D1D
}

@media only screen and (max-width: 767px) {
    .terms__col:nth-child(1) {
        border-right:none
    }
}

.terms__col:nth-child(2):before {
    border-color: rgba(255,90,67,0.2)
}

.terms__col h4 {
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 500;
    color: rgba(248,248,248,0.95)
}

.terms__col li:not(:last-child) {
    margin-bottom: 16px
}

.terms__vectors span:before,.terms__vectors span:after {
    content: ""
}

.terms__vectors span:nth-child(1):before,.terms__vectors span:nth-child(1):after,.terms__vectors span:nth-child(2):before,.terms__vectors span:nth-child(2):after {
    position: absolute;
    z-index: 2;
    width: 14px;
    height: 14px;
    border: solid #303030;
    border-width: 1px 0 0 1px;
    border-radius: 12px 0 0 0
}

.terms__vectors span:nth-child(1):before,.terms__vectors span:nth-child(1):after {
    left: -1px
}

.terms__vectors span:nth-child(1):before {
    top: -1px
}

.terms__vectors span:nth-child(1):after {
    bottom: -1px;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.terms__vectors span:nth-child(2):before,.terms__vectors span:nth-child(2):after {
    right: -1px
}

.terms__vectors span:nth-child(2):before {
    top: -1px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.terms__vectors span:nth-child(2):after {
    bottom: -1px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.terms__vectors span:nth-child(n+3) {
    position: absolute;
    left: calc(50% - 5px);
    z-index: 2;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    width: 10px;
    height: 5px
}

@media only screen and (max-width: 767px) {
    .terms__vectors span:nth-child(n+3) {
        display:none
    }
}

.terms__vectors span:nth-child(n+3):before,.terms__vectors span:nth-child(n+3):after {
    background: #303030
}

.terms__vectors span:nth-child(n+3):before {
    width: 10px;
    height: 1px
}

.terms__vectors span:nth-child(n+3):after {
    width: 1px;
    height: 5px
}

.terms__vectors span:nth-child(3) {
    top: -1px
}

.terms__vectors span:nth-child(4),.terms__vectors span:nth-child(6) {
    bottom: -1px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.terms__cols--passes {
    font-size: 16px
}

.terms__cols--passes h4 {
    margin-bottom: 24px;
    font-size: 22px;
    line-height: 1;
    opacity: .95
}

.terms__cols--passes li.has-icon svg:first-child {
    top: 0;
    left: -4px
}

.terms__cols--passes .terms__col {
    padding: 24px
}

.terms__cols--passes .terms__col:nth-child(2) {
    border-right: 1px solid #1D1D1D
}

.terms__cols--passes .terms__col:nth-child(2):before {
    border-color: #1D1D1D
}

.terms__cols--passes .terms__vectors span:nth-child(3),.terms__cols--passes .terms__vectors span:nth-child(4) {
    left: calc(33.33% - 5px)
}

.terms__cols--passes .terms__vectors span:nth-child(5),.terms__cols--passes .terms__vectors span:nth-child(6) {
    left: calc(66.66% - 5px)
}

.terms__contacts {
    display: -webkit-box;
    display: flex;
    border: 1px solid #1D1D1D;
    border-radius: 12px
}

.terms__contacts li {
    -webkit-box-flex: 1;
    flex: 1;
    padding: 4px
}

.terms__contacts li:first-child {
    border-right: 1px solid #1D1D1D
}

.terms__contacts a {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 75px;
    background: #151515;
    border: 1px solid #1D1D1D;
    border-radius: 8px;
    color: rgba(248,248,248,0.95);
    -webkit-transition: background .2s, border-color .2s;
    transition: background .2s, border-color .2s
}

.terms__contacts a:hover {
    background: transparent;
    border-color: transparent
}

.terms__contacts a:hover:before {
    opacity: 1
}

.terms__contacts a:before {
    content: "";
    position: absolute;
    inset: -1px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(59,59,59,0.2)), to(rgba(59,59,59,0.2))),-webkit-gradient(linear, left top, left bottom, from(rgba(44,44,44,0.375)), to(rgba(44,44,44,0.175)));
    background: linear-gradient(0deg, rgba(59,59,59,0.2), rgba(59,59,59,0.2)),linear-gradient(180deg, rgba(44,44,44,0.375) 0%, rgba(44,44,44,0.175) 100%);
    box-shadow: inset 0px 1px 1px rgba(255,255,255,0.05);
    border-radius: 8px;
    opacity: 0;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.terms__contacts span {
    position: relative;
    z-index: 2
}

.terms__lines {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: hidden
}

@media only screen and (max-width: 767px) {
    .terms__lines {
        display:none
    }
}

.terms__lines li {
    position: absolute;
    top: 0;
    width: 216px;
    height: 1444px
}

.terms__lines li:before {
    content: "";
    position: absolute;
    top: 400px;
    width: 1px;
    height: calc(100% - 894px);
    background: #1D1D1D
}

.terms__lines li span {
    position: absolute;
    top: 0;
    width: 216px;
    height: 400px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='216' height='400' viewBox='0 0 216 400'%3E%3Cpath fill='none' stroke='%231D1D1D' d='M215.5,400 L215.5,142.453 C215.5,128.397 209.916,114.916 199.977,104.977 L17.0233,-77.9767 C7.08391,-87.9161 1.5,-101.397 1.5,-115.453 L1.5,-433'/%3E%3C/svg%3E")
}

.terms__lines li:first-child {
    right: calc(50% + 551px)
}

@media only screen and (max-width: 1199px) {
    .terms__lines li:first-child {
        right:calc(100% - 33px)
    }
}

@media only screen and (max-width: 1023px) {
    .terms__lines li:first-child {
        right:calc(100% - 24px)
    }
}

.terms__lines li:first-child:before {
    right: 0
}

.terms__lines li:first-child:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 214px;
    height: 494px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='214' height='494' viewBox='0 0 214 494'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='50%25' x2='50%25' y1='0%25' y2='100%25'%3E%3Cstop offset='56.806%25' stop-color='%231D1D1D'/%3E%3Cstop offset='100%25' stop-color='%231D1D1D' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='none' stroke='url(%23a)' d='M214,0 L214,257.547 C214,271.603 208.416,285.084 198.477,295.023 L0,493.5' transform='translate(-.5)'/%3E%3C/svg%3E")
}

.terms__lines li:first-child span {
    right: 0
}

.terms__lines li:last-child {
    left: calc(50% + 551px)
}

@media only screen and (max-width: 1199px) {
    .terms__lines li:last-child {
        left:calc(100% - 33px)
    }
}

@media only screen and (max-width: 1023px) {
    .terms__lines li:last-child {
        left:calc(100% - 25px)
    }
}

.terms__lines li:last-child:before {
    left: 0
}

.terms__lines li:last-child span {
    left: 0;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.terms-example li {
    display: -webkit-box;
    display: flex;
    gap: 16px
}

@media only screen and (max-width: 767px) {
    .terms-example li {
        gap:8px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        padding: 12px 12px 12px 44px;
        background: #151515;
        border: 1px solid #1D1D1D;
        border-radius: 8px
    }

    .terms-example li:before {
        top: 22px;
        left: 20px
    }
}

.terms-example span {
    flex-basis: 354px
}

@media only screen and (max-width: 767px) {
    .terms-example span {
        flex-basis:unset
    }
}

@media only screen and (max-width: 767px) {
    .terms-example strong {
        margin-left:-32px
    }
}

.terms-alert {
    position: relative;
    z-index: 1;
    padding: 28px 92px 28px 28px;
    border: 1px solid #1D1D1D;
    border-radius: 12px;
    font-weight: 450;
    color: rgba(248,248,248,0.95)
}

@media only screen and (max-width: 767px) {
    .terms-alert {
        padding:28px
    }
}

.terms-alert:before {
    content: "";
    position: absolute;
    inset: 4px;
    z-index: -1;
    background: #151515;
    border: 1px solid rgba(255,90,67,0.2);
    border-radius: 8px
}

.terms-alert svg {
    position: absolute;
    top: 28px;
    right: 28px
}

@media only screen and (max-width: 767px) {
    .terms-alert svg {
        display:none
    }
}

.terms .has-icon {
    position: relative;
    padding-left: 32px
}

.terms .has-icon svg:first-child {
    position: absolute;
    top: 1.5px;
    left: 0
}

.features {
    max-width: 1040px;
    margin: 0 auto 128px
}

@media only screen and (max-width: 767px) {
    .features {
        display:none
    }
}

.features__title {
    margin-bottom: 80px;
    font-size: 34px;
    font-weight: 450;
    line-height: 40px;
    text-align: center
}

.features__row {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 64px
}

@media only screen and (max-width: 1023px) {
    .features__row {
        margin-bottom:40px
    }
}

.features__row:nth-child(2n+1) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse
}

.features__row:nth-child(2n+1) .features__col:last-child {
    padding: 0 64px 0 0
}

@media only screen and (max-width: 1023px) {
    .features__row:nth-child(2n+1) .features__col:last-child {
        padding:0 40px 0 0
    }
}

.features__col {
    -webkit-box-flex: 0;
    flex: 0 0 50%
}

.features__col:last-child {
    padding-left: 64px
}

@media only screen and (max-width: 1023px) {
    .features__col:last-child {
        padding-left:40px
    }
}

.features__preview img {
    border-radius: 24px
}

@media only screen and (max-width: 1023px) {
    .features__preview img {
        height:460px;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.features__subtitle {
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 500;
    line-height: 24px
}

.features__content {
    font-size: 18px;
    line-height: 28px;
    color: #ADB7BE
}

.features__content p:not(:last-child) {
    margin-bottom: 12px
}

.lib {
    max-width: 1040px;
    margin: 0 auto 88px
}

@media only screen and (max-width: 1023px) {
    .lib {
        margin-bottom:104px
    }
}

@media only screen and (max-width: 767px) {
    .lib {
        display:none
    }
}

.lib__title {
    margin-bottom: 80px;
    font-size: 34px;
    font-weight: 450;
    line-height: 40px;
    text-align: center
}

.lib__grid {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px
}

@media only screen and (max-width: 1023px) {
    .lib__grid {
        margin:-12px
    }
}

.lib__item {
    -webkit-box-flex: 0;
    flex: 0 0 calc(33.33% - 40px);
    margin: 0 20px 40px
}

@media only screen and (max-width: 1023px) {
    .lib__item {
        -webkit-box-flex:0;
        flex: 0 0 calc(50% - 24px);
        margin: 0 12px 24px
    }
}

.lib__link {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    aspect-ratio: 1;
    background: #1D1C1E;
    border: 4px solid #1D1C1E;
    border-radius: 24px;
    color: #ADB7BE;
    -webkit-transition: border-color .2s;
    transition: border-color .2s
}

.lib__link:hover {
    border-color: #2D68FF
}

.lib__link:hover .lib__icon svg {
    fill: #2D68FF
}

.lib__icon {
    position: absolute;
    top: 32px;
    left: 32px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

.lib__icon svg {
    width: 32px;
    height: 32px;
    fill: #2C2C2C;
    -webkit-transition: fill .2s;
    transition: fill .2s
}

.lib__value {
    margin-bottom: 10px;
    font-size: 64px;
    font-weight: 500;
    line-height: 64px;
    color: #fff
}

.lib__name {
    font-size: 15px;
    font-weight: 450;
    line-height: 20px
}

.lib__foot {
    position: absolute;
    left: 32px;
    bottom: 32px;
    right: 32px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.lib__caption {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 13px;
    font-weight: 450;
    line-height: 14px;
    color: #4D4D4D
}

.lib__caption:after {
    content: "";
    width: 6px;
    height: 8px;
    margin-left: 6px;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.5C0 0.675955 0.940764 0.205573 1.6 0.7L4.93333 3.2C5.46667 3.6 5.46667 4.4 4.93333 4.8L1.6 7.3C0.940764 7.79443 0 7.32405 0 6.5V1.5Z' fill='%234D4D4D'/%3E%3C/svg%3E%0A")
}

.lib .formats {
    margin-left: auto
}

.lib .formats li {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

.formats {
    display: -webkit-box;
    display: flex;
    padding-left: 8px
}

.formats li {
    position: relative;
    display: none;
    width: 32px;
    height: 32px;
    margin-left: -8px;
    background: #2C2C2C;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #1D1C1E
}

.formats li:hover:before,.formats li:hover:after {
    opacity: 1
}

.formats li:before,.formats li:after {
    position: absolute;
    opacity: 0;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    pointer-events: none
}

.formats li:before {
    content: attr(data-title);
    left: 50%;
    bottom: calc(100% + 16px);
    padding: 4px 8px;
    background: #2C2C2C;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #F8F8F8;
    white-space: nowrap;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.formats li:after {
    content: "";
    left: calc(50% - 6px);
    bottom: calc(100% + 10px);
    width: 12px;
    height: 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%232c2c2c' d='M10.4 0a1 1 0 0 1 .776 1.631L6.777 7.045a1 1 0 0 1-1.552 0L.826 1.631A1 1 0 0 1 1.602 0H10.4z'/%3E%3C/svg%3E")
}

.swift-compatible .app-swift,.android-compatible .app-android,.xcode-compatible .app-xcode,.html-compatible .app-html,.sketch-compatible .app-sketch,.sketch-compatible .app-lunacy,.maya-compatible .app-maya,.blender-compatible .app-blender,._3dstudiomax-compatible .app-3dsmax,.cinema4d-compatible .app-cinema4d,.tumblr-compatible .app-tumblr,.indesign-compatible .app-indesign,.wordpress-compatible .app-wordpress,.photoshop-compatible .app-photoshop,.wordpress-compatible .app-wordpress,.illustrator-compatible .app-illustrator,.omnigraffle-compatible .app-omnigraffle,.aftereffects-compatible .app-aftereffects,.powerpoint-compatible .app-powerpoint,.keynote-compatible .app-keynote,.xd-compatible .app-xd,.framer-compatible .app-framer,.adobeanimate-compatible .app-animate,.figma-compatible .app-figma,.procreate-compatible .app-procreate,.lunacy-compatible .app-lunacy,.notion-compatible .app-notion,.react-compatible .app-react,.bootstrap-compatible .app-bootstrap,.spline-compatible .app-spline,.readymag-compatible .app-readymag,.webflow-compatible .app-webflow,.fbx-compatible .app-fbx,.gif-compatible .app-gif,.mov-compatible .app-mov,.mp4-compatible .app-mp4,.obj-compatible .app-obj,.png-compatible .app-png,.svg-compatible .app-svg {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

.ppage {
    min-height: 100vh;
    padding-bottom: 128px
}

@media only screen and (max-width: 1259px) {
    .ppage {
        padding-bottom:80px
    }
}

@media only screen and (max-width: 1023px) {
    .ppage {
        padding-bottom:0
    }
}

.ppage__video {
    position: relative;
    margin-bottom: 24px;
    padding-bottom: 56.25%
}

@media only screen and (max-width: 1259px) {
    .ppage__video {
        margin:0 -28px 8px
    }
}

.ppage__video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ppage__gallery {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px 104px
}

@media only screen and (max-width: 1259px) {
    .ppage__gallery {
        margin:0 -28px 80px
    }
}

@media only screen and (max-width: 1023px) {
    .ppage__gallery {
        display:block;
        margin: 0 -16px 80px
    }
}

@media only screen and (max-width: 767px) {
    .ppage__gallery {
        margin:0 -16px 40px
    }
}

.ppage__gallery li {
    position: relative;
    -webkit-box-flex: 0;
    flex: 0 0 calc(50% - 24px);
    margin: 0 12px 24px;
    border-radius: 24px;
    overflow: hidden
}

@media only screen and (max-width: 1259px) {
    .ppage__gallery li {
        -webkit-box-flex:0;
        flex: 0 0 calc(50% - 8px);
        margin: 0 4px 8px;
        border-radius: 8px
    }
}

@media only screen and (max-width: 1023px) {
    .ppage__gallery li {
        margin:0 0 8px
    }
}

.ppage__gallery li:before {
    content: "";
    display: block;
    padding-bottom: calc((1020 / 1350) * 100%)
}

.ppage__gallery img,.ppage__gallery video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.ppage__pass {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin: -80px 0 104px;
    padding: 18px;
    background: #1D1C1E;
    border-radius: 40px;
    font-size: 16px;
    line-height: 24px;
    color: #00A656
}

@media only screen and (max-width: 1259px) {
    .ppage__pass {
        margin:-56px 0 80px
    }
}

@media only screen and (max-width: 767px) {
    .ppage__pass {
        display:none
    }
}

.ppage__pass .btn {
    margin-left: auto
}

.ppage__icon {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-right: 16px;
    border: 2px solid #4D4D4D;
    border-radius: 50%
}

.ppage__row {
    display: -webkit-box;
    display: flex;
    max-width: 1040px;
    margin: 0 auto 128px
}

@media only screen and (max-width: 1259px) {
    .ppage__row {
        margin-bottom:80px
    }
}

@media only screen and (max-width: 767px) {
    .ppage__row {
        display:block;
        margin-bottom: 40px
    }
}

.ppage__row .formats li {
    box-shadow: 0 0 0 2px #121212
}

.ppage__col:first-child {
    -webkit-box-flex: 0;
    flex: 0 0 530px;
    max-width: 530px;
    margin-right: 100px
}

@media only screen and (max-width: 1259px) {
    .ppage__col:first-child {
        margin-right:80px
    }
}

@media only screen and (max-width: 1023px) {
    .ppage__col:first-child {
        -webkit-box-flex:0;
        flex: 0 0 400px;
        max-width: 400px;
        margin-right: 32px
    }
}

@media only screen and (max-width: 767px) {
    .ppage__col:first-child {
        max-width:100%;
        margin: 0 0 40px
    }
}

.ppage__col:last-child {
    -webkit-box-flex: 0;
    flex: 0 0 calc(100% - 630px)
}

@media only screen and (max-width: 1259px) {
    .ppage__col:last-child {
        -webkit-box-flex:0;
        flex: 0 0 calc(100% - 610px)
    }
}

@media only screen and (max-width: 1023px) {
    .ppage__col:last-child {
        -webkit-box-flex:0;
        flex: 0 0 calc(100% - 432px)
    }
}

.ppage__title {
    margin-bottom: 16px;
    font-size: 28px;
    font-weight: 450;
    line-height: 40px
}

.ppage__content {
    font-size: 18px;
    line-height: 28px;
    color: #ADB7BE;
    word-wrap: break-word
}

.ppage__content a {
    color: #fff
}

.ppage__content a:hover {
    text-decoration: underline
}

.ppage__highlights {
    margin-bottom: 64px
}

@media only screen and (max-width: 767px) {
    .ppage__highlights {
        margin-bottom:40px
    }
}

.ppage__highlights li {
    position: relative;
    margin-bottom: 16px;
    padding-left: 32px;
    font-size: 16px;
    line-height: 24px;
    color: #ADB7BE
}

.ppage__highlights li:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill-rule='evenodd' d='M10.001.833A9.17 9.17 0 0 0 .834 10a9.17 9.17 0 0 0 9.167 9.167A9.17 9.17 0 0 0 19.167 10 9.17 9.17 0 0 0 10.001.833zm4.339 7.256c.325-.325.325-.853 0-1.179s-.853-.325-1.178 0l-4.411 4.411L6.84 9.411c-.325-.325-.853-.325-1.179 0s-.325.853 0 1.178l2.5 2.5c.325.325.853.325 1.179 0l5-5z' fill='%2300A656'/%3E%3C/svg%3E")
}

.ppage__files {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 64px;
    font-size: 16px;
    line-height: 24px;
    color: #5C5C5C
}

@media only screen and (max-width: 767px) {
    .ppage__files {
        margin-top:40px
    }
}

.ppage__files svg {
    margin-right: 10px;
    fill: #5C5C5C
}

.ppage__files span {
    margin-right: 4px
}

.pheader {
    position: relative;
    background: #181818
}

.pheader__background {
    position: absolute;
    inset: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: .05;
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.pheader__container {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: end;
    justify-content: flex-end;
    min-height: 332px;
    padding-top: 88px;
    padding-bottom: 88px
}

@media only screen and (max-width: 767px) {
    .pheader__container {
        padding-bottom:140px
    }
}

.pheader__title {
    max-width: 860px;
    margin-bottom: 8px;
    font-size: 34px;
    font-weight: 450;
    line-height: 40px;
    letter-spacing: -1px
}

.pheader__title.isFeatured span {
    padding-right: 32px
}

.pheader__title.isFeatured:after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-left: -24px;
    vertical-align: top;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill-rule='evenodd' d='M2.031 12c0-.134-.027-.268-.079-.393L1.231 9.86C1.079 9.492 1 9.097 1 8.699s.078-.793.231-1.161.376-.703.658-.984.616-.505.984-.657l1.744-.722c.253-.104.454-.305.559-.557l.723-1.744c.308-.743.898-1.333 1.641-1.641s1.578-.308 2.321 0l1.743.722c.253.104.537.104.79-.001l.002-.001 1.745-.72c.743-.307 1.578-.307 2.321 0s1.333.898 1.641 1.641l.705 1.703.018.041a1.03 1.03 0 0 0 .558.559l1.745.723c.743.308 1.334.898 1.641 1.641s.308 1.578 0 2.321l-.722 1.744c-.053.127-.079.262-.079.396a1.03 1.03 0 0 0 .079.395l.722 1.744c.308.743.308 1.578 0 2.321s-.898 1.334-1.641 1.641l-1.745.723c-.253.105-.453.306-.558.559l-.018.041-.705 1.703a3.03 3.03 0 0 1-1.641 1.641c-.743.308-1.578.308-2.321 0l-1.745-.72-.002-.001c-.253-.105-.537-.105-.79-.001l-1.743.722a3.03 3.03 0 0 1-2.321 0c-.743-.308-1.333-.898-1.641-1.641l-.723-1.744c-.105-.252-.307-.453-.559-.557l-1.744-.722c-.368-.152-.702-.376-.984-.657s-.505-.616-.658-.984S1 15.7 1 15.301s.079-.793.231-1.161l.721-1.747c.052-.126.079-.26.079-.393zm14.176-1.793a1 1 0 0 0-1.414-1.414L11 12.586l-1.293-1.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4.5-4.5z' fill='%2300a656'/%3E%3C/svg%3E")
}

.pheader__description {
    font-size: 20px;
    line-height: 28px;
    color: #ADB7BE
}

.pnav {
    position: -webkit-sticky;
    position: sticky;
    top: 88px;
    z-index: 10;
    margin: -68px 0 24px;
    padding-bottom: 24px
}

@media only screen and (max-width: 1259px) {
    .pnav {
        top:72px;
        margin-bottom: 8px
    }
}

@media only screen and (max-width: 767px) {
    .pnav {
        position:relative;
        top: auto;
        margin-top: -124px
    }
}

.pnav.scrolled {
    background: rgba(24,24,24,0.98)
}

@media only screen and (max-width: 767px) {
    .pnav.scrolled {
        background:none
    }
}

.pnav.scrolled .pnav__slide:first-child {
    opacity: 0;
    pointer-events: none
}

@media only screen and (max-width: 1023px) {
    .pnav.scrolled .pnav__slide:first-child {
        opacity:1;
        pointer-events: all
    }
}

.pnav.scrolled .pnav__slide:last-child {
    opacity: 1;
    pointer-events: all
}

@media only screen and (max-width: 1023px) {
    .pnav.scrolled .pnav__slide:last-child {
        opacity:0;
        pointer-events: none
    }
}

.pnav__container {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    height: 44px
}

@media only screen and (max-width: 767px) {
    .pnav__container {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: end;
        align-items: flex-end;
        height: 100px
    }
}

.pnav__slides {
    position: relative;
    min-width: 0;
    height: 44px;
    margin-right: auto
}

@media only screen and (max-width: 767px) {
    .pnav__slides {
        height:32px
    }
}

.pnav__slide {
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.pnav__slide:first-child {
    position: absolute;
    top: 0;
    left: 0
}

@media only screen and (max-width: 1023px) {
    .pnav__slide:first-child {
        position:static
    }
}

.pnav__slide:last-child {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 44px;
    opacity: 0;
    pointer-events: none
}

@media only screen and (max-width: 1023px) {
    .pnav__slide:last-child {
        display:none
    }
}

.pnav__meta {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 44px
}

@media only screen and (max-width: 767px) {
    .pnav__meta {
        height:auto
    }
}

@media only screen and (max-width: 1023px) {
    .pnav__meta .formats {
        display:none
    }
}

.pnav__avatar {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    margin-right: 8px;
    background: #181818;
    border-radius: 50%
}

.pnav__avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.pnav__link {
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 450;
    line-height: 20px;
    color: #ADB7BE;
    -webkit-transition: color .2s;
    transition: color .2s
}

.pnav__link:hover {
    color: #fff
}

.pnav__arrow {
    flex-shrink: 0;
    width: 6px;
    height: 8px;
    margin: 0 8px;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.5C0 0.675955 0.940764 0.205573 1.6 0.7L4.93333 3.2C5.46667 3.6 5.46667 4.4 4.93333 4.8L1.6 7.3C0.940764 7.79443 0 7.32405 0 6.5V1.5Z' fill='%234D4D4D'/%3E%3C/svg%3E%0A")
}

@media only screen and (max-width: 1023px) {
    .pnav__arrow {
        display:none
    }
}

@media only screen and (max-width: 1023px) {
    .pnav__arrow+.pnav__link {
        display:none
    }
}

.pnav__title {
    font-size: 28px;
    font-weight: 450;
    line-height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.pnav__title.isFeatured:after {
    content: "";
    display: inline-block;
    position: relative;
    top: -3px;
    width: 24px;
    height: 24px;
    margin-left: 8px;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill-rule='evenodd' d='M2.031 12c0-.134-.027-.268-.079-.393L1.231 9.86C1.079 9.492 1 9.097 1 8.699s.078-.793.231-1.161.376-.703.658-.984.616-.505.984-.657l1.744-.722c.253-.104.454-.305.559-.557l.723-1.744c.308-.743.898-1.333 1.641-1.641s1.578-.308 2.321 0l1.743.722c.253.104.537.104.79-.001l.002-.001 1.745-.72c.743-.307 1.578-.307 2.321 0s1.333.898 1.641 1.641l.705 1.703.018.041a1.03 1.03 0 0 0 .558.559l1.745.723c.743.308 1.334.898 1.641 1.641s.308 1.578 0 2.321l-.722 1.744c-.053.127-.079.262-.079.396a1.03 1.03 0 0 0 .079.395l.722 1.744c.308.743.308 1.578 0 2.321s-.898 1.334-1.641 1.641l-1.745.723c-.253.105-.453.306-.558.559l-.018.041-.705 1.703a3.03 3.03 0 0 1-1.641 1.641c-.743.308-1.578.308-2.321 0l-1.745-.72-.002-.001c-.253-.105-.537-.105-.79-.001l-1.743.722a3.03 3.03 0 0 1-2.321 0c-.743-.308-1.333-.898-1.641-1.641l-.723-1.744c-.105-.252-.307-.453-.559-.557l-1.744-.722c-.368-.152-.702-.376-.984-.657s-.505-.616-.658-.984S1 15.7 1 15.301s.079-.793.231-1.161l.721-1.747c.052-.126.079-.26.079-.393zm14.176-1.793a1 1 0 0 0-1.414-1.414L11 12.586l-1.293-1.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4.5-4.5z' fill='%2300a656'/%3E%3C/svg%3E")
}

.pnav__group {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-shrink: 0
}

@media only screen and (max-width: 767px) {
    .pnav__group {
        -webkit-box-pack:justify;
        justify-content: space-between;
        width: 100%
    }
}

.pnav__cell {
    margin-left: 16px
}

@media only screen and (max-width: 767px) {
    .pnav__cell {
        margin:0
    }
}

.pnav__select {
    position: relative
}

@media only screen and (max-width: 1259px) {
    .pnav__select {
        display:none
    }
}

.pnav__select:hover:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 10px
}

.pnav__select:hover>.btn {
    border-color: #fff
}

.pnav__select:hover .pnav__dropdown {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap
}

.pnav__dropdown {
    display: none;
    position: absolute;
    top: 54px;
    right: 0;
    width: 212px;
    padding: 16px;
    background: #262626;
    border-radius: 24px
}

.pnav__dropdown .btn {
    -webkit-box-pack: start;
    justify-content: flex-start;
    width: calc(100% - 16px);
    margin: 8px;
    padding: 0 14px;
    font-size: 15px;
    font-weight: 450;
    line-height: 18px
}

.related {
    max-width: 1040px;
    margin: 128px auto 0
}

@media only screen and (max-width: 1259px) {
    .related {
        display:none
    }
}

.related__head {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 40px
}

.related__avatar {
    flex-shrink: 0;
    width: 58px;
    height: 58px;
    margin-right: 16px
}

.related__avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.related__title {
    font-size: 28px;
    font-weight: 450;
    line-height: 40px
}

.related__title a {
    color: #fff
}

.related__btns {
    display: -webkit-box;
    display: flex;
    margin-left: auto
}

.related__btns .btn {
    margin-left: 16px
}

.discussion {
    max-width: 1068px;
    margin: 0 auto;
    background: #1D1C1E;
    border-radius: 24px
}

@media only screen and (max-width: 1023px) {
    .discussion {
        margin:0 -24px;
        border-radius: 0
    }
}

.discussion__container {
    padding: 48px 64px
}

@media only screen and (max-width: 1023px) {
    .discussion__container {
        padding:32px
    }
}

@media only screen and (max-width: 767px) {
    .discussion__container {
        padding:24px
    }
}

.discussion__head {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    min-height: 44px
}

.discussion__title {
    font-size: 28px;
    font-weight: 450;
    line-height: 40px
}

.discussion__sorting {
    display: -webkit-box;
    display: flex;
    margin-left: auto
}

@media only screen and (max-width: 1023px) {
    .discussion__sorting {
        display:none
    }
}

.discussion__sorting .btn {
    margin-left: 16px;
    padding: 0 14px
}

.discussion__sorting .btn.active {
    border-color: #2D68FF;
    color: #fff
}

.discussion__loader {
    margin-top: 32px
}

@media only screen and (max-width: 1023px) {
    .discussion__loader {
        margin-top:40px
    }
}

.discussion__list {
    margin: 32px -16px 0
}

@media only screen and (max-width: 1023px) {
    .discussion__list {
        margin-top:40px
    }
}

.discussion__item {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    padding: 16px;
    border-radius: 24px;
    -webkit-transition: background .2s, opacity .2s;
    transition: background .2s, opacity .2s
}

@media only screen and (max-width: 1259px) {
    .discussion__item {
        display:block
    }
}

.discussion__item:not(:last-child) {
    margin-bottom: 10px
}

.discussion__item.isAdmin,.discussion__item.isEditing {
    background: #181818
}

.discussion__item.isDisabled {
    opacity: .25;
    pointer-events: none
}

.discussion__avatar {
    flex-shrink: 0;
    width: 58px;
    height: 58px;
    margin-right: 24px;
    border-radius: 50%
}

@media only screen and (max-width: 1259px) {
    .discussion__avatar {
        display:none
    }
}

.discussion__avatar a {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.discussion__avatar a:first-child {
    pointer-events: none
}

.discussion__avatar a:last-child {
    position: absolute;
    top: 0;
    left: 0
}

.discussion__layout {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-flex: 0;
    flex: 0 0 calc(100% - 82px)
}

@media only screen and (max-width: 1259px) {
    .discussion__layout {
        display:block
    }
}

.discussion__inner {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.discussion__inner.isDeleting {
    opacity: .25
}

.discussion__info {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 6px
}

.discussion__name {
    margin-right: 8px;
    font-size: 19px;
    font-weight: 500;
    line-height: 24px;
    color: #fff
}

.discussion__role {
    margin-left: 8px;
    padding: 2px 6px;
    border: 2px solid #00A656;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #00A656
}

.discussion__content {
    max-width: 660px;
    font-size: 18px;
    line-height: 28px;
    color: #ADB7BE;
    white-space: pre-wrap
}

.discussion__content a {
    color: #fff
}

.discussion__date {
    margin-top: 6px;
    font-size: 16px;
    line-height: 24px;
    color: #5C5C5C
}

.discussion__actions {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-left: 32px
}

@media only screen and (max-width: 1259px) {
    .discussion__actions {
        margin:12px 0 0
    }
}

.discussion__actions .btn:not(:first-child) {
    margin-left: 16px
}

.discussion__caption {
    flex-shrink: 0;
    font-size: 18px;
    line-height: 28px;
    color: #ADB7BE
}

.discussion__pagination {
    margin-top: 8px;
    text-align: center
}

.discussion__pagination .btn {
    padding: 0 14px
}

.discussion__adding {
    position: relative
}

.discussion__adding .loader,.discussion__adding .btn {
    position: absolute;
    top: 32px;
    right: 64px
}

@media only screen and (max-width: 1023px) {
    .discussion__adding .loader,.discussion__adding .btn {
        right:32px
    }
}

@media only screen and (max-width: 767px) {
    .discussion__adding .loader,.discussion__adding .btn {
        right:24px;
        padding: 0;
        background: none;
        border: none;
        font-size: 0
    }
}

.discussion__adding .loader svg,.discussion__adding .btn svg {
    display: none
}

@media only screen and (max-width: 767px) {
    .discussion__adding .loader svg,.discussion__adding .btn svg {
        display:block;
        width: 44px;
        height: 44px;
        margin: 0;
        fill: #4D4D4D
    }
}

.discussion__field {
    position: relative
}

.discussion__field .discussion__text {
    opacity: 0
}

.discussion__field--editing .discussion__text,.discussion__field--editing .discussion__textarea {
    padding: 0 0 30px;
    border-radius: 0
}

@media only screen and (max-width: 1023px) {
    .discussion__field--editing .discussion__text,.discussion__field--editing .discussion__textarea {
        padding:0 0 30px
    }
}

@media only screen and (max-width: 767px) {
    .discussion__field--editing .discussion__text,.discussion__field--editing .discussion__textarea {
        padding:0 0 30px
    }
}

.discussion__field--editing .discussion__text {
    min-height: 58px
}

.discussion__text,.discussion__textarea {
    padding: 40px 212px 40px 64px;
    background: #181818;
    border-radius: 0 0 24px 24px;
    font-size: 18px;
    line-height: 28px
}

@media only screen and (max-width: 1023px) {
    .discussion__text,.discussion__textarea {
        border-radius:0;
        padding-left: 32px;
        padding-right: 170px
    }
}

@media only screen and (max-width: 767px) {
    .discussion__text,.discussion__textarea {
        padding-left:24px;
        padding-right: 92px
    }
}

.discussion__text {
    min-height: 108px;
    white-space: pre-wrap;
    color: #ADB7BE
}

.discussion__textarea {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    resize: none;
    color: #ADB7BE;
    caret-color: #2D68FF;
    letter-spacing: -.02em
}

.discussion__error {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 24px 64px;
    font-size: 15px;
    font-weight: 450;
    line-height: 20px;
    color: #FF9393
}

.hire {
    padding: 40px 40px 32px;
    background: #262626;
    border-radius: 24px;
    box-shadow: 0px 8px 80px rgba(0,0,0,0.4)
}

@media only screen and (max-width: 767px) {
    .hire {
        padding:0;
        box-shadow: none
    }
}

.hire__step {
    min-height: 474px
}

.hire__title {
    margin-bottom: 26px;
    font-size: 28px;
    font-weight: 450;
    line-height: 40px
}

.hire__content {
    min-height: 372px;
    margin-top: -10px;
    padding-top: 10px;
    font-size: 18px;
    line-height: 28px;
    color: #ADB7BE
}

.hire__content p {
    margin-bottom: 16px
}

.hire .field {
    margin-bottom: 26px
}

.hire .field__textarea {
    height: 262px
}

.hire .btn,.hire .loader {
    margin-top: -2px
}

.download__preview {
    aspect-ratio: 1.4830;
    background: #181818;
    border-radius: 16px
}

.download__preview img {
    width: 100%;
    height: 100%;
    border-radius: 16px;
    -o-object-fit: cover;
    object-fit: cover
}

.download__buttons li {
    margin-top: 16px
}

.download .btn {
    padding: 0 16px;
    font-weight: 450;
    overflow: hidden
}

.download .btn span:nth-child(1) {
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    margin-right: 4px;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.download .btn span:nth-child(2) {
    margin-right: 16px
}

.download .btn svg {
    flex-shrink: 0;
    margin-left: auto
}

.verify {
    padding: 40px 40px 32px;
    background: #262626;
    border-radius: 24px;
    box-shadow: 0px 8px 80px rgba(0,0,0,0.4)
}

@media only screen and (max-width: 767px) {
    .verify {
        padding:0;
        box-shadow: none
    }
}

.verify__title {
    margin-bottom: 16px;
    font-size: 28px;
    font-weight: 450;
    line-height: 40px
}

.verify__content {
    margin-bottom: 26px;
    font-size: 18px;
    line-height: 28px;
    color: #ADB7BE
}

.verify .field {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 32px
}

.verify .field__input {
    -moz-appearance: textfield
}

.verify .field__input::-webkit-outer-spin-button,.verify .field__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.verify__foot {
    margin-top: 28px;
    font-size: 13px;
    font-weight: 450;
    line-height: 14px;
    color: #ADB7BE;
    text-align: center
}

.verify__foot a {
    font-size: 13px;
    font-weight: 450;
    line-height: 24px;
    color: #fff
}

.profile__header {
    position: relative;
    background: #181818
}

.profile__background {
    position: absolute;
    inset: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: .05;
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.profile__container {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: end;
    justify-content: flex-end;
    min-height: 332px;
    padding-top: 88px;
    padding-bottom: 24px
}

@media only screen and (max-width: 767px) {
    .profile__container {
        padding-top:120px
    }
}

.profile__inner {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    margin-bottom: 32px
}

@media only screen and (max-width: 767px) {
    .profile__inner {
        display:block
    }
}

.profile__avatar {
    flex-shrink: 0;
    width: 76px;
    height: 76px;
    margin-right: 16px;
    background-size: 32px 32px;
    border-radius: 50%;
    pointer-events: none
}

@media only screen and (max-width: 767px) {
    .profile__avatar {
        margin:0 0 32px
    }
}

.profile__line {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 8px
}

.profile__name {
    font-size: 34px;
    font-weight: 450;
    line-height: 40px
}

.profile__role {
    margin-left: 8px;
    padding: 2px 6px;
    border: 2px solid #00A656;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #00A656
}

.profile__role--admin {
    border-color: #2D68FF;
    color: #2D68FF
}

.profile__role--follow {
    background: #2C2C2C;
    border-color: #2C2C2C;
    color: #2D68FF
}

.profile__bio {
    font-size: 18px;
    line-height: 28px;
    color: #ADB7BE;
    white-space: pre-wrap
}

.profile__actions {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.profile__group {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

@media only screen and (max-width: 1023px) {
    .profile__group:first-child {
        display:none
    }
}

.profile__group:first-child .btn.active {
    border-color: #2D68FF;
    color: #fff
}

.profile__group:first-child .btn span {
    margin-left: 10px;
    color: #ADB7BE
}

.profile__group .btn:not(:last-child) {
    margin-right: 16px
}

.profile__body {
    padding: 56px 0 128px
}

@media only screen and (max-width: 1259px) {
    .profile__body {
        padding-top:32px
    }
}

@media only screen and (max-width: 1023px) {
    .profile__body {
        padding-top:24px
    }
}

.profile__message {
    max-width: 540px;
    margin: 0 auto 56px;
    font-size: 28px;
    font-weight: 450;
    line-height: 40px;
    text-align: center
}

@media only screen and (max-width: 1259px) {
    .profile__message {
        margin-bottom:32px
    }
}

@media only screen and (max-width: 1023px) {
    .profile__message {
        margin-bottom:24px
    }
}

.profile__catalog {
    margin-bottom: 24px
}

.profile__foot {
    text-align: center
}

.users {
    padding: 32px;
    background: #1D1C1E;
    border-radius: 24px
}

@media only screen and (max-width: 1023px) {
    .users {
        margin:0 -24px;
        padding: 32px 24px 80px;
        border-radius: 0
    }
}

.users__inner {
    overflow: hidden
}

.users__list {
    margin-bottom: -48px
}

.users__foot {
    padding: 48px 0 8px;
    text-align: center
}

.user {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #262626
}

@media only screen and (max-width: 767px) {
    .user {
        flex-wrap:wrap
    }
}

.user__cell:nth-child(1) {
    -webkit-box-flex: 0;
    flex: 0 0 64px;
    margin-right: 20px
}

@media only screen and (max-width: 767px) {
    .user__cell:nth-child(1) {
        -webkit-box-flex:0;
        flex: 0 0 44px;
        margin: 0 12px 16px 0
    }
}

.user__cell:nth-child(2) {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    overflow: hidden
}

@media only screen and (max-width: 767px) {
    .user__cell:nth-child(2) {
        -webkit-box-flex:0;
        flex: 0 0 calc(100% - 56px);
        margin-bottom: 16px
    }
}

.user__cell:nth-child(3) {
    margin-left: 48px
}

@media only screen and (max-width: 767px) {
    .user__cell:nth-child(3) {
        margin:0
    }
}

.user__cell:nth-child(4),.user__cell:nth-child(5) {
    margin-left: 24px;
    padding-left: 24px;
    border-left: 1px solid #262626
}

@media only screen and (max-width: 767px) {
    .user__cell:nth-child(4),.user__cell:nth-child(5) {
        padding:0;
        border: none
    }
}

@media only screen and (max-width: 1023px) {
    .user__cell:nth-child(4) {
        display:none
    }
}

@media only screen and (max-width: 767px) {
    .user__cell:nth-child(4) {
        display:block;
        margin-left: 32px
    }
}

.user__cell:nth-child(5) {
    -webkit-box-flex: 0;
    flex: 0 0 146px
}

@media only screen and (max-width: 1023px) {
    .user__cell:nth-child(5) {
        -webkit-box-flex:0;
        flex: 0 0 68px
    }
}

@media only screen and (max-width: 767px) {
    .user__cell:nth-child(5) {
        -webkit-box-flex:0;
        flex: 0 0 44px;
        margin-left: auto
    }
}

@media only screen and (max-width: 767px) {
    .user__cell:nth-child(2) .user__content {
        display:none
    }
}

.user__avatar {
    width: 64px;
    height: 64px;
    border-radius: 50%
}

@media only screen and (max-width: 767px) {
    .user__avatar {
        width:44px;
        height: 44px
    }
}

.user__avatar a:last-child {
    position: absolute;
    top: 0;
    left: 0
}

.user__title,.user__content {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.user__title {
    display: block;
    font-size: 19px;
    font-weight: 500;
    line-height: 24px;
    color: #fff
}

.user__content {
    margin-top: 4px;
    font-size: 18px;
    line-height: 28px;
    color: #ADB7BE
}

.account {
    padding: 48px 56px;
    background: #262626;
    border-radius: 24px
}

@media only screen and (max-width: 767px) {
    .account {
        margin:0 -24px;
        padding: 32px 24px;
        border-radius: 0
    }
}

.account__section {
    display: none
}

.account__section.visible {
    display: block
}

.account__head {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.account__title {
    margin-bottom: 12px;
    font-size: 22px;
    font-weight: 500;
    line-height: 24px
}

.account__content {
    margin-bottom: 24px;
    font-size: 18px;
    line-height: 28px;
    color: #ADB7BE
}

.account__content p {
    margin-bottom: 12px
}

.account__content+.account__head {
    margin-top: 48px
}

.account__upload {
    margin-bottom: 24px
}

.account__preview {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    width: 144px;
    height: 144px;
    margin: 0 auto;
    background: #1D1C1E;
    border: 2px solid #1D1C1E;
    border-radius: 50%;
    -webkit-transition: border-color .2s;
    transition: border-color .2s
}

.account__preview:hover {
    border-color: #fff
}

.account__preview:hover .btn {
    opacity: 1
}

.account__preview svg {
    fill: #ADB7BE
}

.account__preview .btn {
    position: absolute;
    top: -2px;
    right: -2px;
    background: #121212;
    opacity: 0;
    -webkit-transition: all .2s;
    transition: all .2s
}

.account__preview .btn:hover {
    background: #121212
}

@media (hover: none) {
    .account__preview .btn {
        opacity:1
    }
}

.account__preview .loader,.account__avatar,.account__uploader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.account__avatar {
    background: #1D1C1E
}

.account__avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.account__uploader {
    cursor: pointer
}

.account__notifications .toggle {
    padding: 10px 14px;
    border: 2px solid #4D4D4D;
    font-size: 15px;
    font-weight: 450;
    line-height: 20px
}

.account__notifications .toggle:before {
    top: 15px;
    right: 33px
}

.account__notifications .toggle:not(:last-child) {
    margin-bottom: -2px
}

.account__notifications .toggle--first {
    border-radius: 8px 8px 0 0
}

.account__notifications .toggle--last {
    border-radius: 0 0 8px 8px
}

.account__notifications .toggle.active {
    color: #fff
}

.account .field {
    margin-bottom: 26px
}

.account .field__textarea {
    height: 70px
}

.account .mb-34 {
    margin-bottom: 34px
}

.account__foot {
    display: -webkit-box;
    display: flex;
    margin: 48px -8px 0
}

.account__foot .btn {
    -webkit-box-flex: 1;
    flex: 1;
    margin: 0 8px
}

.account__foot .loader {
    -webkit-box-flex: 1;
    flex: 1
}

.purchases {
    max-width: 1024px;
    min-height: 512px;
    margin: 0 auto;
    background: #181818;
    border: 1px solid #262626;
    border-radius: 36px
}

@media only screen and (max-width: 1023px) {
    .purchases {
        min-height:unset;
        background: none;
        border: none;
        border-radius: 0
    }
}

@media only screen and (max-width: 767px) {
    .purchases {
        margin:0 -24px
    }
}

.purchases__space {
    position: -webkit-sticky;
    position: sticky;
    top: 88px;
    display: block;
    width: 400px;
    height: 518px;
    border-radius: 35px 0 0 35px;
    overflow: hidden
}

@media only screen and (max-width: 1023px) {
    .purchases__space {
        display:none
    }
}

.purchases__space--studio:hover img {
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
}

.purchases__space--studio img {
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s
}

.purchases__space--uilive {
    width: 100%
}

.purchases__space--uilive img {
    width: 100%;
    height: 100%;
    border-radius: 35px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left;
    object-position: left
}

.purchases__outer {
    position: relative;
    margin: -507px 11px 11px 401px;
    padding: 24px;
    background: #262626;
    border-radius: 24px;
    overflow: hidden
}

@media only screen and (max-width: 1023px) {
    .purchases__outer {
        margin:0
    }
}

@media only screen and (max-width: 767px) {
    .purchases__outer {
        border-radius:0
    }
}

.purchases__list {
    margin-bottom: -49px
}

.purchases__item {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #2C2C2C
}

@media only screen and (max-width: 767px) {
    .purchases__item {
        display:block
    }
}

.purchases__preview {
    -webkit-box-flex: 0;
    flex: 0 0 166px;
    margin-right: 24px;
    background: #181818;
    border-radius: 16px
}

@media only screen and (max-width: 767px) {
    .purchases__preview {
        display:none
    }
}

.purchases__preview img {
    border-radius: 16px
}

.purchases__inner {
    -webkit-box-flex: 0;
    flex: 0 0 calc(100% - 190px)
}

.purchases__head {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 6px;
    font-size: 19px;
    font-weight: 450;
    line-height: 24px
}

.purchases__title {
    color: white
}

.purchases__price {
    display: -webkit-box;
    display: flex;
    margin-left: 24px
}

.purchases__full {
    margin-right: 8px;
    color: #ADB7BE;
    text-decoration: line-through
}

.purchases__description {
    margin-bottom: 22px;
    font-size: 15px;
    font-weight: 450;
    line-height: 20px;
    color: #ADB7BE
}

.purchases__actions {
    display: -webkit-box;
    display: flex
}

.purchases__actions .btn {
    margin-right: 16px
}

.alerts {
    position: fixed;
    top: 74px;
    left: calc(50vw - 664px);
    z-index: 999999;
    width: 384px;
    min-height: 76px;
    padding: 22px 78px 22px 22px;
    background: #2D68FF;
    border: 2px solid #2D68FF;
    border-radius: 24px;
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 18px 0;
    transform-origin: 18px 0;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, transform .4s;
    transition: opacity .4s, transform .4s, -webkit-transform .4s;
    pointer-events: none;
    cursor: pointer
}

@media only screen and (max-width: 1408px) {
    .alerts {
        left:40px
    }
}

@media only screen and (max-width: 1259px) {
    .alerts {
        left:32px
    }
}

@media only screen and (max-width: 1023px) {
    .alerts {
        left:24px;
        max-width: calc(100vw - 48px)
    }
}

.alerts:hover svg {
    opacity: 1
}

.alerts.fadeIn {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    pointer-events: all
}

.alerts.error {
    background: #262626;
    border-color: #FF9393
}

.alerts svg {
    position: absolute;
    top: 14px;
    right: 14px;
    fill: #fff;
    opacity: .5;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.spage {
    display: -webkit-box;
    display: flex;
    position: relative;
    min-height: 100vh;
    padding: 200px 0
}

.spage__background {
    position: absolute;
    inset: 0
}

.spage__background img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: .12
}

.spage__container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 440px;
    margin: auto;
    text-align: center
}

.spage__container .btn {
    display: -webkit-inline-box;
    display: inline-flex;
    width: auto
}

.spage__logo {
    position: relative;
    right: -3px;
    margin: 0 auto 48px
}

.spage__title {
    margin-bottom: 16px;
    font-size: 44px;
    font-weight: 450;
    line-height: 48px
}

.spage__content {
    max-width: 340px;
    margin: 0 auto 48px;
    font-size: 18px;
    line-height: 28px;
    color: #ADB7BE
}

.spage__copyright {
    position: absolute;
    left: 0;
    bottom: 48px;
    width: 100%;
    font-size: 12px;
    font-weight: 450;
    line-height: 16px;
    color: #4D4D4D;
    text-align: center;
    z-index: 2
}

.note {
    position: relative;
    max-width: 736px;
    margin: 0 auto 24px;
    padding: 32px;
    background: #2D68FF;
    border-radius: 24px;
    font-size: 18px;
    line-height: 28px;
    color: #fff
}

.note__close {
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 0;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.note__close:hover {
    opacity: .5
}

.context {
    position: fixed;
    left: 24px;
    bottom: 24px;
    z-index: 999;
    width: 320px;
    padding: 32px 24px 24px;
    background: rgba(38,38,38,0.95);
    border: 2px solid #292929;
    box-shadow: 0px 16px 16px rgba(0,0,0,0.35);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 24px
}

.context__caption {
    font-family: system-ui;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
    letter-spacing: .5px
}

.context__title {
    margin-bottom: 12px;
    background: -webkit-gradient(linear, left top, right top, color-stop(-8%, #0162FF), to(#CB36FF));
    background: linear-gradient(90deg, #0162FF -8%, #CB36FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 600;
    color: transparent;
    font-size: 44px;
    line-height: 48px;
    letter-spacing: -0.02em
}

.context__text {
    margin-bottom: 24px;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.02em;
    color: #ADB7BE
}

.context__text span {
    font-weight: 500;
    color: #fff
}

.context__close {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 44px;
    height: 44px;
    border: 2px solid rgba(255,255,255,0.1);
    border-radius: 50%;
    font-size: 0;
    -webkit-transition: border-color .2s;
    transition: border-color .2s
}

.context__close:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23ADB7BE'%3E%3Cpath d='M6.988 5.585l.094.083L12 10.585l4.918-4.917a1 1 0 0 1 1.497 1.32l-.083.094L13.415 12l4.917 4.918a1 1 0 0 1-1.32 1.497l-.094-.083L12 13.415l-4.918 4.917a1 1 0 0 1-1.497-1.32l.083-.094L10.585 12 5.668 7.082a1 1 0 0 1 1.219-1.567l.101.069z'/%3E%3C/svg%3E");
    vertical-align: middle
}

.context__close:hover {
    border-color: #fff
}

.context .btn {
    padding-right: 16px
}

.context .btn svg {
    width: 20px;
    height: 20px
}

.aap {
    position: relative;
    overflow: hidden
}

.aap:before {
    content: "";
    position: absolute;
    top: 0;
    left: calc(50% - 275px);
    width: 550px;
    height: 72px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='550' height='72'%3E%3Cpath fill='none' stroke='%231d1d1d' d='M275 71.5h180.547a53 53 0 0 0 37.476-15.523L675.98-126.977a53 53 0 0 1 37.47-15.523H1031m-756 214H94.453a53 53 0 0 1-37.476-15.523l-182.954-182.954a53 53 0 0 0-37.476-15.523H-481'/%3E%3C/svg%3E")
}

@media only screen and (max-width: 767px) {
    .aap:before {
        display:none
    }
}

.aap__container {
    position: relative;
    max-width: 1184px;
    padding-top: 136px;
    padding-bottom: 80px
}

@media only screen and (max-width: 767px) {
    .aap__container {
        padding-top:112px
    }
}

.aap__head {
    max-width: 568px;
    margin: 0 auto 56px;
    text-align: center
}

.aap__title {
    margin-bottom: 4px;
    font-size: 36px;
    font-weight: 500;
    line-height: 48px
}

@media only screen and (max-width: 767px) {
    .aap__title {
        font-size:32px;
        line-height: 48px
    }
}

.aap__subtitle {
    font-size: 20px;
    color: #ADB7BE;
    line-height: 28px
}

.aap__inner {
    position: relative;
    max-width: 940px;
    margin: 0 auto 96px;
    border: 1px solid #1D1D1D;
    border-radius: 12px
}

@media only screen and (max-width: 767px) {
    .aap__inner {
        margin:64px 0
    }
}

.aap__decor {
    position: absolute;
    top: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 216px;
    height: 100%;
    pointer-events: none
}

@media only screen and (max-width: 767px) {
    .aap__decor {
        display:none
    }
}

.aap__decor--left {
    right: calc(100% - 41.5px)
}

@media only screen and (max-width: 1259px) {
    .aap__decor--left {
        right:calc(100% - 33.5px)
    }
}

@media only screen and (max-width: 1023px) {
    .aap__decor--left {
        right:calc(100% - 25.5px)
    }
}

.aap__decor--right {
    left: calc(100% - 41.5px);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

@media only screen and (max-width: 1259px) {
    .aap__decor--right {
        left:calc(100% - 33.5px)
    }
}

@media only screen and (max-width: 1023px) {
    .aap__decor--right {
        left:calc(100% - 25.5px)
    }
}

.aap__decor li:nth-child(1),.aap__decor li:nth-child(3),.aap__decor li:nth-child(5),.aap__decor li:nth-child(7) {
    width: 216px;
    height: 258px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='216' height='258' viewBox='0 0 216 258'%3E%3Cpath fill='none' stroke='%231D1D1D' d='M214,258 C214,243.938931 208.416,230.45307 198.477,220.509486 L15.5233,37.490514 C5.58391,27.5479301 0,14.0620689 0,0' transform='translate(1)'/%3E%3C/svg%3E")
}

.aap__decor li:nth-child(3),.aap__decor li:nth-child(7) {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.aap__decor li:nth-child(2),.aap__decor li:nth-child(4),.aap__decor li:nth-child(6) {
    width: 1px;
    height: 10px;
    margin-left: .5px;
    background: #1D1D1D
}

.aap__decor li:nth-child(2),.aap__decor li:nth-child(6) {
    margin: 0 .5px 0 auto
}

.aap__decor li:nth-child(1) {
    margin-top: -128px
}

.aap__decor li:nth-child(2) {
    height: 786px
}

.aap__decor li:nth-child(4) {
    height: 1028px
}

.aap__decor li:nth-child(6) {
    -webkit-box-flex: 1;
    flex-grow: 1
}

.aap__decor li:nth-child(7) {
    margin-bottom: -128px
}

@media only screen and (max-width: 1023px) {
    .aap__decor li:nth-child(n+4) {
        display:none
    }
}

.feat__item {
    position: relative;
    display: -webkit-box;
    display: flex;
    border-bottom: 1px solid #1D1D1D
}

@media only screen and (max-width: 767px) {
    .feat__item {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

.feat__item:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -1px;
    width: 100vw;
    height: 1px;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%231D1D1D' stroke-width='4' stroke-dasharray='4%2c 4' stroke-dashoffset='2' stroke-linecap='butt'/%3e%3c/svg%3e");
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.feat__item:nth-child(2n) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse
}

@media only screen and (max-width: 767px) {
    .feat__item:nth-child(2n) {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
}

.feat__item:nth-child(2n) .feat__col:nth-child(1) {
    border-width: 0 0 0 1px
}

@media only screen and (max-width: 767px) {
    .feat__item:nth-child(2n) .feat__col:nth-child(1) {
        border-width:0 0 1px
    }
}

.feat__col {
    -webkit-box-flex: 0;
    flex: 0 0 50%
}

.feat__col:nth-child(1) {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 68px;
    border: solid #1D1D1D;
    border-width: 0 1px 0 0
}

@media only screen and (max-width: 1023px) {
    .feat__col:nth-child(1) {
        padding:36px
    }
}

@media only screen and (max-width: 767px) {
    .feat__col:nth-child(1) {
        border-width:0 0 1px
    }
}

.feat__col:nth-child(2) {
    padding: 4px
}

.feat__title {
    margin-bottom: 8px;
    font-size: 30px
}

@media only screen and (max-width: 1259px) {
    .feat__title {
        font-size:24px;
        line-height: 28px
    }
}

.feat__text {
    font-size: 20px;
    line-height: 28px;
    color: #ADB7BE
}

@media only screen and (max-width: 1023px) {
    .feat__text {
        font-size:18px;
        line-height: 24px
    }
}

.feat .crosses span.bl {
    -webkit-transform: rotate(270deg) translate(-2.5px, 2.5px);
    transform: rotate(270deg) translate(-2.5px, 2.5px)
}

.feat .crosses span.br {
    -webkit-transform: rotate(90deg) translate(2.5px, 2.5px);
    transform: rotate(90deg) translate(2.5px, 2.5px)
}

.libs {
    position: relative;
    padding: 4px
}

.libs__list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 4px
}

@media only screen and (max-width: 1023px) {
    .libs__list {
        grid-template-columns:repeat(2, 1fr)
    }
}

.libs__list li {
    border: 1px solid #1D1D1D;
    border-radius: 16px
}

.libs__list li:nth-child(1) .libs__icon {
    background-position: -5px -5px
}

.libs__list li:nth-child(2) .libs__icon {
    background-position: -71px -5px
}

.libs__list li:nth-child(3) .libs__icon {
    background-position: -137px -5px
}

.libs__list li:nth-child(4) .libs__icon {
    background-position: -203px -5px
}

.libs__list li:nth-child(5) .libs__icon {
    background-position: -269px -5px
}

.libs__list li:nth-child(6) .libs__icon {
    background-position: -335px -5px
}

.libs__list li:nth-child(7) .libs__icon {
    background-position: -401px -5px
}

.libs__list li:nth-child(8) .libs__icon {
    background-position: -467px -5px
}

.libs__list li:nth-child(9) .libs__icon {
    background-position: -533px -5px
}

.libs__list li:nth-child(10) .libs__icon {
    background-position: -599px -5px
}

.libs__list li:nth-child(11) .libs__icon {
    background-position: -665px -5px
}

.libs__list li:nth-child(12) .libs__icon {
    background-position: -731px -5px
}

.libs__link {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 40px 20px;
    background: #151515;
    border-radius: 16px;
    color: #fff
}

.libs__link:hover .libs__icon {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.libs__icon {
    width: 56px;
    height: 56px;
    margin-bottom: 16px;
    background-image: url("./files/img/menu.png");
    background-size: 792px 66px;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition: -webkit-filter .2s;
    transition: -webkit-filter .2s;
    transition: filter .2s;
    transition: filter .2s, -webkit-filter .2s
}

.libs__title {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    text-align: center
}

.libs__counter {
    font-size: 14px;
    line-height: 24px;
    color: #ADB7BE
}

.libs__list--overlay {
    position: absolute;
    inset: 4px;
    z-index: 2;
    opacity: var(--opacity, 0);
    -webkit-mask: radial-gradient(480px 480px at var(--x) var(--y), black 1%, transparent 40%);
    mask: radial-gradient(480px 480px at var(--x) var(--y), black 1%, transparent 40%);
    will-change: mask;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

@media (hover: none) {
    .libs__list--overlay {
        display:none
    }
}

@media only screen and (max-width: 1023px) {
    .libs__list--overlay {
        display:none
    }
}

.libs__list--overlay li {
    height: 198px;
    border: 1px solid #2D68FF;
    border-radius: 16px
}

.pass {
    position: relative
}

@media only screen and (max-width: 767px) {
    .pass {
        margin:0 -24px;
        padding: 0 24px;
        overflow: auto
    }

    .pass::-webkit-scrollbar {
        display: none
    }
}

.pass__list {
    position: relative;
    display: -webkit-box;
    display: flex;
    border: 1px solid #1D1D1D;
    border-radius: 12px
}

@media only screen and (max-width: 767px) {
    .pass__list {
        width:-webkit-min-content;
        width: -moz-min-content;
        width: min-content
    }
}

.pass__list:before,.pass__list:after {
    content: "";
    position: absolute;
    left: 50%;
    width: 100vw;
    height: 1px;
    background: #1D1D1D;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.pass__list:before {
    top: -1px
}

.pass__list:after {
    bottom: -1px
}

.pass__item {
    position: relative;
    z-index: 2;
    -webkit-box-flex: 1;
    flex: 1;
    padding: 40px;
    cursor: pointer
}

@media only screen and (max-width: 1259px) {
    .pass__item {
        padding:36px 28px 40px
    }
}

@media only screen and (max-width: 1023px) {
    .pass__item {
        padding:28px 24px 36px
    }
}

@media only screen and (max-width: 767px) {
    .pass__item {
        min-width:288px
    }
}

.pass__item:before,.pass__item:after {
    content: "";
    position: absolute;
    inset: 4px;
    z-index: -1;
    border: 1px solid #1D1D1D;
    border-radius: 8px
}

.pass__item:before {
    background: #1D1D1D
}

.pass__item:after {
    background: -webkit-gradient(linear, left top, left bottom, from(#282828), to(#1D1D1D));
    background: linear-gradient(#282828, #1D1D1D);
    opacity: 0;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.pass__item:not(:last-child) {
    border-right: 1px solid #1D1D1D
}

.pass__item:hover:after {
    opacity: 1
}

.pass__item:nth-child(1) .pass__type {
    color: #CE7EFF
}

.pass__item:nth-child(2) .pass__type {
    color: #00A656
}

.pass__item:nth-child(3) .pass__type {
    color: #2D68FF
}

.pass__item:hover {
    z-index: 3
}

.pass__item:hover .pass__btn:before {
    opacity: 0
}

.pass__item:hover .pass__btn:after {
    opacity: 1
}

.pass__item:hover .rounds span {
    -webkit-animation: rounds .15s forwards;
    animation: rounds .15s forwards
}

.pass__item:hover .crosses span:before,.pass__item:hover .crosses span:after {
    -webkit-animation: crosses .15s forwards;
    animation: crosses .15s forwards
}

.pass__item.active,.pass__item.disabled {
    cursor: default
}

.pass__item.active:hover:after,.pass__item.disabled:hover:after {
    opacity: 0
}

.pass__item.active .pass__btn:before,.pass__item.disabled .pass__btn:before {
    opacity: 1
}

.pass__item.active .pass__btn:after,.pass__item.disabled .pass__btn:after {
    opacity: 0
}

.pass__item:nth-child(1):hover .pass__btn {
    border-color: #CE7EFF
}

.pass__item:nth-child(1).active .pass__btn {
    border-color: #CE7EFF;
    color: #CE7EFF
}

.pass__item:nth-child(2):hover .pass__btn {
    border-color: #00A656
}

.pass__item:nth-child(2).active .pass__btn {
    border-color: #00A656;
    color: #00A656
}

.pass__item:nth-child(3):hover .pass__btn {
    border-color: #2D68FF
}

.pass__item:nth-child(3).active .pass__btn {
    border-color: #2D68FF;
    color: #2D68FF
}

.pass__item:nth-child(1).disabled:hover .pass__btn,.pass__item:nth-child(2).disabled:hover .pass__btn,.pass__item:nth-child(3).disabled:hover .pass__btn {
    border-color: #121212
}

.pass__item.disabled .pass__btn {
    color: rgba(255,255,255,0.2)
}

.pass__item.disabled .pass__btn:hover {
    border-color: #303030
}

.pass__type {
    margin-bottom: 4px;
    font-size: 22px;
    line-height: 22px
}

@media only screen and (max-width: 1023px) {
    .pass__type {
        font-size:20px;
        line-height: 20px
    }
}

.pass__price {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px
}

@media only screen and (max-width: 1023px) {
    .pass__price {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: start;
        align-items: flex-start;
        gap: 4px
    }
}

.pass__price-value {
    font-size: 64px;
    font-weight: 500;
    line-height: 64px
}

@media only screen and (max-width: 1259px) {
    .pass__price-value {
        font-size:60px;
        line-height: 60px
    }
}

@media only screen and (max-width: 1023px) {
    .pass__price-value {
        font-size:44px;
        font-weight: 450;
        line-height: 48px
    }
}

.pass__price-details {
    color: #5C5C5C
}

.pass__price-discount {
    font-size: 22px;
    line-height: 24px
}

.pass__price-discount span:first-child {
    text-decoration: line-through
}

.pass__price-label {
    margin-right: -20px;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (max-width: 1259px) {
    .pass__price-label {
        font-size:15px;
        line-height: 20px
    }
}

.pass__btn {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 176px;
    height: 52px;
    margin-bottom: 40px;
    border: 1px solid #121212;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    -webkit-transition: border-color .2s;
    transition: border-color .2s
}

@media only screen and (max-width: 1023px) {
    .pass__btn {
        margin-bottom:28px
    }
}

.pass__btn:before,.pass__btn:after {
    content: "";
    position: absolute;
    inset: 3px;
    z-index: -1;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(44,44,44,0.375)), to(rgba(44,44,44,0.175)));
    background: linear-gradient(180deg, rgba(44,44,44,0.375) 0%, rgba(44,44,44,0.175) 100%);
    box-shadow: inset 0px 1px 1px rgba(255,255,255,0.05);
    border-radius: 10px;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.pass__btn:after {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(59,59,59,0.2)), to(rgba(59,59,59,0.2))),-webkit-gradient(linear, left top, left bottom, from(rgba(44,44,44,0.375)), to(rgba(44,44,44,0.175)));
    background: linear-gradient(0deg, rgba(59,59,59,0.2), rgba(59,59,59,0.2)),linear-gradient(180deg, rgba(44,44,44,0.375) 0%, rgba(44,44,44,0.175) 100%);
    opacity: 0
}

.pass__details li {
    position: relative;
    padding-left: 32px;
    font-size: 16px;
    line-height: 24px;
    color: #ADB7BE
}

@media only screen and (max-width: 1023px) {
    .pass__details li {
        padding-left:28px;
        font-size: 15px;
        line-height: 20px
    }
}

.pass__details li:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 9.99999L6.19608 13.3333L14 2.66666' stroke='%23ADB7BE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat
}

@media only screen and (max-width: 1023px) {
    .pass__details li:before {
        top:2px
    }
}

.pass__details li:not(:last-child) {
    margin-bottom: 16px
}

@media only screen and (max-width: 1023px) {
    .pass__details li:not(:last-child) {
        margin-bottom:12px
    }
}

.pass__starter {
    position: fixed;
    right: calc(50% + 12px);
    bottom: 20px;
    z-index: 999;
    cursor: pointer
}

.pass__pro {
    position: fixed;
    left: calc(50% + 12px);
    bottom: 20px;
    z-index: 999;
    cursor: pointer
}

@-webkit-keyframes rounds {
    0%,50%,100% {
        border-color: #ADB7BE
    }

    25%,75% {
        border-color: #1D1D1D
    }
}

@keyframes rounds {
    0%,50%,100% {
        border-color: #ADB7BE
    }

    25%,75% {
        border-color: #1D1D1D
    }
}

@-webkit-keyframes crosses {
    0%,50%,100% {
        background: #ADB7BE
    }

    25%,75% {
        background: #1D1D1D
    }
}

@keyframes crosses {
    0%,50%,100% {
        background: #ADB7BE
    }

    25%,75% {
        background: #1D1D1D
    }
}

.rounds {
    pointer-events: none
}

.rounds span {
    position: absolute;
    z-index: 4;
    width: 12px;
    height: 12px;
    border: solid #303030;
    border-width: 1px 0 0 1px;
    border-radius: 12px 0 0 0
}

.rounds span.tl {
    top: -1px;
    left: -1px
}

.rounds span.tr {
    top: -1px;
    right: -1px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.rounds span.bl {
    left: -1px;
    bottom: -1px;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.rounds span.br {
    right: -1px;
    bottom: -1px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.crosses {
    pointer-events: none
}

.crosses span {
    position: absolute;
    z-index: 4;
    width: 11px
}

.crosses span:before,.crosses span:after {
    content: "";
    display: block;
    background: #303030
}

.crosses span:before {
    height: 1px
}

.crosses span:after {
    width: 1px;
    height: 5px;
    margin: 0 auto
}

.crosses span.tl,.crosses span.tr {
    top: -1px
}

.crosses span.bl,.crosses span.br {
    bottom: -1px
}

.crosses span.bl,.crosses span.br {
    bottom: -1px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.crosses span.tl {
    left: -6px
}

.crosses span.tr {
    right: -6px
}

.crosses span.bl {
    left: -6px
}

.crosses span.br {
    right: -6px
}

.pass--promo .pass__list {
    min-width: 100%
}

.pass--promo .pass__item:not(:nth-child(2)) {
    -webkit-box-flex: 1;
    flex-grow: 1;
    min-width: 0;
    padding: 0;
    opacity: 0;
    cursor: default
}

.pass--promo .pass__item:nth-child(2) {
    max-width: 368px;
    min-width: 288px
}

.pass--promo .pass__item:nth-child(2) .pass__type {
    color: #CE7EFFF2
}

.pass--promo .pass__item:hover .pass__btn {
    border-color: #CE7EFF
}

.pass--promo .pass__price-discount {
    font-weight: 500
}

.pass--promo .pass__btn {
    width: 100%
}

.companies {
    padding-top: 68px
}

@media only screen and (max-width: 767px) {
    .companies {
        display:none
    }
}

.companies__head {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    margin-bottom: 20px
}

.companies__title {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    gap: 12px;
    padding: 6px 12px;
    background: #121212;
    border-radius: 9px;
    font-size: 16px;
    line-height: 24px
}

.companies__title:before,.companies__title:after {
    content: "";
    width: 12px;
    height: 6px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='6'%3E%3Cpath fill='%231d1d1d' d='M9.584 0c.891 0 1.337 1.077.707 1.707L6.705 5.293a1 1 0 0 1-1.414 0L1.705 1.707C1.075 1.077 1.521 0 2.412 0h7.172z'/%3E%3C/svg%3E")
}

.companies__title span {
    background: -webkit-gradient(linear, left top, right top, from(#5C5C5C), color-stop(#ADB7BE), to(#5C5C5C));
    background: linear-gradient(90deg, #5C5C5C, #ADB7BE, #5C5C5C);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent
}

.companies__title span:before {
    content: "";
    position: absolute;
    inset: -1px;
    z-index: -1;
    background: -webkit-gradient(linear, left top, right top, from(#1D1D1D), color-stop(#303030), to(#1D1D1D));
    background: linear-gradient(90deg, #1D1D1D, #303030, #1D1D1D);
    border-radius: 10px
}

.companies__carousel {
    position: relative;
    height: 48px;
    margin-bottom: 20px;
    -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, #000), color-stop(80%, #000), to(transparent));
    -webkit-mask-image: linear-gradient(to right, transparent, #000 20%, #000 80%, transparent);
    mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, #000), color-stop(80%, #000), to(transparent));
    mask-image: linear-gradient(to right, transparent, #000 20%, #000 80%, transparent);
    overflow: hidden
}

.companies__list {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 48px;
    -webkit-animation: companies1 80s linear infinite;
    animation: companies1 80s linear infinite
}

.companies__list:last-child {
    -webkit-animation: companies2 80s linear infinite;
    animation: companies2 80s linear infinite
}

.companies__list li {
    margin-right: 58px
}

.companies__list img {
    width: auto;
    max-width: unset;
    height: 28px
}

.companies__bottom {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    max-width: 810px;
    height: 90px;
    margin: 0 auto
}

.companies__bottom:before {
    content: "";
    width: 100%;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#1D1D1D), to(transparent));
    background: linear-gradient(to right, transparent, #1D1D1D, transparent)
}

.companies__bottom:after {
    content: "";
    width: 1px;
    height: 90px;
    background: #1D1D1D
}

@-webkit-keyframes companies1 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes companies1 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes companies2 {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@keyframes companies2 {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

.products {
    position: relative;
    z-index: 10;
    margin: -8px 0 -20px;
    padding: 20px 0;
    overflow: hidden
}

@media only screen and (max-width: 767px) {
    .products {
        display:none
    }
}

.products:before,.products:after {
    content: "";
    position: absolute;
    top: 0;
    z-index: 6;
    width: 72px;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(black), to(transparent));
    background: linear-gradient(to right, black, transparent)
}

.products:before {
    left: 0
}

.products:after {
    right: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.products__group {
    position: relative;
    height: 238px;
    margin-bottom: 12px
}

.products__group:hover {
    z-index: 2
}

.products__group:nth-child(2) .products__list {
    -webkit-animation: products3 160s linear infinite;
    animation: products3 160s linear infinite
}

.products__group:nth-child(2) .products__list:last-child {
    -webkit-animation: products4 160s linear infinite;
    animation: products4 160s linear infinite
}

.products__list {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: flex;
    width: 3280px;
    -webkit-animation: products1 160s linear infinite;
    animation: products1 160s linear infinite
}

.products__list:hover {
    z-index: 2
}

.products__list a {
    position: relative;
    -webkit-box-flex: 0;
    flex: 0 0 316px;
    width: 316px;
    margin-right: 12px;
    border-radius: 8px;
    -webkit-transition: box-shadow .2s, -webkit-transform .2s;
    transition: box-shadow .2s, -webkit-transform .2s;
    transition: box-shadow .2s, transform .2s;
    transition: box-shadow .2s, transform .2s, -webkit-transform .2s
}

.products__list a:hover {
    z-index: 4;
    box-shadow: 0px 32px 48px 16px rgba(0,0,0,0.5);
    -webkit-transform: scale(1.164);
    transform: scale(1.164)
}

.products__list img {
    border-radius: 8px
}

.products__list:last-child {
    -webkit-animation: products2 160s linear infinite;
    animation: products2 160s linear infinite
}

@-webkit-keyframes products1 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes products1 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes products2 {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@keyframes products2 {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@-webkit-keyframes products3 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes products3 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@-webkit-keyframes products4 {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@keyframes products4 {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

.testimonials {
    width: 100%;
    margin-bottom: -16px;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px
}

@media only screen and (max-width: 1259px) {
    .testimonials {
        -webkit-column-count:3;
        -moz-column-count: 3;
        column-count: 3
    }
}

@media only screen and (max-width: 1023px) {
    .testimonials {
        -webkit-column-count:2;
        -moz-column-count: 2;
        column-count: 2
    }
}

.testimonials li {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 16px;
    padding: 24px;
    background: rgba(38,38,38,0.5);
    border-radius: 16px;
    vertical-align: top
}

.testimonials blockquote {
    margin-bottom: 24px;
    font-size: 20px;
    line-height: 28px;
    color: #ADB7BE
}

.testimonials img {
    position: absolute;
    left: 24px;
    bottom: 24px;
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.testimonials h4 {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    min-height: 40px;
    padding-left: 52px;
    font-size: 17px;
    font-weight: 450;
    line-height: 21px
}

.login {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-height: 100vh;
    padding: 112px 0 48px;
    background-color: #262626;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: auto
}

@media only screen and (max-height: 720px) {
    .login {
        padding:40px 0
    }
}

@media only screen and (max-width: 1023px) {
    .login {
        padding-left:0
    }
}

@media only screen and (max-width: 767px) {
    .login {
        padding:40px 24px
    }
}

.login__container {
    width: 100%;
    max-width: 340px;
    margin: auto
}

.login__back {
    position: absolute;
    top: 20px;
    left: 20px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #2C2C2C;
    border-radius: 20px;
    -webkit-transition: background .2s;
    transition: background .2s
}

.login__back:hover {
    background: #181818
}

.login__back:hover svg {
    fill: #2D68FF
}

.login__back svg {
    width: 24px;
    height: 24px;
    fill: #ADB7BE;
    -webkit-transition: fill .2s;
    transition: fill .2s
}

.login__logo {
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto 16px
}

.login__title {
    margin-bottom: 32px;
    font-size: 28px;
    font-weight: 450;
    line-height: 40px;
    text-align: center
}

.login__text {
    margin: -24px 0 32px;
    color: #ADB7BE;
    text-align: center
}

.login__form .field {
    margin-bottom: 24px
}

.login__form .field__input,.login__form .btn,.login__form .loader {
    height: 56px
}

@media only screen and (max-height: 840px) {
    .login__form .field__input,.login__form .btn,.login__form .loader {
        height:48px
    }
}

.login__form .field__action {
    top: 16px
}

@media only screen and (max-height: 840px) {
    .login__form .field__action {
        top:12px
    }
}

.login__form .field__action svg {
    width: 24px;
    height: 24px
}

.login__form .btn--google {
    margin-top: 24px;
    background: #181818;
    border-color: #181818
}

.login__form .btn--google svg {
    margin: 0 10px 0 0
}

.login__qr {
    margin-bottom: 32px;
    padding: 8px;
    background: white;
    border-radius: 8px
}

.login__hint {
    margin-top: 32px;
    font-size: 13px;
    font-weight: 450;
    line-height: 14px;
    color: rgba(255,255,255,0.75);
    text-align: center
}

.login__hint button,.login__hint a {
    font-size: 13px;
    font-weight: 450;
    line-height: 24px;
    color: #fff
}

.login__hint button:hover,.login__hint a:hover {
    text-decoration: underline
}

.login__copyright {
    margin-top: 48px;
    font-size: 12px;
    font-weight: 450;
    line-height: 16px;
    opacity: .5;
    text-align: center
}

@media only screen and (max-height: 840px) {
    .login__copyright {
        display:none
    }
}

.login__space {
    position: absolute;
    top: 0;
    left: 0;
    width: 512px;
    height: 100%;
    overflow: hidden
}

@media only screen and (max-height: 720px) {
    .login__space {
        display:none
    }
}

@media only screen and (max-width: 1023px) {
    .login__space {
        display:none
    }
}

.login__space:hover img:nth-child(1) {
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
}

.login__space img:nth-child(1) {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s
}

.login__space img:nth-child(2),.login__space img:nth-child(3) {
    position: absolute
}

.login__space--studio img:nth-child(2) {
    top: 40px;
    left: 12px;
    width: 498px
}

.login__space--studio img:nth-child(3) {
    left: 50px;
    bottom: 50px;
    width: 462px
}

.login__space--uilive img:nth-child(2) {
    top: 40px;
    left: 0;
    width: 100%
}

.login__space--uilive img:nth-child(3) {
    top: 408px;
    left: 8px;
    width: 496px;
    height: calc(100% - 416px);
    border-radius: 0 0 24px 24px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: bottom;
    object-position: bottom
}

@media only screen and (max-height: 1024px) {
    .login__space--uilive img:nth-child(3) {
        -o-object-fit:cover;
        object-fit: cover;
        -o-object-position: top;
        object-position: top
    }
}

.login__space--uilive img:nth-child(4) {
    position: absolute;
    top: 0;
    right: 0;
    width: 452px
}

.upsell {
    display: -webkit-box;
    display: flex;
    padding-left: 288px;
    background: #262626;
    border-radius: 24px
}

@media only screen and (max-width: 1023px) {
    .upsell {
        padding:0
    }
}

.upsell__preview {
    position: absolute;
    top: 0;
    left: 0;
    width: 288px;
    height: 100%
}

@media only screen and (max-width: 1023px) {
    .upsell__preview {
        display:none
    }
}

.upsell__preview img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 24px 0 0 24px
}

.upsell__inner {
    padding: 40px 40px 32px
}

@media only screen and (max-width: 767px) {
    .upsell__inner {
        padding:0
    }
}

.upsell__title {
    margin-bottom: 16px;
    font-size: 28px;
    font-weight: 450;
    line-height: 40px
}

.upsell__content {
    margin-bottom: 32px;
    font-size: 18px;
    line-height: 28px;
    color: #ADB7BE
}

.upsell__content strong {
    font-weight: 400;
    color: #fff
}

.upsell__time {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin: -16px 0 32px;
    font-size: 13px;
    font-weight: 450;
    line-height: 24px;
    color: #00A656
}

.upsell__time svg {
    margin-right: 10px
}

.upsell__foot {
    margin-top: 24px;
    text-align: center
}

.upsell__foot a {
    font-size: 13px;
    font-weight: 450;
    line-height: 24px;
    color: #fff
}

.upsell__foot a:hover {
    text-decoration: underline
}

.assets {
    padding: 40px 4px 4px
}

@media only screen and (max-width: 767px) {
    .assets {
        display:none
    }
}

.assets__title {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    margin-bottom: 44px
}

.assets__title span {
    -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(black), to(rgba(0,0,0,0.15)));
    -webkit-mask-image: linear-gradient(to right, black 0%, rgba(0,0,0,0.15) 100%);
    mask-image: -webkit-gradient(linear, left top, right top, from(black), to(rgba(0,0,0,0.15)));
    mask-image: linear-gradient(to right, black 0%, rgba(0,0,0,0.15) 100%);
    font-size: 16px;
    line-height: 20px
}

.assets__carousel {
    position: relative;
    height: 32px;
    -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, #000), color-stop(80%, #000), to(transparent));
    -webkit-mask-image: linear-gradient(to right, transparent, #000 20%, #000 80%, transparent);
    mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, #000), color-stop(80%, #000), to(transparent));
    mask-image: linear-gradient(to right, transparent, #000 20%, #000 80%, transparent);
    overflow: hidden
}

.assets__list {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: flex;
    -webkit-animation: companies1 80s linear infinite;
    animation: companies1 80s linear infinite
}

.assets__list:last-child {
    -webkit-animation: companies2 80s linear infinite;
    animation: companies2 80s linear infinite
}

.assets__list li {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 32px;
    margin-right: 4px;
    padding: 0 11px;
    border: 1px solid #1D1D1D;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #6F6F6F;
    white-space: nowrap
}

@-webkit-keyframes assets1 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes assets1 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes assets2 {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@keyframes assets2 {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

.docs {
    max-width: 690px;
    margin: 0 auto
}

.docs__title {
    margin-bottom: 48px;
    font-size: 30px;
    line-height: 40px;
    text-align: center
}

.docs__list {
    border: 1px solid #1D1D1D;
    border-radius: 12px
}

.docs__item {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding: 36px 64px 20px 36px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

@media only screen and (max-width: 767px) {
    .docs__item {
        padding:24px 64px 24px 24px
    }
}

.docs__item:before,.docs__item:after {
    content: "";
    position: absolute;
    opacity: 0;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.docs__item:before {
    inset: 4px;
    z-index: -1;
    background: #1B1B1B;
    border-radius: 8px
}

.docs__item:after {
    top: 8px;
    right: 8px;
    width: 32px;
    height: 32px;
    border: 1px solid #303030;
    border-radius: 4px
}

.docs__item:not(:last-child) {
    border-bottom: 1px solid #1D1D1D
}

.docs__item:hover:after {
    opacity: 1
}

.docs__item:hover:before {
    opacity: .4
}

.docs__item.active:before,.docs__item.active:after {
    opacity: 1
}

.docs__item:hover .docs__question,.docs__item.active .docs__question {
    color: #fff
}

.docs__item:hover .docs__question:before,.docs__item:hover .docs__question:after,.docs__item.active .docs__question:before,.docs__item.active .docs__question:after {
    opacity: 1
}

.docs__item.active .docs__question:after {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.docs__question {
    margin-bottom: 16px;
    font-size: 19px;
    font-weight: 500;
    line-height: 24px;
    color: #ADB7BE;
    -webkit-transition: color .2s;
    transition: color .2s
}

.docs__question:before,.docs__question:after {
    content: "";
    position: absolute;
    top: 23px;
    right: 20px;
    width: 8px;
    height: 2px;
    background: #ADB7BE;
    border-radius: 2px;
    opacity: 0;
    -webkit-transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, transform .2s;
    transition: opacity .2s, transform .2s, -webkit-transform .2s
}

.docs__question:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.docs__answer {
    display: none;
    padding-bottom: 16px;
    font-size: 16px;
    line-height: 24px;
    color: #ADB7BE
}

.docs__hint {
    margin-top: 32px;
    font-size: 16px;
    line-height: 24px;
    color: #ADB7BE;
    text-align: center
}

.docs__hint a {
    font-weight: 500;
    color: #fff
}

.author {
    margin-bottom: 128px
}

@media only screen and (max-width: 767px) {
    .author {
        display:none
    }
}

.author__inner {
    position: relative;
    padding: 32px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.author__inner:before {
    content: "";
    position: absolute;
    top: 80px;
    left: 90px;
    right: 90px;
    bottom: 140px;
    background: linear-gradient(271.26deg, rgba(190,107,255,0.58) -2.82%, rgba(0,115,255,0.58) 36.05%, rgba(255,106,108,0.58) 64.59%, rgba(6,255,247,0.58) 99.52%);
    -webkit-filter: blur(100px);
    filter: blur(100px);
    border-radius: 120px
}

.author__background {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: #141414;
    border: 1.5px solid rgba(255,255,255,0.05);
    border-radius: 40px
}

.author__background img {
    width: 100%;
    height: 100%;
    border-radius: 38.5px;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0.12
}

.author__head {
    position: relative;
    z-index: 4;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 32px;
    margin-bottom: 32px
}

.author__head .btn {
    flex-shrink: 0;
    border-color: rgba(255,255,255,0.5);
    color: #fff
}

.author__head .btn:hover {
    color: #fff
}

.author__info {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 16px;
    margin-right: auto
}

.author__avatar {
    flex-shrink: 0;
    width: 80px
}

.author__avatar img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.author__title {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px
}

.author__title a {
    font-size: 22px;
    font-weight: 500;
    line-height: 24px;
    color: #fff
}

.author__bio {
    font-size: 18px;
    line-height: 28px;
    color: #ADB7BE
}

.author__list {
    position: relative;
    z-index: 4;
    display: -webkit-box;
    display: flex;
    gap: 20px
}

@media only screen and (max-width: 1023px) {
    .author__list {
        flex-wrap:wrap
    }
}

.author__list li {
    -webkit-box-flex: 1;
    flex: 1;
    max-width: calc(25% - 15px)
}

@media only screen and (max-width: 1259px) {
    .author__list li {
        max-width:calc(33.333% - 13.333px)
    }
}

@media only screen and (max-width: 1023px) {
    .author__list li {
        max-width:calc(50% - 10px)
    }
}

@media only screen and (max-width: 1259px) {
    .author__list li:nth-child(4) {
        display:none
    }
}

@media only screen and (max-width: 1023px) {
    .author__list li:nth-child(4) {
        display:block
    }
}

.author__list .product {
    border: 1.5px solid rgba(255,255,255,0.05);
    border-radius: 17.5px
}

.author-badge {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(190,107,255,0.4)), to(rgba(255,172,125,0.4))),-webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.4)), to(rgba(0,0,0,0.4)));
    background: linear-gradient(to right, rgba(190,107,255,0.4), rgba(255,172,125,0.4)),linear-gradient(to right, rgba(0,0,0,0.4), rgba(0,0,0,0.4));
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border-radius: 11px;
    font-size: 13px;
    font-weight: 450;
    line-height: 14px;
    color: #FFBD6B
}

.author-badge:before {
    content: "";
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cpath d='M7.485 2.01c-.108-.162-.29-.26-.485-.26s-.377.097-.485.26L4.467 5.081l-3.039-1.52c-.2-.1-.44-.077-.617.06s-.261.362-.215.581l1.168 5.607c.225 1.082 1.179 1.857 2.284 1.857h5.904c1.105 0 2.059-.776 2.284-1.857l1.168-5.607c.046-.219-.038-.445-.215-.581s-.417-.16-.617-.06l-3.039 1.52L7.485 2.01z' fill='%23ffbd6b'/%3E%3C/svg%3E")
}

.windows .btn,.windows .filters__btn,.windows .layout__link {
    padding-bottom: 2px
}

.windows .btn svg {
    margin-bottom: -1px
}

.windows .notifications__icon {
    margin-top: 5px
}

/*# sourceMappingURL=app.min.css.map */