:root {
    --primary-color: #1a1a1a;
    --secondary-color: #1d1d1e;
    --text-color: #6a6c75;
}

html {
    scroll-behavior: smooth !important;
}

.trigger{
  text-align: center;
  padding: 7px 13px;
  background: #3e3e3e;
  color: #fff;
  font-size: 15px;
  outline: none;
  border: none;
  border-radius: 5px;
}

.modal {
  z-index: 9999;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transform: scale(1.1);
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}

.modal2 {
    z-index: 99999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transform: scale(1.1);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}

.modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--primary-color);
  padding: 1rem 1.5rem;
  width: 48rem;
  border-radius: 0.8rem;
}


.modal2-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--primary-color);
    padding: 1rem 1.5rem;
    width: 24rem;
    border-radius: 0.8rem;
}

.close-button {
  float: right;
  width: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  cursor: pointer;
  border-radius: 0.25rem;
  background-color: hsla(0,0%,100%,.03);
  color: #dbdbdb;
}

.close-button:hover {
  background-color: hsla(0,0%,100%,.12);
  color: #dbdbdb;
}

.close-button2 {
    float: right;
    width: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    cursor: pointer;
    border-radius: 0.25rem;
    background-color: hsla(0,0%,100%,.03);
    color: #dbdbdb;
  }
  
  .close-button2:hover {
    background-color: hsla(0,0%,100%,.12);
    color: #dbdbdb;
  }
  

.show-modal {
  opacity: 1;
  visibility: visible;
  transform: scale(1.0);
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}

/* payment */

.cc-selector input {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  
  .cc-selector-2 input {
    position: absolute;
    z-index: 999;
  }
  
  .cc-selector-2 input:active +.drinkcard-cc,
  .cc-selector input:active +.drinkcard-cc {
    opacity: .9;
  }
  
  .cc-selector-2 input:checked +.drinkcard-cc,
  .cc-selector input:checked +.drinkcard-cc {
    -webkit-filter: none;
    -moz-filter: none;
    filter: none;
  }
  
  .drinkcard-cc {
    background-color: hsla(0,0%,100%,.03);
    border-radius: 13px;
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 100px;
    height: 70px;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    -webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
    -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
    filter: brightness(1.8) grayscale(1) opacity(.7);
  }
  
  .drinkcard-cc:hover {
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
    -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
    filter: brightness(1.2) grayscale(.5) opacity(.9);
  }

  /* payment end */

.dropdown button {
    background-color: #253849;
    min-width: 130px;
    width: max-content;
    height: 40px;
    border-radius: 5px;
    color: white;
    padding: 10px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    justify-content: space-evenly;
  }
  .dropdown button img {
    margin: 0 5px 0 0;
  }
  .dropdown button img,
  .dropdown-content li img {
    width: 28px;
  }
  .dropdown button,
  .dropdown-content li {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    font-family: "Noto Sans JP", sans-serif;
    font-family: "Noto Sans Arabic", sans-serif;
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 500;
  }
  .arrow-down {
    width: 0;
    height: 0;
    display: inline-block;
    vertical-align: middle;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #fff transparent transparent transparent;
    margin: 0 0 0 5px;
  }
  
  .dropdown button:hover {
    cursor: pointer;
    background-color: #3c5b77;
  }
  /* Style for the dropdown content */
  .dropdown-content {
    display: none;
    position: absolute;
    margin: 1px 0 0 0;
    padding: 0;
    background-color: #f5f5f5;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    border-radius: 5px;
    overflow-y: scroll;
    max-height: 315px;
  }
  /* Style for the dropdown content items */
  .dropdown-content li {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    justify-content: end;
  }
  .dropdown-content li img {
    margin: 0 20px 0px 20px;
  }
  /* Style for the dropdown content items on hover */
  .dropdown-content li:hover {
    background-color: #f1f1f1;
    cursor: pointer;
    color: blue;
    border-radius: 5px;
  }
  /* Show the dropdown content when the dropdown button is clicked */
  .dropdown:focus-within .dropdown-content {
    display: block;
  }
  /* Animate the dropdown content */
  @keyframes slideIn {
    from {
      opacity: 0;
      transform: translateY(-10px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  .dropdown-content {
    animation: slideIn 0.3s ease-out;
  }
  /* Scrollbar styles */
  ::-webkit-scrollbar {
    width: 8px;
    height: 10px;
  }
  ::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #c2c9d2;
  }
  
.fade-enter-active{
    -webkit-animation:fadeIn .4s forwards;
    animation:fadeIn .4s forwards
}
.fade-leave-active{
    -webkit-animation:fadeOut .4s forwards;
    animation:fadeOut .4s forwards
}
.slide-up-enter-active{
    -webkit-animation:fadeInUp .4s forwards;
    animation:fadeInUp .4s forwards
}
.slide-up-leave-active{
    -webkit-animation:fadeOutDown .4s forwards;
    animation:fadeOutDown .4s forwards
}
.slide-down-enter-active{
    -webkit-animation:fadeInDown .4s forwards;
    animation:fadeInDown .4s forwards
}
.slide-down-leave-active{
    -webkit-animation:fadeOutUp .4s forwards;
    animation:fadeOutUp .4s forwards
}
.searchbar-enter-active{
    -webkit-animation:searchbarIn .75s forwards;
    animation:searchbarIn .75s forwards
}
.searchbar-leave-active{
    -webkit-animation:searchbarOut .75s forwards;
    animation:searchbarOut .75s forwards
}
.fade-in-down-enter-active{
    -webkit-animation:fadeInDown .4s forwards;
    animation:fadeInDown .4s forwards
}
.fade-in-down-leave-active{
    -webkit-animation:fadeOutUp .4s forwards;
    animation:fadeOutUp .4s forwards
}
@-webkit-keyframes searchbarIn{
    0%{
        opacity:0;
        width:0
    }
    50%{
        opacity:1
    }
    to{
        width:100%
    }
}
@keyframes searchbarIn{
    0%{
        opacity:0;
        width:0
    }
    50%{
        opacity:1
    }
    to{
        width:100%
    }
}
@-webkit-keyframes searchbarOut{
    0%{
        width:100%;
        opacity:1
    }
    to{
        width:0;
        opacity:0
    }
}
@keyframes searchbarOut{
    0%{
        width:100%;
        opacity:1
    }
    to{
        width:0;
        opacity:0
    }
}
@-webkit-keyframes fadeIn{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes fadeIn{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
@-webkit-keyframes fadeOut{
    0%{
        opacity:1
    }
    to{
        opacity:0
    }
}
@keyframes fadeOut{
    0%{
        opacity:1
    }
    to{
        opacity:0
    }
}
@-webkit-keyframes fadeInDown{
    0%{
        opacity:0;
        transform:translate3d(0,-100%,0)
    }
    to{
        opacity:1;
        transform:none
    }
}
@keyframes fadeInDown{
    0%{
        opacity:0;
        transform:translate3d(0,-100%,0)
    }
    to{
        opacity:1;
        transform:none
    }
}
@-webkit-keyframes fadeInLeft{
    0%{
        opacity:0;
        transform:translate3d(-100%,0,0)
    }
    to{
        opacity:1;
        transform:translateZ(0)
    }
}
@keyframes fadeInLeft{
    0%{
        opacity:0;
        transform:translate3d(-100%,0,0)
    }
    to{
        opacity:1;
        transform:translateZ(0)
    }
}
@-webkit-keyframes fadeInRight{
    0%{
        opacity:0;
        transform:translate3d(100%,0,0)
    }
    to{
        opacity:1;
        transform:translateZ(0)
    }
}
@keyframes fadeInRight{
    0%{
        opacity:0;
        transform:translate3d(100%,0,0)
    }
    to{
        opacity:1;
        transform:translateZ(0)
    }
}
@-webkit-keyframes fadeInUp{
    0%{
        opacity:0;
        transform:translate3d(0,100%,0)
    }
    to{
        opacity:1
    }
}
@keyframes fadeInUp{
    0%{
        opacity:0;
        transform:translate3d(0,100%,0)
    }
    to{
        opacity:1
    }
}
@-webkit-keyframes fadeOutDown{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        transform:translate3d(0,100%,0)
    }
}
@keyframes fadeOutDown{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        transform:translate3d(0,100%,0)
    }
}
@-webkit-keyframes fadeOutLeft{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        transform:translate3d(-100%,0,0)
    }
}
@keyframes fadeOutLeft{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        transform:translate3d(-100%,0,0)
    }
}
@-webkit-keyframes fadeOutUp{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        transform:translate3d(0,-100%,0)
    }
}
@keyframes fadeOutUp{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        transform:translate3d(0,-100%,0)
    }
}
@-webkit-keyframes fadeOutRight{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        transform:translate3d(100%,0,0)
    }
}
@keyframes fadeOutRight{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        transform:translate3d(100%,0,0)
    }
}
.fadeInDown500ms{
    opacity:0;
    -webkit-animation:fadeInDown .4s forwards;
    animation:fadeInDown .4s forwards
}
.fadeInUp500ms{
    opacity:0;
    -webkit-animation:fadeInUp .4s forwards;
    animation:fadeInUp .4s forwards
}
.fadeIn500ms{
    -webkit-animation:fadeIn .4s forwards;
    animation:fadeIn .4s forwards
}
.fadeInLeft500ms{
    opacity:0;
    -webkit-animation:fadeInLeft .4s forwards;
    animation:fadeInLeft .4s forwards
}
.fadeInLeft500ms2{
    opacity:0;
    -webkit-animation:fadeInLeft .6s forwards;
    animation:fadeInLeft .6s forwards
}
.fadeInRight500ms{
    opacity:0;
    -webkit-animation:fadeInRight .4s forwards;
    animation:fadeInRight .4s forwards
}
.fadeInTop500ms{
    opacity:0;
    -webkit-animation:fadeInTop .4s forwards;
    animation:fadeInTop .4s forwards
}
.fadeInBottom500ms{
    opacity:0;
    -webkit-animation:fadeInBottom .4s forwards;
    animation:fadeInBottom .4s forwards
}
.fadeOutDown500ms{
    opacity:1;
    -webkit-animation:fadeOutDown .4s forwards;
    animation:fadeOutDown .4s forwards
}
.fadeOutLeft500ms{
    opacity:1;
    -webkit-animation:fadeOutLeft .4s forwards;
    animation:fadeOutLeft .4s forwards
}
.fadeOutRight500ms{
    opacity:1;
    -webkit-animation:fadeOutRight .4s forwards;
    animation:fadeOutRight .4s forwards
}
.fadeOutUp500ms{
    opacity:1;
    -webkit-animation:fadeOutUp .4s forwards;
    animation:fadeOutUp .4s forwards
}
@-webkit-keyframes headShake{
    0%{
        transform:translateX(0)
    }
    6.5%{
        transform:translateX(-6px) rotateY(-9deg)
    }
    18.5%{
        transform:translateX(5px) rotateY(7deg)
    }
    31.5%{
        transform:translateX(-3px) rotateY(-5deg)
    }
    43.5%{
        transform:translateX(2px) rotateY(3deg)
    }
    50%{
        transform:translateX(0)
    }
}
@keyframes headShake{
    0%{
        transform:translateX(0)
    }
    6.5%{
        transform:translateX(-6px) rotateY(-9deg)
    }
    18.5%{
        transform:translateX(5px) rotateY(7deg)
    }
    31.5%{
        transform:translateX(-3px) rotateY(-5deg)
    }
    43.5%{
        transform:translateX(2px) rotateY(3deg)
    }
    50%{
        transform:translateX(0)
    }
}
@-webkit-keyframes shakeX{
    0%,to{
        transform:translateZ(0)
    }
    10%,30%,50%,70%,90%{
        transform:translate3d(-10px,0,0)
    }
    20%,40%,60%,80%{
        transform:translate3d(10px,0,0)
    }
}
@keyframes shakeX{
    0%,to{
        transform:translateZ(0)
    }
    10%,30%,50%,70%,90%{
        transform:translate3d(-10px,0,0)
    }
    20%,40%,60%,80%{
        transform:translate3d(10px,0,0)
    }
}
.shakeX500ms{
    -webkit-animation:shakeX .5s forwards;
    animation:shakeX .5s forwards
}
.headShake500ms{
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out;
    -webkit-animation-duration:.5s;
    animation-duration:.5s;
    -webkit-animation-name:headShake;
    animation-name:headShake
}
*{
    box-sizing:border-box;
    font-family:"Montserrat";
    margin:0;
    padding:0;
    border:0;
    outline:none
}
img{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
#__layout,#__nuxt,html{
    position:relative;
    width:100%;
    height:100%;
    overflow-x:hidden
}
body{
    overflow-wrap: break-word;
    background:var(--primary-color);
    overflow-x:hidden;
    overflow-y:auto;
    color:#fff;
}

body::-webkit-scrollbar{
    width:4px
}
body::-webkit-scrollbar-track{
    background:hsla(0,0%,100%,.08)
}
body::-webkit-scrollbar-thumb{
    background:#12c1bc
}
#__layout{
    display:flex;
    justify-content:center;
    align-items:stretch
}
.main_container{
    width:100vw
}
.container{
    width:1410px;
    margin:0 auto;
}
@media screen and (max-width:1410px){
    .container{
        width:100%;
        padding:0 20px;
        box-sizing:border-box
    }
    .padding-vertical{
        padding:80px 20px!important
    }
    .page-location{
        left:20px!important
    }
    .header-search{
        width:calc(100% - 40px)!important
    }
}
@media screen and (max-width:868px){
    .container .hint{
        padding:0 20px;
        box-sizing:border-box
    }
    .container .hint svg{
        display:none
    }
}
@media screen and (max-width:515px){
    .container .hint{
        padding:20px
    }
    .catalog-head__content h1{
        font-size:6vw!important;
        line-height:10vw!important
    }
}
.padding-vertical{
    padding:80px 0
}
.padding-top{
    padding-top:80px
}
.padding-bottom,.page-container{
    padding-bottom:80px
}
.page-container{
    padding-top:96px;
    min-height:100vh;
    box-sizing:border-box;
    width:100vw;
    height:100%;
    background-position:top;
    background-repeat:no-repeat;
    background-size:100%;
}

.fullscreen{
    display:flex;
    justify-content:center;
    align-items:center;

}
.fullscreen,.fullscreen:before{
    background-size:cover;
    background-position:50%;
    /*height:100vh;*/
    width:100vw
}
.fullscreen:before{
    content:"";
    position:fixed;
    left:0;
    top:0;
    mix-blend-mode:screen;
}
.fullscreen-footer,.fullscreen-logo{
    position:absolute
}
.fullscreen-logo{
    top:40px
}
.fullscreen-footer{
    bottom:43px
}
.fullscreen-footer p{
    font-weight:400;
    font-size:14px;
    line-height:24px;
    font-feature-settings:"pnum" on,"lnum" on;
    color:#7b7c82
}
iframe.skiptranslate{
    top:auto;
    bottom:0
}
.goog-te-gadget{
    margin-top:30px
}
.btn {
  padding:16px 24px;
  text-decoration:none;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  grid-gap:10px;
  gap:10px;
  font-weight:600;
  font-size:14px;
  line-height:24px;
  letter-spacing:.02em;
  font-feature-settings:"pnum" on,"lnum" on;
  border-radius:8px;
  transition:.2s;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}

.button-arounder {
  background: rgba(255,255,255,0.03);
  color: hsl(190deg, 10%, 95%);
 
  box-shadow: 0 0px 0px hsla(190deg, 15%, 5%, .2);
  transform: translateY(0);
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  
  --dur: .15s;
  --delay: .15s;
  --radius: 16px;
  
  transition:
    border-top-left-radius var(--dur) var(--delay) ease-out,
    border-top-right-radius var(--dur) calc(var(--delay) * 2) ease-out,
    border-bottom-right-radius var(--dur) calc(var(--delay) * 3) ease-out,
    border-bottom-left-radius var(--dur) calc(var(--delay) * 4) ease-out,
    box-shadow calc(var(--dur) * 4) ease-out,
    background calc(var(--dur) * 4) steps(4, jump-end);
}

.button-arounder:hover,
.button-arounder:focus {
  box-shadow: 0 4px 8px hsla(190deg, 15%, 5%, .2);
  background: rgba(255,255,255,0.12);
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
}
.btn_light{
    color:#111317;
    background:#20ada3
}
.btn_light svg path{
    stroke:#111317
}
.btn_light:hover{
    background:#e4edef
}
.btn_dark{
    background:hsla(0,0%,100%,.03);
    color:#dbdbdb;
    font-weight:500
}
.btn_dark svg path{
    stroke:#dbdbdb
}
.btn_dark:hover{
    background:hsla(0,0%,100%,.12)
}
.btn-large{
    /*background:#038ffe;*/
    background:hsla(0,0%,100%,.03);
    border-radius:12px;
    text-decoration:none;
    width:100%;
    height:68px;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    font-weight:700;
    font-size:14px;
    grid-gap: 10px;
    line-height:24px;
    text-align:center;
    letter-spacing:.02em;
    text-transform:uppercase;
    font-feature-settings:"pnum" on,"lnum" on;
    color:#dbdbdb;
    transition:.25s;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.btn-large:hover{
    background:hsla(0,0%,100%,.12);
}
.catalog-cards{
    margin-top:80px;
    display:grid;
    grid-template-columns:repeat(auto-fill,330px);
    grid-gap:30px;
    gap:30px
}
@media screen and (max-width:725px){
    .catalog-cards{
        grid-template-columns:1fr;
        justify-content:center
    }
    .catalog-cards a{
        margin:0 auto;
        max-width:330px;
        width:100%
    }
}
.crumbs{
    margin-top:28px
}
.crumbs a{
    text-decoration:none;
    font-weight:700;
    font-size:12px;
    line-height:24px;
    letter-spacing:.015em;
    text-transform:uppercase;
    color:hsla(0,0%,89.8%,.5);
    transition:.25s
}
.crumbs a span{
    margin:0 5px
}
.crumbs a:last-child{
    color:var(--text-color)
}
.crumbs a:hover{
    color:#20ada3
}
.empty{
    text-align:center;
    margin:12px 0
}
.empty svg{
    width:54px;
    height:54px
}
.empty svg path{
    fill:var(--text-color)
}
.empty-title{
    font-weight:700;
    font-size:14px;
    text-transform:uppercase;
    font-feature-settings:"pnum" on,"lnum" on;
    color:#dbdbdb;
    margin-top:12px
}
.empty-text,.empty-title{
    line-height:24px;
    letter-spacing:.012em
}
.empty-text{
    font-weight:500;
    font-size:14px;
    color:var(--text-color);
    max-width:280px;
    margin:12px auto 0
}
.empty-action{
    margin-top:24px
}
.empty-action a{
    text-decoration:none;
    padding:12px 18px;
    border:2px solid hsla(0,0%,100%,.03);
    border-radius:100px;
    font-weight:600;
    font-size:13px;
    line-height:24px;
    letter-spacing:.012em;
    font-feature-settings:"pnum" on,"lnum" on;
    color:#95979f;
    transition:.25s
}
.empty-action a:hover{
    background:hsla(0,0%,100%,.03)
}
.footer{
    background:rgba(23,27,32,.36)
}
.footer-container{
    position: absolute;
    display: flex;
    width: 100vw;
    height: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding:120px 0
}
.footer-links{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    grid-gap:30px;
    gap:30px
}
.footer-links__column-label{
    font-weight:400;
    font-size:14px;
    line-height:24px;
    text-transform:uppercase;
    color:var(--text-color);
    margin-bottom:30px;
    width:100%
}
.footer-links__column a{
    display:block;
    text-decoration:none;
    margin-bottom:20px;
    font-weight:600;
    font-size:12px;
    line-height:24px;
    letter-spacing:.02em;
    text-transform:uppercase;
    font-feature-settings:"pnum" on,"lnum" on;
    color:hsla(0,0%,85.9%,.68);
    transition:.25s
}
.footer-links__column a:hover{
    color:#20ada3
}
.footer-links__column_socials{
    display:flex;
    align-content:flex-start;
    flex-wrap:wrap;
    grid-gap:15px;
    gap:15px
}
.footer-links__column_socials a{
    height:40px;
    width:40px;
    margin:-10px 0 0;
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative
}
.footer-links__column_socials a:before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    border-radius:50%;
    opacity:0;
    transition:.25s
}
.footer-links__column_socials a:nth-child(2):before{
    background:linear-gradient(180deg,#07f,#0038ff)
}
.footer-links__column_socials a:nth-child(3):before{
    background:linear-gradient(180deg,#7289da,#7472da)
}
.footer-links__column_socials a:nth-child(4):before{
    background:linear-gradient(180deg,#27a6e5,#2773e5)
}
.footer-links__column_socials a:nth-child(5):before{
    background:linear-gradient(180deg,#f40000,#f44900)
}
.footer-links__column_socials a svg{
    position:relative;
    z-index:1
}
.footer-links__column_socials a path{
    fill-opacity:.78;
    transition:.25s
}
.footer-links__column_socials a:hover path{
    fill-opacity:1
}
.footer-links__column_socials a:hover:before{
    opacity:1
}
.footer-content__logo path{
    fill:#95979f
}
.footer-content__logo rect{
    stroke:#95979f
}
.footer-content p{
    margin:30px 0;
    font-weight:500;
    font-size:14px;
    line-height:24px;
    letter-spacing:.012em;
    color:var(--text-color);
    max-width:360px
}
.footer-payments{
    mix-blend-mode:luminosity;
    opacity:.24;
    display:grid;
    grid-template-columns:repeat(3,80px);
    gap:8px 28px;
    grid-gap:8px 28px
}
.footer-footer{
    display:flex;
    justify-content:space-between;
    align-items:center;
    border-top:2px solid hsla(0,0%,100%,.04);
    padding:35px 0
}
.footer-copy,.footer-development{
    font-weight:400;
    font-size:14px;
    line-height:24px;
    font-feature-settings:"pnum" on,"lnum" on;
    color:#7b7c82
}
.footer-development a{
    color:#20ada3;
    text-decoration:none;
    font-weight:600;
    transition:.25s
}
.footer-development a:hover{
    color:#dbdbdb
}
.footer-development p{
    margin-left:10px;
    display:inline-block
}
@media screen and (max-width:1280px){
    .footer-container{
        grid-template-columns:1fr
    }
    .footer-payments{
        grid-template-columns:repeat(auto-fill,80px)
    }
}
@media screen and (max-width:680px){
    .footer-footer{
        flex-wrap:wrap
    }
}
@media screen and (max-width:630px){
    .footer-links{
        grid-template-columns:repeat(auto-fill,minmax(250px,1fr))
    }
    .footer-footer{
        text-align:center
    }
    .footer-copy,.footer-development{
        width:100%
    }
    .footer-development{
        margin-top:10px
    }
    .footer-development p:first-child{
        margin:0
    }
}
.game-card{
    width:330px;
    overflow:hidden;
    border-radius:12px;
    text-decoration:none;
    background:var(--primary-color);
    cursor:pointer;
    position:relative
}
.game-card__image{
    width:100%;
    height:366px;
    background-size:cover;
    background-position:50%;
    position:relative;
    transition:.25s
}
.game-card__image__purchase{
    width:100%;
    height:366px;
    background-size:cover;
    background-position:50%;
    position:relative;
    transition:.25s
}
.game__description{
	display: flex;
	flex-direction: row;
	gap: 0.75rem;
	padding: 1rem;
}
.description__column{
	display: flex;
	justify-content: flex-start;
	background-color: #131313;
    padding: .6rem;
    text-align: center;
	border-radius:5px;
}
.game-card__image:after{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background:linear-gradient(180deg,rgba(103,122,178,.24),rgba(14,87,200,.24));
    opacity:0;
    transition:.25s
}

.btn_purchase{
	border-radius: 0;
}

.game-card__content{
    padding:30px 20px;
    height:120px;
    box-sizing:border-box;
    display:flex;
    align-items:center;
    grid-gap:7px;
    gap:7px;
    background:rgb(23,23,23);
    -webkit-backdrop-filter:blur(24px);
    backdrop-filter:blur(24px);
    margin-top:-66px
}
.game-card__content-data h4{
    font-weight:800;
    font-size:20px;
    line-height:24px;
    color:#dbdbdb;
    margin-bottom:10px;
    transition:.25s
}
.game-card__content-data p{
    font-weight:600;
    font-size:13px;
    line-height:26px;
    color:#95979f
}
.game-card__content-data p .price{
    color:#038ffe;
    font-weight:700
}
.game-card__content-data p .sale{
    margin-left:10px;
    display:inline-block;
    background:rgba(118,219,161,.06);
    border-radius:100px;
    padding:6px 8px;
    font-weight:600;
    font-size:10px;
    line-height:10px;
    letter-spacing:.02em;
    font-variant:small-caps;
    font-feature-settings:"pnum" on,"lnum" on,"smcp";
    color:#76dba1;
    text-transform:uppercase
}
.game-card:hover h4{
    color:#038ffe
}
.game-card:hover .game-card__image:after{
    opacity:1
}
.game-card:hover .game-card__image{
    transform:scale(1.2)
}
.game-card__tag{
    position:absolute;
    display:inline-block;
    background:linear-gradient(90deg,#7b61ff,#038ffe);
    border-radius:8px 0;
    padding:5px 10px;
    font-weight:700;
    font-size:12px;
    line-height:24px;
    letter-spacing:.012em;
    text-transform:uppercase;
    font-feature-settings:"pnum" on,"lnum" on;
    color:#dbdbdb;
    z-index:1
}
.game-item{
    text-decoration:none;
    display:flex;
    align-items:center;
    padding:22px;
    grid-gap:16px;
    gap:16px;
    position:relative;
    border-radius:8px;
    transition:.25s
}
.game-item__content p:first-child{
    font-weight:600;
    font-size:16px;
    line-height:24px;
    letter-spacing:.012em;
    color:#dbdbdb;
    transition:.25s
}
.game-item__content p:last-child{
    font-weight:600;
    font-size:14px;
    line-height:24px;
    letter-spacing:.012em;
    color:#95979f;
    margin-top:8px
}
.game-item__content p:last-child span{
    color:#20ada3
}
.game-item svg{
    position:absolute;
    right:22px;
    width:22px;
    height:22px;
    transform:rotate(-90deg)
}
.game-item svg path{
    stroke:var(--text-color)
}
.game-item:hover{
    background:hsla(0,0%,100%,.03)
}
.game-item:hover .game-item__content p:first-child{
    color:#20ada3
}
.game-logo{
    display:flex;
    justify-content:center;
    align-items:center
}
.game-logo img{
    width:64.3%
}
.header{
    height:96px;
    background:var(--secondary-color);
    position:fixed;
    width:100vw;
    left:0;
    top:0;
    z-index:9999
}
.header *{
    white-space:nowrap
}
.header .container{
    height:100%;
    justify-content:space-between
}
.header-left,.header-right,.header .container{
    display:flex;
    align-items:center
}
.header-right{
    grid-gap:20px;
    gap:20px
}
.header-profile{
    display:flex;
    justify-content:center;
    cursor:pointer
}
.header-profile .user-avatar{
    width:40px!important;
    height:40px!important;
    position:relative
}
.header-profile .user-avatar:before{
    content:"";
    position:absolute;
    background:rgba(23,25,29,.12);
    width:100%;
    height:100%;
    box-sizing:border-box;
    border-radius:50%;
    left:0;
    top:0;
    border:2px solid #2d9cdb;
    opacity:0;
    transition:.25s
}
.header-profile .user-avatar:hover:before,.header-profile .user-avatar_active:before{
    opacity:1
}
.header-support{
    padding-left:21px;
    position:relative;
    display:flex;
    align-items:center
}
.header-support:before{
    content:"";
    position:absolute;
    left:0;
    width:1px;
    height:24px;
    background:hsla(0,0%,100%,.04)
}
.header-logo{
    padding-right:28px;
    position:relative;
    display:flex;
    align-items:center;
    cursor:pointer;
    color: inherit;
    text-decoration: none;
}
.header-logo path,.header-logo rect{
    transition:.25s
}
.header-logo:hover path{
    fill:#20ada3
}
.header-logo:hover rect{
    stroke:#20ada3
}
.header-burger{
    position:relative;
    height:100%;
    display:none
}
.header-burger__btn{
    padding:10px 5px;
    position:relative;
    z-index:1
}
.header-burger__overlay{
    position:fixed;
    width:100vw;
    height:100vh;
    left:0;
    top:0
}
.header-burger__nav{
    position:absolute;
    right:-12px;
    padding:6px;
    margin-top:25px;
    z-index:1;
    background:rgba(23,27,32,.95);
    border:1px solid hsla(0,0%,100%,.03);
    box-shadow:0 20px 60px rgba(0,0,0,.12);
    -webkit-backdrop-filter:blur(48px);
    backdrop-filter:blur(48px);
    border-radius:12px
}
.header-burger__nav .header-nav__link{
    padding:10px
}
.header-burger__nav .header-support{
    padding:0;
    margin:0 10px 10px
}
.header_mobile-signin{
    margin:10px;
    width:calc(100% - 20px);
    box-sizing:border-box
}
.header-dropdown{
    position:absolute;
    top:96px;
    display:flex;
    justify-content:center
}
.header-dropdown:before{
    content:"";
    position:absolute;
    top:-2px;
    border:6px solid transparent;
    border-bottom:8px solid rgba(23,27,32,.8)
}
.header-dropdown__overlay{
    position:fixed;
    left:0;
    top:0;
    width:100vw;
    height:100vh;
    cursor:auto
}
.header-dropdown__content{
    background:rgba(23,27,32,.8);
    border:1px solid hsla(0,0%,100%,.03);
    box-shadow:0 20px 60px rgba(0,0,0,.12);
    -webkit-backdrop-filter:blur(24px);
    backdrop-filter:blur(24px);
    border-radius:12px;
    padding:0 20px;
    margin-top:12px
}
.header-dropdown__item{
    padding:20px 0;
    font-weight:600;
    font-size:14px;
    line-height:24px;
    letter-spacing:.02em;
    font-feature-settings:"pnum" on,"lnum" on;
    color:#95979f;
    transition:.25s;
    display:flex;
    align-items:center;
    grid-gap:12px;
    gap:12px;
    text-decoration:none;
    cursor:pointer
}
.header-dropdown__item svg{
    width:24px;
    height:24px
}
.header-dropdown__item svg path{
    fill:var(--text-color);
    transition:.25s
}
.header-dropdown__item:not(:last-child){
    border-bottom:1px solid hsla(0,0%,100%,.03)
}
.header-dropdown__item:hover{
    color:#dbdbdb
}
.header-dropdown__item:hover path{
    fill:#dbdbdb
}
.header-dropdown__item_active{
    color:#3496a9
}
.header-dropdown__item_active svg path{
    fill:#3496a9
}

.header-lang__btn{
    display:flex;
    align-items:center;
    justify-content:center;
    grid-gap:10px;
    gap:10px;
    cursor:pointer;
    height:52px;
    color:hsla(0,0%,89.8%,.78);
    border-radius:6px;
    font-weight:600;
    font-size:12px;
    line-height:20px;
    transition:.25s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.header-lang__btn path{
    stroke:hsla(0,0%,89.8%,.78)
}
.header-lang__btn:hover{
    background:hsla(0,0%,100%,.03);
    transition:.25s
}
.header-lang__btn-content{
    justify-content:center;
    padding:0 16px;
    grid-gap:10px;
    gap:10px
}
.header-lang__btn-content,.header-nav{
    display:flex;
    align-items:center;
    height:100%
}
.header-name {
    padding-left:15px;
    grid-gap:35px;
    gap:35px;
	color:#dbdbdb;
}
.header-nav{
    padding-left:68px;
    grid-gap:60px;
    gap:60px
}
.features-main{
    grid-gap:20px;
    gap:20px;
    align-items:center;
    width:50%;
    align-items: center;
}
.features-nav {
    display: table-cell;
    border-collapse: separate;
    border-spacing: 10px;
    border-collapse: expression('separate', cellSpacing='10px');
    line-height: 200px;
    width:100%;
}
.separator {
    border-bottom: 1px solid hsla(0,0%,100%,.03);
}
.underheader {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .012em;
    color: var(--text-color);
}
.main-text{
    display: inline;
}
.header-nav__link{
    text-decoration:none;
    font-weight:600;
    font-size:12px;
    line-height:24px;
    letter-spacing:.02em;
    text-transform:uppercase;
    font-feature-settings:"pnum" on,"lnum" on;
    color:hsla(0,0%,85.9%,.68);
    display:flex;
    align-items:center;
    height:100%;
    transition:.2s
}
.header-nav__link svg{
    margin-left:6px;
    opacity:.48;
    transition:.2s
}
.header-nav__link:hover{
    color:#dbdbdb
}
.header-nav__link:hover svg{
    opacity:1
}
.header-nav__link:hover svg path{
    fill:#dbdbdb
}
.header-nav__link.active{
    color:#038ffe
}
.header-nav__link.active path{
    fill:#038ffe
}
.header-search{
    position:absolute;
    z-index:99999;
    top:80px
}
.header-search__searchbar{
    display:flex;
    justify-content:flex-end;
    margin-top:20px
}
.header-search__searchbar .input{
    width:100%
}
.header-search__btn{
    width:40px;
    height:40px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:6px;
    transition:.25s;
    cursor:pointer
}
.header-search__btn path{
    transition:.25s
}
.header-search__btn:hover{
    background:hsla(0,0%,100%,.03)
}
.header-search__btn:hover path{
    fill:#20ada3
}
.header-search__container{
    position:fixed;
    left:0;
    top:0;
    width:100vw;
    height:100vh;
    z-index:9999;
    display:flex;
    justify-content:center
}
.header-search__container .container{
    display:block
}
.header-search__overlay{
    background:rgba(17,19,23,.98);
    width:100vw;
    height:100vh;
    cursor:pointer
}
.header-search__title{
    text-align:center;
    width:100%
}
.header-search__title p{
    font-weight:700;
    font-size:24px;
    line-height:24px;
    letter-spacing:.012em;
    color:#dbdbdb
}
.header-search__title img{
    width:204px;
    margin-top:20px
}
.header-search .input{
    background:#171b20
}
.header-search__results{
    margin-top:8px;
    max-height:50vh;
    overflow-y:auto
}
.header-search__results::-webkit-scrollbar{
    background:transparent;
    width:4px
}
.header-search__results::-webkit-scrollbar-track{
    background:hsla(0,0%,100%,.03)
}
.header-search__results::-webkit-scrollbar-thumb{
    background:rgba(98,100,108,.48);
    border-radius:12px
}
.header-search__results-container{
    margin-top:20px;
    background:#171b20;
    border-radius:8px;
    padding:22px
}
.header-search__results-label{
    font-weight:500;
    font-size:12px;
    line-height:24px;
    text-transform:uppercase;
    color:var(--text-color)
}
.input-checkbox{
    display:flex;
    justify-content:center;
    align-items:center;
    transition:.25s;
}

.input-checkbox input{
    cursor: pointer;
}

.input-checkbox svg{
    opacity:0
}

.input-checkbox.active{
    transition:.25s
}

.input-checkbox.active svg{
    opacity:1
}
.input{
    display:grid;
    grid-template-columns:22px 1fr 22px;
    align-content:center;
    grid-gap:12px;
    gap:12px;
    height:64px;
    padding:0 16px;
    background:hsla(0,0%,100%,.03);
    border-radius:8px;
    transition:.25s;
    position:relative
}
.input:first-child{
    margin:0
}
.input__icon{
    display:flex;
    align-content:center;
    justify-content:center;
    height: 32px;
}

.input input{
    height:100%;
    background:transparent;
    font-weight:500;
    font-size:14px;
    line-height:24px;
    color:#dbdbdb
}
.input input::-moz-placeholder{
    color:var(--text-color)
}
.input input:-ms-input-placeholder{
    color:var(--text-color)
}
.input input::placeholder{
    color:var(--text-color)
}
.input.error{
    border:1px solid red
}
.input:hover,.input_focus{
    background:hsla(0,0%,100%,.06)
}
.input:before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    left:-.75px;
    top:-.75px;
    border:1.5px solid #20ada3;
    border-radius:8px;
    opacity:0;
    transition:.25s;
    pointer-events:none
}
.input_focus:before{
    opacity:1
}
.input-radio{
    width:18px;
    height:18px;
    border-radius:50%;
    border:2px solid var(--text-color);
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative;
    cursor:pointer
}
.input-radio:before{
    width:100%;
    height:100%;
    left:-2px;
    top:-2px;
    border:2px solid #fcfcfd;
    border-radius:50%
}
.input-radio:after,.input-radio:before{
    content:"";
    position:absolute;
    opacity:0;
    transition:.25s
}
.input-radio:after{
    width:10px;
    height:10px;
    border-radius:50%;
    background:#fcfcfd
}
.input-radio.active:after,.input-radio.active:before,.input-radio:hover:after,.input-radio:hover:before{
    opacity:1
}
.input-select{
    margin-top:20px
}
.input-select select{
    width:100%;
    height:64px;
    padding:0 16px;
    background:hsla(0,0%,100%,.03);
    border-radius:8px;
    color:var(--text-color);
    cursor:pointer
}
.input-select select option{
    color:#000
}
.input-textarea textarea{
    resize:none;
    width:100%;
    height:258px;
    margin-top:20px;
    background:hsla(0,0%,100%,.03);
    border-radius:8px;
    padding:16px;
    box-sizing:border-box;
    font-family:"Montserrat";
    font-style:normal;
    font-weight:500;
    font-size:14px;
    line-height:24px;
    color:#dbdbdb
}
.input-textarea textarea::-moz-placeholder{
    color:var(--text-color)
}
.input-textarea textarea:-ms-input-placeholder{
    color:var(--text-color)
}
.input-textarea textarea::placeholder{
    color:var(--text-color)
}
.new{
    padding:4px 12px;
    display:inline-block;
    background:rgba(32,173,163,.04);
    border-radius:100px;
    font-weight:600;
    font-size:12px;
    line-height:15px;
    letter-spacing:.02em;
    font-feature-settings:"pnum" on,"lnum" on;
    color:#20ada3;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.page-title{
    font-weight:800;
    font-size:48px;
    line-height:60px;
    letter-spacing:.012em;
    text-transform:capitalize;
    color:#dbdbdb;
    position:relative
}
.page-title span{
    display:block;
    color:#dbdbdb;
    margin-top:61px
}
.page-title:after{
    content:"";
    position:absolute;
    width:330px;
    height:24px;
    background-image:url(../images/underline.svg);
    background-size:cover;
    background-position:50%;
    left:0;
    top:85px
}
@media screen and (max-width:1150px){
    .page-title h2{
        font-size:40px;
        line-height:56px
    }
    .page-title span{
        margin-top:20px
    }
    .page-title:after{
        width:290px;
        height:20px;
        top:60px
    }
}
.product-card{
    width:330px;
    overflow:hidden;
    border-radius:12px;
    text-decoration:none;
    background:rgba(22,25,30,.87);
    cursor:pointer;
    position:relative
}
.product-card .product-status{
    position:absolute;
    right:20px;
    top:20px;
    z-index:1
}
.product-card__image{
    width:100%;
    height:309px;
    background-size:cover;
    background-position:50%;
    position:relative;
    transition:.25s
}
.product-card__image:after{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background:linear-gradient(180deg,rgba(103,122,178,.24),rgba(14,200,188,.24));
    opacity:0;
    transition:.25s
}
.product-card__price{
    text-align:center;
    display:flex;
    justify-content:center
}
.product-card__price p{
    font-weight:600;
    font-size:13px;
    line-height:26px;
    color:#95979f
}
.product-card__price p span{
    font-weight:700;
    color:#20ada3
}
.product-card__content{
    padding:30px 20px;
    box-sizing:border-box;
    background:rgba(17,19,23,.86);
    -webkit-backdrop-filter:blur(24px);
    backdrop-filter:blur(24px);
    margin-top:-66px
}
.product-card__content-data{
    text-align:center;
    width:100%
}
.product-card__content-data h4{
    font-weight:800;
    font-size:20px;
    line-height:24px;
    color:#dbdbdb;
    margin-bottom:14px;
    transition:.25s
}
.product-card__content-data p{
    font-weight:700;
    font-size:13px;
    line-height:26px;
    color:#95979f
}
.product-card__content-data p .price{
    color:#20ada3;
    font-weight:900
}
.product-card__content-data p .sale{
    margin-left:5px;
    display:inline-block;
    background:rgba(118,219,161,.06);
    border-radius:100px;
    padding:6px 8px;
    font-weight:600;
    font-size:11px;
    line-height:14px;
    letter-spacing:.02em;
    font-variant:small-caps;
    font-feature-settings:"pnum" on,"lnum" on,"smcp";
    color:#76dba1;
    text-transform:uppercase
}
.product-card:hover h4{
    color:#20ada3
}
.product-card:hover .product-card__image:after{
    opacity:1
}
.product-card:hover .product-card__image{
    transform:scale(1.2)
}
.product-card__tag{
    display:inline-block;
    background:linear-gradient(90deg,#7b61ff,#0ec8bc);
    border-radius:8px 0;
    padding:5px 10px;
    font-weight:700;
    font-size:12px;
    line-height:24px;
    letter-spacing:.012em;
    text-transform:uppercase;
    font-feature-settings:"pnum" on,"lnum" on;
    color:#dbdbdb
}
.product-card__tags{
    height:44px;
    width:auto;
    margin-top:20px;
    background:linear-gradient(90deg,rgba(39,46,55,0),rgba(39,46,55,.24) 51.04%,rgba(39,46,55,0));
    -webkit-mask-image:linear-gradient(90deg,rgba(23,27,32,.18) 9.38%,#272e37 48.75%,rgba(23,27,32,.18) 93.23%);
    mask-image:linear-gradient(90deg,rgba(23,27,32,.18) 9.38%,#272e37 48.75%,rgba(23,27,32,.18) 93.23%);
    display:flex;
    justify-content:center;
    grid-gap:15px;
    gap:15px;
    overflow:auto
}
.product-card__tags::-webkit-scrollbar{
    display:none
}
.product-card__tags-item{
    min-width:44px;
    height:44px;
    background-size:20px;
    background-position:50%;
    background-repeat:no-repeat
}
.product-item{
    display:grid;
    align-items:center;
    grid-template-columns:80px 1fr;
    grid-gap:18px;
    gap:18px;
    padding:16px;
    -webkit-backdrop-filter:blur(48px);
    backdrop-filter:blur(48px);
    border-radius:8px;
    text-decoration:none;
    width:100%;
    transition:.25s;
    margin-top:20px
}
.product-item:first-child{
    margin:0
}
.product-item__image{
    width:80px;
    height:80px;
    border-radius:8px;
    background-size:cover;
    background-position:50%
}
.product-item__content{
    display:flex;
    justify-content:space-between;
    align-items:center
}
.product-item__content-data .name{
    font-weight:600;
    font-size:16px;
    line-height:20px;
    letter-spacing:.02em;
    font-feature-settings:"pnum" on,"lnum" on;
    color:#dbdbdb
}
.product-item__content-data .game{
    font-weight:600;
    font-size:14px;
    line-height:20px;
    letter-spacing:.02em;
    font-variant:small-caps;
    font-feature-settings:"pnum" on,"lnum" on,"smcp";
    color:var(--text-color);
    margin-top:8px
}
.product-item__content-price .price{
    font-weight:700;
    font-size:13px;
    line-height:26px;
    color:#95979f
}
.product-item__content-price .price span{
    color:#20ada3;
    font-weight:900
}
.product-item:hover{
    background:hsla(0,0%,100%,.03)
}
.product-status{
    padding:4px 8px;
    -webkit-backdrop-filter:blur(24px);
    backdrop-filter:blur(24px);
    border-radius:8px;
    display:inline-flex;
    align-items:center;
    font-weight:600;
    font-size:10px;
    line-height:24px;
    text-transform:uppercase
}
.product-status svg{
    margin-right:4px;
    width:18px
}
.product-status.updating{
    background:rgba(123,97,255,.12);
    color:#7b61ff
}
.product-status.updating path{
    fill:#7b61ff
}
.product-status.detected{
    background:rgba(244,78,67,.12);
    color:#f44e43
}
.product-status.detected path{
    fill:#f44e43
}
.product-status.undetected{
    background:rgba(118,219,161,.12);
    color:#76dba1
}
.product-status.undetected path{
    fill:#76dba1
}
.product-status.risk{
    background:rgba(224,173,50,.12);
    color:#e0ad32
}
.product-status.risk path{
    fill:#e0ad32
}
.forgot-hint{
    margin-bottom:20px;
    font-weight:500;
    font-size:14px;
    line-height:24px;
    text-align:center;
    letter-spacing:.012em;
    color:var(--text-color)
}
.forgot .btn-large{
    margin-top:30px
}
.signin{
    padding:40px;
    position:relative;
    z-index:1;
    background:var(--secondary-color);
    border:1px solid hsla(0,0%,100%,.03);
    -webkit-backdrop-filter:blur(48px);
    backdrop-filter:blur(48px);
    border-radius:12px;
    width:530px;
    box-sizing:border-box
}
.signin-title{
    text-align:center;
    margin-bottom:30px
}
.signin-title h1{
    font-weight:700;
    font-size:24px;
    line-height:32px;
    text-align:center;
    letter-spacing:.012em;
    font-feature-settings:"pnum" on,"lnum" on;
    color:#dbdbdb
}
.signin-title img{
    width:204px;
    margin-top:15px
}
.signin-check{
    justify-content:space-between;
    margin:20px 0 30px
}
.signin-check,.signin-remember{
    display:flex;
    align-items:center
}
.signin-remember{
    grid-gap:12px;
    gap:12px
}
.signin-forgot a,.signin-remember p{
    font-weight:600;
    font-size:12px;
    line-height:24px;
    letter-spacing:.02em;
    text-transform:uppercase;
    font-feature-settings:"pnum" on,"lnum" on;
    color:hsla(0,0%,85.9%,.68)
}
.signin-forgot a{
    text-decoration:none;
    transition:.25s
}
.signin-forgot a:hover{
    color:#dbdbdb
}
.signin-hint{
    margin-bottom:25px;
    margin-top:-7%;
    text-align:center;
}
.signin-hint p{
    font-weight:500;
    font-size:14px;
    line-height:24px;
    color:#95979f
}
.signin-hint p a{
    color:#038ffe;
    text-decoration:none;
    transition:.25s
}
.signin-hint p a:hover{
    color:#34a3ff
}
.signin .btn-large{
    background:hsla(0,0%,100%,.03);
    color:#dbdbdb;
    text-transform:none;
    font-weight:600;
    font-size:14px;
    line-height:24px;
    letter-spacing:.02em;
    font-feature-settings:"pnum" on,"lnum" on;
    transition:.25s;
}
.signin .btn-large:hover{
    background:hsla(0,0%,100%,.12)
}
.signup .btn-large{
    margin-top:30px
}
.signup .usericon{
    width:22px;
    height:22px
}
.signup .usericon path{
    stroke:#95979f
}

  .checkbox-wrapper-4 * {
    box-sizing: border-box;
  }
  .checkbox-wrapper-4 .cbx {
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    padding: 6px 8px;
    border-radius: 6px;
    overflow: hidden;
    transition: all 0.2s ease;
    display: inline-block;
  }
  .checkbox-wrapper-4 .cbx:not(:last-child) {
    margin-right: 6px;
  }
  .checkbox-wrapper-4 .cbx:hover {
    background: rgba(0,119,255,0.06);
  }
  .checkbox-wrapper-4 .cbx span {
	color:#dbdbdb;
    float: left;
    vertical-align: middle;
    transform: translate3d(0, 0, 0);
  }
  .checkbox-wrapper-4 .cbx a {
	  text-decoration: none;
	  color: #038ffe;
  }
  .checkbox-wrapper-4 .cbx a:visited {
	  text-decoration: none;
	  color: #038ffe;
  }
  .checkbox-wrapper-4 .cbx a:link {
	  text-decoration: none;
	  color: #038ffe;
  }
  .checkbox-wrapper-4 .cbx span:first-child {
    position: relative;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    transform: scale(1);
    border: 1px solid #cccfdb;
    transition: all 0.2s ease;
    box-shadow: 0 1px 1px rgba(0,16,75,0.05);
  }
  .checkbox-wrapper-4 .cbx span:first-child svg {
    position: absolute;
    top: 3px;
    left: 2px;
    fill: none;
    stroke: #fff;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 16px;
    stroke-dashoffset: 16px;
    transition: all 0.3s ease;
    transition-delay: 0.1s;
    transform: translate3d(0, 0, 0);
  }
  .checkbox-wrapper-4 .cbx span:last-child {
    padding-left: 8px;
    line-height: 18px;
  }
  .checkbox-wrapper-4 .cbx:hover span:first-child {
    border-color: #038ffe;
  }
  .checkbox-wrapper-4 .inp-cbx {
    position: absolute;
    visibility: hidden;
  }
  .checkbox-wrapper-4 .inp-cbx:checked + .cbx span:first-child {
    background: #038ffe;
    border-color: #038ffe;
    animation: wave-4 0.4s ease;
  }
  .checkbox-wrapper-4 .inp-cbx:checked + .cbx span:first-child svg {
    stroke-dashoffset: 0;
  }
  .checkbox-wrapper-4 .inline-svg {
    position: absolute;
    width: 0;
    height: 0;
    pointer-events: none;
    user-select: none;
  }
  @media screen and (max-width: 640px) {
    .checkbox-wrapper-4 .cbx {
      width: 100%;
      display: inline-block;
    }
  }
  @-moz-keyframes wave-4 {
    50% {
      transform: scale(0.9);
    }
  }
  @-webkit-keyframes wave-4 {
    50% {
      transform: scale(0.9);
    }
  }
  @-o-keyframes wave-4 {
    50% {
      transform: scale(0.9);
    }
  }
  @keyframes wave-4 {
    50% {
      transform: scale(0.9);
    }
  }

.tos {
    padding: 40px;
    position: fixed;
    z-index: 1;
    background: var(--secondary-color);
    border: 1px solid hsla(0, 0%, 100%, .03);
    -webkit-backdrop-filter: blur(48px);
    backdrop-filter: blur(48px);
    border-radius: 12px;
    width: 70%;
    box-sizing: border-box;
    max-height: 35em; /* Adjust the maximum height as needed */
    overflow-y: auto;
}

.text-lime {
	--tw-text-opacity: 1;
    color: rgb(132 204 22/var(--tw-text-opacity));
}

.description__upper {
    padding: 40px;
    position: fixed;
    z-index: 1;
    background: var(--secondary-color);
    border: 1px solid hsla(0, 0%, 100%, .03);
    -webkit-backdrop-filter: blur(48px);
    backdrop-filter: blur(48px);
    border-radius: 12px;
    width: 70%;
    box-sizing: border-box;
	margin-left:25em;
}

.tos-title{
    text-align:center;
    margin-bottom:30px
}
.tos-title h1{
    font-weight:700;
    font-size:24px;
    line-height:32px;
    text-align:center;
    letter-spacing:.012em;
    font-feature-settings:"pnum" on,"lnum" on;
    color:#dbdbdb
}

.signup{
    padding:40px;
    position:relative;
    z-index:1;
    background:var(--secondary-color);
    border:1px solid hsla(0,0%,100%,.03);
    -webkit-backdrop-filter:blur(48px);
    backdrop-filter:blur(48px);
    border-radius:12px;
    width:530px;
    box-sizing:border-box
}
.signup-title{
    text-align:center;
    margin-bottom:30px
}
.signup-title h1{
    font-weight:700;
    font-size:24px;
    line-height:32px;
    text-align:center;
    letter-spacing:.012em;
    font-feature-settings:"pnum" on,"lnum" on;
    color:#dbdbdb
}
.signup-title img{
    width:204px;
    margin-top:15px
}
.signup-check{
    justify-content:space-between;
    margin:20px 0 30px
}
.signup-check,.signup-remember{
    display:flex;
    align-items:center
}
.signup-remember{
    grid-gap:12px;
    gap:12px
}
.signup-forgot a,.signup-remember p{
    font-weight:600;
    font-size:12px;
    line-height:24px;
    letter-spacing:.02em;
    text-transform:uppercase;
    font-feature-settings:"pnum" on,"lnum" on;
    color:hsla(0,0%,85.9%,.68)
}
.signup-forgot a{
    text-decoration:none;
    transition:.25s
}
.signup-forgot a:hover{
    color:#dbdbdb
}
.signup-hint{
    margin-bottom:25px;
    margin-top:-7%;
    text-align:center;
}
.signup-hint p{
    font-weight:500;
    font-size:14px;
    line-height:24px;
    color:#95979f
}
.signup-hint p a{
    color:#038ffe;
    text-decoration:none;
    transition:.25s
}
.signup-hint p a:hover{
    color:#34a3ff
}
.signup .btn-large{
    background:hsla(0,0%,100%,.03);
    color:#dbdbdb;
    text-transform:none;
    font-weight:600;
    font-size:14px;
    line-height:24px;
    letter-spacing:.02em;
    font-feature-settings:"pnum" on,"lnum" on;
    transition:.25s;
	margin-top: -0.5em
}
.signup .btn-large:hover{
    background:hsla(0,0%,100%,.12)
}
.signup .usericon{
    width:22px;
    height:22px
}
.signup .usericon path{
    stroke:#95979f
}

.static-page-title{
    text-align:center;
    margin:28px 0 57px
}
.static-page-title p{
    font-weight:600;
    font-size:14px;
    line-height:17px;
    text-transform:capitalize;
    color:#dbdbdb
}
.static-page-title h1{
    font-weight:800;
    font-size:24px;
    line-height:29px;
    text-transform:capitalize;
    color:#20ada3;
    margin:12px 0
}
.static-page-title img{
    width:310px
}
.tab-container{
    background:var(--secondary-color);
    display:flex;
    padding:0 30px;
    height:84px;
    overflow-x:auto;
    overflow-y:hidden
}
.tab-container::-webkit-scrollbar{
    display:none
}
.tab{
    min-width:302px;
    display:flex;
    justify-content:center;
    align-items:center;
    grid-gap:12px;
    gap:12px;
    font-weight:600;
    font-size:14px;
    line-height:24px;
    text-align:center;
    letter-spacing:.02em;
    font-feature-settings:"pnum" on,"lnum" on;
    color:#95979f;
    padding:0 40px;
    position:relative;
    transition:.25s;
    white-space:nowrap;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.tab svg{
    min-width:24px;
    width:24px;
    height:24px
}
.tab path{
    transition:.25s
}
.tab:before{
    width:calc(100% - 40px);
    height:8px;
    border-radius:8px;
    background:#038ffe;
    bottom:-4px;
    opacity:0;
    transition:.25s
}
.tab:after,.tab:before{
    content:"";
    position:absolute
}
.tab:after{
    height:24px;
    width:1px;
    background:hsla(0,0%,100%,.03);
    right:0
}
.tab:first-child,.tab:last-child{
    padding-left:0;
    min-width:284px
}
.tab:first-child:before,.tab:last-child:before{
    width:calc(100% - 40px)
}
.tab:first-child{
    padding-left:0
}
.tab:last-child{
    padding-right:0
}
.tab:last-child:after{
    display:none
}
.tab.active:before{
    opacity:1
}
.tab.active{
    color:#038ffe
}
.tab.active path{
    fill:#038ffe
}
.tab:hover{
    color:#dbdbdb
}
.tab:hover path{
    fill:#dbdbdb
}
.table-col{
    padding:0 15px;
    font-weight:500;
    font-size:14px;
    line-height:24px;
    color:var(--text-color)
}
.table-row{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(100px,1fr));
    align-items:center;
    padding:28px 0;
    border-bottom:1px solid hsla(0,0%,100%,.03)
}
.table-row .table-col:first-child{
    padding-left:28px
}
.table-row .table-col:last-child{
    padding-right:28px
}
.table-row:last-child{
    border:0
}
.table-content{
    padding:10px;
    max-height:445px;
    overflow-y:auto;
    margin-top:10px
}
.table-content::-webkit-scrollbar{
    background:transparent;
    width:4px
}
.table-content::-webkit-scrollbar-track{
    background:hsla(0,0%,100%,.03)
}
.table-content::-webkit-scrollbar-thumb{
    background:rgba(98,100,108,.48);
    border-radius:12px
}
.table-head{
    padding:0 13px;
    height:52px;
    background:hsla(0,0%,100%,.01);
    border-radius:4px
}
.table-head .table-col{
    font-weight:700;
    font-size:10px;
    line-height:24px;
    letter-spacing:.02em;
    text-transform:uppercase;
    font-feature-settings:"pnum" on,"lnum" on;
    color:var(--text-color)
}
.table-head .table-col:first-child{
    padding-left:18px
}
.table-head .table-col:last-child{
    padding-right:18px
}
.user-avatar{
    border-radius:50%;
    background-size:cover;
    background-position:50%;
    background-color:#191c22
}
.watch-video{
    display:grid;
    grid-template-columns:54px 1fr;
    width:100%;
    height:72px;
    align-items:center;
    text-decoration:none;
    border-radius:6px;
    overflow:hidden;
    grid-gap:14px;
    gap:14px;
    background:hsla(0,0%,100%,.04);
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:pointer
}
.watch-video__play{
    background:linear-gradient(150.64deg,rgba(244,78,67,.06),rgba(123,97,255,.06));
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative
}
.watch-video__play:after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:linear-gradient(150.64deg,#f44e43,#7b61ff);
    opacity:0;
    transition:.25s
}
.watch-video__play svg{
    position:relative;
    z-index:1
}
.watch-video__play svg circle,.watch-video__play svg path{
    transition:.25s
}
.watch-video__content p{
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.012em;
    transition:.25s
}
.watch-video__content p:first-child{
    font-size:10px;
    line-height:22px;
    color:var(--text-color)
}
.watch-video__content p:last-child{
    font-size:11px;
    line-height:20px;
    color:hsla(0,0%,89.8%,.78);
    position:relative
}
.watch-video__content p:last-child:after{
    content:attr(value);
    left:0;
    top:0;
    position:absolute;
    background:linear-gradient(90deg,#f44e43,#7b61ff);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    opacity:0;
    transition:.25s
}
.watch-video:hover .watch-video__play:after{
    opacity:1
}
.watch-video:hover p:first-child{
    color:hsla(0,0%,89.8%,.78)
}
.watch-video:hover p:last-child:after{
    opacity:1
}
.watch-video:hover svg circle,.watch-video:hover svg path{
    fill:#dbdbdb
}
.wrapper{
    margin-top:30px
}
.wrapper:first-child{
    margin-top:0
}
.wrapper-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:0 16px;
    height:56px;
    background:rgba(34,40,48,.24);
    border-radius:6px;
    cursor:pointer
}
.wrapper-head,.wrapper-head path,.wrapper-head svg{
    transition:.25s
}
.wrapper-head svg{
    transform:rotate(0deg)
}
.wrapper-head.active svg{
    transform:rotate(180deg)
}
.wrapper-head__title{
    display:flex;
    align-items:center;
    grid-gap:10px;
    gap:10px
}
.wrapper-head__title img{
    width:20px
}
.wrapper-head__title p{
    font-weight:600;
    font-size:12px;
    line-height:20px;
    letter-spacing:.02em;
    text-transform:uppercase;
    font-feature-settings:"pnum" on,"lnum" on;
    color:hsla(0,0%,89.8%,.78)
}
.wrapper-head:hover{
    background:rgba(34,40,48,.48)
}
.wrapper-head:hover path{
    fill:#dbdbdb
}
.wrapper-content{
    padding:16px;
    margin-top:10px
}
.page-catalog__title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-top:137px;
    margin-bottom:109px
}
.page-catalog__title h3{
    font-weight:600;
    font-size:24px;
    line-height:30px;
    letter-spacing:.012em;
    text-transform:capitalize;
    color:#dbdbdb;
    margin-bottom:12px
}
.page-catalog__stats{
    display:flex
}
@media screen and (max-width:960px){
    .page-catalog__title{
        flex-wrap:wrap
    }
    .page-catalog__stats{
        margin:90px auto 0
    }
}
@media screen and (max-width:570px){
    .page-catalog__stats{
        overflow-x:auto
    }
    .page-catalog__stats::-webkit-scrollbar{
        display:none
    }
    .page-catalog__stats-item span{
        font-size:40px;
        line-height:50px
    }
}
.page-contacts__container{
    display:grid;
    grid-template-columns:1fr 570px;
    align-items:flex-start;
    grid-gap:14vw;
    gap:14vw;
    margin-top:80px
}
.page-contacts-title{
    margin-bottom:24px
}
.page-contacts-title h1{
    font-weight:700;
    font-size:36px;
    line-height:100%;
    color:#dbdbdb
}
.page-contacts-title img{
    width:204px;
    margin-top:12px
}
.page-contacts-text{
    margin-bottom:61px
}
.page-contacts-text p{
    font-weight:500;
    font-size:14px;
    line-height:24px;
    letter-spacing:.012em;
    color:#95979f
}
.page-contacts__items-label{
    color:var(--text-color);
    font-weight:400;
    font-size:14px;
    line-height:24px;
    text-transform:uppercase
}
.page-contacts__item{
    display:flex;
    align-items:center;
    grid-gap:12px;
    gap:12px;
    padding:24px 0;
    border-bottom:1px solid hsla(0,0%,100%,.03)
}
.page-contacts__item svg{
    width:20px;
    height:20px
}
.page-contacts__item svg path{
    stroke:var(--text-color)
}
.page-contacts__item:not(:first-child) svg{
    width:30px;
    height:30px;
    margin-left:-5px
}
.page-contacts__item:not(:first-child) path{
    fill:var(--text-color)
}
.page-contacts__item:not(:first-child) p{
    margin-left:-5px
}
.page-contacts__item a,.page-contacts__item p{
    font-weight:700;
    font-size:13px;
    line-height:24px;
    letter-spacing:.012em;
    color:#95979f
}
.page-contacts__item a{
    text-decoration:none
}
.page-contacts__item a:hover{
    text-decoration:underline
}
.page-contacts__socials{
    padding-top:24px;
    display:flex;
    grid-gap:15px;
    gap:15px
}
.page-contacts__socials a{
    width:40px;
    height:40px
}
.page-contacts__socials a svg{
    width:100%;
    height:100%
}
.page-contacts__socials a svg path{
    transition:.25s
}
.page-contacts__socials a:hover path{
    fill:#038ffe
}
@media screen and (max-width:1150px){
    .page-contacts__container{
        grid-template-columns:1fr
    }
}
.page-contacts-form{
    background:rgba(23,27,32,.88);
    border:1px solid hsla(0,0%,100%,.03);
    -webkit-backdrop-filter:blur(48px);
    backdrop-filter:blur(48px);
    border-radius:12px;
    padding:40px
}
.page-contacts-form .btn-large{
    margin-top:30px;
    background:#20ada3;
    text-transform:none;
    font-weight:600;
    font-size:14px;
    line-height:24px;
    letter-spacing:.02em;
    font-feature-settings:"pnum" on,"lnum" on;
    transition:.25s
}
.page-contacts-form .btn-large:hover{
    background:#e4edef
}
.page-contacts-form .input svg path{
    stroke:#95979f
}
.page-delivery__content p{
    font-weight:500;
    font-size:14px;
    line-height:24px;
    letter-spacing:.012em;
    color:var(--text-color);
    margin-bottom:40px
}
.page-delivery__content p:last-child{
    margin:0
}
.page-delivery__content h2{
    font-weight:600;
    font-size:16px;
    line-height:24px;
    letter-spacing:.012em;
    color:#dbdbdb;
    margin:53px 0 20px
}
.page-delivery__payments{
    margin-top:53px
}
.page-delivery__payments p{
    font-weight:500;
    font-size:12px;
    line-height:24px;
    text-align:center;
    text-transform:uppercase;
    color:var(--text-color)
}
.page-delivery__payments-cards{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    grid-gap:10px;
    gap:10px;
    margin-top:10px
}
.page-delivery__payments-card{
    padding:0 20px;
    height:66px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:hsla(0,0%,100%,.03);
    border-radius:6px
}
.page-faq-card{
    background:hsla(0,0%,100%,.03);
    border-radius:12px;
    padding:30px
}
.page-faq-card__content{
    display:grid;
    grid-template-columns:48px 1fr;
    grid-gap:18px;
    gap:18px;
    align-items:center;
    padding-bottom:20px;
    border-bottom:1px solid hsla(0,0%,100%,.03)
}
.page-faq-card__content-title{
    font-weight:600;
    font-size:14px;
    line-height:20px;
    letter-spacing:.02em;
    font-feature-settings:"pnum" on,"lnum" on;
    color:#dbdbdb
}
.page-faq-card__content-label{
    font-weight:600;
    font-size:10px;
    line-height:20px;
    letter-spacing:.02em;
    text-transform:uppercase;
    font-feature-settings:"pnum" on,"lnum" on;
    color:var(--text-color);
    margin-top:8px
}
.page-faq-card__icon{
    width:48px;
    height:48px;
    border-radius:8px
}
.page-faq-card a{
    text-decoration:none;
    margin-top:20px;
    display:flex;
    justify-content:center;
    align-items:center;
    border:2px solid hsla(0,0%,100%,.03);
    border-radius:100px;
    height:48px;
    font-weight:600;
    font-size:13px;
    line-height:24px;
    letter-spacing:.012em;
    font-feature-settings:"pnum" on,"lnum" on;
    color:#95979f;
    transition:.25s
}
.page-faq-card a:hover{
    color:#dbdbdb
}
.page-faq__title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:23px
}
.page-faq__title-description{
    font-weight:500;
    font-size:16px;
    line-height:180%;
    text-align:right;
    letter-spacing:.012em;
    color:var(--text-color)
}
.page-faq__title .static-page-title{
    text-align:left
}
.page-faq__title .static-page-title p{
    font-size:24px;
    line-height:29px
}
.page-faq__title .static-page-title h1{
    font-weight:800;
    font-size:48px;
    line-height:59px
}
.page-faq__title .static-page-title img{
    width:310px
}
@media screen and (max-width:970px){
    .page-faq__title{
        flex-wrap:wrap;
        text-align:left
    }
    .page-faq-row__cards{
        grid-template-columns:1fr!important
    }
}
@media screen and (max-width:840px){
    .page-faq__popular-cards{
        grid-template-columns:1fr!important
    }
}
.page-faq__popular{
    margin-top:60px
}
.page-faq__popular-title{
    text-align:center
}
.page-faq__popular-title h2{
    font-weight:700;
    font-size:24px;
    line-height:24px;
    text-align:center;
    letter-spacing:.012em;
    color:#dbdbdb;
    margin-bottom:20px
}
.page-faq__popular-title img{
    width:204px
}
.page-faq__popular-cards{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    grid-gap:20px 30px;
    gap:20px 30px;
    margin-top:30px
}
.page-faq__popular-card{
    display:grid;
    grid-template-columns:48px 1fr 28px;
    grid-gap:20px;
    gap:20px;
    align-items:center;
    background:hsla(0,0%,100%,.03);
    border-radius:12px;
    padding:20px;
    text-decoration:none;
    transition:.25s;
    cursor:pointer
}
.page-faq__popular-card__icon{
    width:48px;
    height:48px;
    background:hsla(0,0%,100%,.03);
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center
}
.page-faq__popular-card__icon img{
    width:24px;
    height:24px
}
.page-faq__popular-card p{
    font-weight:500;
    font-size:14px;
    line-height:24px;
    letter-spacing:.012em;
    color:#dbdbdb
}
.page-faq__popular-card .chevron{
    width:28px;
    height:28px;
    transform:rotate(-90deg)
}
.page-faq__popular-card .chevron path{
    fill:var(--text-color)
}
.page-faq__popular-card:hover{
    background:hsla(0,0%,100%,.05)
}
.page-faq-row{
    padding:60px 0;
    border-top:1px solid hsla(0,0%,100%,.03);
    border-bottom:1px solid hsla(0,0%,100%,.03)
}
.page-faq-row:first-child{
    padding-top:80px
}
.page-faq-row__label{
    text-transform:uppercase;
    margin-bottom:20px
}
.page-faq-row__description,.page-faq-row__label{
    font-weight:400;
    font-size:14px;
    line-height:24px;
    color:var(--text-color)
}
.page-faq-row__description{
    margin-top:20px
}
.page-faq-row__cards{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(400px,450px));
    grid-gap:30px;
    gap:30px
}
.page-faq-row.small .page-faq-row__cards{
    grid-template-columns:repeat(auto-fill,minmax(300px,330px))
}
.page-game__title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-top:137px;
    margin-bottom:109px
}
.page-game__title h3{
    font-weight:600;
    font-size:24px;
    line-height:30px;
    letter-spacing:.012em;
    text-transform:capitalize;
    color:#dbdbdb;
    margin-bottom:12px
}
.page-game__title-description{
    max-width:47%
}
.page-game__title-description p{
    font-weight:500;
    font-size:14px;
    line-height:24px;
    text-align:right;
    letter-spacing:.012em;
    color:var(--text-color)
}
@media screen and (max-width:1150px){
    .page-game__title{
        flex-wrap:wrap
    }
    .page-game__title-description{
        max-width:100%;
        width:100%;
        margin-top:60px
    }
    .page-game__title-description p{
        text-align:left
    }
}
.page-home-games{
    margin-top:90px
}
.page-home-games__title{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.page-home-games__stats{
    display:flex
}
.page-home-games__stats-item{
    height:-webkit-min-content;
    height:-moz-min-content;
    height:min-content;
    min-width:180px;
    text-align:center;
    padding:0 30px;
    position:relative;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.page-home-games__stats-item:after{
    content:"";
    position:absolute;
    right:0;
    width:2px;
    height:100px;
    background:hsla(0,0%,100%,.03);
    top:calc(50% - 50px)
}
.page-home-games__stats-item:last-child:after{
    display:none
}
.page-home-games__stats-item p{
    font-weight:400;
    font-size:14px;
    line-height:24px;
    color:var(--text-color);
    text-transform:uppercase
}
.page-home-games__stats-item span{
    display:block;
    font-weight:800;
    font-size:64px;
    line-height:78px;
    letter-spacing:-.02em;
    color:#dbdbdb;
    margin:5px 0
}
@media screen and (max-width:1000px){
    .page-home-games__title{
        flex-wrap:wrap
    }
    .page-home-games__stats{
        margin:90px auto 0
    }
}
@media screen and (max-width:570px){
    .page-home-games__stats{
        overflow-x:auto
    }
    .page-home-games__stats::-webkit-scrollbar{
        display:none
    }
    .page-home-games__stats-item span{
        font-size:40px;
        line-height:50px
    }
}
.page-home-head{
    height:calc(100vh - 96px);
    max-height:1080px
}
.page-home-head .container{
    height:100%;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    grid-gap:60px;
    gap:60px;
    align-items:center
}
.page-home-head__hint{
    display:inline-flex;
    align-items:center;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    background:linear-gradient(90deg,rgba(18,193,188,.12),rgba(100,125,178,.12));
    border-radius:100px;
    padding:10px 16px;
    grid-gap:10px;
    gap:10px
}
.page-home-head__hint p{
    font-weight:800;
    font-size:12px;
    line-height:24px;
    font-feature-settings:"smcp";
    font-variant:small-caps;
    background:linear-gradient(90deg,#e3fbae,#25cdcc);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text
}
.page-home-head__content-title{
    position:relative;
    margin-top:20px;
    white-space: nowrap;
}
.page-home-head__content-title h1{
    font-weight:800;
    font-size:3em;
    line-height:145%;
    position:relative;
    z-index:1
}

@media screen and (max-width: 600px) {
	.page-home-head__content-title h1{
		font-size:2.5em;
		line-height:145%;
		position:relative;
		z-index:1
	}
}

@media screen and (max-width: 400px) {
	.page-home-head__content-title h1{
		font-size:2em;
		line-height:145%;
		position:relative;
		z-index:1
	}
}

@media screen and (max-width: 200px) {
	.page-home-head__content-title h1{
		font-size:1.5em;
		line-height:145%;
		position:relative;
		z-index:1
	}
}

.page-home-head__content-title h1:after{
    content:"";
    position:relative;
    display:inline;
    white-space: nowrap;
    width:100px;
    height:74px;
    margin-left:50px;
    transform:translateY(15px)
}
.page-home-head__description{
    padding:40px 0;
    display:flex;
    grid-gap:20px;
    gap:20px;
    align-items:center;
    width:65%;
    border-bottom:1px solid hsla(0,0%,100%,.03)
}
.page-home-head__description p{
    font-weight:500;
    font-size:16px;
    line-height:24px;
    letter-spacing:.012em;
    color:var(--text-color)
}
.page-home-head__buttons{
    margin-top:40px;
    display:flex;
    grid-gap:30px;
    gap:30px
}
.page-home-head__best{
    width:100%;
    height:100vh;
    max-height:1080px;
    margin-top:-96px;
    display:flex;
    justify-content:flex-end;
    align-items:center;
    position:relative;
    padding-left:44px
}
.page-home-head__best-text{
    transform:rotate(-90deg);
    transform-origin:right center;
    white-space:nowrap;
    text-align:center;
    position:absolute;
    left:5px;
    font-weight:500;
    font-size:14px;
    line-height:24px;
    color:var(--text-color);
    margin-top:200px;
    text-transform:uppercase
}
@media screen and (max-width:1100px){
    .page-home-head .container{
        grid-template-columns:1fr
    }
    .page-home-head__best{
        display:none
    }
    .page-home-head__description{
        width:100%
    }
}
@media screen and (max-width:505px){
    .page-home-head__content-title h1{
        font-size:10vw
    }
    .page-home-head__description p{
        font-size:14px;
        line-height:22px
    }
}
.page-home-lefttext{
    text-align:center;
    background-size:cover;
    background-position:50%
}
.page-home-hint{
    margin-top:80px;
    margin-bottom:-80px;
    padding:110px 0;
    text-align:center;
    background-size:cover;
    background-position:50%
}
.page-home-hint p{
    font-weight:600;
    font-size:24px;
    line-height:29px;
    text-align:center;
    letter-spacing:.02em;
    font-feature-settings:"smcp";
    font-variant:small-caps;
    color:#bbf1b5
}
.page-home-hint a{
    display:block;
    text-decoration:none;
    font-weight:900;
    font-size:64px;
    line-height:78px;
    letter-spacing:.015em;
    font-feature-settings:"smcp";
    font-variant:small-caps;
    color:#dbdbdb;
    transition:.25s;
    margin-top:10px
}
.page-home-hint a:hover{
    color:#20ada3
}
.page-home-hint img{
    margin-top:12px
}
@media screen and (max-width:590px){
    .page-home-hint a{
        font-size:48px;
        line-height:55px
    }
    .page-home-hint img{
        width:80%
    }
}
.page-home-slider{
    width:100%;
    height:100%;
    border-radius:6px;
    overflow:hidden
}
.page-home-slider__slides{
    width:100%;
    height:calc(100vh - 96px);
    max-height:984px;
    background-size:cover;
    background-position:50%
}
.page-home-slider__slide{
    width:100%;
    height:100%;
    display:flex;
    align-items:flex-end;
    justify-content:center
}
.page-home-slider__slide img{
    max-height:100%;
    max-width:100%
}
.page-home-slider__content{
    position:relative;
    overflow:hidden
}
.page-home-slider__controls{
    position:absolute;
    width:100%;
    height:100%;
    z-index:1
}
.page-home-slider__controls-buttons{
    position:absolute;
    bottom:21px;
    left:15px;
    display:flex;
    grid-gap:8px;
    gap:8px
}
.page-home-slider__controls-buttons button{
    border:0;
    outline:0;
    padding:0;
    margin:0;
    background:hsla(0,0%,100%,.03);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    width:30px;
    height:30px;
    cursor:pointer;
    transition:.2s
}
.page-home-slider__controls-buttons button:hover{
    background:hsla(0,0%,100%,.12)
}
.page-home-slider__controls__progress-bar{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:6px
}
.page-home-slider__controls__progress-bar__fill{
    width:50%;
    height:100%;
    background:#76dba1;
    transition-duration:.1s
}
.page-home-slider__games{
    background:#f7fafb;
    width:100%;
    box-sizing:border-box;
    transition-duration:.75s
}
.page-home-slider__game{
    min-width:100%;
    padding:20px;
    display:grid;
    align-items:center;
    grid-template-columns:56px 1fr 24px;
    grid-gap:20px;
    gap:20px;
    text-decoration:none;
    cursor:pointer
}
.page-home-slider__game-content h3{
    font-weight:800;
    font-size:20px;
    line-height:26px;
    letter-spacing:.02em;
    font-feature-settings:"pnum" on,"lnum" on;
    color:var(--primary-color);
    margin-bottom:6px;
    transition:.2s
}
.page-home-slider__game-content p{
    font-weight:600;
    font-size:14px;
    line-height:24px;
    letter-spacing:.012em;
    color:#95979f
}
.page-home-slider__game-content p span{
    color:#20ada3;
    font-weight:600
}
.page-home-slider__game svg path{
    transition:.2s
}
.page-home-slider__game:hover h3{
    color:#20ada3
}
.page-home-slider__game:hover svg path{
    fill-opacity:1
}
.page-home-slider .slider-enter-active,.page-home-slider .slider-game-enter-active,.page-home-slider .slider-game-leave-active,.page-home-slider .slider-leave-active{
    transition-duration:.75s
}
.page-home-slider .slider-enter,.page-home-slider .slider-leave-to{
    opacity:0;
    transform:translateY(50px)
}
.page-home-slider .slider-game-enter,.page-home-slider .slider-game-leave-to{
    opacity:0
}
.page-policy__content p{
    font-weight:500;
    font-size:14px;
    line-height:24px;
    letter-spacing:.012em;
    color:var(--text-color)
}
.page-product-content{
    box-sizing:border-box;
    background:#171b20;
    -webkit-backdrop-filter:blur(24px);
    backdrop-filter:blur(24px);
    border-radius:12px;
    padding:30px;
    display:grid;
    grid-template-columns:200px calc(100% - 230px);
    grid-gap:30px;
    gap:30px;
    align-items:flex-start
}
.page-product-content__data{
    width:100%
}
.page-product-content-description{
    margin-top:20px;
    font-weight:500;
    font-size:14px;
    line-height:24px;
    letter-spacing:.012em;
    color:var(--text-color)
}
.page-product-description{
    margin-top:30px;
    border-radius:12px;
    overflow:hidden
}
.page-product-description__tabs{
    background:#171b20;
    display:flex;
    padding:0 30px;
    height:84px;
    overflow-x:auto;
    overflow-y:hidden
}
.page-product-description__tabs::-webkit-scrollbar{
    display:none
}
.page-product-description__tab{
    min-width:302px;
    display:flex;
    justify-content:center;
    align-items:center;
    grid-gap:12px;
    gap:12px;
    font-weight:600;
    font-size:14px;
    line-height:24px;
    text-align:center;
    letter-spacing:.02em;
    font-feature-settings:"pnum" on,"lnum" on;
    color:#95979f;
    padding:0 40px;
    position:relative;
    transition:.25s;
    cursor:pointer
}
.page-product-description__tab path{
    fill:var(--text-color);
    transition:.25s
}
.page-product-description__tab:before{
    content:"";
    position:absolute;
    width:calc(100% - 80px);
    height:8px;
    border-radius:8px;
    background:linear-gradient(89.98deg,#5777a5,#09bbad);
    bottom:-4px;
    opacity:0;
    transition:.25s
}
.page-product-description__tab:after{
    content:"";
    position:absolute;
    height:24px;
    width:1px;
    background:hsla(0,0%,100%,.03);
    right:0
}
.page-product-description__tab:first-child,.page-product-description__tab:last-child{
    padding-left:0;
    min-width:284px
}
.page-product-description__tab:first-child:before,.page-product-description__tab:last-child:before{
    width:calc(100% - 40px)
}
.page-product-description__tab:first-child{
    padding-left:0
}
.page-product-description__tab:last-child{
    padding-right:0
}
.page-product-description__tab:last-child:after{
    display:none
}
.page-product-description__tab.active:before{
    opacity:1
}
.page-product-description__tab.active,.page-product-description__tab:hover{
    color:#3496a9
}
.page-product-description__tab.active path,.page-product-description__tab:hover path{
    fill:#3496a9
}
.page-product-description__content{
    padding:30px;
    background:rgba(23,25,29,.48)
}
.page-product-functions{
    height:44px;
    width:100%;
    margin-top:20px;
    background:linear-gradient(90deg,rgba(39,46,55,0),rgba(39,46,55,.24) 51.04%,rgba(39,46,55,0));
    -webkit-mask-image:linear-gradient(90deg,rgba(23,27,32,.18) 9.38%,#272e37 48.75%,rgba(23,27,32,.18) 93.23%);
    mask-image:linear-gradient(90deg,rgba(23,27,32,.18) 9.38%,#272e37 48.75%,rgba(23,27,32,.18) 93.23%);
    display:flex;
    justify-content:center;
    overflow:auto
}
.page-product-functions::-webkit-scrollbar{
    display:none
}
.page-product-functions__item{
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    grid-gap:12px;
    gap:12px;
    padding:0 27px;
    white-space:nowrap;
    position:relative;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    font-weight:700;
    font-size:12px;
    line-height:20px;
    letter-spacing:.02em;
    text-transform:uppercase;
    font-feature-settings:"pnum" on,"lnum" on;
    color:hsla(0,0%,89.8%,.78)
}
.page-product-functions__item img{
    width:20px;
    height:20px
}
.page-product-functions__item:after{
    content:"";
    position:absolute;
    height:20px;
    width:1px;
    background:hsla(0,0%,100%,.03);
    right:0
}
.page-product-functions__item:last-child:after{
    display:none
}
.page-product-payment-modal{
    position:relative;
    z-index:1;
    background:rgba(23,27,32,.88);
    border:1px solid hsla(0,0%,100%,.03);
    -webkit-backdrop-filter:blur(48px);
    backdrop-filter:blur(48px);
    border-radius:12px;
    display:flex
}
.page-product-payment-modal__container{
    position:fixed;
    display:flex;
    justify-content:center;
    align-items:center;
    width:100vw;
    height:100vh;
    z-index:9999;
    left:0;
    top:0
}
.page-product-payment-modal__overlay{
    position:absolute;
    background:rgba(17,19,23,.9);
    left:0;
    top:0;
    width:100%;
    height:100%
}
.page-product-payment-modal__content{
    padding:30px
}
.page-product-payment-modal__systems{
    padding:30px;
    background:#181c22;
    -webkit-backdrop-filter:blur(48px);
    backdrop-filter:blur(48px);
    border-radius:0 12px 12px 0
}
.page-product-payment-modal__systems-title{
    font-weight:500;
    font-size:12px;
    line-height:24px;
    text-transform:uppercase;
    color:var(--text-color)
}
.page-product-payment-modal__systems-hint{
    max-width:380px;
    margin-top:16px;
    background:rgba(224,173,50,.04);
    border-radius:6px;
    padding:8px 12px;
    color:rgba(224,173,50,.88);
    font-weight:500;
    font-size:12px;
    line-height:20px;
    letter-spacing:.012em
}
.page-product-payment-modal__systems-cards{
    margin-top:10px;
    display:grid;
    grid-template-columns:repeat(3,120px);
    grid-gap:10px;
    gap:10px
}
.page-product-payment-modal__systems-card{
    display:flex;
    justify-content:center;
    align-items:center;
    height:66px;
    background:hsla(0,0%,100%,.03);
    border-radius:6px;
    position:relative;
    cursor:pointer
}
.page-product-payment-modal__systems-card:after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    border-radius:6px;
    width:100%;
    height:100%;
    border:2px solid #2d9cdb;
    opacity:0;
    transition:.25s
}
.page-product-payment-modal__systems-card.active:after,.page-product-payment-modal__systems-card:hover:after{
    opacity:1
}
.page-product-payment-modal__hint{
    margin-bottom:20px;
    display:grid;
    grid-template-columns:20px 1fr;
    gap:12px;
    grid-gap:12px;
    background:rgba(224,173,50,.04);
    border-radius:6px;
    padding:8px 12px;
    width:480px;
    box-sizing:border-box;
    align-items:center
}
.page-product-payment-modal__hint p{
    color:rgba(224,173,50,.88);
    font-weight:500;
    font-size:12px;
    line-height:20px;
    letter-spacing:.012em
}
.page-product-payment-modal__pcode{
    margin-bottom:20px
}
.page-product-payment-modal__pcode-input{
    display:grid;
    grid-template-columns:1fr 150px;
    gap:16px;
    grid-gap:16px
}
.page-product-payment-modal__pcode p{
    font-weight:500;
    font-size:14px;
    line-height:24px;
    letter-spacing:.012em;
    color:var(--text-color);
    margin-top:10px
}
.page-product-payment-modal__pcode p span{
    color:#76dba1
}
.page-product-payment-modal__title{
    padding-bottom:30px;
    margin-bottom:30px;
    border-bottom:1px solid hsla(0,0%,100%,.03);
    position:relative
}
.page-product-payment-modal__title-close{
    position:absolute;
    background:transparent;
    right:0;
    top:0;
    cursor:pointer
}
.page-product-payment-modal__title-close path{
    transition:.25s
}
.page-product-payment-modal__title-close:hover path{
    stroke:#fff
}
.page-product-payment-modal__title p{
    font-weight:700;
    font-size:12px;
    line-height:20px;
    letter-spacing:.02em;
    font-variant:small-caps;
    font-feature-settings:"pnum" on,"lnum" on,"smcp";
    color:var(--text-color);
    text-transform:uppercase
}
.page-product-payment-modal__title h3{
    margin-top:10px;
    font-weight:700;
    font-size:24px;
    line-height:29px;
    letter-spacing:.02em;
    font-feature-settings:"pnum" on,"lnum" on;
    color:#dbdbdb
}
.page-product-payment-modal__title img{
    width:204px;
    margin-top:10px
}
.page-product-payment-modal__price{
    display:flex;
    justify-content:space-between;
    align-items:center
}
.page-product-payment-modal__price .label{
    font-weight:500;
    font-size:14px;
    line-height:24px;
    letter-spacing:.012em;
    color:var(--text-color)
}
.page-product-payment-modal__price .price{
    display:flex;
    align-items:center
}
.page-product-payment-modal__price .price p.price-old{
    font-weight:600;
    font-size:16px;
    line-height:24px;
    letter-spacing:.02em;
    -webkit-text-decoration-line:line-through;
    text-decoration-line:line-through;
    font-variant:small-caps;
    font-feature-settings:"pnum" on,"lnum" on,"smcp";
    color:var(--text-color);
    margin-right:12px
}
.page-product-payment-modal__price .price p{
    font-weight:600;
    font-size:28px;
    line-height:34px;
    text-align:right;
    letter-spacing:.02em;
    font-feature-settings:"pnum" on,"lnum" on;
    color:#dbdbdb;
    display:inline;
    transition:.25s
}
.page-product-payment-modal__price .price p span{
    color:var(--text-color);
    font-size:16px;
    transition:.25s
}
.page-product-payment-modal__payment{
    margin-top:20px;
    display:flex;
    justify-content:space-between
}
.page-product-payment-modal__payment .btn-large{
    width:auto;
    padding:0 50px;
    margin-left:20px
}
.page-product-payment-modal__payment .counter{
    display:grid;
    grid-template-columns:48px 1fr 48px;
    grid-gap:10px;
    gap:10px;
    align-items:center;
    background:hsla(0,0%,100%,.03);
    border-radius:12px;
    padding:10px
}
.page-product-payment-modal__payment .counter__number{
    min-width:32px;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#dbdbdb;
    font-weight:700;
    font-size:16px;
    line-height:20px;
    letter-spacing:.02em;
    text-transform:uppercase;
    font-feature-settings:"pnum" on,"lnum" on;
    background:transparent;
    text-align:center
}
.page-product-payment-modal__payment .counter button{
    width:100%;
    height:100%;
    background:transparent;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer
}
.page-product-payment-modal__payment .counter button path{
    transition:.25s
}
.page-product-payment-modal__payment .counter button:hover path{
    stroke:#dbdbdb
}
@media screen and (max-width:885px){
    .page-product-payment-modal{
        overflow-y:auto;
        flex-wrap:wrap;
        max-height:95vh
    }
    .page-product-payment-modal__content,.page-product-payment-modal__systems{
        width:100%
    }
}
@media screen and (max-width:485px){
    .page-product-payment-modal__pcode-input{
        grid-template-columns:1fr
    }
}
@media screen and (max-width:435px){
    .page-product-payment-modal__payment{
        flex-wrap:wrap
    }
    .page-product-payment-modal__payment .btn-large,.page-product-payment-modal__payment .counter{
        width:100%
    }
    .page-product-payment-modal__payment .counter{
        height:68px
    }
    .page-product-payment-modal__payment .btn-large{
        margin:16px 0 0
    }
    .page-product-payment-modal__hint{
        grid-template-columns:1fr;
        width:auto
    }
    .page-product-payment-modal__hint svg{
        display:none
    }
    .page-product-payment-modal__systems-cards{
        grid-template-columns:repeat(auto-fill,120px)
    }
}
.page-product__container{
    margin-top:28px;
    display:grid;
    grid-template-columns:calc(100% - 480px) 450px;
    grid-gap:30px;
    gap:30px
}
.page-product__image{
    width:100%;
    height:316px;
    background-size:cover;
    background-position:50%;
    border-radius:8px;
    margin-bottom:20px;
    display:flex;
    justify-content:center;
    align-items:center
}
.page-product__image-tag{
    display:inline-block;
    background:linear-gradient(90deg,#7b61ff,#0ec8bc);
    border-radius:8px;
    padding:2px 8px;
    font-weight:900;
    font-size:10px;
    line-height:23px;
    letter-spacing:.012em;
    text-transform:uppercase;
    font-feature-settings:"pnum" on,"lnum" on;
    color:#dbdbdb;
    margin:12px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.page-product__image .game-logo{
    width:78px;
    height:78px;
    background:rgba(39,41,46,.48);
    -webkit-backdrop-filter:blur(4px);
    backdrop-filter:blur(4px);
    border-radius:50%
}
.page-product__image .game-logo img{
    width:64%
}
.page-product__title{
    display:flex;
    justify-content:space-between;
    align-items:center;
    border-bottom:1px solid hsla(0,0%,100%,.03);
    padding-bottom:20px
}
.page-product__title h2{
    font-weight:700;
    font-size:12px;
    line-height:20px;
    letter-spacing:.02em;
    font-variant:small-caps;
    font-feature-settings:"pnum" on,"lnum" on,"smcp";
    color:var(--text-color);
    text-transform:uppercase
}
.page-product__title h1{
    font-weight:700;
    font-size:28px;
    line-height:34px;
    letter-spacing:.02em;
    font-feature-settings:"pnum" on,"lnum" on;
    color:#dbdbdb;
    margin-top:10px
}
@media screen and (max-width:1240px){
    .page-product__container{
        grid-template-columns:1fr
    }
    .page-product-slider__controls{
        display:none!important
    }
    .page-product-slider__slides{
        overflow:auto!important;
        max-width:calc(100vw - 330px)
    }
    .page-product-slider__slides::-webkit-scrollbar{
        display:none
    }
    .page-product-functions{
        max-width:calc(100vw - 330px)
    }
}
@media screen and (max-width:975px){
    .page-product-description__tabs{
        width:calc(100vw - 40px)
    }
}
@media screen and (max-width:900px){
    .page-product-content{
        grid-template-columns:1fr
    }
    .page-product-functions,.page-product-slider__slides{
        max-width:calc(100vw - 100px)
    }
}
.page-product-rates{
    -webkit-backdrop-filter:blur(24px);
    backdrop-filter:blur(24px);
    border-radius:12px;
    overflow:hidden;
    width:100%
}
.page-product-rates__regions{
    display:flex;
    align-items:center;
    justify-content:center;
    grid-gap:32px;
    gap:32px;
    padding:0 30px;
    box-sizing:border-box;
    height:72px;
    position:relative;
    overflow:hidden;
    background:#1b2026
}
.page-product-rates__regions:after{
    content:"";
    position:absolute;
    height:24px;
    width:2px;
    background:hsla(0,0%,100%,.03)
}
.page-product-rates__regions_single:after{
    display:none!important
}
.page-product-rates__region{
    height:100%;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    grid-gap:12px;
    gap:12px;
    cursor:pointer;
    color:#95979f;
    font-weight:600;
    font-size:13px;
    line-height:24px;
    letter-spacing:.02em;
    font-feature-settings:"pnum" on,"lnum" on;
    position:relative;
    transition:.25s
}
.page-product-rates__region.active,.page-product-rates__region:hover{
    color:#3496a9
}
.page-product-rates__region:after{
    content:"";
    position:absolute;
    bottom:-4px;
    height:8px;
    width:100%;
    left:0;
    background:linear-gradient(89.98deg,#5777a5,#09bbad);
    border-radius:8px;
    opacity:0;
    transition:.25s
}
.page-product-rates__region.active:after{
    opacity:1
}
.page-product-rates__rate{
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-radius:12px;
    padding:20px 24px;
    margin-top:20px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    position:relative;
    z-index:1;
    cursor:pointer
}
.page-product-rates__rate:after,.page-product-rates__rate:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    border-radius:12px;
    transition:.25s;
    z-index:-1
}
.page-product-rates__rate:before{
    background:hsla(0,0%,100%,.02)
}
.page-product-rates__rate:after{
    background:linear-gradient(90deg,#5975a4,#07bcad);
    opacity:0
}
.page-product-rates__rate:first-child{
    margin:0
}
.page-product-rates__rate-left{
    display:flex;
    align-items:center;
    grid-gap:12px;
    gap:12px
}
.page-product-rates__rate-left p{
    font-weight:600;
    font-size:14px;
    line-height:20px;
    letter-spacing:.02em;
    font-feature-settings:"pnum" on,"lnum" on;
    color:var(--text-color);
    transition:.25s
}
.page-product-rates__rate-left p span{
    display:inline-flex;
    height:26px;
    padding:0 8px;
    background:rgba(118,219,161,.06);
    border-radius:100px;
    align-items:center;
    font-weight:600;
    font-size:11px;
    line-height:14px;
    letter-spacing:.02em;
    font-variant:small-caps;
    font-feature-settings:"pnum" on,"lnum" on,"smcp";
    color:#76dba1;
    margin-left:7px;
    transition:.25s
}
.page-product-rates__rate-right p{
    font-weight:600;
    font-size:24px;
    line-height:30px;
    text-align:right;
    letter-spacing:.02em;
    font-feature-settings:"pnum" on,"lnum" on;
    color:#dbdbdb;
    transition:.25s
}
.page-product-rates__rate-right p span{
    color:var(--text-color);
    font-size:16px;
    transition:.25s
}
.page-product-rates__rate.active .input-radio:after,.page-product-rates__rate.active .input-radio:before,.page-product-rates__rate.active:after,.page-product-rates__rate:hover .input-radio:after,.page-product-rates__rate:hover .input-radio:before,.page-product-rates__rate:hover:after{
    opacity:1
}
.page-product-rates__rate.active .page-product-rates__rate-left p,.page-product-rates__rate:hover .page-product-rates__rate-left p{
    color:#fcfcfd
}
.page-product-rates__rate.active .page-product-rates__rate-left p span,.page-product-rates__rate:hover .page-product-rates__rate-left p span{
    background:rgba(228,237,239,.12);
    color:#fcfcfd
}
.page-product-rates__rate.active .page-product-rates__rate-right p,.page-product-rates__rate:hover .page-product-rates__rate-right p{
    color:#fcfcfd
}
.page-product-rates__rate.active .page-product-rates__rate-right p span,.page-product-rates__rate:hover .page-product-rates__rate-right p span{
    color:rgba(228,237,239,.5)
}
.page-product-rates__content{
    padding:30px;
    background:#171b20
}
.page-product-rates__content .btn-large.disabled{
    opacity:.5;
    pointer-events:none
}
.page-product-rates__check{
    width:100%;
    height:100%;
    position:relative;
    z-index:1
}
.page-product-rates__price{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:15px
}
.page-product-rates__price .text p{
    font-weight:500;
    font-size:14px;
    line-height:24px;
    letter-spacing:.012em;
    color:var(--text-color)
}
.page-product-rates__price .price{
    display:flex;
    align-items:center
}
.page-product-rates__price .price p.price-old{
    font-weight:600;
    font-size:16px;
    line-height:24px;
    letter-spacing:.02em;
    -webkit-text-decoration-line:line-through;
    text-decoration-line:line-through;
    font-variant:small-caps;
    font-feature-settings:"pnum" on,"lnum" on,"smcp";
    color:var(--text-color);
    margin-right:12px
}
.page-product-rates__price .price p{
    font-weight:600;
    font-size:28px;
    line-height:34px;
    text-align:right;
    letter-spacing:.02em;
    font-feature-settings:"pnum" on,"lnum" on;
    color:#dbdbdb;
    display:inline;
    transition:.25s
}
.page-product-rates__price .price p span{
    color:var(--text-color);
    font-size:16px;
    transition:.25s
}
.page-product-rates__confirm{
    margin-top:30px;
    grid-gap:20px;
    gap:20px;
    display:flex;
    align-items:center
}
.page-product-rates__confirm p{
    font-weight:500;
    font-size:14px;
    line-height:24px;
    letter-spacing:.012em;
    color:var(--text-color)
}
.page-product-rates__confirm p a{
    color:#dbdbdb;
    text-decoration:none;
    transition:.25s
}
.page-product-rates__confirm p a:hover{
    text-decoration:underline
}
.page-product-requirement{
    display:flex;
    align-items:center;
    grid-gap:20px;
    gap:20px;
    padding:30px 0;
    border-bottom:1px solid hsla(0,0%,100%,.03)
}
.page-product-requirement:first-child{
    padding-top:0
}
.page-product-requirement:last-child{
    padding-bottom:0;
    border:0
}
.page-product-requirement__icon{
    width:54px;
    height:54px;
    display:flex;
    justify-content:center;
    align-items:center
}
.page-product-requirement__icon img{
    max-width:100%;
    max-height:100%
}
.page-product-requirement__content .label{
    font-weight:500;
    font-size:12px;
    line-height:24px;
    text-transform:uppercase;
    color:var(--text-color)
}
.page-product-requirement__content .text{
    font-weight:700;
    font-size:12px;
    line-height:20px;
    letter-spacing:.02em;
    text-transform:uppercase;
    font-feature-settings:"pnum" on,"lnum" on;
    color:#95979f;
    margin-top:10px
}
.page-product-sidebar__hint{
    border-radius:12px;
    background:#171b20;
    padding:16px 30px;
    margin-top:20px;
    font-weight:600;
    font-size:13px;
    line-height:24px;
    letter-spacing:.012em;
    color:#a0a3ae
}
.page-product-slider{
    margin-top:20px
}
.page-product-slider__slides{
    display:flex;
    width:100%;
    grid-gap:20px;
    gap:20px;
    overflow:hidden
}
.page-product-slider__controls{
    display:flex;
    justify-content:center;
    align-items:center;
    grid-gap:8px;
    gap:8px;
    margin-top:12px
}
.page-product-slider__controls-btn{
    width:28px;
    height:6px;
    border-radius:4px;
    background:rgba(98,100,108,.44);
    cursor:pointer;
    transition:.25s
}
.page-product-slider__controls-btn.active,.page-product-slider__controls-btn:hover{
    background:#20ada3
}
.page-product-slider__controls-btn.active{
    width:12px
}
.page-product-slider .page-product-slide{
    min-width:200px;
    height:120px;
    border-radius:8px;
    cursor:pointer;
    transition:.25s;
    background-size:cover;
    background-position:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative
}
.page-product-slider .page-product-slide__icon{
    width:44px;
    height:44px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    background:rgba(12,202,188,.48);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    position:relative;
    z-index:1
}
.page-product-slider .page-product-slide:after{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    border-radius:8px;
    background:linear-gradient(180deg,rgba(103,122,178,.4),rgba(14,200,188,.4));
    opacity:.2;
    transition:.25s
}
.page-product-slider .page-product-slide__icon{
    opacity:0;
    transition:.25s
}
.page-product-slider .page-product-slide:hover:after,.page-product-slider .page-product-slide:hover div{
    opacity:1
}
.page-product-slider-modal{
    position:fixed;
    left:0;
    top:0;
    width:100vw;
    height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
    z-index:9999
}
.page-product-slider-modal__overlay{
    background:rgba(17,19,23,.9);
    width:100vw;
    height:100vh;
    position:absolute;
    left:0;
    top:0;
    cursor:pointer
}
.page-product-slider-modal iframe,.page-product-slider-modal img{
    position:relative;
    z-index:1;
    max-height:80%;
    max-width:80%
}
.page-product-slider-modal iframe{
    width:80%;
    height:80%
}
.page-product-slider-modal__left,.page-product-slider-modal__right{
    position:absolute;
    height:100vh;
    width:10%;
    top:0;
    z-index:2;
    cursor:pointer;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:.25s
}
.page-product-slider-modal__left svg,.page-product-slider-modal__right svg{
    width:70px;
    height:70px;
    opacity:.2;
    transition:.25s
}
.page-product-slider-modal__left svg path,.page-product-slider-modal__right svg path{
    fill:#95979f
}
.page-product-slider-modal__left:hover,.page-product-slider-modal__right:hover{
    background:rgba(149,151,159,.03)
}
.page-product-slider-modal__left:hover svg,.page-product-slider-modal__right:hover svg{
    opacity:1
}
.page-product-slider-modal__left{
    left:0
}
.page-product-slider-modal__right{
    right:0
}
.page-product-slider-modal__right svg{
    transform:rotate(180deg)
}
.page-product-tab-functions .wrapper-content p{
    font-weight:500;
    font-size:14px;
    line-height:24px;
    letter-spacing:.012em;
    color:var(--text-color)
}
.page-product-tab-similar .product-item{
    width:calc(100% + 40px);
    margin-left:-20px
}
.page-profile-content .tab-container{
    border-radius:12px;
    height:110px
}
.page-profile-logout{
    position:fixed;
    z-index:9999;
    width:100vw;
    height:100vh;
    left:0;
    top:0;
    display:flex;
    justify-content:center;
    align-items:center
}
.page-profile-logout__overlay{
    position:absolute;
    background:rgba(17,19,23,.9);
    left:0;
    top:0;
    width:100%;
    height:100%
}
.page-profile-logout__modal{
    position:relative;
    z-index:1;
    background:rgba(23,27,32,.88);
    border:1px solid hsla(0,0%,100%,.03);
    -webkit-backdrop-filter:blur(48px);
    backdrop-filter:blur(48px);
    padding:30px 40px;
    border-radius:12px
}
.page-profile-logout__modal p{
    font-weight:700;
    font-size:24px;
    line-height:32px;
    text-align:center;
    letter-spacing:.012em;
    font-feature-settings:"pnum" on,"lnum" on;
    color:#dbdbdb
}
.page-profile-logout__modal__buttons{
    display:flex;
    justify-content:center;
    margin-top:20px;
    gap:20px;
    grid-gap:20px
}
.page-profile-email-modal{
    position:relative;
    z-index:1;
    background:rgba(23,27,32,.88);
    border:1px solid hsla(0,0%,100%,.03);
    -webkit-backdrop-filter:blur(48px);
    backdrop-filter:blur(48px);
    border-radius:12px;
    display:flex
}
.page-profile-email-modal__container{
    position:fixed;
    display:flex;
    justify-content:center;
    align-items:center;
    width:100vw;
    height:100vh;
    z-index:9999;
    left:0;
    top:0
}
.page-profile-email-modal__overlay{
    position:absolute;
    background:rgba(17,19,23,.9);
    left:0;
    top:0;
    width:100%;
    height:100%
}
.page-profile-email-modal__content{
    padding:30px
}
.page-profile-email-modal__systems{
    padding:30px;
    background:#181c22;
    -webkit-backdrop-filter:blur(48px);
    backdrop-filter:blur(48px);
    border-radius:0 12px 12px 0
}
.page-profile-email-modal__systems-title{
    font-weight:500;
    font-size:12px;
    line-height:24px;
    text-transform:uppercase;
    color:var(--text-color)
}
.page-profile-email-modal__systems-cards{
    margin-top:10px;
    display:grid;
    grid-template-columns:repeat(3,120px);
    grid-gap:10px;
    gap:10px
}
.page-profile-email-modal__systems-card{
    display:flex;
    justify-content:center;
    align-items:center;
    height:66px;
    background:hsla(0,0%,100%,.03);
    border-radius:6px;
    position:relative;
    cursor:pointer
}
.page-profile-email-modal__systems-card:after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    border-radius:6px;
    width:100%;
    height:100%;
    border:2px solid #2d9cdb;
    opacity:0;
    transition:.25s
}
.page-profile-email-modal__systems-card.active:after,.page-profile-email-modal__systems-card:hover:after{
    opacity:1
}
.page-profile-email-modal__title{
    border-bottom:1px solid hsla(0,0%,100%,.03);
    padding-bottom:30px;
    margin-bottom:30px
}
.page-profile-email-modal__title p{
    font-weight:700;
    font-size:12px;
    line-height:20px;
    letter-spacing:.02em;
    font-variant:small-caps;
    font-feature-settings:"pnum" on,"lnum" on,"smcp";
    color:var(--text-color);
    text-transform:uppercase
}
.page-profile-email-modal__title h3{
    margin-top:10px;
    font-weight:700;
    font-size:24px;
    line-height:29px;
    letter-spacing:.02em;
    font-feature-settings:"pnum" on,"lnum" on;
    color:#dbdbdb
}
.page-profile-email-modal__title img{
    width:204px;
    margin-top:10px
}
.page-profile-email-modal__price{
    display:flex;
    justify-content:space-between;
    align-items:center
}
.page-profile-email-modal__price .label{
    font-weight:500;
    font-size:14px;
    line-height:24px;
    letter-spacing:.012em;
    color:var(--text-color)
}
.page-profile-email-modal__price .price{
    display:flex;
    align-items:center
}
.page-profile-email-modal__price .price p.price-old{
    font-weight:600;
    font-size:16px;
    line-height:24px;
    letter-spacing:.02em;
    -webkit-text-decoration-line:line-through;
    text-decoration-line:line-through;
    font-variant:small-caps;
    font-feature-settings:"pnum" on,"lnum" on,"smcp";
    color:var(--text-color);
    margin-right:12px
}
.page-profile-email-modal__price .price p{
    font-weight:600;
    font-size:28px;
    line-height:34px;
    text-align:right;
    letter-spacing:.02em;
    font-feature-settings:"pnum" on,"lnum" on;
    color:#dbdbdb;
    display:inline;
    transition:.25s
}
.page-profile-email-modal__price .price p span{
    color:var(--text-color);
    font-size:16px;
    transition:.25s
}
.page-profile-email-modal__payment{
    margin-top:20px;
    display:flex;
    justify-content:space-between
}
.page-profile-email-modal__payment .btn-large{
    width:auto;
    padding:0 50px;
    margin-left:20px
}
.page-profile-email-modal__payment .counter{
    display:grid;
    grid-template-columns:48px 1fr 48px;
    grid-gap:10px;
    gap:10px;
    align-items:center;
    background:hsla(0,0%,100%,.03);
    border-radius:12px;
    padding:10px
}
.page-profile-email-modal__payment .counter__number{
    min-width:32px;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#dbdbdb;
    font-weight:700;
    font-size:16px;
    line-height:20px;
    letter-spacing:.02em;
    text-transform:uppercase;
    font-feature-settings:"pnum" on,"lnum" on;
    background:transparent;
    text-align:center
}
.page-profile-email-modal__payment .counter button{
    width:100%;
    height:100%;
    background:transparent;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer
}
.page-profile-email-modal__payment .counter button path{
    transition:.25s
}
.page-profile-email-modal__payment .counter button:hover path{
    stroke:#dbdbdb
}
.page-profile__container{
    display:grid;
    margin-top:28px
}
@media screen and (max-width:1250px){
    .page-profile__container{
        grid-template-columns:1fr
    }
}
@media screen and (max-width:970px){
    .page-profile-content .tab-container,.page-profile__content{
        width:calc(100vw - 40px)
    }
    .page-profile__content{
        overflow-x:auto
    }
    .page-profile__content .page-profile-table{
        width:calc(100vw - 40px)
    }
    .page-profile__content::-webkit-scrollbar{
        display:none
    }
    .page-profile__content .table{
        min-width:800px
    }
    .page-profile__content .table *{
        white-space:nowrap
    }
}
@media screen and (max-width:615px){
    .page-settings__password{
        grid-template-columns:1fr!important
    }
    .page-settings__email-status{
        display:none
    }
}
@media screen and (max-width:570px){
    .page-profile-table__title{
        flex-wrap:wrap
    }
    .page-profile-table__title-hint{
        margin-top:16px
    }
}
.page-profile-sidebar__card{
    display:grid;
    grid-template-columns:48px 1fr 48px;
    grid-gap:20px;
    gap:20px;
    align-items:center;
    background:linear-gradient(90.14deg,#647adc .12%,#20ada3 99.9%);
    box-shadow:inset 2px 2px 2px hsla(0,0%,100%,.24);
    border-radius:12px;
    padding:30px
}
.page-profile-sidebar__card-logout{
    width:51px;
    height:48px;
    border-radius:50%;
    border:2px solid hsla(0,0%,89.8%,.24);
    display:flex;
    justify-content:center;
    align-items:center;
    cursor:pointer;
    transition:.25s
}
.page-profile-sidebar__card-logout path{
    transition:.25s;
}
.page-profile-sidebar__card-logout:hover{
    background:#dbdbdb
}
.page-profile-sidebar__card-logout:hover path{
    fill:#191c22
}
.page-profile-sidebar__card-content .text{
    font-weight:400;
    font-size:16px;
    line-height:20px;
    color:#dbdbdb
}
.page-profile-sidebar__card-content .username{
    font-weight:700;
    font-size:18px;
    line-height:22px;
    color:#dbdbdb;
    margin-top:8px
}
.page-profile-sidebar__ticket{
    background:#171b20;
    border-radius:12px;
    padding:40px 30px;
    margin-top:30px;
    text-align:center
}
.page-profile-sidebar__ticket h2{
    font-weight:700;
    font-size:24px;
    line-height:38px;
    letter-spacing:.012em;
    font-feature-settings:"pnum" on,"lnum" on;
    color:#dbdbdb
}
.page-profile-sidebar__ticket img{
    width:204px;
    margin-top:15px
}
.page-profile-sidebar__ticket p{
    margin:30px 0;
    font-weight:500;
    font-size:14px;
    line-height:24px;
    display:flex;
    align-items:center;
    text-align:center;
    letter-spacing:.012em;
    color:var(--text-color)
}
.page-profile-sidebar__ticket .btn{
    width:100%;
    padding:20px 0
}
.page-profile-sidebar__support{
    background:#171b20;
    border-radius:12px;
    padding:40px 30px;
    margin-top:30px;
    text-align:center
}
.page-profile-sidebar__support-title p{
    font-weight:700;
    font-size:24px;
    line-height:32px;
    text-align:center;
    letter-spacing:.012em;
    text-transform:capitalize;
    font-feature-settings:"pnum" on,"lnum" on;
    color:#dbdbdb
}
.page-profile-sidebar__support-title img{
    width:204px;
    margin-top:15px
}
.page-profile-sidebar__support-avatar{
    margin-top:28px;
    text-align:center
}
.page-profile-sidebar__support-avatar img{
    width:162px
}
.page-profile-sidebar__support-avatar p{
    display:inline-block;
    background:hsla(0,0%,100%,.03);
    border:1px solid hsla(0,0%,100%,.03);
    -webkit-backdrop-filter:blur(24px);
    backdrop-filter:blur(24px);
    border-radius:100px;
    padding:12px 24px;
    font-weight:700;
    font-size:14px;
    line-height:32px;
    letter-spacing:.012em;
    font-feature-settings:"pnum" on,"lnum" on;
    color:#dbdbdb;
    margin-top:-18px
}
.page-profile-sidebar__support-avatar p span{
    color:#20ada3
}
.page-profile-sidebar__support-text{
    margin-top:30px
}
.page-profile-sidebar__support-text p{
    font-weight:500;
    font-size:14px;
    line-height:24px;
    text-align:center;
    letter-spacing:.012em;
    color:var(--text-color)
}
.page-profile-sidebar__support .btn{
    width:100%;
    height:64px;
    margin-top:28px
}
.page-profile-sidebar__support-hint{
    margin-top:20px
}
.page-profile-sidebar__support-hint p{
    font-weight:500;
    font-size:12px;
    line-height:16px;
    text-align:center;
    letter-spacing:.012em;
    color:var(--text-color)
}
.page-profile-sidebar__support-hint p span{
    color:#20ada3
}
.page-profile-sidebar__avatars{
    margin-top:30px;
    background:#171b20;
    border-radius:12px;
    padding:30px
}
.page-profile-sidebar__avatars-title{
    font-weight:700;
    font-size:16px;
    line-height:20px;
    letter-spacing:.012em;
    font-feature-settings:"pnum" on,"lnum" on;
    color:#dbdbdb;
    margin-bottom:42px
}
.page-profile-sidebar__avatars-avatar{
    text-align:center;
    margin-bottom:30px
}
.page-profile-sidebar__avatars-avatar .user-avatar{
    display:inline-block;
    width:140px!important;
    height:140px!important;
    background-color:#1d2027
}
.page-profile-sidebar__avatars-label{
    font-weight:400;
    font-size:14px;
    line-height:24px;
    text-transform:uppercase;
    color:var(--text-color);
    margin-bottom:4px
}
.page-profile-sidebar__avatars-avatars{
    display:grid;
    grid-template-columns:repeat(auto-fill,68px);
    grid-gap:24px;
    gap:24px;
    background:hsla(0,0%,100%,.01);
    border-radius:8px;
    padding:12px 16px
}
.page-profile-sidebar__avatars-avatars__container{
    max-height:184px;
    overflow-y:auto;
    padding-right:10px;
    margin-bottom:42px
}
.page-profile-sidebar__avatars-avatars__container::-webkit-scrollbar{
    background:transparent;
    width:4px
}
.page-profile-sidebar__avatars-avatars__container::-webkit-scrollbar-track{
    background:hsla(0,0%,100%,.03)
}
.page-profile-sidebar__avatars-avatars__container::-webkit-scrollbar-thumb{
    background:rgba(98,100,108,.48);
    border-radius:12px
}
.page-profile-sidebar__avatars-avatars .avatar{
    width:68px;
    height:68px;
    position:relative;
    background-size:cover;
    background-position:50%;
    border-radius:50%;
    cursor:pointer
}
.page-profile-sidebar__avatars-avatars .avatar:after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    border:4px solid #2d9cdb;
    border-radius:50%;
    box-sizing:border-box;
    opacity:0;
    transition:.25s
}
.page-profile-sidebar__avatars-avatars .avatar.active:after,.page-profile-sidebar__avatars-avatars .avatar:hover:after{
    opacity:1
}
.page-profile-sidebar__avatars-upload{
    position:relative
}
.page-profile-sidebar__avatars-upload input{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    opacity:0;
    cursor:pointer
}
.page-profile-sidebar__avatars-upload input:hover+.btn-large{
    background:#e4edef
}
.page-profile-sidebar__avatars .btn-large{
    height:56px;
    background:#20ada3;
    grid-gap:10px;
    gap:10px;
    align-items:center;
    text-transform:none;
    font-weight:600;
    font-size:14px;
    line-height:24px;
    letter-spacing:.02em;
    font-feature-settings:"pnum" on,"lnum" on;
    transition:.25s
}
.page-profile-sidebar__avatars .btn-large:hover{
    background:#e4edef
}
.page-profile-table{
    margin-top:30px;
    background:var(--secondary-color);
    border-radius:12px;
    padding:30px
}
.page-profile-table__title{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:20px
}
.page-profile-table__title h1{
    font-weight:700;
    font-size:16px;
    line-height:20px;
    letter-spacing:.012em;
    font-feature-settings:"pnum" on,"lnum" on;
    color:#dbdbdb
}
.page-profile-table__title-hint{
    display:flex;
    align-items:center
}
.page-profile-table__title-hint svg{
    width:20px;
    height:20px
}
.page-profile-table__title-hint svg path{
    fill:#dbdbdb
}
.page-profile-table__title-hint p{
    font-weight:500;
    font-size:14px;
    line-height:20px;
    letter-spacing:.012em;
    color:var(--text-color)
}
.page-profile-table__title-hint p a{
    text-decoration:none;
    color:#dbdbdb;
    transition:.25s
}
.page-profile-table__title-hint p a:hover{
    color:#20ada3
}

.page-downloads-product{
    display:grid;
    grid-template-columns:48px 1fr;
    grid-gap:18px;
    gap:18px;
    align-items:center
}
.page-downloads-product__image{
    width:48px;
    height:48px;
    border-radius:8px;
    background-size:cover;
    background-position:50%
}
.page-downloads-product__content a{
    display:block;
    text-decoration:none;
    transition:.25s
}
.page-downloads-product__content a:first-child{
    font-weight:600;
    font-size:16px;
    line-height:20px;
    letter-spacing:.02em;
    font-feature-settings:"pnum" on,"lnum" on;
    color:#dbdbdb
}
.page-downloads-product__content a:first-child:hover{
    color:#20ada3
}
.page-downloads-product__content a:last-child{
    font-weight:600;
    font-size:14px;
    line-height:20px;
    letter-spacing:.02em;
    font-variant:small-caps;
    font-feature-settings:"pnum" on,"lnum" on,"smcp";
    color:var(--text-color);
    margin-top:8px
}
.page-downloads-product__content a:last-child:hover{
    color:#dbdbdb
}
.page-downloads .table .table-row{
    grid-template-columns:.5fr .5fr .15fr
}
.page-downloads .table .table-col:first-child p{
    font-weight:500;
    font-size:14px;
    line-height:20px;
    color:rgba(98,100,108,.48);
    margin-top:6px
}
.page-downloads .table .price{
    text-align:right
}
.page-downloads .table .price p:first-child{
    font-weight:600;
    font-size:16px;
    line-height:20px;
    letter-spacing:.02em;
    font-variant:small-caps;
    font-feature-settings:"pnum" on,"lnum" on,"smcp";
    color:#dbdbdb
}
.page-downloads .table .price p:first-child span{
    color:hsla(0,0%,85.9%,.48);
    font-size:14px
}
.page-downloads .table .price p:last-child{
    font-weight:600;
    font-size:14px;
    line-height:20px;
    color:var(--text-color);
    margin-top:6px
}
.page-downloads .table .download{
    width:51px;
    height:48px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:50%;
    border:2px solid hsla(0,0%,100%,.03);
    cursor:pointer;
    transition:.25s
}
.page-downloads .table .download path{
    transition:.25s
}
.page-downloads .table .download:hover path{
    fill-opacity:1
}

.page-purchases-product{
    display:grid;
    grid-template-columns:48px 1fr;
    grid-gap:18px;
    gap:18px;
    align-items:center
}
.page-purchases-product__image{
    width:48px;
    height:48px;
    border-radius:8px;
    background-size:cover;
    background-position:50%
}
.page-purchases-product__content a{
    display:block;
    text-decoration:none;
    transition:.25s
}
.page-purchases-product__content a:first-child{
    font-weight:600;
    font-size:16px;
    line-height:20px;
    letter-spacing:.02em;
    font-feature-settings:"pnum" on,"lnum" on;
    color:#dbdbdb
}
.page-purchases-product__content a:first-child:hover{
    color:#20ada3
}
.page-purchases-product__content a:last-child{
    font-weight:600;
    font-size:14px;
    line-height:20px;
    letter-spacing:.02em;
    font-variant:small-caps;
    font-feature-settings:"pnum" on,"lnum" on,"smcp";
    color:var(--text-color);
    margin-top:8px
}
.page-purchases-product__content a:last-child:hover{
    color:#dbdbdb
}
.page-purchases .table .table-row{
    grid-template-columns:.5fr .5fr .15fr
}
.page-purchases .table .table-col:first-child p{
    font-weight:500;
    font-size:14px;
    line-height:20px;
    color:rgba(98,100,108,.48);
    margin-top:6px
}
.page-purchases .table .price{
    text-align:right
}
.page-purchases .table .price p:first-child{
    font-weight:600;
    font-size:16px;
    line-height:20px;
    letter-spacing:.02em;
    font-variant:small-caps;
    font-feature-settings:"pnum" on,"lnum" on,"smcp";
    color:#dbdbdb
}
.page-purchases .table .price p:first-child span{
    color:hsla(0,0%,85.9%,.48);
    font-size:14px
}
.page-purchases .table .price p:last-child{
    font-weight:600;
    font-size:14px;
    line-height:20px;
    color:var(--text-color);
    margin-top:6px
}
.page-purchases .table .download{
    width:51px;
    height:48px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:50%;
    border:2px solid hsla(0,0%,100%,.03);
    cursor:pointer;
    transition:.25s
}
.page-purchases .table .download path{
    transition:.25s
}
.page-purchases .table .download:hover path{
    fill-opacity:1
}
.page-settings-row{
    padding:20px 0;
    border-bottom:1px solid hsla(0,0%,100%,.03)
}
.page-settings-row:first-child{
    border-top:1px solid hsla(0,0%,100%,.03)
}

.page-settings-row__label-div {
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    grid-gap:20px;
    gap:20px
}

.page-settings-row__label{
    font-weight:400;
    font-size:12px;
    line-height:24px;
    text-transform:uppercase;
    color:var(--text-color);
    margin-bottom:10px
}
.page-settings-row .input svg path{
    stroke:#95979f
}
.page-settings .input{
    height:56px
}

.page-profile {
    width: 100%;
    height: 64px;
}

.page-profile__all{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    grid-gap:20px;
    gap:20px
}

.page-profile__single{
    position:relative;
    display:flex;
    align-items:center
}

.page-profile .btn-large{
    background:hsla(0,0%,100%,.03);
    border-radius:8px;
    text-decoration:none;
    width:100%;
    height: 64px;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    font-weight:500;
    font-size:14px;
    grid-gap: 10px;
    line-height:24px;
    text-align:center;
    letter-spacing:.02em;
    text-transform:uppercase;
    font-feature-settings:"pnum" on,"lnum" on;
    color:#dbdbdb;
    transition:.25s;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}

.page-profile .btn-large:hover{
    background:hsla(0,0%,100%,.12);
}

.page-settings__email{
    position:relative;
    display:flex;
    align-items:center
}
.page-settings__email .input{
    width:100%
}
.page-settings__email-status{
    position:absolute;
    right:16px;
    font-weight:700;
    font-size:10px;
    line-height:12px;
    letter-spacing:.02em;
    text-transform:uppercase;
    font-feature-settings:"pnum" on,"lnum" on;
    padding:6px 12px;
    border-radius:100px;
    background:rgba(244,78,67,.04);
    color:#f44e43;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    pointer-events:none
}
.page-settings__email-status.confirmed{
    background:rgba(118,219,161,.04);
    color:#76dba1
}
.page-settings__email-confirm{
    display:grid;
    grid-template-columns:20px 1fr auto;
    align-items:center;
    grid-gap:12px;
    gap:12px;
    padding:12px;
    background:rgba(244,78,67,.04);
    border-radius:6px;
    margin-top:10px
}
.page-settings__email-confirm p{
    font-weight:500;
    font-size:12px;
    line-height:20px;
    letter-spacing:.012em;
    color:#f44e43
}
.page-settings__email-confirm button{
    background:transparent;
    font-weight:700;
    font-size:10px;
    line-height:20px;
    letter-spacing:.012em;
    color:#dbdbdb;
    text-transform:uppercase;
    cursor:pointer
}
.page-settings__password{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    grid-gap:20px;
    gap:20px
}
.page-settings__password .input{
    margin:0
}

.page-settings .btn-large{
    height:56px;
    margin-top:22px;
    background:hsla(0,0%,100%,.03);
    color: #dbdbdb;
    text-transform:none;
    font-weight:600;
    font-size:14px;
    line-height:24px;
    letter-spacing:.02em;
    font-feature-settings:"pnum" on,"lnum" on;
    transition:.25s
}

.page-settings .btn-large:hover{
    background:#2c2c2c;
}

.page-settings .danger:hover{
    background:#FF0000 !important;;
}

.page-terms__content p{
    font-weight:500;
    font-size:14px;
    line-height:24px;
    letter-spacing:.012em;
    color:var(--text-color)
}
.page-terms__content p span{
    color:#dbdbdb;
    font-size:16px
}
.page-ticket-chat__content{
    padding:0 30px;
    height:42.7vh;
    overflow-y:auto
}
.page-ticket-chat__content::-webkit-scrollbar{
    width:4px
}
.page-ticket-chat__content::-webkit-scrollbar-track{
    background:hsla(0,0%,100%,.03);
    border-radius:12px
}
.page-ticket-chat__content::-webkit-scrollbar-thumb{
    background:rgba(98,100,108,.48);
    border-radius:12px
}
.page-ticket-chat__attachments{
    margin-top:20px
}
.page-ticket-chat__attachments__item{
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:hsla(0,0%,100%,.03);
    border-radius:8px;
    padding:9px 8px
}
.page-ticket-chat__attachments__item:not(:first-child){
    margin-top:10px
}
.page-ticket-chat__attachments__item-content{
    display:grid;
    align-items:center;
    grid-template-columns:46px 1fr;
    grid-gap:16px;
    gap:16px
}
.page-ticket-chat__attachments__item-icon{
    width:46px;
    height:46px;
    background-size:cover;
    background-position:50%;
    border-radius:8px;
    display:flex;
    justify-content:center;
    align-items:center
}
.page-ticket-chat__attachments__item-name{
    font-weight:500;
    font-size:14px;
    line-height:24px;
    letter-spacing:.012em;
    color:#dbdbdb
}
.page-ticket-chat__attachments__item-delete{
    width:46px;
    height:46px;
    display:flex;
    justify-content:center;
    align-items:center;
    opacity:.48;
    transition:.25s;
    cursor:pointer
}
.page-ticket-chat__attachments__item-delete:hover{
    opacity:1
}
.page-ticket-chat__attachments__item-size{
    margin-top:4px;
    font-weight:700;
    font-size:12px;
    line-height:20px;
    letter-spacing:.012em;
    color:var(--text-color)
}
.page-ticket-chat__input{
    display:grid;
    grid-template-columns:1fr 104px;
    gap:50px;
    grid-gap:50px;
    align-items:center;
    background:#171b20;
    border-radius:8px;
    padding:18px 24px;
    transition:.25s
}
.page-ticket-chat__input_disabled{
    opacity:.48;
    pointer-events:none
}
.page-ticket-chat__input-container{
    margin-top:20px;
    padding-top:20px;
    border-top:1px solid hsla(0,0%,100%,.03)
}
.page-ticket-chat__input textarea{
    height:40px;
    background:transparent;
    color:#95979f;
    position:relative;
    resize:none
}
.page-ticket-chat__input textarea::-webkit-scrollbar{
    background:transparent;
    width:2px
}
.page-ticket-chat__input textarea::-webkit-scrollbar-thumb{
    border-radius:2px;
    background:hsla(0,0%,100%,.03)
}
.page-ticket-chat__input textarea::-moz-placeholder{
    font-weight:500;
    font-size:14px;
    line-height:40px;
    letter-spacing:.012em
}
.page-ticket-chat__input textarea:-ms-input-placeholder{
    font-weight:500;
    font-size:14px;
    line-height:40px;
    letter-spacing:.012em
}
.page-ticket-chat__input textarea,.page-ticket-chat__input textarea::placeholder{
    font-weight:500;
    font-size:14px;
    line-height:40px;
    letter-spacing:.012em
}
.page-ticket-chat__input textarea::-moz-placeholder{
    color:var(--text-color)
}
.page-ticket-chat__input textarea:-ms-input-placeholder{
    color:var(--text-color)
}
.page-ticket-chat__input textarea::placeholder{
    color:var(--text-color)
}
.page-ticket-chat__input__attachment{
    position:relative;
    cursor:pointer
}
.page-ticket-chat__input__attachment input{
    opacity:0;
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    cursor:pointer!important;
    z-index:1
}
.page-ticket-chat__input__attachment:hover path{
    stroke:#dbdbdb
}
.page-ticket-chat__input__attachment svg{
    cursor:pointer
}
.page-ticket-chat__input__attachment svg path{
    fill:none!important;
    stroke:hsla(0,0%,85.9%,.48)
}
.page-ticket-chat__input__buttons{
    position:relative;
    display:grid;
    grid-template-columns:repeat(2,40px);
    grid-gap:24px;
    gap:24px;
    align-items:center
}
.page-ticket-chat__input__buttons:before{
    content:"";
    position:absolute;
    width:1px;
    height:24px;
    background:hsla(0,0%,100%,.03);
    left:-24px
}
.page-ticket-chat__input__buttons button{
    width:40px;
    height:40px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    background:transparent;
    transition:.25s;
    cursor:pointer
}
.page-ticket-chat__input__buttons button path{
    fill:hsla(0,0%,85.9%,.48);
    transition:.25s
}
.page-ticket-chat__input__buttons button:hover{
    background:#20ada3
}
.page-ticket-chat__input__buttons button:hover path{
    fill:#dbdbdb
}
.page-ticket-chat__problems:not(:first-child){
    margin-top:30px
}
.page-ticket-chat__problems-label{
    font-weight:500;
    font-size:12px;
    line-height:24px;
    text-transform:uppercase;
    color:var(--text-color);
    margin-bottom:10px
}
.page-ticket-chat__problems-container{
    display:flex;
    gap:10px;
    grid-gap:10px;
    flex-wrap:wrap
}
.page-ticket-chat__problems-item{
    padding:12px 18px;
    border-radius:100px;
    border:2px solid hsla(0,0%,100%,.03);
    font-weight:600;
    font-size:13px;
    line-height:13px;
    letter-spacing:.012em;
    font-feature-settings:"pnum" on,"lnum" on;
    color:#95979f;
    transition:.25s;
    white-space:nowrap;
    cursor:pointer
}
.page-ticket-chat__problems-item:hover{
    border:2px solid hsla(0,0%,100%,.1);
    color:#fff
}
.page-ticket-chat__to-admin{
    margin-top:32px;
    width:100%
}
.page-ticket-chat-message:not(:first-child){
    margin-top:10px
}
.page-ticket-chat-message__container{
    display:flex
}
.page-ticket-chat-message__avatar{
    display:flex;
    align-items:center
}
.page-ticket-chat-message__avatar .user-avatar{
    margin-bottom:18px
}
.page-ticket-chat-message__attachments{
    margin:6px 16px
}
.page-ticket-chat-message__attachments-files{
    display:grid;
    justify-content:flex-end
}
.page-ticket-chat-message__attachments-file{
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:hsla(0,0%,100%,.03);
    border-radius:8px;
    padding:9px 8px;
    width:318px;
    box-sizing:border-box;
    margin-top:6px
}
.page-ticket-chat-message__attachments-file__content{
    display:flex;
    align-items:center
}
.page-ticket-chat-message__attachments-file__data{
    margin-left:16px
}
.page-ticket-chat-message__attachments-file__name{
    font-weight:500;
    font-size:14px;
    line-height:24px;
    letter-spacing:.012em;
    color:#dbdbdb
}
.page-ticket-chat-message__attachments-file__size{
    font-weight:700;
    font-size:12px;
    line-height:20px;
    letter-spacing:.012em;
    color:var(--text-color);
    margin-top:4px
}
.page-ticket-chat-message__attachments-file__action{
    width:46px;
    height:46px;
    display:flex;
    justify-content:center;
    align-items:center;
    cursor:pointer
}
.page-ticket-chat-message__attachments-file__action path{
    transition:.25s
}
.page-ticket-chat-message__attachments-file__action:hover path{
    fill-opacity:1
}
.page-ticket-chat-message__attachments-file__icon{
    width:46px;
    height:46px;
    display:flex;
    justify-content:center;
    align-items:center
}
.page-ticket-chat-message__attachments-image{
    background-size:cover;
    background-position:50%;
    width:154px;
    height:88px;
    border-radius:8px;
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    cursor:pointer
}
.page-ticket-chat-message__attachments-image__icon{
    width:44px;
    height:44px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    background:rgba(12,202,188,.48);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    position:relative;
    z-index:1
}
.page-ticket-chat-message__attachments-image:after{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    border-radius:8px;
    background:linear-gradient(180deg,rgba(103,122,178,.4),rgba(14,200,188,.4))
}
.page-ticket-chat-message__attachments-image:after,.page-ticket-chat-message__attachments-image__icon{
    opacity:0;
    transition:.25s
}
.page-ticket-chat-message__attachments-image:hover:after,.page-ticket-chat-message__attachments-image:hover div{
    opacity:1
}
.page-ticket-chat-message__attachments-images{
    display:flex;
    justify-content:flex-end;
    flex-wrap:wrap;
    grid-gap:7px;
    gap:7px
}
.page-ticket-chat-message__text{
    margin:0 16px;
    padding:12px;
    border-radius:12px;
    background:hsla(0,0%,100%,.03)
}
.page-ticket-chat-message__text-container{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    position:relative
}
.page-ticket-chat-message__text a,.page-ticket-chat-message__text p{
    font-weight:500;
    font-size:14px;
    line-height:24px;
    letter-spacing:.012em;
    font-feature-settings:"pnum" on,"lnum" on;
    color:#95979f
}
.page-ticket-chat-message__time{
    font-weight:600;
    font-size:10px;
    line-height:12px;
    letter-spacing:.02em;
    font-feature-settings:"pnum" on,"lnum" on;
    color:var(--text-color);
    margin-top:6px;
    display:flex;
    justify-content:flex-end;
    padding:0 16px
}
.page-ticket-chat-message_myself .page-ticket-chat-message__container{
    flex-direction:row-reverse
}
.page-ticket-chat-message_myself .page-ticket-chat-message__text{
    background:#20ada3
}
.page-ticket-chat-message_myself .page-ticket-chat-message__text a,.page-ticket-chat-message_myself .page-ticket-chat-message__text p{
    color:var(--primary-color)
}
.page-ticket-chat-message_myself .page-ticket-chat-message__text-container{
    flex-direction:row-reverse
}
.page-ticket-chat-message__links-item{
    background:hsla(0,0%,100%,.03);
    border-radius:8px;
    font-weight:500;
    font-size:13px;
    line-height:20px;
    letter-spacing:.012em;
    display:flex;
    justify-content:flex-start;
    align-items:center;
    padding:8px;
    color:hsla(0,0%,89.8%,.48);
    cursor:pointer;
    transition:.25s;
    text-decoration:none
}
.page-ticket-chat-message__links-item__container{
    display:flex;
    margin-top:12px
}
.page-ticket-chat-message__links-item:hover{
    color:#dbdbdb
}
.page-ticket-chat-message__links-item svg{
    width:24px;
    height:24px;
    opacity:.48;
    margin-left:8px
}
.page-ticket-chat-message__links-item svg path{
    fill:#dbdbdb
}
.page-ticket-chat-message__translate{
    position:absolute;
    margin-right:-10px;
    cursor:pointer;
    opacity:0;
    transition:.25s
}
.page-ticket-chat-message__translate path{
    fill:#95979f;
    transition:.25s
}
.page-ticket-chat-message__translate:hover path{
    fill:#fff
}
.page-ticket-chat-message_myself .page-ticket-chat-message__translate{
    margin-left:-10px
}
.page-ticket-chat-message:hover .page-ticket-chat-message__translate{
    opacity:1
}
.page-ticket-modal{
    position:relative;
    z-index:1;
    background:rgba(23,27,32,.88);
    border:1px solid hsla(0,0%,100%,.03);
    -webkit-backdrop-filter:blur(48px);
    backdrop-filter:blur(48px);
    border-radius:12px;
    display:flex;
    width:500px
}
.page-ticket-modal .btn{
    margin-top:30px;
    width:100%
}
.page-ticket-modal__container{
    position:fixed;
    display:flex;
    justify-content:center;
    align-items:center;
    width:100vw;
    height:100vh;
    z-index:9999;
    left:0;
    top:0
}
.page-ticket-modal__overlay{
    position:absolute;
    background:rgba(17,19,23,.9);
    left:0;
    top:0;
    width:100%;
    height:100%
}
.page-ticket-modal__content{
    padding:30px;
    width:100%;
    box-sizing:border-box
}
.page-ticket-modal__title{
    border-bottom:1px solid hsla(0,0%,100%,.03);
    padding-bottom:30px;
    margin-bottom:30px;
    text-align:center
}
.page-ticket-modal__title p{
    font-weight:700;
    font-size:12px;
    line-height:20px;
    letter-spacing:.02em;
    font-variant:small-caps;
    font-feature-settings:"pnum" on,"lnum" on,"smcp";
    color:var(--text-color);
    text-transform:uppercase
}
.page-ticket-modal__title h3{
    margin-top:10px;
    font-weight:700;
    font-size:24px;
    line-height:29px;
    letter-spacing:.02em;
    font-feature-settings:"pnum" on,"lnum" on;
    color:#dbdbdb
}
.page-ticket-modal__title img{
    width:204px;
    margin-top:10px;
    margin-left:40px
}
.page-ticket{
    padding:30px;
    background:rgba(23,27,32,.68);
    border-radius:12px
}
.page-ticket__header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding-bottom:20px;
    border-bottom:1px solid hsla(0,0%,100%,.03);
    margin-bottom:20px
}
.page-ticket__header p{
    font-weight:700;
    font-size:14px;
    line-height:20px;
    letter-spacing:.012em;
    font-variant:small-caps;
    font-feature-settings:"pnum" on,"lnum" on,"smcp";
    color:var(--text-color);
    margin-bottom:10px
}
.page-ticket__header h1{
    font-weight:700;
    font-size:24px;
    line-height:32px;
    letter-spacing:.012em;
    font-feature-settings:"pnum" on,"lnum" on;
    color:#dbdbdb
}
.page-ticket__header-status{
    padding:8px 16px;
    background:rgba(45,156,219,.06);
    border-radius:100px;
    font-weight:600;
    font-size:10px;
    line-height:14px;
    letter-spacing:.02em;
    text-transform:uppercase;
    font-feature-settings:"pnum" on,"lnum" on;
    color:#2d9cdb
}
.ticket__controls{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:16px
}
.ticket-status{
    padding:8px 16px;
    border-radius:100px;
    font-weight:600;
    font-size:10px;
    line-height:14px;
    letter-spacing:.02em;
    text-transform:uppercase;
    font-feature-settings:"pnum" on,"lnum" on;
    color:#2d9cdb;
    background:rgba(45,156,219,.06);
    display:inline-block
}
.ticket-status_solved{
    background:rgba(118,219,161,.04);
    color:#76dba1
}
@media screen and (max-width:500px){
    .page-ticket{
        padding:30px 15px
    }
    .page-ticket-chat__problems-item{
        white-space:unset;
        line-height:120%
    }
    .page-ticket-chat__input{
        grid-template-columns:1fr 94px
    }
    .page-ticket-chat__input__buttons{
        grid-template-columns:repeat(2,30px)
    }
    .page-ticket-chat__input__buttons svg{
        width:30px;
        height:30px
    }
    .page-ticket-chat__input__buttons button:last-child svg{
        width:15px;
        height:15px
    }
}
.page-tickets .table .table-row{
    grid-template-columns:.2fr .2fr .15fr
}
.page-tickets .table-row{
    transition-duration:.25s;
    cursor:pointer
}
.page-tickets .table-row:hover{
    background:hsla(0,0%,100%,.01)
}
.page-tickets .theme{
    font-weight:600;
    font-size:14px;
    line-height:24px;
    letter-spacing:.02em;
    font-feature-settings:"pnum" on,"lnum" on;
    color:#dbdbdb
}
.admin-avatars__list{
    display:grid;
    grid-template-columns:repeat(auto-fill,250px);
    grid-gap:15px;
    gap:15px
}
.admin-avatars__list-card{
    display:block;
    width:250px;
    height:250px;
    background-size:cover;
    background-position:50%
}
.admin-form__checkbox{
    display:flex;
    grid-gap:10px;
    gap:10px;
    align-items:center;
    margin-top:20px
}
.admin-form__checkbox p{
    color:#95979f;
    font-size:14px
}
.admin-form__button{
    margin-top:30px;
    display:flex;
    justify-content:flex-end;
    align-items:center
}
.admin-form__file{
    margin-top:20px
}
.admin-form__file p{
    font-size:13px;
    color:#95979f;
    font-weight:500;
    margin-bottom:10px
}
.admin-form__file input,.admin-form__file p{
    display:block;
    width:100%
}
.admin-form__file img{
    max-width:50%;
    max-height:300px;
    margin-top:10px
}
.admin-form__errors{
    margin-bottom:20px
}
.admin-form__errors p{
    color:red;
    font-size:15px;
    font-weight:500;
    line-height:25px
}
.admin-form__label{
    margin-top:20px;
    color:#95979f;
    font-size:15px;
    font-weight:500
}
.admin-form__inline .btn{
    width:100%;
    margin-top:20px
}
.admin-form__inline-item__delete{
    display:flex;
    justify-content:flex-end;
    margin-top:10px
}
.admin-form__inline-item__delete button{
    background:transparent;
    color:red;
    cursor:pointer
}
.admin-form__inline-item__delete button:hover{
    text-decoration:underline
}
.admin-form__sortable{
    margin-top:12px
}
.admin-form__sortable-item{
    padding:16px;
    background:hsla(0,0%,100%,.03);
    border-radius:8px;
    color:#95979f;
    font-size:14px;
    cursor:move;
    margin-top:5px
}
.admin-container{
    margin-top:30px
}
.admin-container .tab{
    min-width:auto;
    padding:0 15px
}
.admin-container .tab-container{
    height:60px
}
.admin-container .tab:before{
    width:100%
}
.admin-content{
    margin-top:40px
}
.admin-content .table-content{
    max-height:60vh
}
.admin-content .input{
    grid-template-columns:1fr
}
.admin-content .input-icon{
    display:none
}
.admin-content .table-row{
    transition-duration:.25s;
    cursor:pointer
}
.admin-content .table-row:hover{
    background:hsla(0,0%,100%,.01)
}
.admin-action{
    text-decoration:none;
    display:block;
    margin-bottom:30px;
    background:#171b20;
    padding:20px 0;
    text-align:center;
    border-radius:8px;
    color:#95979f;
    font-weight:600;
    cursor:pointer;
    transition:.25s
}
.admin-action:hover{
    color:#dbdbdb
}
.admin-users__pagination{
    margin-top:16px
}
.admin-users__pagination .btn{
    width:100%
}
.admin-contacts .table-row{
    grid-template-columns:.5fr repeat(4,1fr);
    cursor:pointer
}
.admin-contacts .table-row .table-col{
    color:#dbdbdb
}
.admin-contacts .table-row.table-head .table-col{
    color:var(--text-color)
}
.admin-contacts .table-row.table-head{
    cursor:auto
}
.admin-requirements .table-row{
    grid-template-columns:.5fr repeat(3,1fr)
}
.admin-promo-codes__products{
    display:flex;
    gap:16px;
    grid-gap:16px;
    flex-wrap:wrap;
    background:hsla(0,0%,100%,.01);
    margin-top:16px;
    padding:16px;
    border-radius:8px
}
.admin-promo-codes__products .input-select{
    margin:0
}
.admin-promos__search{
    display:grid;
    grid-template-columns:1fr 70px;
    grid-gap:10px;
    gap:10px;
    margin-bottom:30px
}
.admin-promos__search svg path{
    stroke:none;
    fill:#fff
}
 .Vue-Toastification__container{
    z-index:9999;
    position:fixed;
    padding:4px;
    width:600px;
    box-sizing:border-box;
    display:flex;
    min-height:100%;
    color:#fff;
    flex-direction:column;
    pointer-events:none
}

@media only screen and (min-width:600px){
    .Vue-Toastification__container.top-center,.Vue-Toastification__container.top-left,.Vue-Toastification__container.top-right{
        top:1em
    }
    .Vue-Toastification__container.bottom-center,.Vue-Toastification__container.bottom-left,.Vue-Toastification__container.bottom-right{
        bottom:1em;
        flex-direction:column-reverse
    }
    .Vue-Toastification__container.bottom-left,.Vue-Toastification__container.top-left{
        left:1em
    }
    .Vue-Toastification__container.bottom-left .Vue-Toastification__toast,.Vue-Toastification__container.top-left .Vue-Toastification__toast{
        margin-right:auto
    }
    @supports not (-moz-appearance:none){
        .Vue-Toastification__container.bottom-left .Vue-Toastification__toast--rtl,.Vue-Toastification__container.top-left .Vue-Toastification__toast--rtl{
            margin-right:unset;
            margin-left:auto
        }
    }
    .Vue-Toastification__container.bottom-right,.Vue-Toastification__container.top-right{
        right:1em
    }
    .Vue-Toastification__container.bottom-right .Vue-Toastification__toast,.Vue-Toastification__container.top-right .Vue-Toastification__toast{
        margin-left:auto
    }
    @supports not (-moz-appearance:none){
        .Vue-Toastification__container.bottom-right .Vue-Toastification__toast--rtl,.Vue-Toastification__container.top-right .Vue-Toastification__toast--rtl{
            margin-left:unset;
            margin-right:auto
        }
    }
    .Vue-Toastification__container.bottom-center,.Vue-Toastification__container.top-center{
        left:50%;
        margin-left:-300px
    }
    .Vue-Toastification__container.bottom-center .Vue-Toastification__toast,.Vue-Toastification__container.top-center .Vue-Toastification__toast{
        margin-left:auto;
        margin-right:auto
    }
}
@media only screen and (max-width:600px){
    .Vue-Toastification__container{
        width:100vw;
        padding:0;
        left:0;
        margin:0
    }
    .Vue-Toastification__container .Vue-Toastification__toast{
        width:100%
    }
    .Vue-Toastification__container.top-center,.Vue-Toastification__container.top-left,.Vue-Toastification__container.top-right{
        top:0
    }
    .Vue-Toastification__container.bottom-center,.Vue-Toastification__container.bottom-left,.Vue-Toastification__container.bottom-right{
        bottom:0;
        flex-direction:column-reverse
    }
}
div.Vue-Toastification__toast{
    display:inline-flex;
    max-height:800px;
    min-height:64px;
    box-sizing:border-box;
    margin-bottom:1rem;
    padding:22px 24px;
    border-radius:8px;
    box-shadow:0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,.05);
    justify-content:space-between;
    font-family:"Lato",Helvetica,"Roboto",Arial,sans-serif;
    max-width:600px;
    min-width:326px;
    pointer-events:auto;
    overflow:hidden;
    transform:translateZ(0);
    direction:ltr;
    border: 50%;
}
div.Vue-Toastification__toast--rtl{
    direction:rtl
}
div.Vue-Toastification__toast--default{
    background-color:#1976d2;
    color:#fff
}
div.Vue-Toastification__toast--info{
    background-color:#2196f3;
    color:#fff
}
div.Vue-Toastification__toast--success{
    background-color:#4caf50;
    color:#fff
}
div.Vue-Toastification__toast--error{
    background-color:#ff5252;
    color:#fff
}
div.Vue-Toastification__toast--warning{
    background-color:#ffc107;
    color:#fff
}
@media only screen and (max-width:600px){
    .Vue-Toastification__toast{
        border-radius:0;
        margin-bottom:.5rem
    }
}
.Vue-Toastification__toast-body{
    flex:1;
    line-height:24px;
    font-size:16px;
    word-break:break-word;
    white-space:pre-wrap
}
.Vue-Toastification__toast-component-body{
    flex:1
}
.Vue-Toastification__toast.disable-transition{
    transition:none!important;
    -webkit-animation:none!important;
    animation:none!important
}
.Vue-Toastification__close-button{
    font-weight:700;
    font-size:24px;
    line-height:24px;
    background:transparent;
    outline:none;
    border:none;
    padding:0 0 0 10px;
    cursor:pointer;
    transition:.3s ease;
    align-items:center;
    color:#fff;
    opacity:.3;
    transition:visibility 0s,opacity .2s linear
}
.Vue-Toastification__close-button:focus,.Vue-Toastification__close-button:hover{
    opacity:1
}
.Vue-Toastification__toast:not(:hover) .Vue-Toastification__close-button.show-on-hover{
    opacity:0
}
.Vue-Toastification__toast--rtl .Vue-Toastification__close-button{
    padding-left:unset;
    padding-right:10px
}
@-webkit-keyframes scale-x-frames{
    0%{
        transform:scaleX(1)
    }
    to{
        transform:scaleX(0)
    }
}
@keyframes scale-x-frames{
    0%{
        transform:scaleX(1)
    }
    to{
        transform:scaleX(0)
    }
}
.Vue-Toastification__progress-bar{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:5px;
    z-index:10000;
    background-color:hsla(0,0%,100%,.7);
    transform-origin:left;
    -webkit-animation:scale-x-frames linear 1 forwards;
    animation:scale-x-frames linear 1 forwards
}
.Vue-Toastification__toast--rtl .Vue-Toastification__progress-bar{
    right:0;
    left:unset;
    transform-origin:right
}
.Vue-Toastification__icon{
    margin:auto 18px auto 0;
    background:transparent;
    outline:none;
    border:none;
    padding:0;
    transition:.3s ease;
    align-items:center;
    width:20px;
    height:100%
}
.Vue-Toastification__toast--rtl .Vue-Toastification__icon{
    margin:auto 0 auto 18px
}
@-webkit-keyframes bounceInRight{
    0%,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        transform:translate3d(3000px,0,0)
    }
    60%{
        opacity:1;
        transform:translate3d(-25px,0,0)
    }
    75%{
        transform:translate3d(10px,0,0)
    }
    90%{
        transform:translate3d(-5px,0,0)
    }
    to{
        transform:none
    }
}
@keyframes bounceInRight{
    0%,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        transform:translate3d(3000px,0,0)
    }
    60%{
        opacity:1;
        transform:translate3d(-25px,0,0)
    }
    75%{
        transform:translate3d(10px,0,0)
    }
    90%{
        transform:translate3d(-5px,0,0)
    }
    to{
        transform:none
    }
}
@-webkit-keyframes bounceOutRight{
    40%{
        opacity:1;
        transform:translate3d(-20px,0,0)
    }
    to{
        opacity:0;
        transform:translate3d(1000px,0,0)
    }
}
@keyframes bounceOutRight{
    40%{
        opacity:1;
        transform:translate3d(-20px,0,0)
    }
    to{
        opacity:0;
        transform:translate3d(1000px,0,0)
    }
}
@-webkit-keyframes bounceInLeft{
    0%,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        transform:translate3d(-3000px,0,0)
    }
    60%{
        opacity:1;
        transform:translate3d(25px,0,0)
    }
    75%{
        transform:translate3d(-10px,0,0)
    }
    90%{
        transform:translate3d(5px,0,0)
    }
    to{
        transform:none
    }
}
@keyframes bounceInLeft{
    0%,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        transform:translate3d(-3000px,0,0)
    }
    60%{
        opacity:1;
        transform:translate3d(25px,0,0)
    }
    75%{
        transform:translate3d(-10px,0,0)
    }
    90%{
        transform:translate3d(5px,0,0)
    }
    to{
        transform:none
    }
}
@-webkit-keyframes bounceOutLeft{
    20%{
        opacity:1;
        transform:translate3d(20px,0,0)
    }
    to{
        opacity:0;
        transform:translate3d(-2000px,0,0)
    }
}
@keyframes bounceOutLeft{
    20%{
        opacity:1;
        transform:translate3d(20px,0,0)
    }
    to{
        opacity:0;
        transform:translate3d(-2000px,0,0)
    }
}
@-webkit-keyframes bounceInUp{
    0%,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        transform:translate3d(0,3000px,0)
    }
    60%{
        opacity:1;
        transform:translate3d(0,-20px,0)
    }
    75%{
        transform:translate3d(0,10px,0)
    }
    90%{
        transform:translate3d(0,-5px,0)
    }
    to{
        transform:translateZ(0)
    }
}
@keyframes bounceInUp{
    0%,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        transform:translate3d(0,3000px,0)
    }
    60%{
        opacity:1;
        transform:translate3d(0,-20px,0)
    }
    75%{
        transform:translate3d(0,10px,0)
    }
    90%{
        transform:translate3d(0,-5px,0)
    }
    to{
        transform:translateZ(0)
    }
}
@-webkit-keyframes bounceOutUp{
    20%{
        transform:translate3d(0,-10px,0)
    }
    40%,45%{
        opacity:1;
        transform:translate3d(0,20px,0)
    }
    to{
        opacity:0;
        transform:translate3d(0,-2000px,0)
    }
}
@keyframes bounceOutUp{
    20%{
        transform:translate3d(0,-10px,0)
    }
    40%,45%{
        opacity:1;
        transform:translate3d(0,20px,0)
    }
    to{
        opacity:0;
        transform:translate3d(0,-2000px,0)
    }
}
@-webkit-keyframes bounceInDown{
    0%,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        transform:translate3d(0,-3000px,0)
    }
    60%{
        opacity:1;
        transform:translate3d(0,25px,0)
    }
    75%{
        transform:translate3d(0,-10px,0)
    }
    90%{
        transform:translate3d(0,5px,0)
    }
    to{
        transform:none
    }
}
@keyframes bounceInDown{
    0%,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        transform:translate3d(0,-3000px,0)
    }
    60%{
        opacity:1;
        transform:translate3d(0,25px,0)
    }
    75%{
        transform:translate3d(0,-10px,0)
    }
    90%{
        transform:translate3d(0,5px,0)
    }
    to{
        transform:none
    }
}
@-webkit-keyframes bounceOutDown{
    20%{
        transform:translate3d(0,10px,0)
    }
    40%,45%{
        opacity:1;
        transform:translate3d(0,-20px,0)
    }
    to{
        opacity:0;
        transform:translate3d(0,2000px,0)
    }
}
@keyframes bounceOutDown{
    20%{
        transform:translate3d(0,10px,0)
    }
    40%,45%{
        opacity:1;
        transform:translate3d(0,-20px,0)
    }
    to{
        opacity:0;
        transform:translate3d(0,2000px,0)
    }
}
.Vue-Toastification__bounce-enter-active.bottom-left,.Vue-Toastification__bounce-enter-active.top-left{
    -webkit-animation-name:bounceInLeft;
    animation-name:bounceInLeft
}
.Vue-Toastification__bounce-enter-active.bottom-right,.Vue-Toastification__bounce-enter-active.top-right{
    -webkit-animation-name:bounceInRight;
    animation-name:bounceInRight
}
.Vue-Toastification__bounce-enter-active.top-center{
    -webkit-animation-name:bounceInDown;
    animation-name:bounceInDown
}
.Vue-Toastification__bounce-enter-active.bottom-center{
    -webkit-animation-name:bounceInUp;
    animation-name:bounceInUp
}
.Vue-Toastification__bounce-leave-active.bottom-left,.Vue-Toastification__bounce-leave-active.top-left{
    -webkit-animation-name:bounceOutLeft;
    animation-name:bounceOutLeft
}
.Vue-Toastification__bounce-leave-active.bottom-right,.Vue-Toastification__bounce-leave-active.top-right{
    -webkit-animation-name:bounceOutRight;
    animation-name:bounceOutRight
}
.Vue-Toastification__bounce-leave-active.top-center{
    -webkit-animation-name:bounceOutUp;
    animation-name:bounceOutUp
}
.Vue-Toastification__bounce-leave-active.bottom-center{
    -webkit-animation-name:bounceOutDown;
    animation-name:bounceOutDown
}
.Vue-Toastification__bounce-move{
    transition-timing-function:ease-in-out;
    transition-property:all;
    transition-duration:.4s
}
@-webkit-keyframes fadeOutTop{
    0%{
        transform:translateY(0);
        opacity:1
    }
    to{
        transform:translateY(-50px);
        opacity:0
    }
}
@keyframes fadeOutTop{
    0%{
        transform:translateY(0);
        opacity:1
    }
    to{
        transform:translateY(-50px);
        opacity:0
    }
}
@-webkit-keyframes fadeOutLeft{
    0%{
        transform:translateX(0);
        opacity:1
    }
    to{
        transform:translateX(-50px);
        opacity:0
    }
}
@keyframes fadeOutLeft{
    0%{
        transform:translateX(0);
        opacity:1
    }
    to{
        transform:translateX(-50px);
        opacity:0
    }
}
@-webkit-keyframes fadeOutBottom{
    0%{
        transform:translateY(0);
        opacity:1
    }
    to{
        transform:translateY(50px);
        opacity:0
    }
}
@keyframes fadeOutBottom{
    0%{
        transform:translateY(0);
        opacity:1
    }
    to{
        transform:translateY(50px);
        opacity:0
    }
}
@-webkit-keyframes fadeOutRight{
    0%{
        transform:translateX(0);
        opacity:1
    }
    to{
        transform:translateX(50px);
        opacity:0
    }
}
@keyframes fadeOutRight{
    0%{
        transform:translateX(0);
        opacity:1
    }
    to{
        transform:translateX(50px);
        opacity:0
    }
}
@-webkit-keyframes fadeInLeft{
    0%{
        transform:translateX(-50px);
        opacity:0
    }
    to{
        transform:translateX(0);
        opacity:1
    }
}
@keyframes fadeInLeft{
    0%{
        transform:translateX(-50px);
        opacity:0
    }
    to{
        transform:translateX(0);
        opacity:1
    }
}
@-webkit-keyframes fadeInRight{
    0%{
        transform:translateX(50px);
        opacity:0
    }
    to{
        transform:translateX(0);
        opacity:1
    }
}
@keyframes fadeInRight{
    0%{
        transform:translateX(50px);
        opacity:0
    }
    to{
        transform:translateX(0);
        opacity:1
    }
}
@-webkit-keyframes fadeInTop{
    0%{
        transform:translateY(-50px);
        opacity:0
    }
    to{
        transform:translateY(0);
        opacity:1
    }
}
@keyframes fadeInTop{
    0%{
        transform:translateY(-50px);
        opacity:0
    }
    to{
        transform:translateY(0);
        opacity:1
    }
}
@-webkit-keyframes fadeInBottom{
    0%{
        transform:translateY(50px);
        opacity:0
    }
    to{
        transform:translateY(0);
        opacity:1
    }
}
@keyframes fadeInBottom{
    0%{
        transform:translateY(50px);
        opacity:0
    }
    to{
        transform:translateY(0);
        opacity:1
    }
}
.Vue-Toastification__fade-enter-active.bottom-left,.Vue-Toastification__fade-enter-active.top-left{
    -webkit-animation-name:fadeInLeft;
    animation-name:fadeInLeft
}
.Vue-Toastification__fade-enter-active.bottom-right,.Vue-Toastification__fade-enter-active.top-right{
    -webkit-animation-name:fadeInRight;
    animation-name:fadeInRight
}
.Vue-Toastification__fade-enter-active.top-center{
    -webkit-animation-name:fadeInTop;
    animation-name:fadeInTop
}
.Vue-Toastification__fade-enter-active.bottom-center{
    -webkit-animation-name:fadeInBottom;
    animation-name:fadeInBottom
}
.Vue-Toastification__fade-leave-active.bottom-left,.Vue-Toastification__fade-leave-active.top-left{
    -webkit-animation-name:fadeOutLeft;
    animation-name:fadeOutLeft
}
.Vue-Toastification__fade-leave-active.bottom-right,.Vue-Toastification__fade-leave-active.top-right{
    -webkit-animation-name:fadeOutRight;
    animation-name:fadeOutRight
}
.Vue-Toastification__fade-leave-active.top-center{
    -webkit-animation-name:fadeOutTop;
    animation-name:fadeOutTop
}
.Vue-Toastification__fade-leave-active.bottom-center{
    -webkit-animation-name:fadeOutBottom;
    animation-name:fadeOutBottom
}
.Vue-Toastification__fade-move{
    transition-timing-function:ease-in-out;
    transition-property:all;
    transition-duration:.4s
}
@-webkit-keyframes slideInBlurredLeft{
    0%{
        transform:translateX(-1000px) scaleX(2.5) scaleY(.2);
        transform-origin:100% 50%;
        filter:blur(40px);
        opacity:0
    }
    to{
        transform:translateX(0) scaleY(1) scaleX(1);
        transform-origin:50% 50%;
        filter:blur(0);
        opacity:1
    }
}
@keyframes slideInBlurredLeft{
    0%{
        transform:translateX(-1000px) scaleX(2.5) scaleY(.2);
        transform-origin:100% 50%;
        filter:blur(40px);
        opacity:0
    }
    to{
        transform:translateX(0) scaleY(1) scaleX(1);
        transform-origin:50% 50%;
        filter:blur(0);
        opacity:1
    }
}
@-webkit-keyframes slideInBlurredTop{
    0%{
        transform:translateY(-1000px) scaleY(2.5) scaleX(.2);
        transform-origin:50% 0;
        filter:blur(240px);
        opacity:0
    }
    to{
        transform:translateY(0) scaleY(1) scaleX(1);
        transform-origin:50% 50%;
        filter:blur(0);
        opacity:1
    }
}
@keyframes slideInBlurredTop{
    0%{
        transform:translateY(-1000px) scaleY(2.5) scaleX(.2);
        transform-origin:50% 0;
        filter:blur(240px);
        opacity:0
    }
    to{
        transform:translateY(0) scaleY(1) scaleX(1);
        transform-origin:50% 50%;
        filter:blur(0);
        opacity:1
    }
}
@-webkit-keyframes slideInBlurredRight{
    0%{
        transform:translateX(1000px) scaleX(2.5) scaleY(.2);
        transform-origin:0 50%;
        filter:blur(40px);
        opacity:0
    }
    to{
        transform:translateX(0) scaleY(1) scaleX(1);
        transform-origin:50% 50%;
        filter:blur(0);
        opacity:1
    }
}
@keyframes slideInBlurredRight{
    0%{
        transform:translateX(1000px) scaleX(2.5) scaleY(.2);
        transform-origin:0 50%;
        filter:blur(40px);
        opacity:0
    }
    to{
        transform:translateX(0) scaleY(1) scaleX(1);
        transform-origin:50% 50%;
        filter:blur(0);
        opacity:1
    }
}
@-webkit-keyframes slideInBlurredBottom{
    0%{
        transform:translateY(1000px) scaleY(2.5) scaleX(.2);
        transform-origin:50% 100%;
        filter:blur(240px);
        opacity:0
    }
    to{
        transform:translateY(0) scaleY(1) scaleX(1);
        transform-origin:50% 50%;
        filter:blur(0);
        opacity:1
    }
}
@keyframes slideInBlurredBottom{
    0%{
        transform:translateY(1000px) scaleY(2.5) scaleX(.2);
        transform-origin:50% 100%;
        filter:blur(240px);
        opacity:0
    }
    to{
        transform:translateY(0) scaleY(1) scaleX(1);
        transform-origin:50% 50%;
        filter:blur(0);
        opacity:1
    }
}
@-webkit-keyframes slideOutBlurredTop{
    0%{
        transform:translateY(0) scaleY(1) scaleX(1);
        transform-origin:50% 0;
        filter:blur(0);
        opacity:1
    }
    to{
        transform:translateY(-1000px) scaleY(2) scaleX(.2);
        transform-origin:50% 0;
        filter:blur(240px);
        opacity:0
    }
}
@keyframes slideOutBlurredTop{
    0%{
        transform:translateY(0) scaleY(1) scaleX(1);
        transform-origin:50% 0;
        filter:blur(0);
        opacity:1
    }
    to{
        transform:translateY(-1000px) scaleY(2) scaleX(.2);
        transform-origin:50% 0;
        filter:blur(240px);
        opacity:0
    }
}
@-webkit-keyframes slideOutBlurredBottom{
    0%{
        transform:translateY(0) scaleY(1) scaleX(1);
        transform-origin:50% 50%;
        filter:blur(0);
        opacity:1
    }
    to{
        transform:translateY(1000px) scaleY(2) scaleX(.2);
        transform-origin:50% 100%;
        filter:blur(240px);
        opacity:0
    }
}
@keyframes slideOutBlurredBottom{
    0%{
        transform:translateY(0) scaleY(1) scaleX(1);
        transform-origin:50% 50%;
        filter:blur(0);
        opacity:1
    }
    to{
        transform:translateY(1000px) scaleY(2) scaleX(.2);
        transform-origin:50% 100%;
        filter:blur(240px);
        opacity:0
    }
}
@-webkit-keyframes slideOutBlurredLeft{
    0%{
        transform:translateX(0) scaleY(1) scaleX(1);
        transform-origin:50% 50%;
        filter:blur(0);
        opacity:1
    }
    to{
        transform:translateX(-1000px) scaleX(2) scaleY(.2);
        transform-origin:100% 50%;
        filter:blur(40px);
        opacity:0
    }
}
@keyframes slideOutBlurredLeft{
    0%{
        transform:translateX(0) scaleY(1) scaleX(1);
        transform-origin:50% 50%;
        filter:blur(0);
        opacity:1
    }
    to{
        transform:translateX(-1000px) scaleX(2) scaleY(.2);
        transform-origin:100% 50%;
        filter:blur(40px);
        opacity:0
    }
}
@-webkit-keyframes slideOutBlurredRight{
    0%{
        transform:translateX(0) scaleY(1) scaleX(1);
        transform-origin:50% 50%;
        filter:blur(0);
        opacity:1
    }
    to{
        transform:translateX(1000px) scaleX(2) scaleY(.2);
        transform-origin:0 50%;
        filter:blur(40px);
        opacity:0
    }
}
@keyframes slideOutBlurredRight{
    0%{
        transform:translateX(0) scaleY(1) scaleX(1);
        transform-origin:50% 50%;
        filter:blur(0);
        opacity:1
    }
    to{
        transform:translateX(1000px) scaleX(2) scaleY(.2);
        transform-origin:0 50%;
        filter:blur(40px);
        opacity:0
    }
}
.Vue-Toastification__slideBlurred-enter-active.bottom-left,.Vue-Toastification__slideBlurred-enter-active.top-left{
    -webkit-animation-name:slideInBlurredLeft;
    animation-name:slideInBlurredLeft
}
.Vue-Toastification__slideBlurred-enter-active.bottom-right,.Vue-Toastification__slideBlurred-enter-active.top-right{
    -webkit-animation-name:slideInBlurredRight;
    animation-name:slideInBlurredRight
}
.Vue-Toastification__slideBlurred-enter-active.top-center{
    -webkit-animation-name:slideInBlurredTop;
    animation-name:slideInBlurredTop
}
.Vue-Toastification__slideBlurred-enter-active.bottom-center{
    -webkit-animation-name:slideInBlurredBottom;
    animation-name:slideInBlurredBottom
}
.Vue-Toastification__slideBlurred-leave-active.bottom-left,.Vue-Toastification__slideBlurred-leave-active.top-left{
    -webkit-animation-name:slideOutBlurredLeft;
    animation-name:slideOutBlurredLeft
}
.Vue-Toastification__slideBlurred-leave-active.bottom-right,.Vue-Toastification__slideBlurred-leave-active.top-right{
    -webkit-animation-name:slideOutBlurredRight;
    animation-name:slideOutBlurredRight
}
.Vue-Toastification__slideBlurred-leave-active.top-center{
    -webkit-animation-name:slideOutBlurredTop;
    animation-name:slideOutBlurredTop
}
.Vue-Toastification__slideBlurred-leave-active.bottom-center{
    -webkit-animation-name:slideOutBlurredBottom;
    animation-name:slideOutBlurredBottom
}
.Vue-Toastification__slideBlurred-move{
    transition-timing-function:ease-in-out;
    transition-property:all;
    transition-duration:.4s
}
@font-face{
    font-family:"Montserrat";
    font-style:normal;
    font-weight:400;
    src:url(../fonts/Montserrat-400-cyrillic-ext1.0602c50.woff2) format("woff2");
    unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f
}
@font-face{
    font-family:"Montserrat";
    font-style:normal;
    font-weight:400;
    src:url(../fonts/Montserrat-400-cyrillic2.7821174.woff2) format("woff2");
    unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116
}
@font-face{
    font-family:"Montserrat";
    font-style:normal;
    font-weight:400;
    src:url(../fonts/Montserrat-400-vietnamese3.6325549.woff2) format("woff2");
    unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab
}
@font-face{
    font-family:"Montserrat";
    font-style:normal;
    font-weight:400;
    src:url(../fonts/Montserrat-400-latin-ext4.9e0a772.woff2) format("woff2");
    unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff
}
@font-face{
    font-family:"Montserrat";
    font-style:normal;
    font-weight:400;
    src:url(../fonts/Montserrat-400-latin5.b71748a.woff2) format("woff2");
    unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}
@font-face{
    font-family:"Montserrat";
    font-style:normal;
    font-weight:500;
    src:url(../fonts/Montserrat-500-cyrillic-ext6.5f59605.woff2) format("woff2");
    unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f
}
@font-face{
    font-family:"Montserrat";
    font-style:normal;
    font-weight:500;
    src:url(../fonts/Montserrat-500-cyrillic7.7b5c079.woff2) format("woff2");
    unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116
}
@font-face{
    font-family:"Montserrat";
    font-style:normal;
    font-weight:500;
    src:url(../fonts/Montserrat-500-vietnamese8.37d5549.woff2) format("woff2");
    unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab
}
@font-face{
    font-family:"Montserrat";
    font-style:normal;
    font-weight:500;
    src:url(../fonts/Montserrat-500-latin-ext9.24eae40.woff2) format("woff2");
    unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff
}
@font-face{
    font-family:"Montserrat";
    font-style:normal;
    font-weight:500;
    src:url(../fonts/Montserrat-500-latin10.091b209.woff2) format("woff2");
    unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}
@font-face{
    font-family:"Montserrat";
    font-style:normal;
    font-weight:600;
    src:url(../fonts/Montserrat-600-cyrillic-ext11.2d20426.woff2) format("woff2");
    unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f
}
@font-face{
    font-family:"Montserrat";
    font-style:normal;
    font-weight:600;
    src:url(../fonts/Montserrat-600-cyrillic12.4653fdd.woff2) format("woff2");
    unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116
}
@font-face{
    font-family:"Montserrat";
    font-style:normal;
    font-weight:600;
    src:url(../fonts/Montserrat-600-vietnamese13.b2d7de6.woff2) format("woff2");
    unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab
}
@font-face{
    font-family:"Montserrat";
    font-style:normal;
    font-weight:600;
    src:url(../fonts/Montserrat-600-latin-ext14.2bc2e71.woff2) format("woff2");
    unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff
}
@font-face{
    font-family:"Montserrat";
    font-style:normal;
    font-weight:600;
    src:url(../fonts/Montserrat-600-latin15.0480d2f.woff2) format("woff2");
    unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}
@font-face{
    font-family:"Montserrat";
    font-style:normal;
    font-weight:700;
    src:url(../fonts/Montserrat-700-cyrillic-ext16.1e574d0.woff2) format("woff2");
    unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f
}
@font-face{
    font-family:"Montserrat";
    font-style:normal;
    font-weight:700;
    src:url(../fonts/Montserrat-700-cyrillic17.a5e01c0.woff2) format("woff2");
    unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116
}
@font-face{
    font-family:"Montserrat";
    font-style:normal;
    font-weight:700;
    src:url(../fonts/Montserrat-700-vietnamese18.5962f76.woff2) format("woff2");
    unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab
}
@font-face{
    font-family:"Montserrat";
    font-style:normal;
    font-weight:700;
    src:url(../fonts/Montserrat-700-latin-ext19.2bbc315.woff2) format("woff2");
    unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff
}
@font-face{
    font-family:"Montserrat";
    font-style:normal;
    font-weight:700;
    src:url(../fonts/Montserrat-700-latin20.7dbcc8a.woff2) format("woff2");
    unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}
@font-face{
    font-family:"Montserrat";
    font-style:normal;
    font-weight:800;
    src:url(../fonts/Montserrat-800-cyrillic-ext21.2436d0e.woff2) format("woff2");
    unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f
}
@font-face{
    font-family:"Montserrat";
    font-style:normal;
    font-weight:800;
    src:url(../fonts/Montserrat-800-cyrillic22.82be5a2.woff2) format("woff2");
    unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116
}
@font-face{
    font-family:"Montserrat";
    font-style:normal;
    font-weight:800;
    src:url(../fonts/Montserrat-800-vietnamese23.018e1fc.woff2) format("woff2");
    unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab
}
@font-face{
    font-family:"Montserrat";
    font-style:normal;
    font-weight:800;
    src:url(../fonts/Montserrat-800-latin-ext24.379dea8.woff2) format("woff2");
    unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff
}
@font-face{
    font-family:"Montserrat";
    font-style:normal;
    font-weight:800;
    src:url(../fonts/Montserrat-800-latin25.db9a3e0.woff2) format("woff2");
    unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}
@font-face{
    font-family:"Montserrat";
    font-style:normal;
    font-weight:900;
    src:url(../fonts/Montserrat-900-cyrillic-ext26.09097bc.woff2) format("woff2");
    unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f
}
@font-face{
    font-family:"Montserrat";
    font-style:normal;
    font-weight:900;
    src:url(../fonts/Montserrat-900-cyrillic27.c7155d5.woff2) format("woff2");
    unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116
}
@font-face{
    font-family:"Montserrat";
    font-style:normal;
    font-weight:900;
    src:url(../fonts/Montserrat-900-vietnamese28.9ac381f.woff2) format("woff2");
    unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab
}
@font-face{
    font-family:"Montserrat";
    font-style:normal;
    font-weight:900;
    src:url(../fonts/Montserrat-900-latin-ext29.e18bc46.woff2) format("woff2");
    unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff
}
@font-face{
    font-family:"Montserrat";
    font-style:normal;
    font-weight:900;
    src:url(../fonts/Montserrat-900-latin30.e66c7ed.woff2) format("woff2");
    unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}


.character_container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    height: 400px;
    overflow-y: auto;
}

.spoof-container {
    height: 200px;
    overflow-y: auto;
}

.characters_container {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.individual_character_container {
    background:hsla(0,0%,100%,.03);
    border-radius:12px;
    border: none;
    padding: 0.5rem;
}

.individual_character_container:hover {
    background:hsla(0,0%,100%,.06)
}

.input_label_div {
    display:grid;
    grid-template-columns: 1fr auto;
    grid-gap:20px;
    gap:20px;
    margin-top: 1rem;
}

.input_label{
    font-weight:400;
    font-size:12px;
    line-height:24px;
    text-transform:uppercase;
    color:var(--text-color);
}

.global-prestige {
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid hsla(0,0%,100%,.03)
}

.modal2-content .global-prestige {
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
}

.global-prestige .input_label_div {
    margin-top: -0.5rem;
}

.global-prestige .input {
    grid-template-columns:22px 1fr;
}

.individual_character_container .input {
    grid-template-columns:22px 1fr;
}

.individual_character-label {
    display: grid;
    grid-template-columns: 50px 1fr 12px auto;
    grid-gap: 10px;
    align-items: center;
    justify-content:center;
    user-select: none;
}

.individual_character-label a {
    text-decoration: none;
}

.individual_character-label img {
    width: 50px;
    height: 50px;
}

.individual_character-label svg {
    display: flex;
    align-items: center;
    justify-content:center
}

.rotate {
    transform: rotate(180deg) !important;
    transition: transform 0.25s linear !important;
}

#arrow {
    transform: rotate(0deg);
    transition: transform 0.25s linear;
}

.drop-active {
    max-height: 500px !important;
    transition: max-height 0.5s linear !important;
}

#dropdown {
    max-height: 0;
    transition: max-height 0.25s linear;
    overflow: hidden;
}

.modal-content h2 {
    user-select: none;
}

.modal-content p {
    user-select: none;
}

.modal2-content h2 {
    user-select: none;
}

.modal2-content p {
    user-select: none;
}

.about-container {
    padding-top:96px;
    min-height:100vh;
    box-sizing:border-box;
    width:100vw;
    height:325%;
    background-position:top;
    background-repeat:no-repeat;
    background-size:100%;
    justify-content: center;
}

.item-container {
    margin: auto;
    text-align: center;
    margin-top: 4rem;
}

.item-container:not(:first-of-type) {
    margin-top: 8rem;
}


.about-title{
    white-space: nowrap;
}

.about-title h1{
    justify-content: center;
    margin-left: 3%;
    text-align: center;
    font-weight:800;
    font-size:3em;
    line-height:145%;
    z-index:1
}

.about-title p {
    justify-content: center;
    text-align: center;
    font-weight:600;
    font-size:1em;
    line-height:145%;
    z-index:1
}

.about-title a:link {
    color: #2b5d81;
}

@media screen and (max-width: 600px) {
	.about-title h1{
		font-size:2.5em;
		line-height:145%;
		z-index:1
	}
}

@media screen and (max-width: 400px) {
	.about-title h1{
		font-size:2em;
		line-height:145%;
		z-index:1
	}
}

@media screen and (max-width: 200px) {
	.about-title h1{
		font-size:1.5em;
		line-height:145%;
		z-index:1
	}
}

.about-title h1:after{
    content:"";
    display:inline;
    white-space: nowrap;
    width:100px;
    height:74px;
    margin-left:50px;
    transform:translateY(15px)
}

.about-text-wrapper {
    margin-top: 2.5rem;
}

.about-text {
    justify-content: center;
    text-align: center;
    max-width: 85rem;
    margin:auto;
}

.about-text p {
    justify-content: center;
    text-align: center;
    font-weight:500;
    font-size:16px;
    line-height:24px;
    letter-spacing:.012em;
    color:var(--text-color)
}

.about-img {
    margin-top: 2.5rem;
    justify-content: center;
}

.about-img img {
    max-width: 40vw;
    max-height: 40vh;
    min-width: 20rem;
    min-height: 10rem;
}

.item-container h1 {
    font-weight:800;
    font-size:3em;
    line-height:145%;
    position:relative;
    z-index:1
}

.box-container {
    margin-top: 2.5rem;
    justify-content: center !important; 
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.box-card {
    min-width: 13rem;
    max-width: 20rem;
    height: 20rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    border-radius: 25px;
    background: hsla(0,0%,100%,.02);
    padding: 30px;
    text-align: center;
    margin-bottom: 30px;
    overflow-wrap: break-word;
    margin-right: 2rem;
    margin-left: 2rem;
    overflow: none;
}

.box-card .icon {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.box-card h3 {
    font-weight: 800;
    font-size: 24px;
    line-height:145%;
    z-index: 1;
    margin-bottom: 1rem;
}

.box-card p {
    font-weight:500;
    font-size:13px;
    line-height:24px;
    letter-spacing:.012em;
    color:var(--text-color);
}

.box-card a:link {
    color: #2b5d81;
}

.box-card:hover {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.stats-inner {
    margin-top: 2.5rem;
    display: grid;
    grid-template-columns: repeat(2, 33%);
    justify-content:center;
}

.stats-inner-inner {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.item-container iframe {
    justify-content: center;
    margin-top: 2.5rem;
    width: 100%;
    height: 100%;
    max-width: 33vw;
    max-height: 36vh;
    min-width: 10vw;
    min-height: 10vh;
}

.status-container {
    padding-top:96px;
    min-height:100vh;
    box-sizing:border-box;
    width:100vw;
    height:240%;
    background-position:top;
    background-repeat:no-repeat;
    background-size:100%;
    justify-content: center;
}

.status-title{
    margin-top: 4rem;
    white-space: nowrap;
}

.status-title h1{
    margin: auto;
    text-align: center;
    font-weight:800;
    font-size:3em;
    line-height:145%;
    z-index:1
}

.status-box {
    margin-left: auto;
    margin-right: auto;
    margin-top: 8rem;
    width: 80rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    border-radius: 25px;
    background: hsla(0,0%,100%,.02);
    padding: 30px;
    text-align: center;
    overflow-wrap: break-word;
    overflow: none;
}

.status-first {
    margin-top: 4rem !important;
}

.status-last {
    margin-bottom: 8rem !important;
}

.status-box .title {
    text-align: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 2px solid hsla(0,0%,100%,.03);
}

.status-box .title h1 {
    font-weight: 800;
}

.status-cards-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}

.status-cards-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.status-cards-cards-container {
    background: hsla(0,0%,100%,.03);
    border-radius: 12px;
    border: none;
    padding: 0.5rem;
    height: 4rem;
}

.status-cards-cards-label {
    display: grid;
    grid-template-columns: 1fr 32px auto;
    grid-gap: 10px;
    align-items: center;
    justify-content: center;
    text-align: left;
    user-select: none;
    margin-top: 0.5rem;
}

.status-cards-cards-label > a:first-child {
    border-right: 1.5px solid hsla(0,0%,100%,.03);
    padding-left: 0.35rem;
}

.status-cards-cards-label a {
    font-size: 1.5em;
    font-weight: 700;
    text-decoration: none;
}

.status-cards-cards-label svg {
    display: flex;
    align-items: center;
    justify-content: center;
}

.review-container {
    font-size: 62.5%;
}

.reviews {
    width: 60em; 
    height: 15em;
    overflow: hidden;
    background-color: var(--primary-color);
    border-radius: 0.5em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4rem;
    position: relative;
    box-shadow: 0 0 1em -0.2em #000000;
    text-align: left !important;
    user-select: none;
}

.panel {
    width : 100%;
    max-height: 100%;
    position : absolute ; 
}

.PanelAct {
    left : 0 ;
}
.panel img { 
    width : 10em;
    height : 10em; 
    text-align : center ;
    float : left ; 
    margin : 2.5em; 
    border-radius: 50%;
}

.panel p {
    width: 42em;
    clear: right ;
    text-align: justify ;
    margin: 2.5em 0 1em 0;
    font-size: 1.4em ; 
    color: #ffffff ;
    line-height: 1.2em
}
.panel h7 { 
    float : left ; 
    width: 20em; 
    font-size : 1.4em ; 
    color : #ffffff ;
    font-weight : bold ;
    font-style : italic ;
}
.control { 
    position : absolute ; 
    bottom : 2em; 
    right : 3em;
}
.control span {
    background-color : rgba(0,0,0,0.4) ; 
    padding : 0.5em; 
    display : inline-block ;
    vertical-align : top ;
    margin-left : 0.5em ;
    border-radius : 50%;
    cursor : pointer ;
    transition : 0.3s ease-in
}
.ContActive {
background-color : #bbb !important ;
}
  
@media screen and (max-width: 625px) {
    .reviews {
        width : 50em; 
        height : 12.5em;
        margin : 4,17em auto ;
    }
    .panel img { 
        width : 8.4em;
        height : 8.4em; 
        text-align : center ;
        float : left ; 
        margin : 2.09em; 
    }
    .panel p {
        float : left ; 
        width : 35em;
        clear : right ;
        text-align : justify ;
        margin : 2.09em 0 0.84em 0;
        font-size : 1.17em ; 
        color : #ffffff ;
        line-height : 1.2em
    }
    .panel h7 { 
        float : left ; 
        width: 16.67em; 
        font-size : 1.17em ; 
        color : #ffffff ;
        font-weight : bold ;
        font-style : italic ;
    }
    .control { 
        position : absolute ; 
        bottom : 1.67em; 
        right : 2.5em;
    }
    .control span {
        background-color : rgba(0,0,0,0.4) ; 
        padding : 0.4em; 
        display : inline-block ;
        vertical-align : top ;
        margin-left : 0.4em ;
        border-radius : 50%;
        cursor : pointer ;
        transition : 0.3s ease-in
    }
}
  
@media screen and (max-width: 500px) {
    .review h3 {
        font-size: 2em;
    }

    .review h2 {
        font-size: 3em;
    }

    .reviews {
        width : 33.4em; 
        height : 8.34em;
        margin : 2,78em auto ;
    }
    .panel img { 
        width : 5.6em;
        height : 5.6em; 
        text-align : center ;
        float : left ; 
        margin : 1.4em; 
    }
    .panel p {
        float : left ; 
        width : 23.4em;
        clear : right ;
        text-align : justify ;
        margin : 1.4em 0 0.56em 0;
        font-size : 0.78em ; 
        color : #ffffff ;
        line-height : 1.2em
    }
    .panel h7 { 
        float : left ; 
        width: 13.9em;
        font-size : 0.78em ; 
        color : #ffffff ;
        font-weight : bold ;
        font-style : italic ;
    }
    .control { 
        position : absolute ; 
        bottom : 1.12em; 
        right : 1.67em;
    }
    .control span {
        background-color : rgba(0,0,0,0.4) ; 
        padding : 0.27em;
        display : inline-block ;
        vertical-align : top ;
        margin-left : 0.27em ;
        border-radius : 50%;
        cursor : pointer ;
        transition : 0.3s ease-in
    }
}

.status-modal-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    height: 400px;
    overflow-y: auto;
}

.status-modal-card-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.status-modal-cards-cards-container {
    background: hsla(0,0%,100%,.03);
    border-radius: 12px;
    border: none;
    padding: 0.5rem;
    height: 4rem;
}

.status-modal-cards-cards-label {
    display: grid;
    grid-template-columns: 1fr 32px auto;
    grid-gap: 10px;
    align-items: center;
    justify-content: center;
    text-align: left;
    user-select: none;
    margin-top: 0.5rem;
}

.status-modal-cards-cards-label > a:first-child {
    border-right: 1.5px solid hsla(0,0%,100%,.03);
    padding-left: 0.35rem;
}

.status-modal-cards-cards-label a {
    font-size: 1.5em;
    font-weight: 700;
    text-decoration: none;
}

.status-modal-cards-cards-label svg {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor:pointer;
}

.page-profile-card-bool-container {
    background: hsla(0,0%,100%,.03);
    border-radius: 8px;
    border: none;
    padding: 0.5rem;
    height: 4rem;
}

.page-profile-card-bool-label {
    display: grid;
    grid-template-columns: 1fr 32px auto;
    grid-gap: 10px;
    align-items: center;
    justify-content: center;
    text-align: left;
    user-select: none;
    margin-top: 0.5rem;
}

.page-profile-card-bool-label > a:first-child {
    border-right: 1.5px solid hsla(0,0%,100%,.03);
    padding-left: 0.35rem;
}

.page-profile-card-bool-label a {
    text-decoration: none;
    font-weight:500;
    font-size:14px;
    line-height:24px;
    letter-spacing:.02em;
    text-transform:uppercase;
    font-feature-settings:"pnum" on,"lnum" on;
    color:#dbdbdb;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}

.page-profile-card-bool-label svg {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor:pointer;
}

.page-profile__split{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    grid-gap:20px;
    gap:20px
}

.disabled {
    opacity: .5;
}

.svg-disabled {
    cursor:auto !important;
}

.profile-type-enable-container {
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid hsla(0,0%,100%,.03)
}

.profile-type-enable-container .input_label_div {
    margin-top: -0.5rem;
}

.four-o-four-container {
    padding-top:96px;
    min-height:100vh;
    box-sizing:border-box;
    width:100vw;
    height:100%;
    background-position:top;
    background-repeat:no-repeat;
    background-size:100%;
    justify-content: center;
}

.four-o-four-title-wrapper {
    margin: auto;
    text-align: center;
    justify-content: center;
}

.four-o-four-title{
    font-size: 4rem;
    margin-top: 14rem;
    white-space: nowrap;
}

.four-o-four-undertitle {
    font-size: 2.5rem;
    margin-top: 2rem;
    white-space: nowrap;
}