/* Namari Landing Page v.1.1.0 Style Index - a free landing page by shapingrain.com

1. Default and Reset styles
- 1.1 Input Elements
2. Global elements
- 2.1 Header
- 2.2 Logo
- 2.3 Buttons
- 2.4 Navigation
- 2.5 Social Elements
- 2.6 Images
3. Fonts and Headings
4. Banner
- 4.1 SignUp Form
5. Content Elements
- 5.1 Icons
- 5.2 Parallax Elements
- 5.3 Divider
6. Landing Page Sections
- 6.1 Features
- 6.2 Testimonials
- 6.3 Gallery
- 6.4 Video
- 6.5 Clients
- 6.6 Pricing Table
7. Footer


/*------------------------------------------------------------------------------------------*/
/* 1. Defaults & Reset of specific styles across browsers */
/*------------------------------------------------------------------------------------------*/
/* @font-face {
    font-family: inter-regular;
    src: url(url(fonts/Inter-Regular.ttf));
} */

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



inter-<uniquifier> {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
  }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, blockquote, th, td {
    margin: 0;
    padding: 0;
    direction: ltr;
    font-family: "Inter", sans-serif;
}

body {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    font-family: "Inter", sans-serif;
}

p {
    line-height: 25px;
}

.row img {
    height: auto;
    max-width: 100%;
    border-radius: 34px;
}

a {
    text-decoration: none;
    line-height: inherit;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

iframe {
    border: 0 !important;
}

.parallax-window {
    min-height: 400px;
    background: transparent;
}

figure {
    margin: 0;
}

/* Page Border */

.page-border {
    position: fixed;
    z-index: 999999;
    pointer-events: none;
}

.page-border .bottom-border, .page-border .left-border, .page-border .right-border, .page-border .top-border {
    background: #f3f3ef;
    position: fixed;
    z-index: 9999;
}

.page-border > .top-border, .page-border > .right-border, .page-border > .bottom-border, .page-border > .left-border {
    padding: 11px;
    background: #ccc;
}

.page-border .bottom-border, .page-border .top-border {
    width: 100%;
    padding: 10px;
    left: 0;
}

.page-border .left-border, .page-border .right-border {
    padding: 10px;
    height: 100%;
    top: 0;
}

.page-border .top-border {
    top: 0;
}

.page-border .right-border {
    right: 0;
}

.page-border .bottom-border {
    bottom: 0;
}

.page-border .left-border {
    left: 0;
}

#wrapper {
    /* margin:0 15px;
    padding: 15px 0; */
    position: relative;
}


/* --------- 1.1 Input Elements ---------- */

input, textarea {
    border: 1px solid #e1e1e1;
    padding: 10px;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
    border-radius: 3px;
}

input {
    height: 40px;
    margin: 3px 0;
    outline: none;
    line-height: normal;
    font-size: 14px;
}

input[type="submit"] {
    cursor: pointer;
    border-style: solid;
    border-width: 2px;
    padding-top: 0;
    padding-bottom: 0;
}

select {
    border: 1px solid #e1e1e1;
    height: 40px;
    padding: 5px;
}

input:focus, textarea:focus {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

*:focus {
    outline: none;
}

/*------------------------------------------------------------------------------------------*/
/* 2. Layout Elements */
/*------------------------------------------------------------------------------------------*/

section {
    clear: both;
    overflow: hidden;
}

/* Rows and Columns */

.row {
    max-width: 1245px;
    margin: 0 auto;
    padding: 75px 0;
    position: relative;
}

.row2 {
    max-width: 1245px;
    margin: 0 auto;
    padding-top: 75px;
    position: relative;
}

.no-padding-bottom .row, .no-padding-bottom div, .no-padding-bottom.row {
    padding-bottom: 0;
}

.no-padding-top.row, .no-padding-top div {
    padding-top: 0;
}

.big-padding-top {
    padding-top: 75px !important;
}

.big-padding-bottom {
    padding-bottom: 85px !important;
}

/* Targets all elements */

[class*='col-'] {
    float: left;
    padding: 20px;
}

#clients .col-2-3 [class*='col-'] {
    padding: 0;
}

/* Clearfix */

.clearfix:after {
    content: "";
    display: table;
    clear: both;
    background: #EFF2F9;
}

.clearfix2 {
    content: "";
    /* display: table; */
    clear: both;
    background: #EFF2F9;
    height: 780px;
}

/* Main Widths */

.col-1 {
    width: 100%;
}

.col-2 {
    width: 50%;
}

.col-3 {
    width: 33.33%;
    list-style: square;
}

.col-4 {
    width: 25%;
}

.col-5 {
    width: 20%;
}

.col-6 {
    width: 16.6666666667%;
}

.col-7 {
    width: 14.2857142857%;
}

.col-8 {
    width: 12.5%;
}

.col-9 {
    width: 11.1111111111%;
}

.col-10 {
    width: 10%;
}

.col-11 {
    width: 9.09090909091%;
}

.col-12 {
    width: 8.33%;
}

.col-2-3 {
    width: 66.66%;
}

.col-3-4 {
    width: 75%;
}

.col-9-10 {
    width: 90%;
}

/* Golden Ratio */
.col-61 {
    width: 61.8%;
}

.col-38 {
    width: 38.2%;
}

/* --------- 2.1 Header --------- */

#header {
    height: 94px !important;
    overflow: visible;
    z-index: 9999;
    width: 100%;
    position: absolute !important;
}

#header .row {
    padding: 0;
}

#header aside {
    text-align: right;
}

#header ul {
    text-align: center;
}

#header li {
    display: inline-block;
    list-style: none;
    margin: 0;
}

/* --------- 2.2 Logo ---------- */

#logo {
    float: left;
    height: 71px;
    line-height: 66px;
    margin-right: 15px;
}

#logo h1, #logo h2 {
    display: inline-block;
}

#banner #logo h1 {
    font-size: 28px;
    margin-right: 10px;
    font-weight: 900;
    padding: 0;
}

#logo h2 {
    font-size: 18px;
    padding: 0;
}

#logo img {
    max-height: 45px;
    vertical-align: bottom;
    margin-right: 15px;
    border-radius: 2px;
}

#navigation-logo {
    display: none;
}

.nav-solid #logo #banner-logo {
    display: none;
}

.nav-solid #logo #navigation-logo {
    display: inline-block;
}

/* --------- 2.3 Buttons ---------- */

.call-to-action {
    padding: 35px 0 35px 0;
}

/*Style*/

.button {
    font-size: 16px;
    margin: 20px 0;
    padding: 11px 30px;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
    display: inline-block;
    border-width: 3px;
    border-style: solid;
    border-radius: 30px;
}

/* Play Button */

#video-section {
    position:relative;
}

.play-video {
    height:110px;
    position:absolute;
    top:50%;
    margin-top:-110px;
    width:100%;
}

.play-icon {
    display: inline-block;
    font-size: 0px;
    cursor: pointer;
    margin: 45px auto;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    z-index: 1;
}

.play-icon:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.play-icon:before {
    font-family: 'fontawesome';
    content: '\f144';
    speak: none;
    font-size: 74px;
    line-height: 110px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
    color:#fff;
}

.play-video .play-icon {
    background: rgba(255, 255, 255, 0.5);
    -webkit-transition: -webkit-transform ease-out 0.3s, background 0.4s;
    -moz-transition: -moz-transform ease-out 0.3s, background 0.4s;
    transition: transform ease-out 0.3s, background 0.4s;
}

.play-video .play-icon:after {
    top: 0;
    left: 0;
    padding: 0;
    z-index: -1;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}

.play-video .play-icon:hover {
    background: rgba(255, 255, 255, 0.05);
    -webkit-transform: scale(0.93);
    -moz-transform: scale(0.93);
    -ms-transform: scale(0.93);
    transform: scale(0.93);
    color: #fff;
}


/* --------- 2.4 Navigation ---------- */

#header {
    font-size: 16px;
}

#header aside {
    float: right;
}

#header nav ul {
    /* text-transform: uppercase; */

}

#header nav a {
    height: 95px;
    line-height: 96px;
    display: block;
    padding: 0 18px;
}

#header nav a:hover {
    opacity: 0.6;
}

/*Navigation Solid*/

#header.nav-solid [class*='col-'] {
    padding: 0 20px;
}

#header.nav-solid {
    background: rgba(43, 42, 42, 0.73);
    box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.2);
    position: fixed !important;
    left:0;
}

#header.nav-solid nav a {
    border-bottom: 3px solid;
    border-color: #fff;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#header.nav-solid nav a:hover {
    opacity: 1;
}

/* Social Elements when Solid*/

#header.nav-solid .social-icons a {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    /* opacity: 0.5; */
}

#header.nav-solid .social-icons a:hover {
    opacity: 1;
    color: #e4473c;
}

/* Responsive Nav Styling */

#nav-trigger {
    display: none;
    text-align: right;
}

#nav-trigger span {
    display: inline-block;
    width: 38px;
    height: 71px;
    color: #ffffffcb;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 22px;
    text-align: center;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#nav-trigger span:after {
    font-family: "fontAwesome";
    display: inline-block;
    width: 38px;
    height: 71px;
    line-height: 75px;
    text-align: center;
    content: "\f0c9";
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

#nav-trigger span.open:after {
    content: "\f00d";
}

#nav-trigger span:hover, .nav-solid #nav-trigger span.open:hover, .nav-solid #nav-trigger span:hover {
    opacity: 0.6;
}

#nav-trigger span.open, #nav-trigger span.open:hover {
    color: #111;
}

.nav-solid #nav-trigger span.open:hover {
    color: #999;
}

.nav-solid #nav-trigger span {
    color: #999;
    opacity: 1;
}

nav#nav-mobile {
    position: relative;
    display: none;
}

nav#nav-mobile ul {
    display: none;
    list-style-type: none;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: -20px;
    margin-right: -20px;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    background-color: #181818f6;
    box-shadow: 0 5px 3px rgba(0, 0, 0, 0.2);
    margin-top: 20px;
}

nav#nav-mobile ul:after {
    display: none;
}

nav#nav-mobile li {
    margin: 0 20px;
    float: none;
    text-align: left;
    border-bottom: 1px solid #e1e1e1;
}

nav#nav-mobile li:last-child {
    border-bottom: none;
}

.nav-solid nav#nav-mobile li {
    border-top: 1px solid #e1e1e1;
    border-bottom: none;
}

nav#nav-mobile a {
    display: block;
    padding: 12px 0;
    color: #333;
    width: 100%;
    height: auto;
    line-height: normal;
    display: block;
    border-bottom: none !important;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

nav#nav-mobile a:hover {
    background: #757575a6;
    opacity: 1;
}

/* --------- 2.5 Social Elements ---------- */

#header .col-4 {
    text-align: right;
}

.social-icons {
    display: inline-block;
    list-style: none;
}

.social-icons a {
    display: inline-block;
    width: 32px;
    text-align: center;
}

.social-icons a:hover {
    opacity: 0.7;
}

.social-icons span {
    display: none;
}

#header .social-icons {
    margin-top: 37px;
}

/* --------- 2.6 Images ---------- */

/*Alignment*/

img {
    vertical-align: top;
}

.image-center {
    display: block;
    margin: 0 auto;
}

a img {
    border: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-backface-visibility: hidden;
}

a img:hover {
    opacity: 0.7;
}

/*------------------------------------------------------------------------------------------*/
/* 3. Fonts */
/*------------------------------------------------------------------------------------------*/

h1 {
    padding: 20px 0;
}

h2 {
    padding: 14px 0;
}

h3 {
    padding: 10px 0;
}

h4 {
    padding: 7px 0;
}

h5 {
    padding: 7px 0;
}

h6 {
    padding: 7px 0;
}

/* Text Alignment */

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

/* Section Headings */

.section-heading {
    padding: 0 0 15px 0;
}

.section-subtitle {
    font-size: 18px;
    padding-top: 0;
}

.section-heading h3 {
    font-size: 14px;
    font-weight: bold;
    color: #ccc;
    letter-spacing: 2px;
    padding-bottom: 0;
}

/*------------------------------------------------------------------------------------------*/
/* 4. Banner */
/*------------------------------------------------------------------------------------------*/

#banner {
    background-size: cover;
    
}

#banner-content.row {
    padding-top: 170px;
    padding-bottom: 100px;
}

#banner h1 {
    padding-top: 5%;
}

#banner .section-heading:before {
    content: "";
    display: block;
    width: 30px;
    height: 5px;
    margin-top: 30px;
}



/*------------------------------------------------------------------------------------------*/
/* 5. Content Elements */
/*------------------------------------------------------------------------------------------*/

/* --------- 5.1 Icons ---------- */

/*Font Icon sizes*/

.fa-1x {
    font-size: 15px !important;
}

/*Icon Block*/

.icon-block {
    position: relative;
}

.icon-block h4 {
    font-weight: bold;
    padding-top: 0;
}

.icon-block .icon {
    position: absolute;
}

.icon-block p {
    margin-top: 0;
}

/* Icon Left*/

.icon-left .icon {
    left: 15;
}

.icon-left .icon-block-description {
    padding-left: 53px;
}

/* Icon Right */

.icon-right .icon {
    right: 15;
}

.icon-right .icon-block-description {
    padding-right: 53px;
}

/* Icon Above */

.icon-top {
    display: block;
}

.icon-top .icon {
    position: relative;
    display: block;
}

.icon-top .icon-block-description {
    padding-top: 25px;
}

/* --------- 5.2 Parallax Elements ---------- */

.banner-parallax-1, .banner-parallax-2, .banner-parallax-3 {
    min-height: 350px;
}

/* --------- 5.3 Divider ---------- */

.divider {
    position: relative;
    width: 40%;
    height: 20px;
    line-height: 20px;
    margin: 10px auto 5px auto;
    clear: both;
    text-align: center;
}

.divider-inner {
    position: absolute;
    height: 1px;
    width: 100%;
    top: 50%;
    margin-top: -1px;
    border-top: 1px solid;
    border-color: #e1e1e1;
}

.divider i {
    background: #fff;
    position: relative;
    top: -11px;
    padding: 0 5px 0 5px;
    color: #e1e1e1;
}

/*------------------------------------------------------------------------------------------*/
/* 6. Landing Page Sections */
/*------------------------------------------------------------------------------------------*/

/* --------- 6.1 Introduction ---------- */

.introduction img.featured {
    padding: 55px 0 0 0;
}

/* --------- 6.2 Features ---------- */

.features.row {
    padding-left: 5%;
    padding-right: 5%;
}

.features div:nth-child(4) {
    clear: both;
}

/* --------- 6.3 Testimonials ---------- */

.testimonial {
    padding: 15px;
}

blockquote {
    position: relative;
}

.testimonial img {
    max-height: 76px;
    border-radius: 250em;
}

.testimonial footer {
    padding-top: 12px;
}

/* Style Classic - Avatar above Testimonial */

.testimonial.classic img {
    display: inline-block;
    margin-bottom: 25px;
}

.testimonial.classic q {
    display: block;
}

.testimonial.classic footer:before {
    display: block;
    content: "";
    width: 30px;
    height: 4px;
    margin: 10px auto 15px auto;
}

/* Style Big */

.testimonial.bigtest {
    padding-top: 0;
}

.testimonial.bigtest q {
    font-size: 18px;
}

/* --------- 6.4 Gallery ---------- */

#gallery img {
    max-height: 300px;
}

#gallery [class*='col-'] {
    padding: 0;
}

#gallery a {
    display: inline-block;
    position: relative;
    overflow: hidden;
}

#gallery a:hover img {
    opacity: 0.15;
    -moz-backface-visibility: hidden;
}

#gallery a:before {
    font-size: 2.2em;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    content: "+";
    width: 70px;
    height: 70px;
    border-radius: 100em;
    display: block;
    position: absolute;
    top: 55%;
    left: 50%;
    line-height: 72px;
    margin: -35px 0 0 -35px;
    opacity: 0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
    vertical-align: middle;
}

#gallery a:hover:before {
    opacity: 1;
    top: 50%;
    left: 50%;
}

.colrael{
    width: 33%;
    display: flex;

}

.colrael2 {
    width: 67%;
    /* padding: 0 350px 0 350px; */
    text-align: -webkit-center;
    display: inline flow-root list-item;
}

.colrael3 {
    background: rgb(3, 18, 55);
    margin: 0 auto;
    padding: 75px 0;
    position: relative;
    color: white;
    /* margin-top: 85px; */
    list-style: none;
}
    

/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 1.3.3 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2015, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
    .featherlight {
        display: none;

        /* dimensions: spanning the background from edge to edge */
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2147483647; /* z-index needs to be >= elements on the site. */

        /* position: centering content */
        text-align: center;

        /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
        white-space: nowrap;

        /* styling */
        cursor: pointer;
        background: #333;
        /* IE8 "hack" for nested featherlights */
        background: rgba(0, 0, 0, 0);
    }

    /* support for nested featherlights. Does not work in IE8 (use JS to fix) */
    .featherlight:last-of-type {
        background: rgba(0, 0, 0, 0.8);
    }

    .featherlight:before {
        /* position: trick to center content vertically */
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -0.25em;
    }

    .featherlight .featherlight-content {

        /* position: centering vertical and horizontal */
        text-align: left;
        vertical-align: middle;
        display: inline-block;

        /* dimensions: cut off images */
        overflow: auto;
        padding: 25px 0;
        border-bottom: 25px solid transparent;

        /* dimensions: handling small or empty content */
        min-width: 30%;

        /* dimensions: handling large content */
        margin-left: 5%;
        margin-right: 5%;
        max-height: 95%;

        /* styling */
        cursor: auto;

        /* reset white-space wrapping */
        white-space: normal;
    }

    /* contains the content */
    .featherlight .featherlight-inner {
        /* make sure its visible */
        display: block;
    }

    .featherlight .featherlight-close-icon {
        /* position: centering vertical and horizontal */
        position: absolute;
        z-index: 9999;
        top: 25px;
        right: 25px;

        /* dimensions: 25px x 25px */
        line-height: 25px;
        width: 25px;

        /* styling */
        cursor: pointer;
        text-align: center;
        color: #fff;
        font-family: "fontawesome";
        font-size: 22px;
        opacity: 0.5;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    .featherlight .featherlight-close-icon:hover {
        opacity: 1;
    }

    .featherlight .featherlight-image {
        /* styling */
        max-height: 100%;
        max-width:100%;
    }

    .featherlight-iframe .featherlight-content {
        /* removed the border for image croping since iframe is edge to edge */
        border-bottom: 0;
        padding: 0;
    }

    .featherlight iframe {
        /* styling */
        border: none;
    }
}

/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
    .featherlight .featherlight-content {
        /* dimensions: maximize lightbox with for small screens */
        margin-left: 10px;
        margin-right: 10px;
        max-height: 98%;

        padding: 10px 10px 0;
        border-bottom: 10px solid transparent;
    }

}

/* Gallery Styling */
@media all {
    .featherlight-next,
    .featherlight-previous {
        font-family: "fontawesome";
        font-size: 22px;
        display: block;
        position: absolute;
        top: 25px;
        right: 0;
        bottom: 0;
        left: 80%;
        cursor: pointer;
        /* preventing text selection */
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        /* IE9 hack, otherwise navigation doesn't appear */
        background: rgba(0, 0, 0, 0);
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    .featherlight-previous {
        left: 0;
        right: 80%;
    }

    .featherlight-next span,
    .featherlight-previous span {
        display: inline-block;
        opacity: 0.3;
        position: absolute;
        top: 50%;
        width: 100%;
        font-size: 80px;
        line-height: 80px;

        /* center vertically */
        margin-top: -40px;
        color: #fff;
        font-style: normal;
        font-weight: normal;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    .featherlight-next span {
        text-align: right;
        left: auto;
        right: 7%;
    }

    .featherlight-previous span {
        text-align: left;
        left: 7%;
    }

    .featherlight-next:hover span,
    .featherlight-previous:hover span {
        display: inline-block;
        opacity: 1;
    }

    /* Hide navigation while loading */
    .featherlight-loading .featherlight-previous, .featherlight-loading .featherlight-next {
        display: none;
    }
}

/* Always display arrows on touch devices */
@media only screen and (max-device-width: 1024px) {
    .featherlight-next:hover,
    .featherlight-previous:hover {
        background: none;
    }

    .featherlight-next span,
    .featherlight-previous span {
        display: block;
    }
}

/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
    .featherlight-next,
    .featherlight-previous {
        top: 10px;
        right: 10px;
        left: 85%;
    }

    .featherlight-previous {
        left: 10px;
        right: 85%;
    }

    .featherlight-next span,
    .featherlight-previous span {
        margin-top: -30px;
        font-size: 40px;
    }
}

/* --------- 6.5 Video ---------- */

#video-box {
    color:#fff;
    position:relative;
    overflow:hidden;
    text-align:center;
}

.video_container, .easyContainer {
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    margin: 0;
    padding-top: 0; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
}

.video_container iframe, .video_container object, .video_container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.slvj-lightbox iframe, .slvj-lightbox object, .slvj-lightbox embed {
    width: 100% !important;
    height: 529px !important;
}

.videojs-background-wrap {
    overflow: hidden;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -998;
}

#slvj-window {
    width: 100%;
    min-height: 100%;
    z-index: 9999999999;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
}

#slvj-window,
#slvj-window * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#slvj-background-close {
    width: 100%;
    min-height: 100%;
    z-index: 31;
    position: fixed;
    top: 0;
    left: 0;
}

#slvj-back-lightbox {
    max-width: 940px;
    max-height: 529px;
    z-index: 32;
    text-align: center;
    margin: 0 auto;
}

.slvj-lightbox {
    width: 100%;
    height: 100%;
    margin: 0;
    z-index: 53;
}

#slvj-close-icon:before {
    font-family: "fontawesome";
    color: #fff;
    content: '\f00d';
    font-size: 22px;
    opacity: 0.5;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    z-index: 99999;
    height: 22px;
    width: 22px;
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}

#slvj-close-icon:before:hover {
    opacity: 1;
    cursor: pointer;
}

/* --------- 6.6 Clients ---------- */

#clients a {
    display: block;
    text-align: center;
    position: relative;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
}

#clients img {
    display: inline-block;
    padding: 10px 10px;
    border-radius: 30px;
}

.client-overlay {
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    top;
    0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#clients a:hover .client-overlay {
    opacity: 1;
}

.client-overlay span {
    position: absolute;
    top: 48%;
    left: 0;
    width: 100%;
    text-align: center;
    display: inline-block;
}

/* --------- 6.7 Pricing Table ---------- */

.pricing-block-content {
    background: #fff;
    padding: 25px 0 25px 0;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.07);
    transition: all 0.2s ease-in-out 0s;
    position: relative;
    border: 10px solid #fff;
}


.pricing-block ul {
    list-style: none;
    margin: 25px 0 25px 0;
}

.pricing-block li {
    padding: 14px 0;
    border-bottom: 1px dotted #e1e1e1;
}

.pricing-block li:last-of-type {
    border:none;
}

.pricing-block h3 {
    font-size:17px;
    text-transform:uppercase;
    padding-bottom:0;
}

.pricing-sub {
    font-style: italic;
    color:#ccc;
    margin:0 0 25px 0;
}

/*Price*/

.pricing {
    background: #f5f5f5;
    padding: 25px;
    position: relative;
}

.price {
    display: inline-block;
    font-size: 62px;
    font-weight: 700;
    position: relative;
}

.price span {
    position: absolute;
    top: 0;
    left: -20px;
    font-size: 22px;
}

.pricing  p {
    font-style:italic;
    color:#b4b4b4;
    line-height:auto;
    margin:0;
}



/*------------------------------------------------------------------------------------------*/
/* 7. Footer */
/*------------------------------------------------------------------------------------------*/

#landing-footer {
    clear: both;
}

#landing-footer .row {
    padding: 0;
}

#landing-footer p {
    margin: 0;
}

#landing-footer ul {
    list-style: none;
    text-align: right;
}

#landing-footer li {
    display: inline-block;
}

/* Scroll Up */

#scrollUp {
    bottom: 15px;
    right: 30px;
    width: 70px;
    height: 80px;
    margin-bottom: -10px;
    padding: 0 5px 20px 5px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    -webkit-transition: margin-bottom 150ms linear;
    -moz-transition: margin-bottom 150ms linear;
    -o-transition: margin-bottom 150ms linear;
    transition: margin-bottom 150ms linear;
}

#scrollUp:hover {
    margin-bottom: 0;
}

#scrollUp:before {
    background: #ccc;
    font-family: "fontawesome";
    font-size: 2.4em;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    color: #fff;
    width: 45px;
    height: 45px;
    display: inline-block;
    line-height: 45px;
    content: "\f106";
    opacity: 1;
}

/*Preloader*/

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff; /* change if the mask should have another color then white */
    z-index: 99999; /* makes sure it stays on top */
}

#status {
    width: 110px;
    height: 110px;
    position: absolute;
    left: 50%; /* centers the loading animation horizontally one the screen */
    top: 50%; /* centers the loading animation vertically one the screen */
    background-position: center;
    margin: -55px 0 0 -55px; /* is width and height divided by two */
    text-align: center;
}

/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-triangle-path,
.la-ball-triangle-path > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.la-ball-triangle-path {
    display: block;
    font-size: 0;
    color: #fff;
}

.la-ball-triangle-path.la-dark {
    color: #333;
}

.la-ball-triangle-path > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
}

.la-ball-triangle-path {
    width: 32px;
    height: 32px;
}

.la-ball-triangle-path > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 100%;
}

.la-ball-triangle-path > div:nth-child(1) {
    -webkit-animation: ball-triangle-path-ball-one 2s 0s ease-in-out infinite;
    -moz-animation: ball-triangle-path-ball-one 2s 0s ease-in-out infinite;
    -o-animation: ball-triangle-path-ball-one 2s 0s ease-in-out infinite;
    animation: ball-triangle-path-ball-one 2s 0s ease-in-out infinite;
}

.la-ball-triangle-path > div:nth-child(2) {
    -webkit-animation: ball-triangle-path-ball-two 2s 0s ease-in-out infinite;
    -moz-animation: ball-triangle-path-ball-two 2s 0s ease-in-out infinite;
    -o-animation: ball-triangle-path-ball-two 2s 0s ease-in-out infinite;
    animation: ball-triangle-path-ball-two 2s 0s ease-in-out infinite;
}

.la-ball-triangle-path > div:nth-child(3) {
    -webkit-animation: ball-triangle-path-ball-tree 2s 0s ease-in-out infinite;
    -moz-animation: ball-triangle-path-ball-tree 2s 0s ease-in-out infinite;
    -o-animation: ball-triangle-path-ball-tree 2s 0s ease-in-out infinite;
    animation: ball-triangle-path-ball-tree 2s 0s ease-in-out infinite;
}

.la-ball-triangle-path.la-sm {
    width: 16px;
    height: 16px;
}

.la-ball-triangle-path.la-sm > div {
    width: 4px;
    height: 4px;
}

.la-ball-triangle-path.la-2x {
    width: 64px;
    height: 64px;
}

.la-ball-triangle-path.la-2x > div {
    width: 20px;
    height: 20px;
}

.la-ball-triangle-path.la-3x {
    width: 96px;
    height: 96px;
}

.la-ball-triangle-path.la-3x > div {
    width: 30px;
    height: 30px;
}

/*
 * Animations
 */
@-webkit-keyframes ball-triangle-path-ball-one {
    0% {
        -webkit-transform: translate(0, 220%);
        transform: translate(0, 220%);
    }
    17% {
        opacity: .25;
    }
    33% {
        opacity: 1;
        -webkit-transform: translate(110%, 0);
        transform: translate(110%, 0);
    }
    50% {
        opacity: .25;
    }
    66% {
        opacity: 1;
        -webkit-transform: translate(220%, 220%);
        transform: translate(220%, 220%);
    }
    83% {
        opacity: .25;
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0, 220%);
        transform: translate(0, 220%);
    }
}

@-moz-keyframes ball-triangle-path-ball-one {
    0% {
        -moz-transform: translate(0, 220%);
        transform: translate(0, 220%);
    }
    17% {
        opacity: .25;
    }
    33% {
        opacity: 1;
        -moz-transform: translate(110%, 0);
        transform: translate(110%, 0);
    }
    50% {
        opacity: .25;
    }
    66% {
        opacity: 1;
        -moz-transform: translate(220%, 220%);
        transform: translate(220%, 220%);
    }
    83% {
        opacity: .25;
    }
    100% {
        opacity: 1;
        -moz-transform: translate(0, 220%);
        transform: translate(0, 220%);
    }
}

@-o-keyframes ball-triangle-path-ball-one {
    0% {
        -o-transform: translate(0, 220%);
        transform: translate(0, 220%);
    }
    17% {
        opacity: .25;
    }
    33% {
        opacity: 1;
        -o-transform: translate(110%, 0);
        transform: translate(110%, 0);
    }
    50% {
        opacity: .25;
    }
    66% {
        opacity: 1;
        -o-transform: translate(220%, 220%);
        transform: translate(220%, 220%);
    }
    83% {
        opacity: .25;
    }
    100% {
        opacity: 1;
        -o-transform: translate(0, 220%);
        transform: translate(0, 220%);
    }
}

@keyframes ball-triangle-path-ball-one {
    0% {
        -webkit-transform: translate(0, 220%);
        -moz-transform: translate(0, 220%);
        -o-transform: translate(0, 220%);
        transform: translate(0, 220%);
    }
    17% {
        opacity: .25;
    }
    33% {
        opacity: 1;
        -webkit-transform: translate(110%, 0);
        -moz-transform: translate(110%, 0);
        -o-transform: translate(110%, 0);
        transform: translate(110%, 0);
    }
    50% {
        opacity: .25;
    }
    66% {
        opacity: 1;
        -webkit-transform: translate(220%, 220%);
        -moz-transform: translate(220%, 220%);
        -o-transform: translate(220%, 220%);
        transform: translate(220%, 220%);
    }
    83% {
        opacity: .25;
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0, 220%);
        -moz-transform: translate(0, 220%);
        -o-transform: translate(0, 220%);
        transform: translate(0, 220%);
    }
}

@-webkit-keyframes ball-triangle-path-ball-two {
    0% {
        -webkit-transform: translate(110%, 0);
        transform: translate(110%, 0);
    }
    17% {
        opacity: .25;
    }
    33% {
        opacity: 1;
        -webkit-transform: translate(220%, 220%);
        transform: translate(220%, 220%);
    }
    50% {
        opacity: .25;
    }
    66% {
        opacity: 1;
        -webkit-transform: translate(0, 220%);
        transform: translate(0, 220%);
    }
    83% {
        opacity: .25;
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(110%, 0);
        transform: translate(110%, 0);
    }
}

@-moz-keyframes ball-triangle-path-ball-two {
    0% {
        -moz-transform: translate(110%, 0);
        transform: translate(110%, 0);
    }
    17% {
        opacity: .25;
    }
    33% {
        opacity: 1;
        -moz-transform: translate(220%, 220%);
        transform: translate(220%, 220%);
    }
    50% {
        opacity: .25;
    }
    66% {
        opacity: 1;
        -moz-transform: translate(0, 220%);
        transform: translate(0, 220%);
    }
    83% {
        opacity: .25;
    }
    100% {
        opacity: 1;
        -moz-transform: translate(110%, 0);
        transform: translate(110%, 0);
    }
}

@-o-keyframes ball-triangle-path-ball-two {
    0% {
        -o-transform: translate(110%, 0);
        transform: translate(110%, 0);
    }
    17% {
        opacity: .25;
    }
    33% {
        opacity: 1;
        -o-transform: translate(220%, 220%);
        transform: translate(220%, 220%);
    }
    50% {
        opacity: .25;
    }
    66% {
        opacity: 1;
        -o-transform: translate(0, 220%);
        transform: translate(0, 220%);
    }
    83% {
        opacity: .25;
    }
    100% {
        opacity: 1;
        -o-transform: translate(110%, 0);
        transform: translate(110%, 0);
    }
}

@keyframes ball-triangle-path-ball-two {
    0% {
        -webkit-transform: translate(110%, 0);
        -moz-transform: translate(110%, 0);
        -o-transform: translate(110%, 0);
        transform: translate(110%, 0);
    }
    17% {
        opacity: .25;
    }
    33% {
        opacity: 1;
        -webkit-transform: translate(220%, 220%);
        -moz-transform: translate(220%, 220%);
        -o-transform: translate(220%, 220%);
        transform: translate(220%, 220%);
    }
    50% {
        opacity: .25;
    }
    66% {
        opacity: 1;
        -webkit-transform: translate(0, 220%);
        -moz-transform: translate(0, 220%);
        -o-transform: translate(0, 220%);
        transform: translate(0, 220%);
    }
    83% {
        opacity: .25;
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(110%, 0);
        -moz-transform: translate(110%, 0);
        -o-transform: translate(110%, 0);
        transform: translate(110%, 0);
    }
}

@-webkit-keyframes ball-triangle-path-ball-tree {
    0% {
        -webkit-transform: translate(220%, 220%);
        transform: translate(220%, 220%);
    }
    17% {
        opacity: .25;
    }
    33% {
        opacity: 1;
        -webkit-transform: translate(0, 220%);
        transform: translate(0, 220%);
    }
    50% {
        opacity: .25;
    }
    66% {
        opacity: 1;
        -webkit-transform: translate(110%, 0);
        transform: translate(110%, 0);
    }
    83% {
        opacity: .25;
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(220%, 220%);
        transform: translate(220%, 220%);
    }
}

@-moz-keyframes ball-triangle-path-ball-tree {
    0% {
        -moz-transform: translate(220%, 220%);
        transform: translate(220%, 220%);
    }
    17% {
        opacity: .25;
    }
    33% {
        opacity: 1;
        -moz-transform: translate(0, 220%);
        transform: translate(0, 220%);
    }
    50% {
        opacity: .25;
    }
    66% {
        opacity: 1;
        -moz-transform: translate(110%, 0);
        transform: translate(110%, 0);
    }
    83% {
        opacity: .25;
    }
    100% {
        opacity: 1;
        -moz-transform: translate(220%, 220%);
        transform: translate(220%, 220%);
    }
}

@-o-keyframes ball-triangle-path-ball-tree {
    0% {
        -o-transform: translate(220%, 220%);
        transform: translate(220%, 220%);
    }
    17% {
        opacity: .25;
    }
    33% {
        opacity: 1;
        -o-transform: translate(0, 220%);
        transform: translate(0, 220%);
    }
    50% {
        opacity: .25;
    }
    66% {
        opacity: 1;
        -o-transform: translate(110%, 0);
        transform: translate(110%, 0);
    }
    83% {
        opacity: .25;
    }
    100% {
        opacity: 1;
        -o-transform: translate(220%, 220%);
        transform: translate(220%, 220%);
    }
}

@keyframes ball-triangle-path-ball-tree {
    0% {
        -webkit-transform: translate(220%, 220%);
        -moz-transform: translate(220%, 220%);
        -o-transform: translate(220%, 220%);
        transform: translate(220%, 220%);
    }
    17% {
        opacity: .25;
    }
    33% {
        opacity: 1;
        -webkit-transform: translate(0, 220%);
        -moz-transform: translate(0, 220%);
        -o-transform: translate(0, 220%);
        transform: translate(0, 220%);
    }
    50% {
        opacity: .25;
    }
    66% {
        opacity: 1;
        -webkit-transform: translate(110%, 0);
        -moz-transform: translate(110%, 0);
        -o-transform: translate(110%, 0);
        transform: translate(110%, 0);
    }
    83% {
        opacity: .25;
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(220%, 220%);
        -moz-transform: translate(220%, 220%);
        -o-transform: translate(220%, 220%);
        transform: translate(220%, 220%);
    }
}

/*------------------------------------------------------------------------------------------*/
/* Responsive Elements */
/*------------------------------------------------------------------------------------------*/

/* =Media Queries for Nav
===============================*/
@media all and (max-width: 1024px) {
    #nav-trigger {
        display: block;
    }

    nav#nav-main {
        display: none;
        word-spacing: 15px;


    }

    nav#nav-mobile {
        display: block;
    }

    nav#nav-mobile li {
        display: block;
    }

    #header aside {
        display: none;
    }
}

/* Landscape mobile & down
===============================*/
@media (max-width: 480px) {

    #wrapper {
        margin:0;
        padding:0;
    }

    .page-border, #scrollUp, #scrollUp:before {
        display:none;
    }

    .row {
        padding: 15px !important;
    }

    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-2-3, .col-3-4, .col-9-10, .col-61, .col-38, .row {
        width: 100%;
    }

    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-2-3, .col-3-4, .col-9-10, .col-61, .col-38 {
        padding-right: 0;
        padding-left: 0;
    }

    /*-----------------Header Elements-----------------*/
    #header .row {
        padding: 0 15px !important;
    }

    #header.nav-solid [class*="col-"] {
        padding: 0;
    }

    /*Logo*/
    #logo h2 {
        padding: 0;
    }

    /* Social */
    #header aside {
        clear: both;
        padding: 0;
    }

    #header ul.social-icons {
        margin-top: 0;
    }

    #banner-content.row {
        padding-top: 85px !important;
    }

    /*-----------------Sections-----------------*/

    /* Call to Action*/
    .call-to-action {
        padding-bottom: 25px;
    }

    /* Video */
    .slvj-lightbox iframe, .slvj-lightbox object, .slvj-lightbox embed {
        height: 270px !important;
    }

    /* Footer */
    #landing-footer #copyright {
        float: left;
        width: 50%;
    }

    #landing-footer .social-icons {
        float: right;
        width: 50%;
    }

    /*-----------------Typography-----------------*/
    h1 {
        font-size: 38px;
    }

    #banner h1 {
        /* font-size: 48px; */
    }

    /* Hide Elements */
    a#scrollUp {
        display: none !important;
    }

}

/* Mobile to Tablet Portrait
===============================*/
@media (min-width: 480px) and (max-width: 767px) {

    #wrapper {
        margin:0;
        padding:0;
    }

    .page-border, #scrollUp, #scrollUp:before {
        display:none;
    }


    .row {
        padding: 15px 0 !important;
    }

    .col-1, .col-2, .col-5, .col-7, .col-9, .col-11, .col-2-3, .col-3-4, .col-61, .col-38, .row {
        width: 100%;
    }

    .col-3, .col-4, .col-6, .col-8, .col-10, .col-12 {
        width: 50%;
    }

    /*-----------------Header Elements-----------------*/
    #header .row {
        padding: 0 !important;
    }

    #header aside {
        display: inline-block;
        position: absolute;
        top: 40px;
        right: 60px;
        padding-top:3px;
        padding-right: 5px;
    }

    #header.nav-solid aside {
        top: 20px;
    }

    #header aside ul {
        margin-top: 0 !important;
        padding-top: 6px;
    }

    #banner-content.row {
        padding-top: 85px !important;
    }

    /*Navigation*/
    nav#nav-mobile ul {
        margin-left: -40px;
        margin-right: -40px;
        padding-left: 20px;
        padding-right: 20px;
    }

    /*-----------------Sections-----------------*/

    /* Video */
    .slvj-lightbox iframe, .slvj-lightbox object, .slvj-lightbox embed {
        height: 370px !important;
    }

    /* Footer */
    #landing-footer #copyright {
        float: left;
        width: 50%;
    }

    #landing-footer .social-icons {
        float: right;
        width: 50%;
    }

}

/* Landscape Tablet to Desktop
===============================*/
@media (min-width: 768px) and (max-width: 1024px) {

    #wrapper {
        margin:0;
        padding:0;
    }

    .page-border {
        display:none;
    }

    .big-padding-top {
        padding-top: 45px !important;
    }

    /*-----------------Header Elements-----------------*/
    #header aside {
        display: inline-block;
        position: absolute;
        top: 40px;
        right: 60px;
        padding-top:3px;
        padding-right: 5px;
    }

    #header.nav-solid aside {
        top: 20px;
    }

    #header aside ul {
        margin-top: 0 !important;
        padding-top: 6px;
    }

    /*Navigation*/
    nav#nav-mobile ul {
        margin-left: -40px;
        margin-right: -40px;
        padding-left: 20px;
        padding-right: 20px;
    }

    /*-----------------Sections-----------------*/

    /* Video */
    .slvj-lightbox iframe, .slvj-lightbox object, .slvj-lightbox embed {
        height: 432px !important;
    }

}
   /*-----------------MEU FOOTER-----------------*/

   /* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

 @namespace url("http://www.w3.org/1999/xhtml");

 .videocontrols {
   writing-mode: horizontal-tb;
   width: 100%;
   height: 100%;
   display: inline-block;
   overflow: hidden;
 
   direction: ltr;
   /* Prevent selection from interacting weirdly with the page,
    * see bug 1766093. Our text selection story with shadow dom should be
    * better, see bug 1590379 */
   user-select: none;
   /* Prevent unwanted style inheritance. See bug 554717. */
   text-align: left;
   list-style-image: none !important;
   font: normal normal normal 100%/normal sans-serif !important;
   text-decoration: none !important;
   white-space: normal !important;
 }
 
 .videocontrols[flipped] {
   transform: scaleX(-1);
 }
 
 .controlsContainer {
   --clickToPlay-size: 48px;
   --button-size: 30px;
   --timer-size: 40px;
   --timer-long-size: 60px;
   --track-size: 5px;
   --thumb-size: 13px;
   --label-font-size: 13px;
   --pip-toggle-padding: 5px;
   --control-focus-outline: 2px solid #00DDFF;
   --control-focus-outline-offset: -2px;
   --pip-toggle-icon-width-height: 16px;
   --pip-toggle-translate-x: calc(100% - var(--pip-toggle-icon-width-height) - 2 * var(--pip-toggle-padding));
 
   color: #fff;
 }
 .controlsContainer.touch {
   --clickToPlay-size: 64px;
   --button-size: 40px;
   --timer-size: 52px;
   --timer-long-size: 78px;
   --track-size: 7px;
   --thumb-size: 16px;
   --label-font-size: 16px;
 }
 
 /* Some CSS custom properties defined here are referenced by videocontrols.js */
 .controlBar {
   /* Do not delete: these variables are accessed by JavaScript directly.
      see videocontrols.js and search for |-width|. */
   --clickToPlay-width: var(--clickToPlay-size);
   --playButton-width: var(--button-size);
   --scrubberStack-width: 64px;
   --muteButton-width: var(--button-size);
   --volumeStack-width: 48px;
   --castingButton-width: var(--button-size);
   --closedCaptionButton-width: var(--button-size);
   --fullscreenButton-width: var(--button-size);
   --positionDurationBox-width: var(--timer-size);
   --durationSpan-width: var(--timer-size);
   --positionDurationBox-width-long: var(--timer-long-size);
   --durationSpan-width-long: var(--timer-long-size);
 }
 
 .touch .controlBar {
   /* Do not delete: these variables are accessed by JavaScript directly.
      see videocontrols.js and search for |-width|. */
   --scrubberStack-width: 84px;
   --volumeStack-width: 64px;
 }
 
 .controlsContainer [hidden],
 .controlBar[hidden] .progressBar,
 .controlBar[hidden] .bufferBar,
 .videocontrols[inDOMFullscreen] > .controlsContainer > .controlsOverlay > #pictureInPictureToggle {
   display: none;
 }
 
 /* We hide the controlBar visually so it doesn't obscure the video. However,
  * we still want to expose it to a11y so users who don't use a mouse can access
  * it.
  */
 .controlBar[hidden] {
   display: flex;
   opacity: 0;
   pointer-events: none;
 }
 
 .controlBar[size="hidden"] {
   display: none;
 }
 
 .controlsSpacer[hideCursor] {
   cursor: none;
 }
 
 .controlsContainer,
 .progressContainer {
   position: relative;
   height: 100%;
 }
 
 .stackItem {
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
 }
 
 .statusOverlay {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   background-color: rgb(80,80,80, .85);
 }
 
 .controlsOverlay {
   display: flex;
   flex-direction: column;
   justify-content: center;
   position: relative;
 }
 
 .controlsSpacerStack {
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   justify-content: center;
   align-items: center;
 }
 
 .controlBar {
   display: flex;
   box-sizing: border-box;
   justify-content: center;
   align-items: center;
   overflow: hidden;
   height: 40px;
   padding: 0 9px;
   background-color: rgba(26,26,26,.8);
 }
 
 .touch .controlBar {
   height: 52px;
 }
 
 .controlBar > .button {
   /* Prevent #textTrackListContainer from blocking clicks on controls */
   z-index: 1;
   height: 100%;
   min-width: var(--button-size);
   min-height: var(--button-size);
   padding: 6px;
   border: 0;
   margin: 0;
   background-color: transparent;
   background-repeat: no-repeat;
   background-position: center;
   background-origin: content-box;
   background-clip: content-box;
   -moz-context-properties: fill;
   fill: currentColor;
   color: inherit;
   /* We don't suppress ::-moz-focus-inner, so that does for a focus indicator */
   outline: none;
 }
 
 /* Keyboard focus styling for interactive control elements (includes control
    bar, click to play and track list) */
 .controlBar > .button:focus-visible,
 .volumeControl:focus-visible,
 .scrubber:focus-visible,
 .clickToPlay:focus-visible,
 .textTrackList > .textTrackItem:focus-visible {
   outline: var(--control-focus-outline);
   outline-offset: var(--control-focus-outline-offset);
 }
 
 .touch .controlBar > .button {
   background-size: 24px 24px;
 }
 
 .controlBar > .button:enabled:hover {
   fill: #48a0f7;
 }
 
 .controlBar > .button:enabled:hover:active {
   fill: #2d89e6;
 }
 
 .playButton {
   background-image: url(chrome://global/skin/media/pause-fill.svg);
 }
 .playButton[paused] {
   background-image: url(chrome://global/skin/media/play-fill.svg);
 }
 
 .muteButton {
   background-image: url(chrome://global/skin/media/audio.svg);
 }
 .muteButton[muted] {
   background-image: url(chrome://global/skin/media/audio-muted.svg);
 }
 .muteButton[noAudio] {
   background-image: url(chrome://global/skin/media/audioNoAudioButton.svg);
 }
 .muteButton[noAudio] + .volumeStack {
   display: none;
 }
 
 .castingButton {
   background-image: url(chrome://global/skin/media/castingButton-ready.svg);
 }
 
 .castingButton[enabled] {
   background-image: url(chrome://global/skin/media/castingButton-active.svg);
 }
 
 .closedCaptionButton {
   background-image: url(chrome://global/skin/media/closedCaptionButton-cc-off.svg);
 }
 .closedCaptionButton[enabled] {
   background-image: url(chrome://global/skin/media/closedCaptionButton-cc-on.svg);
 }
 
 .fullscreenButton {
   background-image: url(chrome://global/skin/media/fullscreenEnterButton.svg);
 }
 .fullscreenButton[fullscreened] {
   background-image: url(chrome://global/skin/media/fullscreenExitButton.svg);
 }
 
 .controlBarSpacer {
   flex-grow: 1;
 }
 
 .volumeControl::-moz-range-thumb,
 .scrubber::-moz-range-thumb {
   height: var(--thumb-size);
   width: var(--thumb-size);
   border: none;
   border-radius: 50%;
   /* this is a foreground element even though it is implemented as a background */
   background-color: currentColor;
   filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.65));
 }
 
 .volumeControl,
 .scrubber {
   outline: none;
 }
 
 .progressBackgroundBar {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }
 
 .progressStack {
   position: relative;
   width: 100%;
   height: var(--track-size);
 }
 
 .scrubberStack {
   /* minus margin to get basis of required width */
   min-width: calc(var(--scrubberStack-width) - 18px);
   flex-basis: calc(var(--scrubberStack-width) - 18px);
   flex-grow: 2;
   flex-shrink: 0;
   margin: 0 9px;
 }
 
 .volumeStack {
   max-width: 60px;
   min-width: var(--volumeStack-width);
   flex-grow: 1;
   flex-shrink: 0;
   margin-right: 6px;
   margin-left: 4px;
 }
 
 .bufferBar,
 .progressBar,
 .scrubber,
 .volumeControl {
   bottom: 0;
   color: inherit;
   left: 0;
   position: absolute;
   width: 100%;
   height: 100%;
   padding: 0;
   border: 0;
   border-radius: calc(var(--track-size) / 2);
   margin: 0;
   background: none;
   outline: none;
 }
 
 .bufferBar {
   background-color: rgba(0,0,0,0.7);
 }
 
 .bufferBar::-moz-progress-bar,
 .progressBar::-moz-progress-bar {
   height: 100%;
   padding: 0;
   margin: 0;
   border: 0;
   border-radius: calc(var(--track-size) / 2);
   background: none;
 }
 
 .bufferBar::-moz-progress-bar {
   background-color: rgba(255,255,255,0.3);
   border-radius: calc(var(--track-size) / 2);
 }
 
 .progressBar::-moz-progress-bar {
   background-color: #00b6f0;
 }
 
 .scrubber:hover::-moz-range-thumb,
 .volumeControl:hover::-moz-range-thumb {
   background-color: #48a0f7;
 }
 
 .scrubber:active::-moz-range-thumb,
 .volumeControl:active::-moz-range-thumb {
   background-color: #2d89e6;
 }
 
 .scrubber::-moz-range-track,
 .scrubber::-moz-range-progress {
   background-color: transparent;
 }
 
 .volumeControl::-moz-range-progress,
 .volumeControl::-moz-range-track {
   height: var(--track-size);
   border-radius: calc(var(--track-size) / 2);
 }
 
 .volumeControl::-moz-range-progress {
   /* this is a foreground element even though it is implemented as a background */
   background-color: currentColor;
 }
 
 .volumeControl::-moz-range-track {
   background-color: rgba(0,0,0,0.7);
 }
 
 @media (prefers-contrast) {
   /* Show a border in high contrast mode since background-colors
      are not shown. */
   .scrubber::-moz-range-track,
   .volumeControl::-moz-range-track {
     border: 1px solid;
   }
 
   .scrubber::-moz-range-progress,
   .volumeControl::-moz-range-progress {
     border: 2px solid;
   }
 }
 
 .textTrackListContainer {
   position: absolute;
   right: 5px;
   bottom: 45px;
   top: 5px;
   max-width: 80%;
   display: flex;
   flex-direction: column;
   justify-content: end;
 }
 
 .textTrackList {
   flex: 0 1 auto;
   border: 1px solid #000;
   border-radius: 2.5px;
   padding: 5px 0;
   vertical-align: middle;
   background-color: #000;
   opacity: 0.7;
   overflow-y: auto;
 }
 
 .touch .textTrackList {
   bottom: 58px;
 }
 
 .textTrackList > .textTrackItem {
   display: block;
   width: 100%;
   height: var(--button-size);
   font-size: var(--label-font-size);
   padding: 2px 10px;
   border: none;
   margin: 0;
   white-space: nowrap;
   overflow: hidden;
   text-align: left;
   text-overflow: ellipsis;
   background-color: transparent;
   color: inherit;
 }
 
 .textTrackList > .textTrackItem:hover {
   background-color: #444;
 }
 
 .textTrackList > .textTrackItem[aria-checked="true"] {
   color: #48a0f7;
 }
 
 .positionLabel,
 .durationLabel {
   display: none;
 }
 
 .positionDurationBox {
   text-align: center;
   padding-inline-start: 1px;
   padding-inline-end: 9px;
   white-space: nowrap;
   font: message-box;
   font-size: var(--label-font-size);
   font-size-adjust: 0.55;
   font-variant-numeric: tabular-nums;
 }
 
 @media (-moz-platform: macos) {
   .positionDurationBox {
     font-size-adjust: unset;
     font-family: "Helvetica Neue", "Helvetica", sans-serif;
   }
 }
 
 .duration {
   display: inline-block;
   white-space: pre;
   color: #929292;
 }
 
 .statusIcon {
   width: 36px;
   height: 36px;
   margin-bottom: 20px;
 }
 
 /* Not showing the throbber on mobile because of conflict with m.youtube.com (see bug 1289412) */
 .controlsContainer:not(.mobile) .statusIcon[type="throbber"] {
   background: url(chrome://global/skin/media/throbber.png) no-repeat center;
 }
 
 .controlsContainer:not(.mobile) .statusIcon[type="throbber"][stalled] {
   background: url(chrome://global/skin/media/stalled.png) no-repeat center;
 }
 
 .statusIcon[type="error"],
 .statusIcon[type="pictureInPicture"] {
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
 }
 
 .statusIcon[type="error"] {
   min-width: 70px;
   min-height: 60px;
   background-image: url(chrome://global/skin/media/error.png);
 }
 
 .statusIcon[type="pictureInPicture"] {
   min-width: 84px;
   min-height: 84px;
   background-image: url(chrome://global/skin/media/picture-in-picture-open.svg);
   -moz-context-properties: fill;
   fill: currentColor;
 }
 
 .videocontrols[localedir="rtl"] .statusIcon[type="pictureInPicture"] {
   transform: scaleX(-1);
 }
 
 .pictureInPictureToggleLabel {
   margin-inline-start: var(--pip-toggle-padding);
 }
 
 /* Overlay Play button */
 .clickToPlay {
   appearance: none;
   border: none;
   min-width: var(--clickToPlay-size);
   min-height: var(--clickToPlay-size);
   border-radius: 50%;
   background-image: url(chrome://global/skin/media/play-fill.svg);
   background-repeat: no-repeat;
   background-position: 54% 50%;
   background-size: 40% 40%;
   background-color: #1a1a1a;
   -moz-context-properties: fill;
   fill: currentColor;
   color: inherit;
   opacity: 0.8;
   position: relative;
   top: 20px;
 }
 
 .controlsSpacerStack:hover > .clickToPlay,
 .clickToPlay:hover {
   opacity: 0.55;
 }
 
 .controlsSpacerStack:hover > .clickToPlay[fadeout] {
   opacity: 0;
 }
 
 .controlBar[fullscreen-unavailable] .fullscreenButton {
   display: none;
 }
 
 .statusOverlay[fadeout],
 .statusOverlay[error] + .controlsOverlay > .controlsSpacerStack {
   opacity: 0;
 }
 
 .pictureInPictureOverlay {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   opacity: 1;
   background-color: rgb(12, 12, 13);
 }
 
 /* Status description formatting */
 .statusLabel {
   display: none;
   padding: 0 10px;
   text-align: center;
   font: message-box;
   font-size: 14px;
 }
 
 .videocontrols[localedir="rtl"] .statusLabel {
   direction: rtl;
 }
 
 [status="errorAborted"]         > #errorAborted,
 [status="errorNetwork"]         > #errorNetwork,
 [status="errorDecode"]          > #errorDecode,
 [status="errorSrcNotSupported"] > #errorSrcNotSupported,
 [status="errorNoSource"]        > #errorNoSource,
 [status="errorGeneric"]         > #errorGeneric,
 [status="pictureInPicture"]     > #pictureInPicture {
   display: inline;
 }
 
 @media (-moz-platform: windows) and (prefers-contrast) {
   .controlsSpacer,
   .clickToPlay {
     background-color: transparent;
   }
 }
 
 .a11y-only {
   position: absolute;
   left: -10000px;
   width: 100px;
   height: 100px;
 }
 
 :host::cue {
   font-size: var(--cue-font-size);
   writing-mode: var(--cue-writing-mode, inherit);
 }

 /* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

/* This CSS file is for the Picture-in-Picture toggle.
 *
 * The "experiment" class is used to enable styling for the VARIANT version
 * of the toggle for upcoming PiP Nimbus experiments.
 * @see Bug 1811314.
 *
 * To see each section of style changes, search "PIP STYLING" in this file.
 */

/* SHARED PIP STYLING */

.controlsOverlay[hidetoggle="true"].hovering > .pip-wrapper:not(.hovering) {
    /* If this isn't !important, it will fail to override the other opacity
     * rules, which are currently defined below this point in this file. */
    opacity: 0 !important;
  }
  
  .pip-wrapper {
    position: absolute;
    cursor: pointer;
    -moz-appearance: none;
    background: none;
    color: inherit;
    border: none;
    text-align: unset;
    top: calc(70% - 40px);
    opacity: 0;
    padding-inline: 0;
    transition: opacity 200ms;
    --pip-icon-size: 24px;
    --pip-icon-width-with-margins: calc(2 * var(--pip-toggle-margin) + var(--pip-icon-size));
    --pip-highlight-style: solid rgba(0, 254, 255, 1);
    --pip-highlight-width: 2px;
    --pip-toggle-distanceFromVideoEdge: 18px;
    --pip-toggle-focus-outline-offset: 1px;
    --pip-toggle-margin: 8px;
    --pip-border-radius-toggle: 4px;
    --pip-box-shadow-default: 0 0 4px rgba(255, 255, 255, 0.9);
    --pip-box-shadow-hover: 0 0 10px rgba(255, 255, 255, 0.7);
    --pip-expanded-height: 40px;
    --pip-expanded-min-width: 200px;
    --pip-expanded-max-width: max-content;
  }
  
  /* Adjust sizing of the regular toggle wrapper to correctly show the
   * focus outline when navigating via keyboard. */
  .pip-wrapper[has-used],
  .pip-wrapper[small-video] {
    height: var(--pip-icon-width-with-margins);
    width: var(--pip-icon-width-with-margins);
    border-radius: var(--pip-border-radius-toggle);
    margin-right: calc(var(--pip-icon-width-with-margins) * -1);
  }
  
  .pip-wrapper[policy="hidden"] {
    display: none;
  }
  
  .pip-wrapper[policy="top"] {
    top: 0%;
    translate: var(--pip-toggle-translate-x);
  }
  
  .pip-wrapper[policy="one-quarter"] {
    top: 25%;
  }
  
  .pip-wrapper[policy="middle"] {
    top: 50%;
  }
  
  .pip-wrapper[policy="three-quarters"] {
    top: 75%;
  }
  
  .pip-wrapper[policy="bottom"] {
    top: 100%;
    translate: var(--pip-toggle-translate-x) -100%;
  }
  
  .pip-wrapper[medium-video] > .pip-expanded > .pip-icon-label > .pip-label {
    font-size: 13px;
  }
  
  .pip-wrapper[medium-video] > .pip-expanded {
    font-size: 11px;
  }
  
  .pip-wrapper[position="right"] {
    /* move from the right by total width of pip toggle so that it is at least visible in the video element */
    right: calc(var(--pip-icon-width-with-margins) + var(--pip-toggle-distanceFromVideoEdge));
  }
  
  /* Re-position the first-time toggle such that it will always be the same distance away from the right edge
   * of the video, even if the label and/or message string(s) are long. */
  .pip-wrapper[position="right"] > .pip-expanded {
    translate: calc(-100% + var(--pip-icon-width-with-margins));
    transform-origin: right;
  }
  
  .pip-wrapper[position="left"] {
    left: var(--pip-toggle-distanceFromVideoEdge);
  }
  
  .pip-expanded,
  .pip-small,
  .pip-icon,
  .pip-explainer {
    position: absolute;
    left: 0;
    top: 0;
  }
  
  .pip-wrapper > .pip-expanded {
    display: flex;
    opacity: 0;
    align-items: center;
    scale: 0.33 1;
    font-size: 14px;
  }
  
  .pip-wrapper:not([small-video], [has-used]) > .pip-small {
    opacity: 0;
    transition: opacity 200ms;
  }
  
  .pip-wrapper:not([small-video], [has-used]) > .pip-expanded {
    opacity: 1;
    scale: 1;
    pointer-events: none;
  }
  
  .pip-wrapper:not([small-video], [has-used]).hovering > .pip-expanded {
    pointer-events: auto;
  }
  
  .pip-icon {
    top: 8px;
    left: 8px;
    pointer-events: none;
    background-image: url("chrome://global/skin/media/picture-in-picture-open.svg");
    background-position: center, center;
    background-repeat: no-repeat;
    background-size: var(--pip-icon-size) var(--pip-icon-size);
    -moz-context-properties: fill;
    fill: currentColor;
    height: var(--pip-icon-size);
    width: var(--pip-icon-size);
  }
  
  .videocontrols[localedir="rtl"] .pip-icon {
    transform: scaleX(-1);
  }
  
  .pip-wrapper[position="left"] > .pip-expanded > .pip-icon-label > .pip-label {
    margin-left: var(--pip-icon-width-with-margins);
    margin-right: var(--pip-toggle-margin);
  }
  
  .pip-small {
    width: 40px;
    height: 40px;
  }
  
  .pip-wrapper[position="left"] > .pip-expanded > .pip-icon-label > .pip-icon {
    display: none;
  }
  
  .pip-wrapper:is([small-video], [has-used]) > .pip-expanded,
  .pip-wrapper[position="right"]:not([small-video], [has-used]) > .pip-icon {
    display: none;
  }
  
  .pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label > .pip-icon {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
  }
  
  .pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label {
    display: flex;
    flex-direction: row;
    align-content: center;
  }
  
  .pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label > .pip-icon,
  .pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label > .pip-label {
    margin-block: auto;
  }
  
  .pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label > .pip-icon {
    margin-inline: var(--pip-toggle-margin);
  }
  
  .pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label > .pip-label {
    margin-right: var(--pip-toggle-margin);
  }
  
  @media (prefers-reduced-motion) {
    .pip-wrapper,
    .pip-expanded,
    .pip-small,
    .pip-explainer {
      /* Transition changes in other rules may override this one if reduced motion is preferred.
       * Make sure this one always takes priority. */
      transition: none !important;
    }
  }
  
  
  /* NO EXPERIMENT - PIP STYLING */
  
  .controlsOverlay:not(.experiment).hovering > .pip-wrapper:not(:focus-visible) {
    opacity: 0.8;
  }
  
  .controlsOverlay:not(.experiment).hovering > .pip-wrapper.hovering {
    opacity: 1;
  }
  
  /* If the PiP toggle is keyboard focused, always show it at 100% opacity */
  .pip-wrapper:not([policy="hidden"], .experiment):focus-visible {
    opacity: 1;
  }
  
  /* If showing the expanded PiP toggle, don't outline the
   * parent wrapper element - the expanded toggle handles its
   * own outline. This also affects the regular toggle for small-videos. */
  .pip-wrapper:not([policy="hidden"], [has-used], .experiment):focus-visible {
    outline: none;
  }
  
  /* Override outline set by ua.css for the regular toggle. */
  .pip-wrapper[has-used]:not([policy="hidden"], .experiment):focus-visible {
    outline: var(--control-focus-outline);
  }
  
  .pip-wrapper:not(.experiment) > .pip-small {
    background-color: rgba(12, 12, 13, 0.65);
    box-shadow: 0 4px 4px rgba(12, 12, 13, 0.25);
    border-radius: var(--pip-border-radius-toggle);
  }
  
  .pip-wrapper:not(.experiment) > .pip-expanded,
  .pip-wrapper:not(.experiment) > .pip-small {
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-sizing: border-box;
  }
  
  /* If first-time toggle is visible and then switched to the regular toggle for smaller videos,
   * maintain the border shown on the first-time toggle. */
  .pip-wrapper:not([has-used], .experiment) > .pip-small {
    border: var(--pip-highlight-width) var(--pip-highlight-style);
  }
  
  .pip-wrapper:not(.experiment) > .pip-expanded {
    border: var(--pip-highlight-width) var(--pip-highlight-style);
    transition: opacity 250ms, scale 200ms;
    height: var(--pip-expanded-height);
    background-color: rgba(12, 12, 13, 0.9);
    box-shadow: 0 4px 4px rgba(12, 12, 13, 0.25);
    width: var(--pip-expanded-max-width);
    min-width: var(--pip-expanded-min-width);
    border-radius: 8px;
  }
  
  .pip-wrapper:not(.experiment).hovering > .pip-expanded {
    box-shadow: none;
    border: var(--pip-highlight-width) var(--pip-highlight-style);
    /* Remove bottom border but keep text centred with padding. */
    border-bottom: none;
    padding-bottom: var(--pip-highlight-width);
  }
  
  .pip-wrapper:not([small-video], [has-used], .experiment).hovering > .pip-expanded {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  
  /* Toggle message only appears for CONTROL variant. */
  .pip-wrapper:not(.experiment) > .pip-expanded > .pip-explainer {
    padding: 6px 16px 8px 8px;
    translate: 0;
    transition: opacity 250ms, translate 190ms;
    transition-timing-function: cubic-bezier(.07, .95, 0, 1);
    background: rgba(12, 12, 13, 0.65);
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border: var(--pip-highlight-width) var(--pip-highlight-style);
    border-top: 0;
    box-shadow: 0 4px 4px rgba(12, 12, 13, 0.25);
    opacity: 0;
    margin-inline: calc(-1 * var(--pip-highlight-width));
    width: calc(100% - 24px);
    word-break: break-word;
    pointer-events: none;
    user-select: none;
  }
  
  .videocontrols[localedir="rtl"] .pip-wrapper:not(.experiment) > .pip-explainer {
    text-align: right;
    direction: rtl;
  }
  
  .pip-wrapper:not(.experiment).hovering > .pip-expanded > .pip-explainer {
    pointer-events: auto;
    opacity: 1;
    translate: 0 calc(40px - var(--pip-highlight-width));
  }
  
  
  /* EXPERIMENT ONLY - PIP STYLING */
  
  /* Since we change the outline for the first-time PiP toggle VARIANT,
   * override the focus outline in videocontrols.css as well so that
   * there is design consistency. */
  .controlsContainer.experiment {
    --control-focus-outline: 2px solid #0060DF;
  }
  
  .pip-wrapper.experiment > .pip-expanded > .pip-icon-label > .pip-label {
    font-size: min(16px, 1.4em);
  }
  
  /* Only the background will be set at 70% opacity. The icons and labels will remain at 100%. */
  .controlsOverlay.experiment.hovering > .pip-wrapper {
    opacity: 1;
  }
  
  /* If the PiP toggle is keyboard focused, always show it and override outline set by ua.css.
   * Opacity only affects the toggle icon and label, not the background, which is handled separately. */
  .pip-wrapper.experiment:not([policy="hidden"]):focus-visible {
    opacity: 1;
    /* Wrapper size won't always match pip-small or pip-expanded, so don't apply outline on wrapper. */
    outline: none;
  }
  
  /* For the regular PiP toggle, take into consideration small videos and has-used=true. */
  .pip-wrapper.experiment:is([has-used], [small-video]):not([policy="hidden"]):focus-visible > .pip-small,
  .pip-wrapper.experiment:not([policy="hidden"], [has-used]):focus-visible > .pip-expanded {
    outline: var(--control-focus-outline);
    outline-offset: var(--pip-toggle-focus-outline-offset);
  }
  
  .pip-wrapper.experiment > .pip-expanded > .pip-explainer {
    display: none;
  }
  
  .pip-wrapper.experiment > .pip-small {
    border-radius: var(--pip-border-radius-toggle);
    transition: background-color 200ms;
  }
  
  .pip-wrapper.experiment > .pip-expanded {
    transition: opacity 250ms, scale 200ms, translate 190ms, background-color 200ms;
    height: var(--pip-expanded-height);
    width: var(--pip-expanded-max-width);
    min-width: var(--pip-expanded-min-width);
    border-radius: var(--pip-border-radius-toggle);
  }
  
  .pip-wrapper.experiment > .pip-small,
  .pip-wrapper.experiment > .pip-expanded {
    background-color: rgba(0, 0, 0, 0.7);
    box-sizing: border-box;
  }
  
  .pip-wrapper.experiment.hovering > .pip-small,
  .pip-wrapper.experiment.hovering > .pip-expanded {
    background-color: rgba(0, 0, 0, 1);
  }
  
  .pip-wrapper.experiment:not([policy="hidden"], :focus-visible) > .pip-small,
  .pip-wrapper.experiment:not([policy="hidden"], :focus-visible) > .pip-expanded {
    box-shadow: var(--pip-box-shadow-default);
  }
  
  .pip-wrapper.experiment:not([policy="hidden"], :focus-visible).hovering > .pip-small,
  .pip-wrapper.experiment:not([policy="hidden"], :focus-visible).hovering > .pip-expanded {
    box-shadow: var(--pip-box-shadow-hover);
  }
  
  /* Remove white box shadow if there is keyboard focus on the toggle and
   * replace it with blue box shadow instead. */
  .pip-wrapper.experiment:not([policy="hidden"]):focus-visible > .pip-small,
  .pip-wrapper.experiment:not([policy="hidden"]):focus-visible > .pip-expanded {
    box-shadow: 0 0 10px rgba(0, 96, 223, 0.9);
  }
  
  /* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

@namespace url("http://www.w3.org/1999/xhtml");

.videocontrols {
  writing-mode: horizontal-tb;
  width: 100%;
  height: 100%;
  display: inline-block;
  overflow: hidden;

  direction: ltr;
  /* Prevent selection from interacting weirdly with the page,
   * see bug 1766093. Our text selection story with shadow dom should be
   * better, see bug 1590379 */
  user-select: none;
  /* Prevent unwanted style inheritance. See bug 554717. */
  text-align: left;
  list-style-image: none !important;
  font: normal normal normal 100%/normal sans-serif !important;
  text-decoration: none !important;
  white-space: normal !important;
}

.videocontrols[flipped] {
  transform: scaleX(-1);
}

.controlsContainer {
  --clickToPlay-size: 48px;
  --button-size: 30px;
  --timer-size: 40px;
  --timer-long-size: 60px;
  --track-size: 5px;
  --thumb-size: 13px;
  --label-font-size: 13px;
  --pip-toggle-padding: 5px;
  --control-focus-outline: 2px solid #00DDFF;
  --control-focus-outline-offset: -2px;
  --pip-toggle-icon-width-height: 16px;
  --pip-toggle-translate-x: calc(100% - var(--pip-toggle-icon-width-height) - 2 * var(--pip-toggle-padding));

  color: #fff;
}
.controlsContainer.touch {
  --clickToPlay-size: 64px;
  --button-size: 40px;
  --timer-size: 52px;
  --timer-long-size: 78px;
  --track-size: 7px;
  --thumb-size: 16px;
  --label-font-size: 16px;
}

/* Some CSS custom properties defined here are referenced by videocontrols.js */
.controlBar {
  /* Do not delete: these variables are accessed by JavaScript directly.
     see videocontrols.js and search for |-width|. */
  --clickToPlay-width: var(--clickToPlay-size);
  --playButton-width: var(--button-size);
  --scrubberStack-width: 64px;
  --muteButton-width: var(--button-size);
  --volumeStack-width: 48px;
  --castingButton-width: var(--button-size);
  --closedCaptionButton-width: var(--button-size);
  --fullscreenButton-width: var(--button-size);
  --positionDurationBox-width: var(--timer-size);
  --durationSpan-width: var(--timer-size);
  --positionDurationBox-width-long: var(--timer-long-size);
  --durationSpan-width-long: var(--timer-long-size);
}

.touch .controlBar {
  /* Do not delete: these variables are accessed by JavaScript directly.
     see videocontrols.js and search for |-width|. */
  --scrubberStack-width: 84px;
  --volumeStack-width: 64px;
}

.controlsContainer [hidden],
.controlBar[hidden] .progressBar,
.controlBar[hidden] .bufferBar,
.videocontrols[inDOMFullscreen] > .controlsContainer > .controlsOverlay > #pictureInPictureToggle {
  display: none;
}

/* We hide the controlBar visually so it doesn't obscure the video. However,
 * we still want to expose it to a11y so users who don't use a mouse can access
 * it.
 */
.controlBar[hidden] {
  display: flex;
  opacity: 0;
  pointer-events: none;
}

.controlBar[size="hidden"] {
  display: none;
}

.controlsSpacer[hideCursor] {
  cursor: none;
}

.controlsContainer,
.progressContainer {
  position: relative;
  height: 100%;
}

.stackItem {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.statusOverlay {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: rgb(80,80,80, .85);
}

.controlsOverlay {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.controlsSpacerStack {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
}

.controlBar {
  display: flex;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  height: 40px;
  padding: 0 9px;
  background-color: rgba(26,26,26,.8);
}

.touch .controlBar {
  height: 52px;
}

.controlBar > .button {
  /* Prevent #textTrackListContainer from blocking clicks on controls */
  z-index: 1;
  height: 100%;
  min-width: var(--button-size);
  min-height: var(--button-size);
  padding: 6px;
  border: 0;
  margin: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-origin: content-box;
  background-clip: content-box;
  -moz-context-properties: fill;
  fill: currentColor;
  color: inherit;
  /* We don't suppress ::-moz-focus-inner, so that does for a focus indicator */
  outline: none;
}

/* Keyboard focus styling for interactive control elements (includes control
   bar, click to play and track list) */
.controlBar > .button:focus-visible,
.volumeControl:focus-visible,
.scrubber:focus-visible,
.clickToPlay:focus-visible,
.textTrackList > .textTrackItem:focus-visible {
  outline: var(--control-focus-outline);
  outline-offset: var(--control-focus-outline-offset);
}

.touch .controlBar > .button {
  background-size: 24px 24px;
}

.controlBar > .button:enabled:hover {
  fill: #48a0f7;
}

.controlBar > .button:enabled:hover:active {
  fill: #2d89e6;
}

.playButton {
  background-image: url(chrome://global/skin/media/pause-fill.svg);
}
.playButton[paused] {
  background-image: url(chrome://global/skin/media/play-fill.svg);
}

.muteButton {
  background-image: url(chrome://global/skin/media/audio.svg);
}
.muteButton[muted] {
  background-image: url(chrome://global/skin/media/audio-muted.svg);
}
.muteButton[noAudio] {
  background-image: url(chrome://global/skin/media/audioNoAudioButton.svg);
}
.muteButton[noAudio] + .volumeStack {
  display: none;
}

.castingButton {
  background-image: url(chrome://global/skin/media/castingButton-ready.svg);
}

.castingButton[enabled] {
  background-image: url(chrome://global/skin/media/castingButton-active.svg);
}

.closedCaptionButton {
  background-image: url(chrome://global/skin/media/closedCaptionButton-cc-off.svg);
}
.closedCaptionButton[enabled] {
  background-image: url(chrome://global/skin/media/closedCaptionButton-cc-on.svg);
}

.fullscreenButton {
  background-image: url(chrome://global/skin/media/fullscreenEnterButton.svg);
}
.fullscreenButton[fullscreened] {
  background-image: url(chrome://global/skin/media/fullscreenExitButton.svg);
}

.controlBarSpacer {
  flex-grow: 1;
}

.volumeControl::-moz-range-thumb,
.scrubber::-moz-range-thumb {
  height: var(--thumb-size);
  width: var(--thumb-size);
  border: none;
  border-radius: 50%;
  /* this is a foreground element even though it is implemented as a background */
  background-color: currentColor;
  filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.65));
}

.volumeControl,
.scrubber {
  outline: none;
}

.progressBackgroundBar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.progressStack {
  position: relative;
  width: 100%;
  height: var(--track-size);
}

.scrubberStack {
  /* minus margin to get basis of required width */
  min-width: calc(var(--scrubberStack-width) - 18px);
  flex-basis: calc(var(--scrubberStack-width) - 18px);
  flex-grow: 2;
  flex-shrink: 0;
  margin: 0 9px;
}

.volumeStack {
  max-width: 60px;
  min-width: var(--volumeStack-width);
  flex-grow: 1;
  flex-shrink: 0;
  margin-right: 6px;
  margin-left: 4px;
}

.bufferBar,
.progressBar,
.scrubber,
.volumeControl {
  bottom: 0;
  color: inherit;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  border-radius: calc(var(--track-size) / 2);
  margin: 0;
  background: none;
  outline: none;
}

.bufferBar {
  background-color: rgba(0,0,0,0.7);
}

.bufferBar::-moz-progress-bar,
.progressBar::-moz-progress-bar {
  height: 100%;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: calc(var(--track-size) / 2);
  background: none;
}

.bufferBar::-moz-progress-bar {
  background-color: rgba(255,255,255,0.3);
  border-radius: calc(var(--track-size) / 2);
}

.progressBar::-moz-progress-bar {
  background-color: #00b6f0;
}

.scrubber:hover::-moz-range-thumb,
.volumeControl:hover::-moz-range-thumb {
  background-color: #48a0f7;
}

.scrubber:active::-moz-range-thumb,
.volumeControl:active::-moz-range-thumb {
  background-color: #2d89e6;
}

.scrubber::-moz-range-track,
.scrubber::-moz-range-progress {
  background-color: transparent;
}

.volumeControl::-moz-range-progress,
.volumeControl::-moz-range-track {
  height: var(--track-size);
  border-radius: calc(var(--track-size) / 2);
}

.volumeControl::-moz-range-progress {
  /* this is a foreground element even though it is implemented as a background */
  background-color: currentColor;
}

.volumeControl::-moz-range-track {
  background-color: rgba(0,0,0,0.7);
}

@media (prefers-contrast) {
  /* Show a border in high contrast mode since background-colors
     are not shown. */
  .scrubber::-moz-range-track,
  .volumeControl::-moz-range-track {
    border: 1px solid;
  }

  .scrubber::-moz-range-progress,
  .volumeControl::-moz-range-progress {
    border: 2px solid;
  }
}

.textTrackListContainer {
  position: absolute;
  right: 5px;
  bottom: 45px;
  top: 5px;
  max-width: 80%;
  display: flex;
  flex-direction: column;
  justify-content: end;
}

.textTrackList {
  flex: 0 1 auto;
  border: 1px solid #000;
  border-radius: 2.5px;
  padding: 5px 0;
  vertical-align: middle;
  background-color: #000;
  opacity: 0.7;
  overflow-y: auto;
}

.touch .textTrackList {
  bottom: 58px;
}

.textTrackList > .textTrackItem {
  display: block;
  width: 100%;
  height: var(--button-size);
  font-size: var(--label-font-size);
  padding: 2px 10px;
  border: none;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  background-color: transparent;
  color: inherit;
}

.textTrackList > .textTrackItem:hover {
  background-color: #444;
}

.textTrackList > .textTrackItem[aria-checked="true"] {
  color: #48a0f7;
}

.positionLabel,
.durationLabel {
  display: none;
}

.positionDurationBox {
  text-align: center;
  padding-inline-start: 1px;
  padding-inline-end: 9px;
  white-space: nowrap;
  font: message-box;
  font-size: var(--label-font-size);
  font-size-adjust: 0.55;
  font-variant-numeric: tabular-nums;
}

@media (-moz-platform: macos) {
  .positionDurationBox {
    font-size-adjust: unset;
    font-family: "Helvetica Neue", "Helvetica", sans-serif;
  }
}

.duration {
  display: inline-block;
  white-space: pre;
  color: #929292;
}

.statusIcon {
  width: 36px;
  height: 36px;
  margin-bottom: 20px;
}

/* Not showing the throbber on mobile because of conflict with m.youtube.com (see bug 1289412) */
.controlsContainer:not(.mobile) .statusIcon[type="throbber"] {
  background: url(chrome://global/skin/media/throbber.png) no-repeat center;
}

.controlsContainer:not(.mobile) .statusIcon[type="throbber"][stalled] {
  background: url(chrome://global/skin/media/stalled.png) no-repeat center;
}

.statusIcon[type="error"],
.statusIcon[type="pictureInPicture"] {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.statusIcon[type="error"] {
  min-width: 70px;
  min-height: 60px;
  background-image: url(chrome://global/skin/media/error.png);
}

.statusIcon[type="pictureInPicture"] {
  min-width: 84px;
  min-height: 84px;
  background-image: url(chrome://global/skin/media/picture-in-picture-open.svg);
  -moz-context-properties: fill;
  fill: currentColor;
}

.videocontrols[localedir="rtl"] .statusIcon[type="pictureInPicture"] {
  transform: scaleX(-1);
}

.pictureInPictureToggleLabel {
  margin-inline-start: var(--pip-toggle-padding);
}

/* Overlay Play button */
.clickToPlay {
  appearance: none;
  border: none;
  min-width: var(--clickToPlay-size);
  min-height: var(--clickToPlay-size);
  border-radius: 50%;
  background-image: url(chrome://global/skin/media/play-fill.svg);
  background-repeat: no-repeat;
  background-position: 54% 50%;
  background-size: 40% 40%;
  background-color: #1a1a1a;
  -moz-context-properties: fill;
  fill: currentColor;
  color: inherit;
  opacity: 0.8;
  position: relative;
  top: 20px;
}

.controlsSpacerStack:hover > .clickToPlay,
.clickToPlay:hover {
  opacity: 0.55;
}

.controlsSpacerStack:hover > .clickToPlay[fadeout] {
  opacity: 0;
}

.controlBar[fullscreen-unavailable] .fullscreenButton {
  display: none;
}

.statusOverlay[fadeout],
.statusOverlay[error] + .controlsOverlay > .controlsSpacerStack {
  opacity: 0;
}

.pictureInPictureOverlay {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 1;
  background-color: rgb(12, 12, 13);
}

/* Status description formatting */
.statusLabel {
  display: none;
  padding: 0 10px;
  text-align: center;
  font: message-box;
  font-size: 14px;
}

.videocontrols[localedir="rtl"] .statusLabel {
  direction: rtl;
}

[status="errorAborted"]         > #errorAborted,
[status="errorNetwork"]         > #errorNetwork,
[status="errorDecode"]          > #errorDecode,
[status="errorSrcNotSupported"] > #errorSrcNotSupported,
[status="errorNoSource"]        > #errorNoSource,
[status="errorGeneric"]         > #errorGeneric,
[status="pictureInPicture"]     > #pictureInPicture {
  display: inline;
}

@media (-moz-platform: windows) and (prefers-contrast) {
  .controlsSpacer,
  .clickToPlay {
    background-color: transparent;
  }
}

.a11y-only {
  position: absolute;
  left: -10000px;
  width: 100px;
  height: 100px;
}

:host::cue {
  font-size: var(--cue-font-size);
  writing-mode: var(--cue-writing-mode, inherit);
}

/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

/* This CSS file is for the Picture-in-Picture toggle.
 *
 * The "experiment" class is used to enable styling for the VARIANT version
 * of the toggle for upcoming PiP Nimbus experiments.
 * @see Bug 1811314.
 *
 * To see each section of style changes, search "PIP STYLING" in this file.
 */

/* SHARED PIP STYLING */

.controlsOverlay[hidetoggle="true"].hovering > .pip-wrapper:not(.hovering) {
    /* If this isn't !important, it will fail to override the other opacity
     * rules, which are currently defined below this point in this file. */
    opacity: 0 !important;
  }
  
  .pip-wrapper {
    position: absolute;
    cursor: pointer;
    -moz-appearance: none;
    background: none;
    color: inherit;
    border: none;
    text-align: unset;
    top: calc(70% - 40px);
    opacity: 0;
    padding-inline: 0;
    transition: opacity 200ms;
    --pip-icon-size: 24px;
    --pip-icon-width-with-margins: calc(2 * var(--pip-toggle-margin) + var(--pip-icon-size));
    --pip-highlight-style: solid rgba(0, 254, 255, 1);
    --pip-highlight-width: 2px;
    --pip-toggle-distanceFromVideoEdge: 18px;
    --pip-toggle-focus-outline-offset: 1px;
    --pip-toggle-margin: 8px;
    --pip-border-radius-toggle: 4px;
    --pip-box-shadow-default: 0 0 4px rgba(255, 255, 255, 0.9);
    --pip-box-shadow-hover: 0 0 10px rgba(255, 255, 255, 0.7);
    --pip-expanded-height: 40px;
    --pip-expanded-min-width: 200px;
    --pip-expanded-max-width: max-content;
  }
  
  /* Adjust sizing of the regular toggle wrapper to correctly show the
   * focus outline when navigating via keyboard. */
  .pip-wrapper[has-used],
  .pip-wrapper[small-video] {
    height: var(--pip-icon-width-with-margins);
    width: var(--pip-icon-width-with-margins);
    border-radius: var(--pip-border-radius-toggle);
    margin-right: calc(var(--pip-icon-width-with-margins) * -1);
  }
  
  .pip-wrapper[policy="hidden"] {
    display: none;
  }
  
  .pip-wrapper[policy="top"] {
    top: 0%;
    translate: var(--pip-toggle-translate-x);
  }
  
  .pip-wrapper[policy="one-quarter"] {
    top: 25%;
  }
  
  .pip-wrapper[policy="middle"] {
    top: 50%;
  }
  
  .pip-wrapper[policy="three-quarters"] {
    top: 75%;
  }
  
  .pip-wrapper[policy="bottom"] {
    top: 100%;
    translate: var(--pip-toggle-translate-x) -100%;
  }
  
  .pip-wrapper[medium-video] > .pip-expanded > .pip-icon-label > .pip-label {
    font-size: 13px;
  }
  
  .pip-wrapper[medium-video] > .pip-expanded {
    font-size: 11px;
  }
  
  .pip-wrapper[position="right"] {
    /* move from the right by total width of pip toggle so that it is at least visible in the video element */
    right: calc(var(--pip-icon-width-with-margins) + var(--pip-toggle-distanceFromVideoEdge));
  }
  
  /* Re-position the first-time toggle such that it will always be the same distance away from the right edge
   * of the video, even if the label and/or message string(s) are long. */
  .pip-wrapper[position="right"] > .pip-expanded {
    translate: calc(-100% + var(--pip-icon-width-with-margins));
    transform-origin: right;
  }
  
  .pip-wrapper[position="left"] {
    left: var(--pip-toggle-distanceFromVideoEdge);
  }
  
  .pip-expanded,
  .pip-small,
  .pip-icon,
  .pip-explainer {
    position: absolute;
    left: 0;
    top: 0;
  }
  
  .pip-wrapper > .pip-expanded {
    display: flex;
    opacity: 0;
    align-items: center;
    scale: 0.33 1;
    font-size: 14px;
  }
  
  .pip-wrapper:not([small-video], [has-used]) > .pip-small {
    opacity: 0;
    transition: opacity 200ms;
  }
  
  .pip-wrapper:not([small-video], [has-used]) > .pip-expanded {
    opacity: 1;
    scale: 1;
    pointer-events: none;
  }
  
  .pip-wrapper:not([small-video], [has-used]).hovering > .pip-expanded {
    pointer-events: auto;
  }
  
  .pip-icon {
    top: 8px;
    left: 8px;
    pointer-events: none;
    background-image: url("chrome://global/skin/media/picture-in-picture-open.svg");
    background-position: center, center;
    background-repeat: no-repeat;
    background-size: var(--pip-icon-size) var(--pip-icon-size);
    -moz-context-properties: fill;
    fill: currentColor;
    height: var(--pip-icon-size);
    width: var(--pip-icon-size);
  }
  
  .videocontrols[localedir="rtl"] .pip-icon {
    transform: scaleX(-1);
  }
  
  .pip-wrapper[position="left"] > .pip-expanded > .pip-icon-label > .pip-label {
    margin-left: var(--pip-icon-width-with-margins);
    margin-right: var(--pip-toggle-margin);
  }
  
  .pip-small {
    width: 40px;
    height: 40px;
  }
  
  .pip-wrapper[position="left"] > .pip-expanded > .pip-icon-label > .pip-icon {
    display: none;
  }
  
  .pip-wrapper:is([small-video], [has-used]) > .pip-expanded,
  .pip-wrapper[position="right"]:not([small-video], [has-used]) > .pip-icon {
    display: none;
  }
  
  .pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label > .pip-icon {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
  }
  
  .pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label {
    display: flex;
    flex-direction: row;
    align-content: center;
  }
  
  .pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label > .pip-icon,
  .pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label > .pip-label {
    margin-block: auto;
  }
  
  .pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label > .pip-icon {
    margin-inline: var(--pip-toggle-margin);
  }
  
  .pip-wrapper[position="right"] > .pip-expanded > .pip-icon-label > .pip-label {
    margin-right: var(--pip-toggle-margin);
  }
  
  @media (prefers-reduced-motion) {
    .pip-wrapper,
    .pip-expanded,
    .pip-small,
    .pip-explainer {
      /* Transition changes in other rules may override this one if reduced motion is preferred.
       * Make sure this one always takes priority. */
      transition: none !important;
    }
  }
  
  
  /* NO EXPERIMENT - PIP STYLING */
  
  .controlsOverlay:not(.experiment).hovering > .pip-wrapper:not(:focus-visible) {
    opacity: 0.8;
  }
  
  .controlsOverlay:not(.experiment).hovering > .pip-wrapper.hovering {
    opacity: 1;
  }
  
  /* If the PiP toggle is keyboard focused, always show it at 100% opacity */
  .pip-wrapper:not([policy="hidden"], .experiment):focus-visible {
    opacity: 1;
  }
  
  /* If showing the expanded PiP toggle, don't outline the
   * parent wrapper element - the expanded toggle handles its
   * own outline. This also affects the regular toggle for small-videos. */
  .pip-wrapper:not([policy="hidden"], [has-used], .experiment):focus-visible {
    outline: none;
  }
  
  /* Override outline set by ua.css for the regular toggle. */
  .pip-wrapper[has-used]:not([policy="hidden"], .experiment):focus-visible {
    outline: var(--control-focus-outline);
  }
  
  .pip-wrapper:not(.experiment) > .pip-small {
    background-color: rgba(12, 12, 13, 0.65);
    box-shadow: 0 4px 4px rgba(12, 12, 13, 0.25);
    border-radius: var(--pip-border-radius-toggle);
  }
  
  .pip-wrapper:not(.experiment) > .pip-expanded,
  .pip-wrapper:not(.experiment) > .pip-small {
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-sizing: border-box;
  }
  
  /* If first-time toggle is visible and then switched to the regular toggle for smaller videos,
   * maintain the border shown on the first-time toggle. */
  .pip-wrapper:not([has-used], .experiment) > .pip-small {
    border: var(--pip-highlight-width) var(--pip-highlight-style);
  }
  
  .pip-wrapper:not(.experiment) > .pip-expanded {
    border: var(--pip-highlight-width) var(--pip-highlight-style);
    transition: opacity 250ms, scale 200ms;
    height: var(--pip-expanded-height);
    background-color: rgba(12, 12, 13, 0.9);
    box-shadow: 0 4px 4px rgba(12, 12, 13, 0.25);
    width: var(--pip-expanded-max-width);
    min-width: var(--pip-expanded-min-width);
    border-radius: 8px;
  }
  
  .pip-wrapper:not(.experiment).hovering > .pip-expanded {
    box-shadow: none;
    border: var(--pip-highlight-width) var(--pip-highlight-style);
    /* Remove bottom border but keep text centred with padding. */
    border-bottom: none;
    padding-bottom: var(--pip-highlight-width);
  }
  
  .pip-wrapper:not([small-video], [has-used], .experiment).hovering > .pip-expanded {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  
  /* Toggle message only appears for CONTROL variant. */
  .pip-wrapper:not(.experiment) > .pip-expanded > .pip-explainer {
    padding: 6px 16px 8px 8px;
    translate: 0;
    transition: opacity 250ms, translate 190ms;
    transition-timing-function: cubic-bezier(.07, .95, 0, 1);
    background: rgba(12, 12, 13, 0.65);
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border: var(--pip-highlight-width) var(--pip-highlight-style);
    border-top: 0;
    box-shadow: 0 4px 4px rgba(12, 12, 13, 0.25);
    opacity: 0;
    margin-inline: calc(-1 * var(--pip-highlight-width));
    width: calc(100% - 24px);
    word-break: break-word;
    pointer-events: none;
    user-select: none;
  }
  
  .videocontrols[localedir="rtl"] .pip-wrapper:not(.experiment) > .pip-explainer {
    text-align: right;
    direction: rtl;
  }
  
  .pip-wrapper:not(.experiment).hovering > .pip-expanded > .pip-explainer {
    pointer-events: auto;
    opacity: 1;
    translate: 0 calc(40px - var(--pip-highlight-width));
  }
  
  
  /* EXPERIMENT ONLY - PIP STYLING */
  
  /* Since we change the outline for the first-time PiP toggle VARIANT,
   * override the focus outline in videocontrols.css as well so that
   * there is design consistency. */
  .controlsContainer.experiment {
    --control-focus-outline: 2px solid #0060DF;
  }
  
  .pip-wrapper.experiment > .pip-expanded > .pip-icon-label > .pip-label {
    font-size: min(16px, 1.4em);
  }
  
  /* Only the background will be set at 70% opacity. The icons and labels will remain at 100%. */
  .controlsOverlay.experiment.hovering > .pip-wrapper {
    opacity: 1;
  }
  
  /* If the PiP toggle is keyboard focused, always show it and override outline set by ua.css.
   * Opacity only affects the toggle icon and label, not the background, which is handled separately. */
  .pip-wrapper.experiment:not([policy="hidden"]):focus-visible {
    opacity: 1;
    /* Wrapper size won't always match pip-small or pip-expanded, so don't apply outline on wrapper. */
    outline: none;
  }
  
  /* For the regular PiP toggle, take into consideration small videos and has-used=true. */
  .pip-wrapper.experiment:is([has-used], [small-video]):not([policy="hidden"]):focus-visible > .pip-small,
  .pip-wrapper.experiment:not([policy="hidden"], [has-used]):focus-visible > .pip-expanded {
    outline: var(--control-focus-outline);
    outline-offset: var(--pip-toggle-focus-outline-offset);
  }
  
  .pip-wrapper.experiment > .pip-expanded > .pip-explainer {
    display: none;
  }
  
  .pip-wrapper.experiment > .pip-small {
    border-radius: var(--pip-border-radius-toggle);
    transition: background-color 200ms;
  }
  
  .pip-wrapper.experiment > .pip-expanded {
    transition: opacity 250ms, scale 200ms, translate 190ms, background-color 200ms;
    height: var(--pip-expanded-height);
    width: var(--pip-expanded-max-width);
    min-width: var(--pip-expanded-min-width);
    border-radius: var(--pip-border-radius-toggle);
  }
  
  .pip-wrapper.experiment > .pip-small,
  .pip-wrapper.experiment > .pip-expanded {
    background-color: rgba(0, 0, 0, 0.7);
    box-sizing: border-box;
  }
  
  .pip-wrapper.experiment.hovering > .pip-small,
  .pip-wrapper.experiment.hovering > .pip-expanded {
    background-color: rgba(0, 0, 0, 1);
  }
  
  .pip-wrapper.experiment:not([policy="hidden"], :focus-visible) > .pip-small,
  .pip-wrapper.experiment:not([policy="hidden"], :focus-visible) > .pip-expanded {
    box-shadow: var(--pip-box-shadow-default);
  }
  
  .pip-wrapper.experiment:not([policy="hidden"], :focus-visible).hovering > .pip-small,
  .pip-wrapper.experiment:not([policy="hidden"], :focus-visible).hovering > .pip-expanded {
    box-shadow: var(--pip-box-shadow-hover);
  }
  
  /* Remove white box shadow if there is keyboard focus on the toggle and
   * replace it with blue box shadow instead. */
  .pip-wrapper.experiment:not([policy="hidden"]):focus-visible > .pip-small,
  .pip-wrapper.experiment:not([policy="hidden"]):focus-visible > .pip-expanded {
    box-shadow: 0 0 10px rgba(0, 96, 223, 0.9);
  }

  /* cyrillic-ext */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://cdn.zyrosite.com/u1/google-fonts/font-file?family=Inter:wght@400&subset=cyrillic-ext&display=swap) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://cdn.zyrosite.com/u1/google-fonts/font-file?family=Inter:wght@400&subset=cyrillic&display=swap) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* greek-ext */
  @font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://cdn.zyrosite.com/u1/google-fonts/font-file?family=Inter:wght@400&subset=greek-ext&display=swap) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://cdn.zyrosite.com/u1/google-fonts/font-file?family=Inter:wght@400&subset=greek&display=swap) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://cdn.zyrosite.com/u1/google-fonts/font-file?family=Inter:wght@400&subset=vietnamese&display=swap) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://cdn.zyrosite.com/u1/google-fonts/font-file?family=Inter:wght@400&subset=latin-ext&display=swap) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://cdn.zyrosite.com/u1/google-fonts/font-file?family=Inter:wght@400&subset=latin&display=swap) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* cyrillic-ext */
  @font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://cdn.zyrosite.com/u1/google-fonts/font-file?family=Inter:wght@500&subset=cyrillic-ext&display=swap) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://cdn.zyrosite.com/u1/google-fonts/font-file?family=Inter:wght@500&subset=cyrillic&display=swap) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* greek-ext */
  @font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://cdn.zyrosite.com/u1/google-fonts/font-file?family=Inter:wght@500&subset=greek-ext&display=swap) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://cdn.zyrosite.com/u1/google-fonts/font-file?family=Inter:wght@500&subset=greek&display=swap) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://cdn.zyrosite.com/u1/google-fonts/font-file?family=Inter:wght@500&subset=vietnamese&display=swap) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://cdn.zyrosite.com/u1/google-fonts/font-file?family=Inter:wght@500&subset=latin-ext&display=swap) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://cdn.zyrosite.com/u1/google-fonts/font-file?family=Inter:wght@500&subset=latin&display=swap) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://cdn.zyrosite.com/u1/google-fonts/font-file?family=Outfit:wght@400&subset=latin-ext&display=swap) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://cdn.zyrosite.com/u1/google-fonts/font-file?family=Outfit:wght@400&subset=latin&display=swap) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://cdn.zyrosite.com/u1/google-fonts/font-file?family=Outfit:wght@600&subset=latin-ext&display=swap) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://cdn.zyrosite.com/u1/google-fonts/font-file?family=Outfit:wght@600&subset=latin&display=swap) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  
  @charset "UTF-8";
.sticky-trigger {
  position:relative;
  top:0;
  z-index:-1;
  height:1px;
  margin-bottom:-1px;
  pointer-events:none
}
.cookie-banner {
  position:fixed;
  right:0;
  bottom:0;
  left:0;
  z-index:9999;
  background-color:#fff;
  border-top:1px solid #f2f3f6
}
.cookie-banner__frame {
  display:flex;
  flex-direction:row;
  align-items:flex-start;
  justify-content:space-between;
  width:100%;
  padding:22px 24px;
  margin:auto
}
@media screen and (max-width: 920px) {
  .cookie-banner__frame {
    flex-direction:column;
    gap:16px
  }
}
.cookie-banner__frame .cookie-banner__controls {
  display:flex;
  gap:16px;
  margin:auto 0
}
.cookie-banner__frame .cookie-banner__controls .control-button {
  padding:8px 16px;
  font-family:Arial,sans-serif;
  text-decoration:underline;
  border-radius:4px
}
.cookie-banner__frame .cookie-banner__controls .control-button.primary {
  color:#fff;
  text-decoration:none;
  background:#1d1e20
}
.cookie-banner__frame .cookie-banner__controls .control-button:hover {
  cursor:pointer;
  opacity:.8
}
.cookie-banner__text {
  padding-right:16px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:20px;
  text-align:left;
  letter-spacing:.25px
}
.cookie-banner__close {
  display:block;
  flex-basis:20px;
  flex-shrink:0;
  width:20px;
  height:20px;
  margin-left:auto;
  color:#727586;
  cursor:pointer;
  transition:color .2s
}
.cookie-banner__close:hover,
.cookie-banner__close:focus {
  color:#727586
}
.block-background {
  position:absolute;
  inset:0;
  z-index:13;
  overflow:hidden;
  background:var(--09dd1150);
  backface-visibility:hidden;
  transition:height 1ms linear 999s
}
.block-background--animated-gradient {
  animation:animate-gradient 25s ease infinite;
  background-size:400% 400%
}
@keyframes animate-gradient {
  0% {
    background-position:var(--32728094) var(--34275933)
  }
  50% {
    background-position:var(--22aea98d) var(--22aea98d)
  }
  to {
    background-position:var(--32728094) var(--34275933)
  }
}
.block-background--fixed {
  bottom:-1px;
  clip-path:inset(0);
  backface-visibility:hidden;
  pointer-events:none
}
.block-background__image {
  position:absolute;
  top:0;
  left:0;
  z-index:0;
  display:block;
  width:100%;
  height:101%;
  object-fit:cover;
  object-position:var(--601455db)
}
.block-background__image--fixed,
.block-background__video--fixed {
  position:fixed;
  height:100vh
}
.block-background__overlay {
  position:absolute;
  top:0;
  left:0;
  z-index:2;
  width:100%;
  height:100%;
  background-color:#1d1e20;
  opacity:var(--4f04ad46)
}
.block-background__overlay--fixed {
  position:fixed;
  height:100vh
}
.transition-with-bg {
  transition:background-color .3s ease-in-out,height 1ms linear 999s
}
[data-v-17a7aef3]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.categories[data-v-17a7aef3] {
  margin-bottom:16px
}
.categories__item[data-v-17a7aef3] {
  color:var(--blog-post-header-text-color);
  cursor:pointer;
  opacity:.8
}
.categories__item[data-v-17a7aef3]:not(:first-child):before {
  margin:0 16px;
  content:"· "
}
[data-v-d92226f1]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.font-primary[data-v-d92226f1] {
  font-family:var(--font-primary);
  font-size:24px;
  font-style:normal;
  font-weight:700;
  line-height:1.3
}
.font-secondary[data-v-d92226f1] {
  font-family:var(--font-secondary);
  font-size:16px;
  font-style:normal;
  font-weight:400;
  line-height:1.3
}
.blog-list-item-meta[data-v-d92226f1] {
  color:var(--blog-post-header-text-color);
  opacity:.8
}
.blog-list-item-meta__author-name[data-v-d92226f1] {
  margin-bottom:4px
}
.blog-list-item-meta__subtitle span[data-v-d92226f1]:nth-of-type(2):before {
  content:" · "
}
[data-v-c599b443]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.font-primary[data-v-c599b443] {
  font-family:var(--font-primary);
  font-size:24px;
  font-style:normal;
  font-weight:700;
  line-height:1.3
}
.font-secondary[data-v-c599b443] {
  font-family:var(--font-secondary);
  font-size:16px;
  font-style:normal;
  font-weight:400;
  line-height:1.3
}
.block-blog-header[data-v-c599b443] {
  z-index:14;
  display:flex;
  flex-direction:column;
  grid-area:1/1/-1/-1;
  align-items:var(--align);
  width:100%;
  max-width:var(--content-width);
  padding:var(--block-padding);
  margin:auto;
  text-align:var(--text-align)
}
.block-blog-header__content[data-v-c599b443] {
  width:100%;
  color:var(--blog-post-header-text-color)
}
.block-blog-header__description[data-v-c599b443] {
  margin-bottom:12px;
  opacity:.8
}
.block-blog-header__title[data-v-c599b443] {
  margin-bottom:12px;
  font-size:var(--0327e7ea)
}
@media screen and (max-width: 920px) {
  .block-blog-header[data-v-c599b443] {
    padding:var(--m-block-padding)
  }
}
.block-layout {
  z-index:14;
  display:grid;
  grid-template-rows:var(--grid-template-rows);
  grid-template-columns:var(--grid-template-columns);
  width:100%;
  max-width:var(--5984c540);
  min-height:var(--block-min-height);
  margin:0 auto
}
.block-layout--forcedOnTop {
  z-index:15
}
@media screen and (max-width: 920px) {
  .block-layout--layout {
    grid-template-rows:var(--m-grid-template-rows);
    grid-template-columns:var(--m-grid-template-columns);
    max-width:var(--7876a9fc);
    min-height:var(--m-block-min-height);
    padding:var(--99b818f8)
  }
  .block-layout--legacy {
    display:flex;
    flex-direction:column;
    grid-gap:0;
    min-height:auto;
    padding:var(--m-block-padding)
  }
}
@media screen and (min-width: 920px) and (max-width: 1224px) {
  .block-layout--layout {
    grid-template-rows:var(--small-desktop-grid-template-rows);
    min-height:var(--small-desktop-block-min-height)
  }
}
@media screen and (min-width: 361px) and (max-width: 920px) {
  .block-layout--layout {
    grid-template-rows:var(--t-grid-template-rows);
    min-height:var(--t-block-min-height);
    padding:var(--65d23848)
  }
}
.layout-element {
  position:relative;
  left:var(--left);
  z-index:var(--hidden-element-z-index, var(--z-index));
  display:grid;
  grid-row:var(--grid-row);
  grid-column:var(--grid-column);
  width:var(--element-width, 100%);
  height:var(--element-height, 100%);
  text-align:var(--text)
}
@media screen and (max-width: 920px) {
  .layout-element {
    z-index:var(--m-hidden-element-z-index, var(--z-index));
    text-align:var(--m-text, var(--text))
  }
  .layout-element--layout {
    grid-row:var(--m-grid-row);
    grid-column:var(--m-grid-column)
  }
  .layout-element--legacy {
    align-items:var(--m-align, var(--align));
    align-self:var(--m-align-self);
    width:var(--m-width, 100%);
    max-width:100%;
    height:auto;
    margin:var(--m-element-margin);
    text-align:var(--m-text, var(--text))
  }
  .layout-element--legacy:last-of-type {
    margin-bottom:0
  }
}
[data-v-4a176f12]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.grid-button--primary[data-v-4a176f12] {
  z-index:1;
  display:flex;
  align-items:center;
  max-width:100%;
  height:min-content;
  min-height:var(--grid-button-primary-min-height);
  padding:calc(var(--grid-button-primary-padding-y) - var(--border-width)) calc(var(--grid-button-primary-padding-x) - var(--border-width));
  overflow:hidden;
  font-family:var(--font-family, var(--grid-button-primary-font-family));
  font-size:var(--font-size-desktop, var(--grid-button-primary-font-size));
  font-style:var(--grid-button-primary-font-style);
  font-weight:var(--font-weight, var(--grid-button-primary-font-weight));
  line-height:var(--grid-button-primary-line-height);
  color:var(--font-color, var(--grid-button-primary-color));
  text-align:center;
  text-decoration:var(--grid-button-primary-text-decoration);
  text-overflow:ellipsis;
  text-transform:var(--grid-button-primary-text-transform);
  letter-spacing:var(--grid-button-primary-letter-spacing);
  white-space:nowrap;
  cursor:pointer;
  background-color:var(--background-color, var(--grid-button-primary-background-color-null, var(--grid-button-primary-background-color)));
  border:var(--border-width) solid var(--border-color, var(--grid-button-primary-border-color));
  border-radius:var(--border-radius, var(--grid-button-primary-border-radius));
  box-shadow:var(--grid-button-primary-box-shadow-null, var(--grid-button-primary-box-shadow-x) var(--grid-button-primary-box-shadow-y) var(--grid-button-primary-box-shadow-blur) var(--grid-button-primary-box-shadow-spread) var(--grid-button-primary-box-shadow-color));
  transition:color var(--grid-button-primary-transition-duration) var(--grid-button-primary-transition-timing-function),border-color var(--grid-button-primary-transition-duration) var(--grid-button-primary-transition-timing-function),background-color var(--grid-button-primary-transition-duration) var(--grid-button-primary-transition-timing-function)
}
.grid-button--primary[data-v-4a176f12]:hover {
  color:var(--font-color-hover, var(--grid-button-primary-color-hover));
  background-color:var(--background-color-hover, var(--grid-button-primary-background-color-null-hover, var(--grid-button-primary-background-color-hover)));
  border:var(--border-width) solid var(--border-color-hover, var(--grid-button-primary-border-color-hover));
  box-shadow:var(--grid-button-primary-box-shadow-null-hover, var(--grid-button-primary-box-shadow-x-hover) var(--grid-button-primary-box-shadow-y-hover) var(--grid-button-primary-box-shadow-blur-hover) var(--grid-button-primary-box-shadow-spread-hover) var(--grid-button-primary-box-shadow-color-hover))
}
.grid-button--primary[data-v-4a176f12]:disabled {
  cursor:unset;
  opacity:.4
}
.grid-button--primary.loading[data-v-4a176f12] {
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:transparent;
  pointer-events:none
}
.grid-button--primary.loading.grid-button--primary.loading[data-v-4a176f12] {
  pointer-events:none
}
.grid-button--primary.loading[data-v-4a176f12]:hover,
.grid-button--primary.loading[data-v-4a176f12]:focus {
  color:transparent
}
.grid-button--primary.loading[data-v-4a176f12]:before {
  position:absolute;
  width:16px;
  height:16px;
  content:"";
  border:2px solid rgba(0,0,0,.5);
  border-top:2px solid white;
  border-radius:50%;
  animation:loading-4a176f12 .8s linear infinite
}
.grid-button--secondary[data-v-4a176f12] {
  z-index:1;
  display:flex;
  align-items:center;
  max-width:100%;
  height:min-content;
  min-height:var(--grid-button-secondary-min-height);
  padding:calc(var(--grid-button-secondary-padding-y) - var(--border-width)) calc(var(--grid-button-secondary-padding-x) - var(--border-width));
  overflow:hidden;
  font-family:var(--font-family, var(--grid-button-secondary-font-family));
  font-size:var(--font-size-desktop, var(--grid-button-secondary-font-size));
  font-style:var(--grid-button-secondary-font-style);
  font-weight:var(--font-weight, var(--grid-button-secondary-font-weight));
  line-height:var(--grid-button-secondary-line-height);
  color:var(--font-color, var(--grid-button-secondary-color));
  text-align:center;
  text-decoration:var(--grid-button-secondary-text-decoration);
  text-overflow:ellipsis;
  text-transform:var(--grid-button-secondary-text-transform);
  letter-spacing:var(--grid-button-secondary-letter-spacing);
  white-space:nowrap;
  cursor:pointer;
  background-color:var(--background-color, var(--grid-button-secondary-background-color-null, var(--grid-button-secondary-background-color)));
  border:var(--border-width) solid var(--border-color, var(--grid-button-secondary-border-color));
  border-radius:var(--border-radius, var(--grid-button-secondary-border-radius));
  box-shadow:var(--grid-button-secondary-box-shadow-null, var(--grid-button-secondary-box-shadow-x) var(--grid-button-secondary-box-shadow-y) var(--grid-button-secondary-box-shadow-blur) var(--grid-button-secondary-box-shadow-spread) var(--grid-button-secondary-box-shadow-color));
  transition:color var(--grid-button-secondary-transition-duration) var(--grid-button-secondary-transition-timing-function),border-color var(--grid-button-secondary-transition-duration) var(--grid-button-secondary-transition-timing-function),background-color var(--grid-button-secondary-transition-duration) var(--grid-button-secondary-transition-timing-function)
}
.grid-button--secondary[data-v-4a176f12]:hover {
  color:var(--font-color-hover, var(--grid-button-secondary-color-hover));
  background-color:var(--background-color-hover, var(--grid-button-secondary-background-color-null-hover, var(--grid-button-secondary-background-color-hover)));
  border:var(--border-width) solid var(--border-color-hover, var(--grid-button-secondary-border-color-hover));
  box-shadow:var(--grid-button-secondary-box-shadow-null-hover, var(--grid-button-secondary-box-shadow-x-hover) var(--grid-button-secondary-box-shadow-y-hover) var(--grid-button-secondary-box-shadow-blur-hover) var(--grid-button-secondary-box-shadow-spread-hover) var(--grid-button-secondary-box-shadow-color-hover))
}
.grid-button--secondary[data-v-4a176f12]:disabled {
  cursor:unset;
  opacity:.4
}
.grid-button--secondary.loading[data-v-4a176f12] {
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:transparent;
  pointer-events:none
}
.grid-button--secondary.loading.grid-button--secondary.loading[data-v-4a176f12] {
  pointer-events:none
}
.grid-button--secondary.loading[data-v-4a176f12]:hover,
.grid-button--secondary.loading[data-v-4a176f12]:focus {
  color:transparent
}
.grid-button--secondary.loading[data-v-4a176f12]:before {
  position:absolute;
  width:16px;
  height:16px;
  content:"";
  border:2px solid rgba(0,0,0,.5);
  border-top:2px solid white;
  border-radius:50%;
  animation:loading-4a176f12 .8s linear infinite
}
.grid-button-primary-mobile[data-v-4a176f12] {
  z-index:1;
  display:flex;
  align-items:center;
  max-width:100%;
  height:min-content;
  min-height:var(--grid-button-primary-min-height);
  padding:calc(var(--grid-button-primary-padding-y) - var(--border-width)) calc(var(--grid-button-primary-padding-x) - var(--border-width));
  overflow:hidden;
  font-family:var(--font-family, var(--grid-button-primary-font-family));
  font-size:var(--font-size-desktop, var(--grid-button-primary-font-size));
  font-style:var(--grid-button-primary-font-style);
  font-weight:var(--font-weight, var(--grid-button-primary-font-weight));
  line-height:var(--grid-button-primary-line-height);
  color:var(--font-color, var(--grid-button-primary-color));
  text-align:center;
  text-decoration:var(--grid-button-primary-text-decoration);
  text-overflow:ellipsis;
  text-transform:var(--grid-button-primary-text-transform);
  letter-spacing:var(--grid-button-primary-letter-spacing);
  white-space:nowrap;
  cursor:pointer;
  background-color:var(--background-color, var(--grid-button-primary-background-color-null, var(--grid-button-primary-background-color)));
  border:var(--border-width) solid var(--border-color, var(--grid-button-primary-border-color));
  box-shadow:var(--grid-button-primary-box-shadow-null, var(--grid-button-primary-box-shadow-x) var(--grid-button-primary-box-shadow-y) var(--grid-button-primary-box-shadow-blur) var(--grid-button-primary-box-shadow-spread) var(--grid-button-primary-box-shadow-color));
  transition:color var(--grid-button-primary-transition-duration) var(--grid-button-primary-transition-timing-function),border-color var(--grid-button-primary-transition-duration) var(--grid-button-primary-transition-timing-function),background-color var(--grid-button-primary-transition-duration) var(--grid-button-primary-transition-timing-function);
  padding:calc(var(--grid-button-primary-m-padding-y, var(--grid-button-primary-padding-y)) - var(--border-width)) calc(var(--grid-button-primary-m-padding-x, var(--grid-button-primary-padding-x)) - var(--border-width));
  font-size:var(--font-size-mobile, var(--grid-button-primary-m-font-size, var(--grid-button-primary-font-size)));
  border-radius:var(--border-radius, var(--grid-button-primary-border-radius))
}
.grid-button-primary-mobile[data-v-4a176f12]:hover {
  color:var(--font-color-hover, var(--grid-button-primary-color-hover));
  background-color:var(--background-color-hover, var(--grid-button-primary-background-color-null-hover, var(--grid-button-primary-background-color-hover)));
  border:var(--border-width) solid var(--border-color-hover, var(--grid-button-primary-border-color-hover));
  box-shadow:var(--grid-button-primary-box-shadow-null-hover, var(--grid-button-primary-box-shadow-x-hover) var(--grid-button-primary-box-shadow-y-hover) var(--grid-button-primary-box-shadow-blur-hover) var(--grid-button-primary-box-shadow-spread-hover) var(--grid-button-primary-box-shadow-color-hover))
}
.grid-button-primary-mobile[data-v-4a176f12]:disabled {
  cursor:unset;
  opacity:.4
}
.grid-button-primary-mobile.loading[data-v-4a176f12] {
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:transparent;
  pointer-events:none
}
.grid-button-primary-mobile.loading.grid-button-primary-mobile.loading[data-v-4a176f12] {
  pointer-events:none
}
.grid-button-primary-mobile.loading[data-v-4a176f12]:hover,
.grid-button-primary-mobile.loading[data-v-4a176f12]:focus {
  color:transparent
}
.grid-button-primary-mobile.loading[data-v-4a176f12]:before {
  position:absolute;
  width:16px;
  height:16px;
  content:"";
  border:2px solid rgba(0,0,0,.5);
  border-top:2px solid white;
  border-radius:50%;
  animation:loading-4a176f12 .8s linear infinite
}
@media screen and (max-width: 920px) {
  .grid-button--primary[data-v-4a176f12] {
    z-index:1;
    display:flex;
    align-items:center;
    max-width:100%;
    height:min-content;
    min-height:var(--grid-button-primary-min-height);
    padding:calc(var(--grid-button-primary-padding-y) - var(--border-width)) calc(var(--grid-button-primary-padding-x) - var(--border-width));
    overflow:hidden;
    font-family:var(--font-family, var(--grid-button-primary-font-family));
    font-size:var(--font-size-desktop, var(--grid-button-primary-font-size));
    font-style:var(--grid-button-primary-font-style);
    font-weight:var(--font-weight, var(--grid-button-primary-font-weight));
    line-height:var(--grid-button-primary-line-height);
    color:var(--font-color, var(--grid-button-primary-color));
    text-align:center;
    text-decoration:var(--grid-button-primary-text-decoration);
    text-overflow:ellipsis;
    text-transform:var(--grid-button-primary-text-transform);
    letter-spacing:var(--grid-button-primary-letter-spacing);
    white-space:nowrap;
    cursor:pointer;
    background-color:var(--background-color, var(--grid-button-primary-background-color-null, var(--grid-button-primary-background-color)));
    border:var(--border-width) solid var(--border-color, var(--grid-button-primary-border-color));
    box-shadow:var(--grid-button-primary-box-shadow-null, var(--grid-button-primary-box-shadow-x) var(--grid-button-primary-box-shadow-y) var(--grid-button-primary-box-shadow-blur) var(--grid-button-primary-box-shadow-spread) var(--grid-button-primary-box-shadow-color));
    transition:color var(--grid-button-primary-transition-duration) var(--grid-button-primary-transition-timing-function),border-color var(--grid-button-primary-transition-duration) var(--grid-button-primary-transition-timing-function),background-color var(--grid-button-primary-transition-duration) var(--grid-button-primary-transition-timing-function);
    padding:calc(var(--grid-button-primary-m-padding-y, var(--grid-button-primary-padding-y)) - var(--border-width)) calc(var(--grid-button-primary-m-padding-x, var(--grid-button-primary-padding-x)) - var(--border-width));
    font-size:var(--font-size-mobile, var(--grid-button-primary-m-font-size, var(--grid-button-primary-font-size)));
    border-radius:var(--border-radius, var(--grid-button-primary-border-radius))
  }
  .grid-button--primary[data-v-4a176f12]:hover {
    color:var(--font-color-hover, var(--grid-button-primary-color-hover));
    background-color:var(--background-color-hover, var(--grid-button-primary-background-color-null-hover, var(--grid-button-primary-background-color-hover)));
    border:var(--border-width) solid var(--border-color-hover, var(--grid-button-primary-border-color-hover));
    box-shadow:var(--grid-button-primary-box-shadow-null-hover, var(--grid-button-primary-box-shadow-x-hover) var(--grid-button-primary-box-shadow-y-hover) var(--grid-button-primary-box-shadow-blur-hover) var(--grid-button-primary-box-shadow-spread-hover) var(--grid-button-primary-box-shadow-color-hover))
  }
  .grid-button--primary[data-v-4a176f12]:disabled {
    cursor:unset;
    opacity:.4
  }
  .grid-button--primary.loading[data-v-4a176f12] {
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:transparent;
    pointer-events:none
  }
  .grid-button--primary.loading.grid-button--primary.loading[data-v-4a176f12] {
    pointer-events:none
  }
  .grid-button--primary.loading[data-v-4a176f12]:hover,
  .grid-button--primary.loading[data-v-4a176f12]:focus {
    color:transparent
  }
  .grid-button--primary.loading[data-v-4a176f12]:before {
    position:absolute;
    width:16px;
    height:16px;
    content:"";
    border:2px solid rgba(0,0,0,.5);
    border-top:2px solid white;
    border-radius:50%;
    animation:loading-4a176f12 .8s linear infinite
  }
  @keyframes loading-4a176f12 {
    0% {
      transform:rotate(0)
    }
    to {
      transform:rotate(360deg)
    }
  }
}
.grid-button-secondary-mobile[data-v-4a176f12] {
  z-index:1;
  display:flex;
  align-items:center;
  max-width:100%;
  height:min-content;
  min-height:var(--grid-button-secondary-min-height);
  padding:calc(var(--grid-button-secondary-padding-y) - var(--border-width)) calc(var(--grid-button-secondary-padding-x) - var(--border-width));
  overflow:hidden;
  font-family:var(--font-family, var(--grid-button-secondary-font-family));
  font-size:var(--font-size-desktop, var(--grid-button-secondary-font-size));
  font-style:var(--grid-button-secondary-font-style);
  font-weight:var(--font-weight, var(--grid-button-secondary-font-weight));
  line-height:var(--grid-button-secondary-line-height);
  color:var(--font-color, var(--grid-button-secondary-color));
  text-align:center;
  text-decoration:var(--grid-button-secondary-text-decoration);
  text-overflow:ellipsis;
  text-transform:var(--grid-button-secondary-text-transform);
  letter-spacing:var(--grid-button-secondary-letter-spacing);
  white-space:nowrap;
  cursor:pointer;
  background-color:var(--background-color, var(--grid-button-secondary-background-color-null, var(--grid-button-secondary-background-color)));
  border:var(--border-width) solid var(--border-color, var(--grid-button-secondary-border-color));
  box-shadow:var(--grid-button-secondary-box-shadow-null, var(--grid-button-secondary-box-shadow-x) var(--grid-button-secondary-box-shadow-y) var(--grid-button-secondary-box-shadow-blur) var(--grid-button-secondary-box-shadow-spread) var(--grid-button-secondary-box-shadow-color));
  transition:color var(--grid-button-secondary-transition-duration) var(--grid-button-secondary-transition-timing-function),border-color var(--grid-button-secondary-transition-duration) var(--grid-button-secondary-transition-timing-function),background-color var(--grid-button-secondary-transition-duration) var(--grid-button-secondary-transition-timing-function);
  padding:calc(var(--grid-button-secondary-m-padding-y, var(--grid-button-secondary-padding-y)) - var(--border-width)) calc(var(--grid-button-secondary-m-padding-x, var(--grid-button-secondary-padding-x)) - var(--border-width));
  font-size:var(--font-size-mobile, var(--grid-button-secondary-m-font-size, var(--grid-button-secondary-font-size)));
  border-radius:var(--border-radius, var(--grid-button-secondary-border-radius))
}
.grid-button-secondary-mobile[data-v-4a176f12]:hover {
  color:var(--font-color-hover, var(--grid-button-secondary-color-hover));
  background-color:var(--background-color-hover, var(--grid-button-secondary-background-color-null-hover, var(--grid-button-secondary-background-color-hover)));
  border:var(--border-width) solid var(--border-color-hover, var(--grid-button-secondary-border-color-hover));
  box-shadow:var(--grid-button-secondary-box-shadow-null-hover, var(--grid-button-secondary-box-shadow-x-hover) var(--grid-button-secondary-box-shadow-y-hover) var(--grid-button-secondary-box-shadow-blur-hover) var(--grid-button-secondary-box-shadow-spread-hover) var(--grid-button-secondary-box-shadow-color-hover))
}
.grid-button-secondary-mobile[data-v-4a176f12]:disabled {
  cursor:unset;
  opacity:.4
}
.grid-button-secondary-mobile.loading[data-v-4a176f12] {
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:transparent;
  pointer-events:none
}
.grid-button-secondary-mobile.loading.grid-button-secondary-mobile.loading[data-v-4a176f12] {
  pointer-events:none
}
.grid-button-secondary-mobile.loading[data-v-4a176f12]:hover,
.grid-button-secondary-mobile.loading[data-v-4a176f12]:focus {
  color:transparent
}
.grid-button-secondary-mobile.loading[data-v-4a176f12]:before {
  position:absolute;
  width:16px;
  height:16px;
  content:"";
  border:2px solid rgba(0,0,0,.5);
  border-top:2px solid white;
  border-radius:50%;
  animation:loading-4a176f12 .8s linear infinite
}
@keyframes loading-4a176f12 {
  0% {
    transform:rotate(0)
  }
  to {
    transform:rotate(360deg)
  }
}
@media screen and (max-width: 920px) {
  .grid-button--secondary[data-v-4a176f12] {
    z-index:1;
    display:flex;
    align-items:center;
    max-width:100%;
    height:min-content;
    min-height:var(--grid-button-secondary-min-height);
    padding:calc(var(--grid-button-secondary-padding-y) - var(--border-width)) calc(var(--grid-button-secondary-padding-x) - var(--border-width));
    overflow:hidden;
    font-family:var(--font-family, var(--grid-button-secondary-font-family));
    font-size:var(--font-size-desktop, var(--grid-button-secondary-font-size));
    font-style:var(--grid-button-secondary-font-style);
    font-weight:var(--font-weight, var(--grid-button-secondary-font-weight));
    line-height:var(--grid-button-secondary-line-height);
    color:var(--font-color, var(--grid-button-secondary-color));
    text-align:center;
    text-decoration:var(--grid-button-secondary-text-decoration);
    text-overflow:ellipsis;
    text-transform:var(--grid-button-secondary-text-transform);
    letter-spacing:var(--grid-button-secondary-letter-spacing);
    white-space:nowrap;
    cursor:pointer;
    background-color:var(--background-color, var(--grid-button-secondary-background-color-null, var(--grid-button-secondary-background-color)));
    border:var(--border-width) solid var(--border-color, var(--grid-button-secondary-border-color));
    box-shadow:var(--grid-button-secondary-box-shadow-null, var(--grid-button-secondary-box-shadow-x) var(--grid-button-secondary-box-shadow-y) var(--grid-button-secondary-box-shadow-blur) var(--grid-button-secondary-box-shadow-spread) var(--grid-button-secondary-box-shadow-color));
    transition:color var(--grid-button-secondary-transition-duration) var(--grid-button-secondary-transition-timing-function),border-color var(--grid-button-secondary-transition-duration) var(--grid-button-secondary-transition-timing-function),background-color var(--grid-button-secondary-transition-duration) var(--grid-button-secondary-transition-timing-function);
    padding:calc(var(--grid-button-secondary-m-padding-y, var(--grid-button-secondary-padding-y)) - var(--border-width)) calc(var(--grid-button-secondary-m-padding-x, var(--grid-button-secondary-padding-x)) - var(--border-width));
    font-size:var(--font-size-mobile, var(--grid-button-secondary-m-font-size, var(--grid-button-secondary-font-size)));
    border-radius:var(--border-radius, var(--grid-button-secondary-border-radius))
  }
  .grid-button--secondary[data-v-4a176f12]:hover {
    color:var(--font-color-hover, var(--grid-button-secondary-color-hover));
    background-color:var(--background-color-hover, var(--grid-button-secondary-background-color-null-hover, var(--grid-button-secondary-background-color-hover)));
    border:var(--border-width) solid var(--border-color-hover, var(--grid-button-secondary-border-color-hover));
    box-shadow:var(--grid-button-secondary-box-shadow-null-hover, var(--grid-button-secondary-box-shadow-x-hover) var(--grid-button-secondary-box-shadow-y-hover) var(--grid-button-secondary-box-shadow-blur-hover) var(--grid-button-secondary-box-shadow-spread-hover) var(--grid-button-secondary-box-shadow-color-hover))
  }
  .grid-button--secondary[data-v-4a176f12]:disabled {
    cursor:unset;
    opacity:.4
  }
  .grid-button--secondary.loading[data-v-4a176f12] {
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:transparent;
    pointer-events:none
  }
  .grid-button--secondary.loading.grid-button--secondary.loading[data-v-4a176f12] {
    pointer-events:none
  }
  .grid-button--secondary.loading[data-v-4a176f12]:hover,
  .grid-button--secondary.loading[data-v-4a176f12]:focus {
    color:transparent
  }
  .grid-button--secondary.loading[data-v-4a176f12]:before {
    position:absolute;
    width:16px;
    height:16px;
    content:"";
    border:2px solid rgba(0,0,0,.5);
    border-top:2px solid white;
    border-radius:50%;
    animation:loading-4a176f12 .8s linear infinite
  }
  @keyframes loading-4a176f12 {
    0% {
      transform:rotate(0)
    }
    to {
      transform:rotate(360deg)
    }
  }
}
.grid-button--empty[data-v-4a176f12]:after {
  content:" "
}
[data-v-0b938be5]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.grid-embed[data-v-0b938be5] {
  width:100%;
  height:auto
}
.grid-embed__iframe[data-v-0b938be5] {
  width:100%;
  height:var(--235e916e);
  overflow:hidden;
  border:none
}
@media screen and (max-width: 920px) {
  .grid-embed__iframe[data-v-0b938be5] {
    height:var(--235e916e)
  }
}
[data-v-96d5b5e0]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.input[data-v-96d5b5e0] {
  font-size:var(--input-text-size, var(--body-font-size))
}
.input__component[data-v-96d5b5e0] {
  width:100%;
  height:var(--input-height);
  padding:16px;
  font-family:var(--form-font-family, var(--body-font-family));
  font-size:var(--input-text-size, var(--body-font-size));
  font-weight:var(--form-font-weight, var(--body-font-weight));
  color:var(--input-text-color, var(--body-color));
  background-color:var(--input-fill-color, #dadce0);
  border-color:var(--input-border-color, #1d1e20);
  border-style:solid;
  border-width:var(--input-border-width, 0);
  border-radius:var(--input-border-radius, 0);
  outline:none;
  transition:color ease .2s,border-color ease .2s,background-color ease .2s
}
.input__component[data-v-96d5b5e0]::placeholder {
  font-family:var(--form-font-family, var(--body-font-family));
  font-size:var(--input-text-size, 14px);
  color:var(--input-text-color, #727586);
  opacity:.5;
  transition:color ease .2s
}
.input__component[data-v-96d5b5e0]:hover,
.input__component[data-v-96d5b5e0]:focus {
  color:var(--input-text-color--hover, var(--body-color));
  background-color:var(--input-fill-color--hover, #dadce0);
  border-color:var(--input-border-color--hover, #1d1e20)
}
.input__component[data-v-96d5b5e0]:hover::placeholder,
.input__component[data-v-96d5b5e0]:focus::placeholder {
  color:var(--input-text-color--hover, #727586)
}
.input__component--dark[data-v-96d5b5e0] {
  background-color:var(--input-fill-color, rgba(242, 243, 246, .6))
}
.input__component--dark[data-v-96d5b5e0]::placeholder {
  color:var(--input-text-color, #36344d)
}
.input__component--dark[data-v-96d5b5e0]:hover,
.input__component--dark[data-v-96d5b5e0]:focus {
  background-color:var(--input-fill-color--hover, rgba(242, 243, 246, .6))
}
.input__component--dark[data-v-96d5b5e0]:hover::placeholder,
.input__component--dark[data-v-96d5b5e0]:focus::placeholder {
  color:var(--input-text-color--hover, #36344d)
}
.input__component--read-only[data-v-96d5b5e0] {
  cursor:move
}
.input__component--textarea[data-v-96d5b5e0] {
  min-height:96px;
  overflow:auto;
  resize:vertical
}
.input__component--error[data-v-96d5b5e0] {
  border-color:var(--color-danger-dark);
  border-width:1px
}
.input__component--error[data-v-96d5b5e0]:active,
.input__component--error[data-v-96d5b5e0]:focus,
.input__component--error[data-v-96d5b5e0]:hover {
  border-color:var(--color-danger-dark)
}
.input__label[data-v-96d5b5e0] {
  font-size:var(--label-text-size, var(--body-font-size));
  color:var(--label-text-color, #1d1e20)
}
.input__label--dark[data-v-96d5b5e0] {
  color:var(--label-text-color, #dadce0)
}
.input__error-message[data-v-96d5b5e0] {
  color:var(--color-danger-dark)
}
.input--is-invalid .input__component[data-v-96d5b5e0] {
  border-color:#fc5185
}
@media screen and (max-width: 920px) {
  .input__component[data-v-96d5b5e0] {
    font-size:var(--m-input-text-size, var(--body-m-font-size))
  }
  .input__component[data-v-96d5b5e0]::placeholder {
    font-size:var(--m-input-text-size, 14px)
  }
  .input__label[data-v-96d5b5e0] {
    font-size:var(--m-label-text-size, var(--body-m-font-size))
  }
}
[data-v-3b89e969]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.select-input[data-v-3b89e969] {
  font-size:var(--input-text-size, var(--body-font-size));
  color:var(--input-text-color, var(--body-color));
  transition:color ease .2s
}
.select-input--dark[data-v-3b89e969] {
  color:var(--input-text-color, #fff)
}
.select-input[data-v-3b89e969]:hover,
.select-input[data-v-3b89e969]:focus {
  color:var(--input-text-color--hover, var(--body-color))
}
.select-input--read-only[data-v-3b89e969] {
  cursor:move
}
.select-input__input[data-v-3b89e969] {
  cursor:pointer
}
.select-input__input--read-only[data-v-3b89e969] {
  cursor:move
}
@media screen and (max-width: 920px) {
  .select-input[data-v-3b89e969] {
    font-size:var(--m-input-text-size, var(--body-m-font-size))
  }
}
[data-v-49afb3bf]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.input__label[data-v-49afb3bf] {
  font-size:var(--label-text-size, #36344d);
  color:var(--label-text-color, #36344d)
}
.input__label--dark[data-v-49afb3bf] {
  color:var(--label-text-color, rgb(241, 241, 241))
}
.input__label--read-only[data-v-49afb3bf] {
  cursor:move
}
.input--is-invalid .input__component[data-v-49afb3bf] {
  border-color:#fc5185
}
.input__options[data-v-49afb3bf] {
  margin-top:4px;
  font-style:var(--body-font-style);
  line-height:var(--body-line-height);
  text-decoration:var(--body-text-decoration);
  text-transform:var(--body-text-transform);
  letter-spacing:var(--body-letter-spacing)
}
.input__error-message[data-v-49afb3bf] {
  color:var(--color-danger-dark)
}
@media screen and (max-width: 920px) {
  .input__label[data-v-49afb3bf] {
    font-size:var(--m-label-text-size, var(--body-m-font-size))
  }
}
[data-v-882afdaf]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.form[data-v-882afdaf] {
  position:relative;
  display:grid;
  flex:var(--form-flex);
  grid-gap:var(--form-spacing);
  padding:var(--form-padding, var(--grid-item-inner-padding));
  overflow:hidden;
  font-family:var(--form-font-family, var(--body-font-family));
  font-style:var(--body-font-style);
  font-weight:var(--form-font-weight, var(--body-font-weight));
  line-height:var(--body-line-height);
  text-decoration:var(--body-text-decoration);
  text-transform:var(--body-text-transform);
  letter-spacing:var(--body-letter-spacing);
  background:linear-gradient(rgba(29,30,32,var(--gridItemInnerBackgroundOverlayOpacity, 0)),rgba(29,30,32,var(--gridItemInnerBackgroundOverlayOpacity, 0))),var(--form-background-color, var(--grid-item-inner-background));
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  border:var(--form-border-width) solid var(--form-border-color, #1d1e20);
  border-radius:var(--form-border-radius)
}
.form--single-field[data-v-882afdaf] {
  display:grid;
  grid-template-rows:auto;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr) min-content);
  grid-auto-flow:row;
  grid-gap:var(--form-spacing)
}
.form__control[data-v-882afdaf] {
  display:grid;
  grid-gap:var(--form-elements-vertical-spacing, 22px);
  align-self:center
}
.form__control-row[data-v-882afdaf] {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  grid-gap:var(--form-spacing)
}
.form__button--invisible[data-v-882afdaf],
.form__control--invisible[data-v-882afdaf] {
  pointer-events:none;
  opacity:0;
  transition:opacity .15s
}
.form__button[data-v-882afdaf] {
  align-self:center;
  justify-self:var(--form-button-justify-self)
}
.form__button[data-v-882afdaf]:focus-visible {
  outline:2px solid #357df9
}
@media screen and (max-width: 920px) {
  .form__button[data-v-882afdaf] {
    align-self:center;
    justify-self:var(--m-form-button-justify-self, var(--form-button-justify-self))
  }
  .form__control[data-v-882afdaf] {
    grid-gap:var(--m-form-elements-vertical-spacing, 22px)
  }
}
[data-v-bc3d69bf]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.loader[data-v-bc3d69bf] {
  position:relative;
  width:var(--42b67250);
  height:var(--42b67250)
}
.loader__element[data-v-bc3d69bf] {
  position:absolute;
  top:0;
  left:0;
  box-sizing:border-box;
  width:100%;
  height:100%;
  border:var(--75767d07) solid;
  border-color:var(--1338e6f4) transparent transparent var(--3bb5d1de);
  border-radius:50%;
  animation:spin-bc3d69bf 1.2s cubic-bezier(.5,0,.5,1) infinite
}
.loader__element[data-v-bc3d69bf]:nth-child(1) {
  animation-delay:-.45s
}
.loader__element[data-v-bc3d69bf]:nth-child(2) {
  animation-delay:-.3s
}
.loader__element[data-v-bc3d69bf]:nth-child(3) {
  animation-delay:-.15s
}
.loader__element[data-v-bc3d69bf]:nth-child(4) {
  border-color:var(--1338e6f4);
  opacity:.2;
  animation:none
}
@keyframes spin-bc3d69bf {
  to {
    transform:rotate(360deg)
  }
}
[data-v-8a715dbb]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.submit-message[data-v-8a715dbb] {
  position:absolute;
  top:0;
  bottom:0;
  display:flex;
  flex-direction:column;
  place-content:center;
  place-items:center;
  width:100%;
  height:100%;
  padding:24px;
  text-align:center;
  border:1px solid var(--submit-element-border)
}
.submit-message--dark[data-v-8a715dbb] {
  color:#fff
}
.submit-message__heading[data-v-8a715dbb] {
  margin-bottom:var(--formSpacing);
  white-space:break-spaces
}
.success-message__heading[data-v-8a715dbb] {
  white-space:break-spaces
}
[data-v-e7628ce9]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.image[data-v-e7628ce9] {
  overflow:var(--overflow, hidden);
  border-radius:var(--f177488a);
  -webkit-mask-image:var(--90e8336e);
  -webkit-mask-size:cover;
  mask-image:var(--90e8336e);
  mask-size:100% 100%;
  position:relative
}
.image[data-v-e7628ce9]:before {
  content:"";
  position:absolute;
  inset:0;
  background:var(--d2d462bc);
  z-index:1
}
.image--grid[data-v-e7628ce9] {
  position:relative;
  display:block;
  width:100%;
  height:100%
}
@media screen and (min-width: 920px) and (max-width: 1224px) {
  .image--grid[data-v-e7628ce9] {
    width:var(--9c00fd5c);
    max-width:100%;
    height:var(--09ad0563)
  }
}
.image--unstyled[data-v-e7628ce9] {
  display:flex
}
.image--link[data-v-e7628ce9] {
  transition:filter .2s ease
}
.image--link[data-v-e7628ce9]:hover {
  filter:contrast(.8)
}
.image--zoom[data-v-e7628ce9] {
  cursor:zoom-in
}
.image__image[data-v-e7628ce9] {
  display:block;
  object-fit:cover
}
.image__image--svg[data-v-e7628ce9] {
  object-fit:cover
}
.image__image[data-v-e7628ce9],
.image__image--unstyled[data-v-e7628ce9] {
  width:100%;
  height:100%
}
.image__image--cropped[data-v-e7628ce9] {
  position:absolute;
  top:var(--desktop-top);
  left:var(--desktop-left);
  width:var(--desktop-width);
  height:var(--desktop-height);
  transform:scale(var(--desktop-scale));
  transform-origin:0 0
}
@media screen and (max-width: 920px) {
  .image[data-v-e7628ce9] {
    border-radius:var(--7cc1e967)
  }
  .image--grid[data-v-e7628ce9] {
    width:100%;
    height:100%
  }
  .image__image--cropped[data-v-e7628ce9] {
    top:var(--mobile-top);
    left:var(--mobile-left);
    width:var(--mobile-width);
    height:var(--mobile-height);
    transform:scale(var(--mobile-scale))
  }
  .image__image--reset-m-position[data-v-e7628ce9] {
    position:static;
    width:100%;
    height:auto
  }
}
@media screen and (max-width: 360px) {
  .image[data-v-e7628ce9] {
    width:var(--5de16d65);
    max-width:100%;
    height:var(--4beec8a0)
  }
}
.grid-gallery-masonry {
  display:grid;
  grid-template-columns:repeat(var(--03f6e6b0),auto);
  grid-column-gap:var(--0b640746)
}
.grid-gallery-masonry__column {
  display:flex;
  gap:var(--0b640746);
  flex-direction:column
}
[data-v-de1ade52]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.grid-gallery-masonry--mobile[data-v-de1ade52] {
  display:none
}
.grid-gallery-grid[data-v-de1ade52] {
  display:grid;
  grid-template-columns:repeat(var(--a5ffc0d4),1fr);
  grid-gap:var(--e5554c7a)
}
.grid-gallery-grid__image-wrapper[data-v-de1ade52] {
  position:relative;
  padding-top:100%
}
.grid-gallery-grid__image-wrapper .grid-gallery-grid__image[data-v-de1ade52] {
  position:absolute;
  top:0;
  left:0;
  display:block;
  width:100%;
  height:100%
}
@media screen and (max-width: 920px) {
  .grid-gallery-masonry--desktop[data-v-de1ade52] {
    display:none
  }
  .grid-gallery-masonry--mobile[data-v-de1ade52] {
    display:grid
  }
  .grid-gallery-grid[data-v-de1ade52] {
    grid-template-columns:repeat(var(--d5ea0858),1fr);
    grid-gap:var(--436e20fe)
  }
}
[data-v-c430f2ba]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.image-wrapper[data-v-c430f2ba] {
  width:100%;
  height:100%;
  max-height:calc(var(--e7713050) + .5px)
}
.image-wrapper--desktop[data-v-c430f2ba] {
  display:block
}
.image-wrapper--mobile[data-v-c430f2ba] {
  display:none
}
@media screen and (max-width: 920px) {
  .image-wrapper[data-v-c430f2ba] {
    width:100%;
    height:100%;
    max-height:var(--ce2051d4)
  }
  .image-wrapper--layout[data-v-c430f2ba] .image-wrapper--desktop {
    display:none
  }
  .image-wrapper--layout[data-v-c430f2ba] .image-wrapper--mobile {
    display:block
  }
}
[data-v-a7175d28]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.media-item[data-v-a7175d28] {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  font-size:0;
  background-color:#dadce0;
  object-fit:cover
}
[data-v-004c79e5]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
@keyframes blink-004c79e5 {
  0% {
    background-position:0% 53%
  }
  50% {
    background-position:100% 48%
  }
  to {
    background-position:0% 53%
  }
}
.media-wrapper[data-v-004c79e5] {
  position:relative
}
.media-wrapper[data-v-004c79e5]:first-child {
  grid-area:1/1/1/1
}
.placeholder[data-v-004c79e5]:last-child {
  width:100%;
  background-size:400% 400%;
  animation:blink-004c79e5 3s ease infinite;
  display:none
}
@keyframes blink {
  0% {
    background-position:0% 53%
  }
  50% {
    background-position:100% 48%
  }
  to {
    background-position:0% 53%
  }
}
.instagram-feed {
  display:grid;
  grid-template-columns:repeat(var(--items-per-row),1fr);
  grid-auto-rows:1fr;
  grid-gap:var(--item-gap);
  width:100%
}
.instagram-feed:before {
  width:100%;
  background-size:400% 400%;
  animation:blink 3s ease infinite;
  grid-area:1/1/1/1;
  padding-bottom:100%;
  content:""
}
@media screen and (max-width: 920px) {
  .instagram-feed {
    grid-template-columns:repeat(var(--m-items-per-row),1fr);
    grid-gap:var(--m-item-gap)
  }
}
[data-v-d752c768]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.grid-map[data-v-d752c768] {
  position:relative;
  width:100%;
  height:100%;
  background-color:#f2f3f6
}
.grid-map__frame[data-v-d752c768] {
  width:100%;
  height:100%
}
.grid-map__pin[data-v-d752c768] {
  position:absolute;
  top:50%;
  left:50%;
  z-index:2;
  width:26px;
  height:26px;
  margin-top:-37px;
  margin-left:-13px;
  background-color:#fc5185;
  border-radius:50%
}
.grid-map__pin[data-v-d752c768]:before {
  position:absolute;
  top:8px;
  left:8px;
  z-index:2;
  width:10px;
  height:10px;
  content:"";
  background:#d63163;
  border-radius:50%
}
.grid-map__pin[data-v-d752c768]:after {
  position:absolute;
  top:17px;
  right:1px;
  left:1px;
  z-index:1;
  width:0;
  height:0;
  content:"";
  border-top:20px solid #fc5185;
  border-right:12px solid transparent;
  border-left:12px solid transparent
}
.grid-map--loading[data-v-d752c768] {
  position:relative;
  overflow:hidden;
  pointer-events:none
}
.grid-map--loading[data-v-d752c768]:after {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  width:200%;
  content:"";
  background-image:linear-gradient(to right,#ebeff2,#ebeff200 35%,#ebeff2 50%,#ebeff200 85%,#ebeff2);
  background-size:100% 100%;
  animation:placeholder-shimmer-d752c768 1s linear 0s infinite
}
@keyframes placeholder-shimmer-d752c768 {
  0% {
    transform:translateZ(0)
  }
  to {
    transform:translate3d(50%,0,0)
  }
}
[data-v-17c99e7b]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.social-icons[data-v-17c99e7b] {
  display:flex;
  flex-direction:var(--icon-direction);
  justify-content:var(--icon-spacing, start);
  max-height:100%;
  padding:10px;
  padding:var(--gridItemInnerPadding);
  background:var(--gridItemInnerBackground);
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover
}
.social-icons__link[data-v-17c99e7b] {
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1;
  color:var(--icon-color, black);
  transition:color .2s ease
}
.social-icons__link[data-v-17c99e7b]:not(:last-child) {
  padding-right:var(--icon-padding-horizontal);
  padding-bottom:var(--icon-padding-vertical)
}
.social-icons__link[data-v-17c99e7b]:hover {
  color:var(--icon-color-hover, #727586)
}
.social-icons__link[data-v-17c99e7b] svg {
  width:var(--icon-size, 25px);
  height:var(--icon-size, 25px);
  object-fit:contain
}
@media screen and (max-width: 920px) {
  .social-icons[data-v-17c99e7b] {
    flex-direction:var(--m-icon-direction)
  }
  .social-icons__link[data-v-17c99e7b]:not(:last-child) {
    padding-right:var(--m-icon-padding-horizontal, var(--icon-padding-horizontal));
    padding-bottom:var(--m-icon-padding-vertical, var(--icon-padding-vertical))
  }
}
.text-box h1 {
  font-family:var(--h1-font-family);
  font-size:var(--h1-font-size);
  font-style:var(--h1-font-style);
  font-weight:var(--h1-font-weight);
  line-height:var(--h1-line-height);
  color:var(--h1-color);
  text-decoration:var(--h1-text-decoration);
  text-transform:var(--h1-text-transform);
  letter-spacing:var(--h1-letter-spacing)
}
@media screen and (max-width: 920px) {
  .text-box h1 {
    font-family:var(--h1-m-font-family, var(--h1-font-family));
    font-size:var(--h1-m-font-size, var(--h1-font-size));
    font-style:var(--h1-m-font-style, var(--h1-font-style));
    font-weight:var(--h1-m-font-weight, var(--h1-font-weight));
    line-height:var(--h1-m-line-height, var(--h1-line-height));
    color:var(--h1-m-color, var(--h1-color));
    text-decoration:var(--h1-m-text-decoration, var(--h1-text-decoration));
    text-transform:var(--h1-m-text-transform, var(--h1-text-transform));
    letter-spacing:var(--h1-m-letter-spacing, var(--h1-letter-spacing))
  }
}
.text-box h2 {
  font-family:var(--h2-font-family);
  font-size:var(--h2-font-size);
  font-style:var(--h2-font-style);
  font-weight:var(--h2-font-weight);
  line-height:var(--h2-line-height);
  color:var(--h2-color);
  text-decoration:var(--h2-text-decoration);
  text-transform:var(--h2-text-transform);
  letter-spacing:var(--h2-letter-spacing)
}
@media screen and (max-width: 920px) {
  .text-box h2 {
    font-family:var(--h2-m-font-family, var(--h2-font-family));
    font-size:var(--h2-m-font-size, var(--h2-font-size));
    font-style:var(--h2-m-font-style, var(--h2-font-style));
    font-weight:var(--h2-m-font-weight, var(--h2-font-weight));
    line-height:var(--h2-m-line-height, var(--h2-line-height));
    color:var(--h2-m-color, var(--h2-color));
    text-decoration:var(--h2-m-text-decoration, var(--h2-text-decoration));
    text-transform:var(--h2-m-text-transform, var(--h2-text-transform));
    letter-spacing:var(--h2-m-letter-spacing, var(--h2-letter-spacing))
  }
}
.text-box h3 {
  font-family:var(--h3-font-family);
  font-size:var(--h3-font-size);
  font-style:var(--h3-font-style);
  font-weight:var(--h3-font-weight);
  line-height:var(--h3-line-height);
  color:var(--h3-color);
  text-decoration:var(--h3-text-decoration);
  text-transform:var(--h3-text-transform);
  letter-spacing:var(--h3-letter-spacing)
}
@media screen and (max-width: 920px) {
  .text-box h3 {
    font-family:var(--h3-m-font-family, var(--h3-font-family));
    font-size:var(--h3-m-font-size, var(--h3-font-size));
    font-style:var(--h3-m-font-style, var(--h3-font-style));
    font-weight:var(--h3-m-font-weight, var(--h3-font-weight));
    line-height:var(--h3-m-line-height, var(--h3-line-height));
    color:var(--h3-m-color, var(--h3-color));
    text-decoration:var(--h3-m-text-decoration, var(--h3-text-decoration));
    text-transform:var(--h3-m-text-transform, var(--h3-text-transform));
    letter-spacing:var(--h3-m-letter-spacing, var(--h3-letter-spacing))
  }
}
.text-box h4 {
  font-family:var(--h4-font-family);
  font-size:var(--h4-font-size);
  font-style:var(--h4-font-style);
  font-weight:var(--h4-font-weight);
  line-height:var(--h4-line-height);
  color:var(--h4-color);
  text-decoration:var(--h4-text-decoration);
  text-transform:var(--h4-text-transform);
  letter-spacing:var(--h4-letter-spacing)
}
@media screen and (max-width: 920px) {
  .text-box h4 {
    font-family:var(--h4-m-font-family, var(--h4-font-family));
    font-size:var(--h4-m-font-size, var(--h4-font-size));
    font-style:var(--h4-m-font-style, var(--h4-font-style));
    font-weight:var(--h4-m-font-weight, var(--h4-font-weight));
    line-height:var(--h4-m-line-height, var(--h4-line-height));
    color:var(--h4-m-color, var(--h4-color));
    text-decoration:var(--h4-m-text-decoration, var(--h4-text-decoration));
    text-transform:var(--h4-m-text-transform, var(--h4-text-transform));
    letter-spacing:var(--h4-m-letter-spacing, var(--h4-letter-spacing))
  }
}
.text-box h5 {
  font-family:var(--h5-font-family);
  font-size:var(--h5-font-size);
  font-style:var(--h5-font-style);
  font-weight:var(--h5-font-weight);
  line-height:var(--h5-line-height);
  color:var(--h5-color);
  text-decoration:var(--h5-text-decoration);
  text-transform:var(--h5-text-transform);
  letter-spacing:var(--h5-letter-spacing)
}
@media screen and (max-width: 920px) {
  .text-box h5 {
    font-family:var(--h5-m-font-family, var(--h5-font-family));
    font-size:var(--h5-m-font-size, var(--h5-font-size));
    font-style:var(--h5-m-font-style, var(--h5-font-style));
    font-weight:var(--h5-m-font-weight, var(--h5-font-weight));
    line-height:var(--h5-m-line-height, var(--h5-line-height));
    color:var(--h5-m-color, var(--h5-color));
    text-decoration:var(--h5-m-text-decoration, var(--h5-text-decoration));
    text-transform:var(--h5-m-text-transform, var(--h5-text-transform));
    letter-spacing:var(--h5-m-letter-spacing, var(--h5-letter-spacing))
  }
}
.text-box h6 {
  font-family:var(--h6-font-family);
  font-size:var(--h6-font-size);
  font-style:var(--h6-font-style);
  font-weight:var(--h6-font-weight);
  line-height:var(--h6-line-height);
  color:var(--h6-color);
  text-decoration:var(--h6-text-decoration);
  text-transform:var(--h6-text-transform);
  letter-spacing:var(--h6-letter-spacing)
}
@media screen and (max-width: 920px) {
  .text-box h6 {
    font-family:var(--h6-m-font-family, var(--h6-font-family));
    font-size:var(--h6-m-font-size, var(--h6-font-size));
    font-style:var(--h6-m-font-style, var(--h6-font-style));
    font-weight:var(--h6-m-font-weight, var(--h6-font-weight));
    line-height:var(--h6-m-line-height, var(--h6-line-height));
    color:var(--h6-m-color, var(--h6-color));
    text-decoration:var(--h6-m-text-decoration, var(--h6-text-decoration));
    text-transform:var(--h6-m-text-transform, var(--h6-text-transform));
    letter-spacing:var(--h6-m-letter-spacing, var(--h6-letter-spacing))
  }
}
.text-box .body-large {
  font-family:var(--body-large-font-family);
  font-size:var(--body-large-font-size);
  font-style:var(--body-large-font-style);
  font-weight:var(--body-large-font-weight);
  line-height:var(--body-large-line-height);
  color:var(--body-large-color);
  text-decoration:var(--body-large-text-decoration);
  text-transform:var(--body-large-text-transform);
  letter-spacing:var(--body-large-letter-spacing)
}
@media screen and (max-width: 920px) {
  .text-box .body-large {
    font-family:var(--body-large-m-font-family, var(--body-large-font-family));
    font-size:var(--body-large-m-font-size, var(--body-large-font-size));
    font-style:var(--body-large-m-font-style, var(--body-large-font-style));
    font-weight:var(--body-large-m-font-weight, var(--body-large-font-weight));
    line-height:var(--body-large-m-line-height, var(--body-large-line-height));
    color:var(--body-large-m-color, var(--body-large-color));
    text-decoration:var(--body-large-m-text-decoration, var(--body-large-text-decoration));
    text-transform:var(--body-large-m-text-transform, var(--body-large-text-transform));
    letter-spacing:var(--body-large-m-letter-spacing, var(--body-large-letter-spacing))
  }
}
.text-box .body {
  font-family:var(--body-font-family);
  font-size:var(--body-font-size);
  font-style:var(--body-font-style);
  font-weight:var(--body-font-weight);
  line-height:var(--body-line-height);
  color:var(--body-color);
  text-decoration:var(--body-text-decoration);
  text-transform:var(--body-text-transform);
  letter-spacing:var(--body-letter-spacing)
}
@media screen and (max-width: 920px) {
  .text-box .body {
    font-family:var(--body-m-font-family, var(--body-font-family));
    font-size:var(--body-m-font-size, var(--body-font-size));
    font-style:var(--body-m-font-style, var(--body-font-style));
    font-weight:var(--body-m-font-weight, var(--body-font-weight));
    line-height:var(--body-m-line-height, var(--body-line-height));
    color:var(--body-m-color, var(--body-color));
    text-decoration:var(--body-m-text-decoration, var(--body-text-decoration));
    text-transform:var(--body-m-text-transform, var(--body-text-transform));
    letter-spacing:var(--body-m-letter-spacing, var(--body-letter-spacing))
  }
}
.text-box .body-small {
  font-family:var(--body-small-font-family);
  font-size:var(--body-small-font-size);
  font-style:var(--body-small-font-style);
  font-weight:var(--body-small-font-weight);
  line-height:var(--body-small-line-height);
  color:var(--body-small-color);
  text-decoration:var(--body-small-text-decoration);
  text-transform:var(--body-small-text-transform);
  letter-spacing:var(--body-small-letter-spacing)
}
@media screen and (max-width: 920px) {
  .text-box .body-small {
    font-family:var(--body-small-m-font-family, var(--body-small-font-family));
    font-size:var(--body-small-m-font-size, var(--body-small-font-size));
    font-style:var(--body-small-m-font-style, var(--body-small-font-style));
    font-weight:var(--body-small-m-font-weight, var(--body-small-font-weight));
    line-height:var(--body-small-m-line-height, var(--body-small-line-height));
    color:var(--body-small-m-color, var(--body-small-color));
    text-decoration:var(--body-small-m-text-decoration, var(--body-small-text-decoration));
    text-transform:var(--body-small-m-text-transform, var(--body-small-text-transform));
    letter-spacing:var(--body-small-m-letter-spacing, var(--body-small-letter-spacing))
  }
}
.text-box .button {
  font-family:var(--button-font-family);
  font-size:var(--button-font-size);
  font-style:var(--button-font-style);
  font-weight:var(--button-font-weight);
  line-height:var(--button-line-height);
  color:var(--button-color);
  text-decoration:var(--button-text-decoration);
  text-transform:var(--button-text-transform);
  letter-spacing:var(--button-letter-spacing)
}
@media screen and (max-width: 920px) {
  .text-box .button {
    font-family:var(--button-m-font-family, var(--button-font-family));
    font-size:var(--button-m-font-size, var(--button-font-size));
    font-style:var(--button-m-font-style, var(--button-font-style));
    font-weight:var(--button-m-font-weight, var(--button-font-weight));
    line-height:var(--button-m-line-height, var(--button-line-height));
    color:var(--button-m-color, var(--button-color));
    text-decoration:var(--button-m-text-decoration, var(--button-text-decoration));
    text-transform:var(--button-m-text-transform, var(--button-text-transform));
    letter-spacing:var(--button-m-letter-spacing, var(--button-letter-spacing))
  }
}
.text-box .link {
  font-family:var(--link-font-family);
  font-size:var(--link-font-size);
  font-style:var(--link-font-style);
  font-weight:var(--link-font-weight);
  line-height:var(--link-line-height);
  color:var(--link-color);
  text-decoration:var(--link-text-decoration);
  text-transform:var(--link-text-transform);
  letter-spacing:var(--link-letter-spacing)
}
@media screen and (max-width: 920px) {
  .text-box .link {
    font-family:var(--link-m-font-family, var(--link-font-family));
    font-size:var(--link-m-font-size, var(--link-font-size));
    font-style:var(--link-m-font-style, var(--link-font-style));
    font-weight:var(--link-m-font-weight, var(--link-font-weight));
    line-height:var(--link-m-line-height, var(--link-line-height));
    color:var(--link-m-color, var(--link-color));
    text-decoration:var(--link-m-text-decoration, var(--link-text-decoration));
    text-transform:var(--link-m-text-transform, var(--link-text-transform));
    letter-spacing:var(--link-m-letter-spacing, var(--link-letter-spacing))
  }
}
.text-box {
  width:100%;
  padding:0;
  margin:0;
  overflow-wrap:break-word;
  white-space:var(--white-space-preview, var(--e4116cd0));
  background-color:var(--5142e07a);
  outline:none
}
.text-box .ProseMirror {
  white-space:var(--white-space-preview, var(--e4116cd0))
}
.text-box h1 {
  margin-bottom:48px
}
.text-box h1:last-child {
  margin-bottom:0
}
.text-box h2,
.text-box h3,
.text-box h4,
.text-box .body-large,
.text-box .body {
  margin-bottom:32px
}
.text-box h2:last-child,
.text-box h3:last-child,
.text-box h4:last-child,
.text-box .body-large:last-child,
.text-box .body:last-child {
  margin-bottom:0
}
.text-box h5 {
  margin-bottom:16px
}
.text-box h5:last-child {
  margin-bottom:0
}
.text-box h6 {
  margin-bottom:8px
}
.text-box h6:last-child {
  margin-bottom:0
}
.text-box .body-small {
  margin-bottom:24px
}
.text-box .body-small:last-child {
  margin-bottom:0
}
.text-box h1 {
  font-size:var(--fontSizeDesktop, var(--h1-font-size));
  line-height:var(--lineHeightDesktop, var(--h1-line-height))
}
.text-box h2 {
  font-size:var(--fontSizeDesktop, var(--h2-font-size));
  line-height:var(--lineHeightDesktop, var(--h2-line-height))
}
.text-box h3 {
  font-size:var(--fontSizeDesktop, var(--h3-font-size));
  line-height:var(--lineHeightDesktop, var(--h3-line-height))
}
.text-box h4 {
  font-size:var(--fontSizeDesktop, var(--h4-font-size));
  line-height:var(--lineHeightDesktop, var(--h4-line-height))
}
.text-box h5 {
  font-size:var(--fontSizeDesktop, var(--h5-font-size));
  line-height:var(--lineHeightDesktop, var(--h5-line-height))
}
.text-box h6 {
  font-size:var(--fontSizeDesktop, var(--h6-font-size));
  line-height:var(--lineHeightDesktop, var(--h6-line-height))
}
.text-box .body-large {
  font-size:var(--fontSizeDesktop, var(--body-large-font-size));
  line-height:var(--lineHeightDesktop, var(--body-large-line-height))
}
.text-box .body {
  font-size:var(--fontSizeDesktop, var(--body-font-size));
  line-height:var(--lineHeightDesktop, var(--body-line-height))
}
.text-box .body-small {
  font-size:var(--fontSizeDesktop, var(--body-small-font-size));
  line-height:var(--lineHeightDesktop, var(--body-small-line-height))
}
.text-box span {
  font-size:var(--fontSizeDesktop)
}
.text-box ol:not(.s),
.text-box ul:not(.s) {
  padding-left:40px
}
.text-box ol:not(.s)>h1,
.text-box ol:not(.s) h2,
.text-box ol:not(.s) h3,
.text-box ol:not(.s) h4,
.text-box ol:not(.s) h5,
.text-box ol:not(.s) h6,
.text-box ol:not(.s) .body-large,
.text-box ol:not(.s) .body,
.text-box ol:not(.s) .body-small,
.text-box ul:not(.s)>h1,
.text-box ul:not(.s) h2,
.text-box ul:not(.s) h3,
.text-box ul:not(.s) h4,
.text-box ul:not(.s) h5,
.text-box ul:not(.s) h6,
.text-box ul:not(.s) .body-large,
.text-box ul:not(.s) .body,
.text-box ul:not(.s) .body-small {
  margin-bottom:0
}
.text-box p:empty:after {
  content:" "
}
@media screen and (max-width: 920px) {
  .text-box {
    white-space:var(--white-space-mobile-preview, var(--dc01974c))
  }
  .text-box h1 {
    margin-bottom:48px
  }
  .text-box h1:last-child {
    margin-bottom:0
  }
  .text-box h2,
  .text-box h3,
  .text-box h4,
  .text-box .body-large,
  .text-box .body {
    margin-bottom:32px
  }
  .text-box h2:last-child,
  .text-box h3:last-child,
  .text-box h4:last-child,
  .text-box .body-large:last-child,
  .text-box .body:last-child {
    margin-bottom:0
  }
  .text-box h5 {
    margin-bottom:16px
  }
  .text-box h5:last-child {
    margin-bottom:0
  }
  .text-box h6 {
    margin-bottom:8px
  }
  .text-box h6:last-child {
    margin-bottom:0
  }
  .text-box .body-small {
    margin-bottom:24px
  }
  .text-box .body-small:last-child {
    margin-bottom:0
  }
  .text-box .ProseMirror {
    white-space:var(--white-space-mobile-preview, var(--dc01974c))
  }
  .text-box h1 {
    font-size:var(--fontSizeMobile, var(--h1-m-font-size));
    line-height:var(--lineHeightMobile, var(--h1-line-height))
  }
  .text-box h2 {
    font-size:var(--fontSizeMobile, var(--h2-m-font-size));
    line-height:var(--lineHeightMobile, var(--h2-line-height))
  }
  .text-box h3 {
    font-size:var(--fontSizeMobile, var(--h3-m-font-size));
    line-height:var(--lineHeightMobile, var(--h3-line-height))
  }
  .text-box h4 {
    font-size:var(--fontSizeMobile, var(--h4-m-font-size));
    line-height:var(--lineHeightMobile, var(--h4-line-height))
  }
  .text-box h5 {
    font-size:var(--fontSizeMobile, var(--h5-m-font-size));
    line-height:var(--lineHeightMobile, var(--h5-line-height))
  }
  .text-box h6 {
    font-size:var(--fontSizeMobile, var(--h6-m-font-size));
    line-height:var(--lineHeightMobile, var(--h6-line-height))
  }
  .text-box .body-large {
    font-size:var(--fontSizeMobile, var(--body-large-m-font-size));
    line-height:var(--lineHeightMobile, var(--body-large-line-height))
  }
  .text-box .body {
    font-size:var(--fontSizeMobile, var(--body-m-font-size));
    line-height:var(--lineHeightMobile, var(--body-line-height))
  }
  .text-box .body-small {
    font-size:var(--fontSizeMobile, var(--body-small-m-font-size));
    line-height:var(--lineHeightMobile, var(--body-small-line-height))
  }
  .text-box span {
    font-size:var(--fontSizeMobile)
  }
}
[data-v-c65b4d4c]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.video[data-v-c65b4d4c] {
  position:relative;
  width:100%;
  height:100%;
  cursor:pointer;
  background-color:var(--5ee8f0a0)
}
.video__frame[data-v-c65b4d4c],
.video__placeholder[data-v-c65b4d4c] {
  position:absolute;
  top:0;
  left:0;
  display:block;
  width:100%;
  height:100%
}
.video__placeholder[data-v-c65b4d4c] {
  object-fit:cover
}
.video__play[data-v-c65b4d4c] {
  position:absolute;
  top:50%;
  left:50%;
  width:68px;
  height:48px;
  padding:0;
  margin-top:-24px;
  margin-left:-34px;
  color:#fff;
  text-align:center;
  text-indent:1px;
  background-color:#1e1e1ecc;
  border-radius:15%/40%;
  transition:background-color .15s ease-out
}
.video__play[data-v-c65b4d4c]:before {
  position:absolute;
  top:50%;
  left:50%;
  width:0;
  height:0;
  margin-top:-10px;
  margin-left:-9px;
  content:"";
  border-color:transparent transparent transparent #fff;
  border-style:solid;
  border-width:10px 0 10px 18px
}
.video__play--vimeo[data-v-c65b4d4c] {
  background-color:#1e1e1ee6;
  border-radius:5px
}
.video:hover .video__play[data-v-c65b4d4c] {
  background-color:#fc5185
}
.video:hover .video__play--vimeo[data-v-c65b4d4c] {
  background-color:#069
}
@media screen and (max-width: 920px) {
  .video[data-v-c65b4d4c] {
    position:relative
  }
}
.grid-shape {
  display:flex;
  width:100%;
  height:var(--shape-height, 100%);
  color:var(--shape-color)
}
.grid-shape svg {
  width:100%;
  height:100%;
  fill:var(--shape-color)
}
@media screen and (max-width: 920px) {
  .grid-shape {
    height:var(--m-shape-height, 100%)
  }
}
@media screen and (min-width: 360px) and (max-width: 920px) {
  .grid-shape {
    height:var(--t-shape-height, 100%)
  }
}
@media screen and (min-width: 920px) and (max-width: 1224px) {
  .grid-shape {
    height:var(--small-desktop-shape-height, 100%)
  }
}
.ecommerce-product-image--loading {
  visibility:hidden
}
.site-element-search-bar {
  height:48px;
  position:relative;
  font-family:var(--267fbace)
}
.site-element-search-bar__input-wrapper {
  position:relative;
  height:100%
}
.site-element-search-bar__input-wrapper:before {
  content:"";
  position:absolute;
  left:10px;
  top:50%;
  transform:translateY(-50%);
  bottom:0;
  width:24px;
  height:24px;
  background-color:var(--f40754b4);
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cmask id='mask0_2145_9545' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='currentColor'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_2145_9545)'%3E%3Cpath d='M19.5422 20.5769L13.2615 14.2961C12.7615 14.7089 12.1865 15.032 11.5365 15.2653C10.8865 15.4987 10.214 15.6153 9.51916 15.6153C7.80999 15.6153 6.36348 15.0236 5.17961 13.84C3.99574 12.6564 3.40381 11.2103 3.40381 9.50157C3.40381 7.79284 3.99559 6.34616 5.17916 5.16154C6.36273 3.97694 7.80888 3.38464 9.51761 3.38464C11.2263 3.38464 12.673 3.97658 13.8576 5.16044C15.0422 6.34431 15.6345 7.79083 15.6345 9.49999C15.6345 10.2141 15.5147 10.8961 15.2749 11.5461C15.0352 12.1961 14.7153 12.7615 14.3153 13.2423L20.5961 19.5231L19.5422 20.5769ZM9.51916 14.1154C10.8076 14.1154 11.899 13.6683 12.7932 12.774C13.6874 11.8798 14.1346 10.7885 14.1346 9.49999C14.1346 8.21153 13.6874 7.12018 12.7932 6.22594C11.899 5.33171 10.8076 4.88459 9.51916 4.88459C8.23069 4.88459 7.13934 5.33171 6.24511 6.22594C5.35089 7.12018 4.90378 8.21153 4.90378 9.49999C4.90378 10.7885 5.35089 11.8798 6.24511 12.774C7.13934 13.6683 8.23069 14.1154 9.51916 14.1154Z' fill='currentColor'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cmask id='mask0_2145_9545' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='currentColor'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_2145_9545)'%3E%3Cpath d='M19.5422 20.5769L13.2615 14.2961C12.7615 14.7089 12.1865 15.032 11.5365 15.2653C10.8865 15.4987 10.214 15.6153 9.51916 15.6153C7.80999 15.6153 6.36348 15.0236 5.17961 13.84C3.99574 12.6564 3.40381 11.2103 3.40381 9.50157C3.40381 7.79284 3.99559 6.34616 5.17916 5.16154C6.36273 3.97694 7.80888 3.38464 9.51761 3.38464C11.2263 3.38464 12.673 3.97658 13.8576 5.16044C15.0422 6.34431 15.6345 7.79083 15.6345 9.49999C15.6345 10.2141 15.5147 10.8961 15.2749 11.5461C15.0352 12.1961 14.7153 12.7615 14.3153 13.2423L20.5961 19.5231L19.5422 20.5769ZM9.51916 14.1154C10.8076 14.1154 11.899 13.6683 12.7932 12.774C13.6874 11.8798 14.1346 10.7885 14.1346 9.49999C14.1346 8.21153 13.6874 7.12018 12.7932 6.22594C11.899 5.33171 10.8076 4.88459 9.51916 4.88459C8.23069 4.88459 7.13934 5.33171 6.24511 6.22594C5.35089 7.12018 4.90378 8.21153 4.90378 9.49999C4.90378 10.7885 5.35089 11.8798 6.24511 12.774C7.13934 13.6683 8.23069 14.1154 9.51916 14.1154Z' fill='currentColor'/%3E%3C/g%3E%3C/svg%3E")
}
.site-element-search-bar__input-wrapper:hover:before,
.site-element-search-bar__input-wrapper:focus-within:before {
  background-color:var(--02e01b36)
}
.site-element-search-bar__input {
  padding:12px 12px 12px 44px;
  border-radius:var(--53b91c91);
  border:1px solid var(--a5727d5e);
  font-size:16px;
  font-weight:400;
  line-height:1.25;
  outline:none;
  color:var(--f40754b4);
  font-family:var(--267fbace);
  background-color:var(--20c4e4da);
  width:100%;
  height:100%;
  transition:color ease .2s,border-color ease .2s,background-color ease .2s
}
.site-element-search-bar__input::placeholder {
  color:var(--f40754b4);
  transition:color ease .2s
}
.site-element-search-bar__input:hover,
.site-element-search-bar__input:focus {
  border-color:var(--d7a57b2a);
  color:var(--02e01b36);
  background-color:var(--42d4ec82)
}
.site-element-search-bar__input:hover::placeholder,
.site-element-search-bar__input:focus::placeholder {
  color:var(--02e01b36)
}
.site-element-search-bar__dropdown-close {
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  bottom:0;
  width:20px;
  height:20px;
  background-color:var(--f40754b4);
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cmask id='mask0_2170_12150' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='black'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_2170_12150)'%3E%3Cpath d='M6.0625 14.7115L5.28848 13.9375L9.22598 9.99997L5.28848 6.06247L6.0625 5.28845L10 9.22595L13.9375 5.28845L14.7115 6.06247L10.774 9.99997L14.7115 13.9375L13.9375 14.7115L10 10.774L6.0625 14.7115Z' fill='currentColor'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cmask id='mask0_2170_12150' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='black'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_2170_12150)'%3E%3Cpath d='M6.0625 14.7115L5.28848 13.9375L9.22598 9.99997L5.28848 6.06247L6.0625 5.28845L10 9.22595L13.9375 5.28845L14.7115 6.06247L10.774 9.99997L14.7115 13.9375L13.9375 14.7115L10 10.774L6.0625 14.7115Z' fill='currentColor'/%3E%3C/g%3E%3C/svg%3E")
}
.site-element-search-bar__dropdown-close:hover {
  cursor:pointer;
  background-color:var(--02e01b36)
}
.site-element-search-bar__dropdown {
  position:absolute;
  top:calc(100% + 2px);
  left:0;
  width:100%;
  height:auto;
  max-height:312px;
  padding:6px 0;
  background-color:var(--42d4ec82);
  border:1px solid var(--d7a57b2a);
  border-radius:4px;
  overflow:auto;
  z-index:1;
  box-shadow:0 6px 14px #0000001a
}
.site-element-search-bar__dropdown-no-results {
  padding:10px 12px;
  font-size:14px;
  line-height:1.14;
  color:var(--02e01b36)
}
.site-element-search-bar__loader {
  margin-left:auto;
  margin-right:auto
}
.search-result-item {
  display:flex;
  padding:6px 12px;
  width:100%;
  gap:14px;
  text-decoration:none;
  transition:background-color ease .2s;
  cursor:pointer
}
.search-result-item--highlighted,
.search-result-item:hover {
  background-color:var(--4bcb8afd)
}
.search-result-item__content {
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
  width:calc(100% - 62px)
}
.search-result-item__image {
  width:var(--47e68280);
  height:var(--47e68280)
}
.search-result-item__title {
  font-size:14px;
  font-weight:700;
  line-height:1.14;
  color:var(--02e01b36);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  width:100%
}
.search-result-item__price {
  display:flex;
  font-size:14px;
  line-height:1.14;
  font-weight:400;
  color:var(--02e01b36)
}
.search-result-item__sale-price {
  margin-right:4px;
  text-decoration:line-through;
  opacity:.6
}
[data-v-5567603e]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.layout-element[data-v-5567603e] {
  grid-template-columns:100%
}
.layout-element__component[data-v-5567603e] {
  grid-area:1/1/-1/-1;
  align-self:start
}
.layout-element__component--GridButton.layout-element__component[data-v-5567603e],
.layout-element__component--GridEcommerceButton.layout-element__component[data-v-5567603e],
.layout-element__component--GridEcommerceButton.layout-element__component .grid-button[data-v-5567603e] {
  display:flex;
  align-items:center;
  justify-content:center;
  justify-self:start;
  min-width:100%;
  min-height:100%;
  text-overflow:clip;
  white-space:nowrap
}
.layout-element__component--GridButton.layout-element__component[data-v-5567603e]:not(.s),
.layout-element__component--GridEcommerceButton.layout-element__component[data-v-5567603e]:not(.s),
.layout-element__component--GridEcommerceButton.layout-element__component .grid-button[data-v-5567603e]:not(.s) {
  padding:0
}
@media screen and (min-width: 920px) {
  .layout-element--desktop-element-hidden[data-v-5567603e] {
    display:none
  }
}
@media screen and (max-width: 1191px) {
  .layout-element__component--GridButton[data-v-5567603e]:not(.s),
  .layout-element__component--GridEcommerceButton[data-v-5567603e]:not(.s) {
    white-space:normal
  }
}
@media screen and (max-width: 920px) {
  .layout-element--GridButton[data-v-5567603e],
  .layout-element--GridStripeButton[data-v-5567603e],
  .layout-element--GridEcommerceButton[data-v-5567603e] {
    justify-content:var(--m-justify, var(--justify))
  }
  .layout-element__component--GridButton[data-v-5567603e]:not(.s),
  .layout-element__component--GridEcommerceButton[data-v-5567603e]:not(.s) {
    min-height:100%
  }
  .layout-element--mobile-element-hidden[data-v-5567603e] {
    display:none
  }
}
@media screen and (max-width: 360px) {
  .layout-element__component--GridButton[data-v-5567603e]:not(.s),
  .layout-element__component--GridEcommerceButton[data-v-5567603e]:not(.s) {
    min-width:var(--m-width);
    min-height:var(--m-height);
    padding-right:14px;
    padding-left:14px
  }
}
@media screen and (min-width: 920px) {
  .zyro-mb-preview .layout-element--desktop-element-hidden[data-v-5567603e]:not(.zyro-mb-preview .layout-element--mobile-element-hidden) {
    display:grid
  }
}
.layout-element__component--GridButton.layout-element__component[data-v-5567603e],
.layout-element__component--GridEcommerceButton.layout-element__component[data-v-5567603e],
.layout-element__component--GridEcommerceButton.layout-element__component .grid-button[data-v-5567603e] {
  min-height:var(--5b7a317c)
}
@media screen and (max-width: 920px) {
  .layout-element__component--GridButton.layout-element__component[data-v-5567603e],
  .layout-element__component--GridEcommerceButton.layout-element__component[data-v-5567603e],
  .layout-element__component--GridEcommerceButton.layout-element__component .grid-button[data-v-5567603e] {
    min-height:var(--1b164342)
  }
}
[data-v-1df308de]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.pagination[data-v-1df308de] {
  display:flex;
  align-items:center
}
.pagination__button[data-v-1df308de] {
  min-width:36px;
  min-height:36px;
  padding:4px 1px;
  font-size:10px;
  line-height:1.6em;
  color:var(--button-color);
  cursor:pointer;
  background:transparent;
  transition:color .3s ease-in-out
}
.pagination__button[data-v-1df308de]:hover,
.pagination__button[data-v-1df308de]:active {
  color:#673de6
}
.pagination__trigger[data-v-1df308de] {
  color:var(--button-color, #1d1e20);
  transition:color .3s ease-in-out
}
.pagination__trigger--current[data-v-1df308de] {
  font-weight:500;
  color:#673de6
}
[data-v-195d863e]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.font-primary[data-v-195d863e] {
  font-family:var(--font-primary);
  font-size:24px;
  font-style:normal;
  font-weight:700;
  line-height:1.3
}
.font-secondary[data-v-195d863e] {
  font-family:var(--font-secondary);
  font-size:16px;
  font-style:normal;
  font-weight:400;
  line-height:1.3
}
.block-blog-list-item[data-v-195d863e] {
  position:relative;
  display:flex;
  flex-direction:column;
  cursor:var(--cursor-style);
  cursor:pointer;
  border-radius:5px;
  transition:box-shadow .3s cubic-bezier(.4,0,.2,1)
}
.block-blog-list-item__cover-image[data-v-195d863e] {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  object-fit:cover
}
.block-blog-list-item__cover-image-wrapper[data-v-195d863e] {
  position:relative;
  padding-bottom:60%
}
.block-blog-list-item__cover-image-container[data-v-195d863e] {
  padding-bottom:20px
}
.block-blog-list-item__content[data-v-195d863e] {
  color:var(--blog-post-header-text-color);
  text-decoration:none
}
.block-blog-list-item__description[data-v-195d863e] {
  margin-bottom:12px;
  text-decoration:none;
  opacity:.8
}
.block-blog-list-item__title[data-v-195d863e] {
  font-size:var(--3c9b4232);
  margin-bottom:12px;
  word-break:break-word
}
[data-v-91ca82a4]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.block-blog-list[data-v-91ca82a4] {
  z-index:14;
  display:flex;
  flex-direction:column;
  grid-area:1/1/-1/-1;
  align-items:center;
  justify-content:space-between;
  height:100%;
  padding:var(--block-padding, 8px) var(--76b1e704)
}
.block-blog-list__list[data-v-91ca82a4] {
  display:grid;
  grid-template-columns:repeat(var(--482abca0),1fr);
  grid-gap:var(--grid-gap-size);
  width:var(--content-width);
  max-width:100%
}
.block-blog-list__list--one-col[data-v-91ca82a4] {
  grid-template-columns:1fr;
  width:calc(var(--content-width) / 2)
}
.block-blog-list__filter[data-v-91ca82a4] {
  display:flex;
  flex-direction:column;
  text-align:center
}
.block-blog-list__filter-button[data-v-91ca82a4] {
  font-size:14px;
  font-weight:400;
  line-height:1.43;
  text-decoration:underline;
  text-transform:none;
  letter-spacing:0;
  background-color:transparent;
  margin:16px 0
}
.block-blog-list__pagination[data-v-91ca82a4] {
  align-self:center
}
.block-blog-list__empty-block[data-v-91ca82a4] {
  display:flex;
  flex-direction:column;
  place-content:center;
  place-items:center;
  width:100%;
  height:100%;
  pointer-events:none
}
@media screen and (max-width: 920px) {
  .block-blog-list[data-v-91ca82a4] {
    padding:var(--block-padding, 8px) 16px
  }
  .block-blog-list__list[data-v-91ca82a4] {
    grid-template-columns:repeat(1,1fr);
    grid-gap:var(--m-grid-gap-size);
    width:100%
  }
}
[data-v-7ed31f9d]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
[data-v-7ed31f9d]:root {
  --max-width-description: 600px
}
.skeleton-loader[data-v-7ed31f9d] {
  max-width:var(--content-width);
  width:100%;
  display:flex;
  gap:40px
}
.skeleton-loader--full-width[data-v-7ed31f9d] {
  max-width:unset
}
.skeleton-loader__categories[data-v-7ed31f9d] {
  width:250px;
  height:200px
}
.skeleton-loader__wrapper[data-v-7ed31f9d] {
  display:flex;
  flex-direction:column;
  width:100%;
  margin:0 auto
}
.skeleton-loader__list[data-v-7ed31f9d] {
  display:grid;
  grid-template-columns:repeat(var(--25b7a1c6),1fr);
  gap:24px;
  width:100%
}
.skeleton-loader__category[data-v-7ed31f9d] {
  width:100%;
  height:60px;
  margin-bottom:32px
}
.skeleton-loader__item[data-v-7ed31f9d] {
  display:flex;
  flex-direction:column
}
.skeleton-loader__image-placeholder[data-v-7ed31f9d] {
  position:relative;
  display:flex;
  width:100%;
  overflow:hidden;
  height:0;
  transition:height .2s ease-in;
  padding-bottom:100%
}
.skeleton-loader__image-placeholder--portrait[data-v-7ed31f9d] {
  padding-bottom:125%
}
.skeleton-loader__image-placeholder--landscape[data-v-7ed31f9d] {
  padding-bottom:56.25%
}
.skeleton-loader__image-placeholder[data-v-7ed31f9d],
.skeleton-loader__text[data-v-7ed31f9d],
.skeleton-loader__category[data-v-7ed31f9d],
.skeleton-loader__categories[data-v-7ed31f9d] {
  background:linear-gradient(102deg,#1d1e201a 8%,#ffffff1a 18%,#1d1e201a 33%);
  background-size:200% 100%;
  animation:1.5s shine-7ed31f9d linear infinite;
  border-radius:5px
}
@keyframes shine-7ed31f9d {
  to {
    background-position-x:-200%
  }
}
.skeleton-loader__text[data-v-7ed31f9d] {
  width:100%;
  height:24px;
  margin-top:8px
}
.skeleton-loader__text[data-v-7ed31f9d]:nth-child(3) {
  width:calc(100% - 120px)
}
@media screen and (max-width: 920px) {
  .skeleton-loader[data-v-7ed31f9d] {
    flex-direction:column;
    gap:8px
  }
  .skeleton-loader__categories[data-v-7ed31f9d] {
    height:35px;
    width:100%
  }
  .skeleton-loader__list[data-v-7ed31f9d] {
    grid-template-columns:repeat(2,1fr)
  }
  .skeleton-loader__category[data-v-7ed31f9d] {
    display:none
  }
}
@media screen and (max-width: 920px) {
  .skeleton-loader[data-v-7ed31f9d] {
    flex-direction:column;
    gap:8px
  }
  .skeleton-loader__categories[data-v-7ed31f9d] {
    height:35px;
    width:100%
  }
  .skeleton-loader__category[data-v-7ed31f9d] {
    display:none
  }
}
@media screen and (min-width: 601px) and (max-width: 920px) {
  .skeleton-loader__list[data-v-7ed31f9d] {
    grid-template-columns:repeat(2,1fr)
  }
}
.product-list-empty-state h6 {
  font-family:var(--h6-font-family);
  font-size:var(--h6-font-size);
  font-style:var(--h6-font-style);
  font-weight:var(--h6-font-weight);
  line-height:var(--h6-line-height);
  color:var(--h6-color);
  text-decoration:var(--h6-text-decoration);
  text-transform:var(--h6-text-transform);
  letter-spacing:var(--h6-letter-spacing)
}
@media screen and (max-width: 920px) {
  .product-list-empty-state h6 {
    font-family:var(--h6-m-font-family, var(--h6-font-family));
    font-size:var(--h6-m-font-size, var(--h6-font-size));
    font-style:var(--h6-m-font-style, var(--h6-font-style));
    font-weight:var(--h6-m-font-weight, var(--h6-font-weight));
    line-height:var(--h6-m-line-height, var(--h6-line-height));
    color:var(--h6-m-color, var(--h6-color));
    text-decoration:var(--h6-m-text-decoration, var(--h6-text-decoration));
    text-transform:var(--h6-m-text-transform, var(--h6-text-transform));
    letter-spacing:var(--h6-m-letter-spacing, var(--h6-letter-spacing))
  }
}
.product-list-empty-state {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  margin:0 auto;
  max-width:200px;
  min-height:400px;
  text-align:center
}
.product-list-empty-state__icon {
  margin-bottom:16px;
  color:var(--h6-color)
}
.ecommerce-product-ribbon {
  font-family:var(--body-small-font-family);
  font-size:var(--body-small-font-size);
  font-style:var(--body-small-font-style);
  font-weight:var(--body-small-font-weight);
  line-height:var(--body-small-line-height);
  color:var(--body-small-color);
  text-decoration:var(--body-small-text-decoration);
  text-transform:var(--body-small-text-transform);
  letter-spacing:var(--body-small-letter-spacing)
}
@media screen and (max-width: 920px) {
  .ecommerce-product-ribbon {
    font-family:var(--body-small-m-font-family, var(--body-small-font-family));
    font-size:var(--body-small-m-font-size, var(--body-small-font-size));
    font-style:var(--body-small-m-font-style, var(--body-small-font-style));
    font-weight:var(--body-small-m-font-weight, var(--body-small-font-weight));
    line-height:var(--body-small-m-line-height, var(--body-small-line-height));
    color:var(--body-small-m-color, var(--body-small-color));
    text-decoration:var(--body-small-m-text-decoration, var(--body-small-text-decoration));
    text-transform:var(--body-small-m-text-transform, var(--body-small-text-transform));
    letter-spacing:var(--body-small-m-letter-spacing, var(--body-small-letter-spacing))
  }
}
.ecommerce-product-ribbon {
  position:absolute;
  z-index:1;
  display:flex;
  max-height:calc(100% - 16px);
  padding:6px 12px;
  margin:8px 8px 8px 0;
  text-align:left;
  background-color:var(--ribbon-background-color, #1d1e20)
}
.ecommerce-product-ribbon__text {
  overflow:hidden;
  color:var(--ribbon-color, #fff)!important;
  word-break:break-word
}
[data-v-a5eb852f]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
[data-v-a5eb852f]:root {
  --max-width-description: 600px
}
.product-list-item h6[data-v-a5eb852f] {
  font-family:var(--h6-font-family);
  font-size:var(--h6-font-size);
  font-style:var(--h6-font-style);
  font-weight:var(--h6-font-weight);
  line-height:var(--h6-line-height);
  color:var(--h6-color);
  text-decoration:var(--h6-text-decoration);
  text-transform:var(--h6-text-transform);
  letter-spacing:var(--h6-letter-spacing)
}
@media screen and (max-width: 920px) {
  .product-list-item h6[data-v-a5eb852f] {
    font-family:var(--h6-m-font-family, var(--h6-font-family));
    font-size:var(--h6-m-font-size, var(--h6-font-size));
    font-style:var(--h6-m-font-style, var(--h6-font-style));
    font-weight:var(--h6-m-font-weight, var(--h6-font-weight));
    line-height:var(--h6-m-line-height, var(--h6-line-height));
    color:var(--h6-m-color, var(--h6-color));
    text-decoration:var(--h6-m-text-decoration, var(--h6-text-decoration));
    text-transform:var(--h6-m-text-transform, var(--h6-text-transform));
    letter-spacing:var(--h6-m-letter-spacing, var(--h6-letter-spacing))
  }
}
.product-list-item p[data-v-a5eb852f] {
  font-family:var(--body-font-family);
  font-size:var(--body-font-size);
  font-style:var(--body-font-style);
  font-weight:var(--body-font-weight);
  line-height:var(--body-line-height);
  color:var(--body-color);
  text-decoration:var(--body-text-decoration);
  text-transform:var(--body-text-transform);
  letter-spacing:var(--body-letter-spacing)
}
@media screen and (max-width: 920px) {
  .product-list-item p[data-v-a5eb852f] {
    font-family:var(--body-m-font-family, var(--body-font-family));
    font-size:var(--body-m-font-size, var(--body-font-size));
    font-style:var(--body-m-font-style, var(--body-font-style));
    font-weight:var(--body-m-font-weight, var(--body-font-weight));
    line-height:var(--body-m-line-height, var(--body-line-height));
    color:var(--body-m-color, var(--body-color));
    text-decoration:var(--body-m-text-decoration, var(--body-text-decoration));
    text-transform:var(--body-m-text-transform, var(--body-text-transform));
    letter-spacing:var(--body-m-letter-spacing, var(--body-letter-spacing))
  }
}
.product-list-item[data-v-a5eb852f] {
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  height:100%;
  cursor:pointer
}
.product-list-item--center[data-v-a5eb852f] {
  align-items:center;
  text-align:center
}
.product-list-item--center .product-list-item__price-wrapper[data-v-a5eb852f],
.product-list-item--center .product-list-item__button-wrapper[data-v-a5eb852f] {
  justify-content:center
}
.product-list-item--outlined[data-v-a5eb852f] {
  border:1px solid #dadce0
}
.product-list-item--outlined .product-list-item__details[data-v-a5eb852f] {
  padding:0 10px 10px
}
.product-list-item--outlined .product-list-item__button-wrapper[data-v-a5eb852f] {
  padding:8px 10px 10px;
  margin-top:-10px
}
.product-list-item--outlined .product-list-item__image-wrapper--contain[data-v-a5eb852f] {
  border:none;
  border-bottom:1px solid #dadce0
}
.product-list-item__content[data-v-a5eb852f] {
  display:flex;
  flex-direction:column;
  width:100%;
  height:100%
}
.product-list-item__image-wrapper[data-v-a5eb852f] {
  position:relative;
  display:flex;
  width:100%;
  overflow:hidden;
  transition:height .2s ease-in;
  height:0;
  border-radius:var(--0de16ca1)
}
.product-list-item__image-wrapper--portrait[data-v-a5eb852f] {
  padding-bottom:125%
}
.product-list-item__image-wrapper--landscape[data-v-a5eb852f] {
  padding-bottom:56.25%
}
.product-list-item__image-wrapper--cover[data-v-a5eb852f],
.product-list-item__image-wrapper--contain[data-v-a5eb852f] {
  padding-bottom:100%
}
.product-list-item__image-wrapper--contain[data-v-a5eb852f] {
  border:1px solid #dadce0
}
.product-list-item__image-wrapper--contain .product-list-item__image[data-v-a5eb852f] {
  width:calc(100% + 2px);
  height:calc(100% + 2px);
  margin:-1px;
  left:50%;
  transform:scale(1) translate(-50%)
}
.product-list-item__image-wrapper--contain .product-list-item__image.product-list-item__image--zoomed-in[data-v-a5eb852f] {
  transform:scale(1.2) translate(calc(-41.6666666667% + 1px))
}
.product-list-item__image[data-v-a5eb852f] {
  position:absolute;
  width:100%;
  height:100%;
  object-fit:var(--62ad201a);
  object-position:center;
  inset:0
}
.product-list-item__image--zoom-animation[data-v-a5eb852f] {
  transform:scale(1);
  transition:.1s transform
}
.product-list-item__image--zoomed-in[data-v-a5eb852f] {
  transform:scale(1.2)
}
.product-list-item__details[data-v-a5eb852f] {
  display:flex;
  flex-direction:column
}
.product-list-item__title[data-v-a5eb852f] {
  word-break:break-word;
  margin:20px 0 8px
}
.product-list-item__price-wrapper[data-v-a5eb852f] {
  display:flex;
  flex-wrap:wrap
}
.product-list-item__price-content[data-v-a5eb852f] {
  display:flex;
  margin-right:8px
}
.product-list-item__price[data-v-a5eb852f] {
  margin-right:8px;
  opacity:.4
}
.product-list-item__price.product-list-item__price[data-v-a5eb852f] {
  text-decoration:line-through
}
.product-list-item__price-range[data-v-a5eb852f] {
  margin-right:4px
}
.product-list-item__booking-price[data-v-a5eb852f] {
  margin-right:8px
}
.product-list-item__text[data-v-a5eb852f] {
  opacity:.6
}
.product-list-item__text.product-list-item__text[data-v-a5eb852f] {
  text-transform:uppercase
}
.product-list-item__duration[data-v-a5eb852f]:before {
  margin-right:8px;
  content:"|"
}
.product-list-item__button-wrapper[data-v-a5eb852f] {
  display:flex;
  width:100%;
  padding-top:8px;
  transition:opacity .3s ease-in
}
.product-list-item__button-wrapper--hidden[data-v-a5eb852f] {
  pointer-events:none;
  visibility:hidden
}
.product-list-item__button-wrapper--with-hover[data-v-a5eb852f] {
  opacity:0
}
.product-list-item__button[data-v-a5eb852f] {
  position:relative;
  display:flex;
  align-items:center;
  height:var(--button-height);
  padding-left:16px;
  padding-right:16px
}
.product-list-item__button.product-list-item__button[data-v-a5eb852f] {
  white-space:break-spaces;
  word-break:break-all
}
.product-list-item__button--primary[data-v-a5eb852f] {
  margin:calc(-1 * var(--grid-button-primary-border-null, var(--grid-button-primary-border-width, 0px)));
  background-color:var(--grid-button-primary-background-color)
}
.product-list-item__button--primary[data-v-a5eb852f]:focus,
.product-list-item__button--primary[data-v-a5eb852f]:hover {
  margin:calc(-1 * var(--grid-button-primary-border-null-hover, var(--grid-button-primary-border-width-hover, 0px)));
  background-color:var(--grid-button-primary-background-color-hover, var(--grid-button-primary-background-color))
}
.product-list-item__button--secondary[data-v-a5eb852f] {
  margin:calc(-1 * var(--grid-button-secondary-border-null, var(--grid-button-secondary-border-width, 0px)));
  background-color:var(--grid-button-secondary-background-color)
}
.product-list-item__button--secondary[data-v-a5eb852f]:focus,
.product-list-item__button--secondary[data-v-a5eb852f]:hover {
  margin:calc(-1 * var(--grid-button-secondary-border-null-hover, var(--grid-button-secondary-border-width-hover, 0px)));
  background-color:var(--grid-button-secondary-background-color-hover, var(--grid-button-secondary-background-color))
}
.product-list-item__button--full-width[data-v-a5eb852f] {
  width:100%;
  text-align:center;
  align-items:center;
  justify-content:center
}
@media screen and (max-width: 920px) {
  .product-list-item__button-wrapper--with-hover[data-v-a5eb852f] {
    opacity:1
  }
  .product-list-item__booking-price[data-v-a5eb852f] {
    margin-right:8px
  }
  .product-list-item__price-wrapper[data-v-a5eb852f] {
    flex-wrap:wrap
  }
}
@media screen and (min-width: 920px) {
  .product-list-item:hover .product-list-item__image-wrapper--bg-animation[data-v-a5eb852f]:after,
  .product-list-item:focus .product-list-item__image-wrapper--bg-animation[data-v-a5eb852f]:after {
    background-color:#1d1e2033
  }
  .product-list-item:hover .product-list-item__button-wrapper[data-v-a5eb852f],
  .product-list-item:focus .product-list-item__button-wrapper[data-v-a5eb852f] {
    opacity:1
  }
}
[data-v-b3616e77]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.product-list-sorting[data-v-b3616e77] {
  width:100%;
  text-align:right;
  margin:0 auto
}
.product-list-sorting__label[data-v-b3616e77] {
  margin-right:12px;
  font-size:14px
}
.product-list-sorting__select-wrapper[data-v-b3616e77] {
  position:relative;
  display:inline-flex;
  align-items:center
}
.product-list-sorting__select-wrapper[data-v-b3616e77]:after {
  content:"";
  position:absolute;
  right:0;
  top:50%;
  border:solid;
  border-color:inherit;
  border-width:0 2px 2px 0;
  display:inline-block;
  padding:3px;
  transform:translateY(-50%) rotate(45deg);
  pointer-events:none;
  margin:-2px 2px 0 0
}
.product-list-sorting__select[data-v-b3616e77] {
  background-color:transparent;
  outline:none;
  border:none;
  font-size:14px;
  cursor:pointer;
  text-align:right;
  padding-right:20px;
  appearance:none
}
@media screen and (max-width: 920px) {
  .product-list-sorting__select[data-v-b3616e77] {
    max-width:200px;
    text-wrap:wrap;
    width:100%;
    white-space:nowrap;
    text-overflow:ellipsis
  }
}
[data-v-a4084316]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.category-list[data-v-a4084316] {
  display:flex;
  flex-direction:column;
  max-width:200px;
  width:100%;
  color:var(--body-color)
}
.category-list__title[data-v-a4084316] {
  margin-bottom:16px;
  padding-bottom:16px;
  border-bottom:1px solid;
  border-color:inherit
}
.category-list__list[data-v-a4084316] {
  list-style-type:none;
  max-height:100%;
  overflow-y:auto
}
.category-list__list li[data-v-a4084316] {
  margin-bottom:8px
}
.category-list__list[data-v-a4084316]::-webkit-scrollbar {
  height:5px;
  width:5px
}
.category-list__list[data-v-a4084316]::-webkit-scrollbar-thumb {
  background-color:#dadce0;
  border-radius:5px
}
.category-list__list[data-v-a4084316]::-webkit-scrollbar-thumb:hover {
  background-color:#727586
}
.category-list__link[data-v-a4084316] {
  background-color:transparent;
  cursor:pointer;
  color:inherit;
  text-decoration:none;
  word-break:break-all;
  font-size:16px
}
.category-list__link[data-v-a4084316]:hover,
.category-list__link[data-v-a4084316]:focus,
.category-list__link.active[data-v-a4084316] {
  text-decoration:underline
}
.category-list__slot[data-v-a4084316] {
  display:none
}
@media screen and (max-width: 920px) {
  .category-list[data-v-a4084316] {
    max-width:unset;
    color:var(--body-m-color, var(--body-color));
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    flex-direction:row
  }
  .category-list[data-v-a4084316] .product-list-sorting {
    padding:0
  }
  .category-list__title[data-v-a4084316] {
    display:none
  }
  .category-list__list[data-v-a4084316] {
    padding:2px 0;
    display:flex;
    flex-direction:row;
    overflow-x:auto;
    scrollbar-width:none;
    margin-bottom:8px;
    max-width:100%
  }
  .category-list__list li[data-v-a4084316] {
    flex-shrink:0;
    margin-bottom:0
  }
  .category-list__link[data-v-a4084316] {
    display:flex;
    padding:4px 16px;
    border-radius:16px;
    border:1px solid;
    margin-right:4px;
    border-color:#6e6e6e;
    text-decoration:none
  }
  .category-list__link.text-body[data-v-a4084316],
  .category-list__link.text-body-small[data-v-a4084316] {
    color:var(--body-m-color, var(--body-color))
  }
  .category-list__link[data-v-a4084316]:hover,
  .category-list__link[data-v-a4084316]:focus,
  .category-list__link.active[data-v-a4084316] {
    border-color:inherit;
    background-color:transparent
  }
  .category-list__link.active[data-v-a4084316] {
    display:flex;
    align-items:center;
    justify-content:center
  }
  .category-list__link.active[data-v-a4084316]:before {
    content:"";
    margin-right:8px;
    margin-top:-4px;
    display:inline-block;
    transform:rotate(45deg);
    height:8px;
    width:5px;
    border-bottom:1px solid var(--body-m-color, var(--body-color));
    border-right:1px solid var(--body-m-color, var(--body-color))
  }
  .category-list__slot[data-v-a4084316] {
    display:block;
    width:100%
  }
  .category-list__slot--hidden[data-v-a4084316] {
    display:none
  }
}
[data-v-e8934223]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.product-list-pagination[data-v-e8934223] {
  margin-top:16px
}
.product-list-pagination[data-v-e8934223] .pagination__trigger--current,
.product-list-pagination[data-v-e8934223] button:hover,
.product-list-pagination[data-v-e8934223] button:focus {
  color:var(--body-color);
  text-decoration:underline;
  filter:brightness(.8)
}
@media screen and (max-width: 920px) {
  .product-list-pagination[data-v-e8934223] {
    margin-top:16px
  }
  .product-list-pagination[data-v-e8934223] .pagination__trigger--current,
  .product-list-pagination[data-v-e8934223] button:hover,
  .product-list-pagination[data-v-e8934223] button:focus {
    color:var(--body-m-color, var(--body-color))
  }
}
.loader[data-v-e8934223] {
  margin:16px 0;
  position:relative;
  width:20px;
  height:20px
}
.loader__element[data-v-e8934223] {
  position:absolute;
  top:0;
  left:0;
  box-sizing:border-box;
  width:100%;
  height:100%;
  border-radius:50%;
  border:4px solid;
  border-color:var(--body-color) transparent transparent transparent;
  animation:spin-e8934223 1.2s cubic-bezier(.5,0,.5,1) infinite
}
.loader__element[data-v-e8934223]:nth-child(1) {
  animation-delay:-.45s
}
.loader__element[data-v-e8934223]:nth-child(2) {
  animation-delay:-.3s
}
.loader__element[data-v-e8934223]:nth-child(3) {
  animation-delay:-.15s
}
.loader__element[data-v-e8934223]:nth-child(4) {
  opacity:.2;
  animation:none;
  border-color:var(--body-color)
}
@keyframes spin-e8934223 {
  to {
    transform:rotate(360deg)
  }
}
[data-v-b486bfbd]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.scroll-to-top[data-v-b486bfbd] {
  position:sticky;
  top:calc(100% - var(--1672741c));
  display:flex;
  z-index:1000;
  left:calc(100% - 60px);
  color:var(--0c304de7);
  padding:18px 21px;
  border-radius:50%;
  box-shadow:0 6px 14px #0003;
  background-color:var(--3b7f0149);
  cursor:pointer
}
.scroll-to-top svg[data-v-b486bfbd] {
  transform:rotate(270deg)
}
@media screen and (max-width: 920px) {
  .scroll-to-top[data-v-b486bfbd] {
    top:calc(100% - var(--d689a6bc))
  }
}
[data-v-69f403b1]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.block-product-list h2[data-v-69f403b1] {
  font-family:var(--h6-font-family);
  font-size:var(--h6-font-size);
  font-style:var(--h6-font-style);
  font-weight:var(--h6-font-weight);
  line-height:var(--h6-line-height);
  color:var(--h6-color);
  text-decoration:var(--h6-text-decoration);
  text-transform:var(--h6-text-transform);
  letter-spacing:var(--h6-letter-spacing)
}
@media screen and (max-width: 920px) {
  .block-product-list h2[data-v-69f403b1] {
    font-family:var(--h6-m-font-family, var(--h6-font-family));
    font-size:var(--h6-m-font-size, var(--h6-font-size));
    font-style:var(--h6-m-font-style, var(--h6-font-style));
    font-weight:var(--h6-m-font-weight, var(--h6-font-weight));
    line-height:var(--h6-m-line-height, var(--h6-line-height));
    color:var(--h6-m-color, var(--h6-color));
    text-decoration:var(--h6-m-text-decoration, var(--h6-text-decoration));
    text-transform:var(--h6-m-text-transform, var(--h6-text-transform));
    letter-spacing:var(--h6-m-letter-spacing, var(--h6-letter-spacing))
  }
}
.block-product-list h3[data-v-69f403b1] {
  font-family:var(--h3-font-family);
  font-size:var(--h3-font-size);
  font-style:var(--h3-font-style);
  font-weight:var(--h3-font-weight);
  line-height:var(--h3-line-height);
  color:var(--h3-color);
  text-decoration:var(--h3-text-decoration);
  text-transform:var(--h3-text-transform);
  letter-spacing:var(--h3-letter-spacing)
}
@media screen and (max-width: 920px) {
  .block-product-list h3[data-v-69f403b1] {
    font-family:var(--h3-m-font-family, var(--h3-font-family));
    font-size:var(--h3-m-font-size, var(--h3-font-size));
    font-style:var(--h3-m-font-style, var(--h3-font-style));
    font-weight:var(--h3-m-font-weight, var(--h3-font-weight));
    line-height:var(--h3-m-line-height, var(--h3-line-height));
    color:var(--h3-m-color, var(--h3-color));
    text-decoration:var(--h3-m-text-decoration, var(--h3-text-decoration));
    text-transform:var(--h3-m-text-transform, var(--h3-text-transform));
    letter-spacing:var(--h3-m-letter-spacing, var(--h3-letter-spacing))
  }
}
.block-product-list .text-body[data-v-69f403b1] {
  font-family:var(--body-font-family);
  font-size:var(--body-font-size);
  font-style:var(--body-font-style);
  font-weight:var(--body-font-weight);
  line-height:var(--body-line-height);
  color:var(--body-color);
  text-decoration:var(--body-text-decoration);
  text-transform:var(--body-text-transform);
  letter-spacing:var(--body-letter-spacing)
}
@media screen and (max-width: 920px) {
  .block-product-list .text-body[data-v-69f403b1] {
    font-family:var(--body-m-font-family, var(--body-font-family));
    font-size:var(--body-m-font-size, var(--body-font-size));
    font-style:var(--body-m-font-style, var(--body-font-style));
    font-weight:var(--body-m-font-weight, var(--body-font-weight));
    line-height:var(--body-m-line-height, var(--body-line-height));
    color:var(--body-m-color, var(--body-color));
    text-decoration:var(--body-m-text-decoration, var(--body-text-decoration));
    text-transform:var(--body-m-text-transform, var(--body-text-transform));
    letter-spacing:var(--body-m-letter-spacing, var(--body-letter-spacing))
  }
}
.block-product-list .text-body-small[data-v-69f403b1] {
  font-family:var(--body-small-font-family);
  font-size:var(--body-small-font-size);
  font-style:var(--body-small-font-style);
  font-weight:var(--body-small-font-weight);
  line-height:var(--body-small-line-height);
  color:var(--body-small-color);
  text-decoration:var(--body-small-text-decoration);
  text-transform:var(--body-small-text-transform);
  letter-spacing:var(--body-small-letter-spacing)
}
@media screen and (max-width: 920px) {
  .block-product-list .text-body-small[data-v-69f403b1] {
    font-family:var(--body-small-m-font-family, var(--body-small-font-family));
    font-size:var(--body-small-m-font-size, var(--body-small-font-size));
    font-style:var(--body-small-m-font-style, var(--body-small-font-style));
    font-weight:var(--body-small-m-font-weight, var(--body-small-font-weight));
    line-height:var(--body-small-m-line-height, var(--body-small-line-height));
    color:var(--body-small-m-color, var(--body-small-color));
    text-decoration:var(--body-small-m-text-decoration, var(--body-small-text-decoration));
    text-transform:var(--body-small-m-text-transform, var(--body-small-text-transform));
    letter-spacing:var(--body-small-m-letter-spacing, var(--body-small-letter-spacing))
  }
}
.block-product-list[data-v-69f403b1] {
  z-index:14;
  padding:var(--block-padding)
}
.block-product-list.no-paddings[data-v-69f403b1] {
  padding:0
}
.block-product-list--with-categories .product-list-container[data-v-69f403b1] {
  justify-content:flex-start
}
.block-product-list__wrapper[data-v-69f403b1] {
  position:relative;
  max-width:var(--content-width);
  display:flex;
  width:100%;
  margin:0 auto;
  gap:40px
}
.block-product-list__wrapper--full-width[data-v-69f403b1] {
  max-width:unset
}
.block-product-list__content-container[data-v-69f403b1] {
  display:flex;
  flex-direction:column;
  justify-content:center;
  width:100%;
  height:100%
}
.block-product-list__category[data-v-69f403b1] {
  margin-bottom:32px;
  word-break:break-all
}
.block-product-list__empty-state[data-v-69f403b1] {
  display:flex;
  flex-direction:column;
  width:100%
}
.block-product-list__scroll-to-top[data-v-69f403b1] {
  visibility:visible;
  transition:opacity .2s ease-in-out;
  opacity:1
}
.block-product-list__scroll-to-top--hidden[data-v-69f403b1] {
  visibility:hidden;
  opacity:0
}
.category-list[data-v-69f403b1] {
  max-height:var(--2a5d150a)
}
.product-list[data-v-69f403b1] {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:100%
}
.product-list__header[data-v-69f403b1] {
  width:100%;
  display:flex;
  flex-direction:column
}
.product-list__header-item[data-v-69f403b1] {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  margin-bottom:24px
}
.product-list__search[data-v-69f403b1] {
  width:var(--57e0020b)
}
.product-list__search--right[data-v-69f403b1] {
  margin-left:auto
}
.product-list__search--left[data-v-69f403b1] {
  margin-right:auto
}
.product-list__search--center[data-v-69f403b1] {
  margin:0 auto
}
.product-list__total-count[data-v-69f403b1] {
  flex:1 0 auto;
  color:var(--body-color);
  font-size:14px
}
.product-list__total-count~.product-list__sort[data-v-69f403b1] {
  justify-content:flex-end
}
.product-list__link[data-v-69f403b1] {
  width:100%;
  text-decoration:none
}
.product-list__content[data-v-69f403b1] {
  display:grid;
  grid-template-columns:repeat(var(--6485461e),1fr);
  column-gap:var(--0d1db1f0);
  width:100%;
  row-gap:var(--1371f2d6)
}
.product-list__content--single-column[data-v-69f403b1] {
  display:flex;
  max-width:calc(var(--093eab44) * 1px);
  margin:0 auto
}
@media screen and (max-width: 920px) {
  .block-product-list[data-v-69f403b1] {
    padding:var(--m-block-padding)
  }
  .block-product-list.no-paddings[data-v-69f403b1] {
    padding:0
  }
  .block-product-list__wrapper[data-v-69f403b1] {
    flex-direction:column;
    gap:0
  }
  .block-product-list__category[data-v-69f403b1]:not(.show-title) {
    display:none
  }
  .product-list[data-v-69f403b1] {
    position:relative
  }
  .product-list__content[data-v-69f403b1],
  .product-list__content--single-column[data-v-69f403b1] {
    display:grid;
    max-width:unset;
    margin:unset
  }
  .product-list__sort[data-v-69f403b1] {
    display:flex;
    justify-content:space-between;
    width:auto;
    flex-grow:1
  }
  .product-list__sort--hidden-mobile[data-v-69f403b1] {
    display:none
  }
  .product-list__search[data-v-69f403b1] {
    width:100%;
    margin-top:16px
  }
  .product-list__header[data-v-69f403b1] {
    margin-bottom:16px;
    gap:8px
  }
  .product-list__header-item[data-v-69f403b1] {
    flex-wrap:wrap
  }
  .product-list__total-count[data-v-69f403b1] {
    color:var(--body-m-color, var(--body-color));
    flex-grow:0;
    margin-right:4px;
    font-size:14px
  }
}
@media screen and (min-width: 601px) and (max-width: 920px) {
  .block-product-list[data-v-69f403b1] {
    padding:var(--m-block-padding)
  }
  .block-product-list.no-paddings[data-v-69f403b1] {
    padding:0
  }
  .block-product-list__wrapper[data-v-69f403b1] {
    flex-direction:column;
    gap:0
  }
  .block-product-list__category[data-v-69f403b1]:not(.show-title) {
    display:none
  }
  .product-list[data-v-69f403b1] {
    position:relative
  }
  .product-list__content[data-v-69f403b1],
  .product-list__content--single-column[data-v-69f403b1] {
    display:grid;
    max-width:unset;
    margin:unset
  }
  .product-list__sort[data-v-69f403b1] {
    display:flex;
    justify-content:space-between;
    width:auto;
    flex-grow:1
  }
  .product-list__sort--hidden-mobile[data-v-69f403b1] {
    display:none
  }
  .product-list__search[data-v-69f403b1] {
    width:100%;
    margin-top:16px
  }
  .product-list__header[data-v-69f403b1] {
    margin-bottom:16px;
    gap:8px
  }
  .product-list__header-item[data-v-69f403b1] {
    flex-wrap:wrap
  }
  .product-list__total-count[data-v-69f403b1] {
    color:var(--body-m-color, var(--body-color));
    flex-grow:0;
    margin-right:4px;
    font-size:14px
  }
  .category-list[data-v-69f403b1] .category-list__slot {
    width:fit-content
  }
  .product-list__content[data-v-69f403b1],
  .product-list__content--single-column[data-v-69f403b1] {
    grid-template-columns:repeat(2,1fr)
  }
  .product-list__sort[data-v-69f403b1] {
    justify-content:flex-end
  }
}
.product-carousel {
  position:relative;
  display:flex;
  flex-direction:column;
  width:100%;
  max-width:var(--image-max-width);
  overflow:hidden
}
.product-carousel--left {
  flex-direction:row-reverse
}
.product-carousel__image-wrapper {
  position:relative;
  display:flex;
  width:100%;
  height:0;
  overflow:hidden;
  transition:height .2s ease-in
}
.product-carousel__image-wrapper--portrait {
  padding-bottom:133.3%
}
.product-carousel__image-wrapper--portrait-left {
  padding-bottom:116%
}
.product-carousel__image-wrapper--landscape {
  padding-bottom:75%
}
.product-carousel__image-wrapper--landscape-left {
  padding-bottom:66%
}
.product-carousel__image-wrapper--cover,
.product-carousel__image-wrapper--contain {
  padding-bottom:100%
}
.product-carousel__image-wrapper--cover-left,
.product-carousel__image-wrapper--contain-left {
  padding-bottom:87.33%
}
.product-carousel__image-wrapper--contain,
.product-carousel__image-wrapper--contain-left {
  border:1px solid #dadce0
}
.product-carousel__image-wrapper:after {
  display:block;
  padding-bottom:100%;
  content:""
}
.product-carousel__image {
  width:100%;
  object-fit:cover;
  height:100%
}
.product-carousel__main-image {
  position:absolute;
  top:0;
  left:0;
  cursor:pointer;
  border-radius:var(--image-border-radius, 0);
  object-fit:var(--image-object-fit, cover);
  object-position:center
}
.product-carousel__image-content {
  z-index:0;
  flex:1 0 auto;
  width:100%;
  overflow:hidden;
  font-size:2rem;
  font-weight:700;
  align-self:center
}
.product-carousel__arrow {
  display:inline-block;
  width:48px;
  height:48px;
  border:1px solid rgba(218,220,224,.2);
  border-radius:50%;
  -webkit-tap-highlight-color:transparent
}
.product-carousel__arrow:before {
  position:absolute;
  width:48px;
  height:48px;
  content:"";
  background-color:var(--arrow-color, #dadce0);
  filter:invert(1);
  border-radius:50%;
  opacity:.2
}
.product-carousel__arrow:after {
  position:relative;
  display:inline-block;
  width:.7em;
  height:.7em;
  margin-top:18px;
  margin-right:.5em;
  content:"";
  border-top:.2em solid var(--arrow-color, #1d1e20);
  border-right:.2em solid var(--arrow-color, #1d1e20);
  transform:rotate(225deg)
}
.product-carousel__arrow--left:before {
  margin-top:-1px;
  margin-left:-1px
}
.product-carousel__arrow--left:after {
  margin-left:20px
}
.product-carousel__arrow--right:before {
  margin-top:-1px;
  margin-left:-18px
}
.product-carousel__arrow--right:after {
  margin-right:20px;
  transform:rotate(45deg)
}
.product-carousel__slider-button {
  position:absolute;
  z-index:1;
  box-sizing:content-box;
  width:75px;
  height:100%;
  cursor:pointer;
  background-color:transparent;
  border:0;
  outline:none;
  -webkit-tap-highlight-color:transparent
}
.product-carousel__slider-button--left {
  left:0;
  padding-left:20px;
  text-align:left
}
.product-carousel__slider-button--right {
  right:0;
  padding-right:20px;
  text-align:right
}
.product-carousel__slider-button--right:after {
  transform:rotate(45deg)
}
.product-carousel__image-arrow {
  height:auto;
  cursor:pointer;
  background-color:transparent;
  -webkit-tap-highlight-color:transparent
}
.product-carousel__image-arrow:after {
  display:inline-block;
  width:.7em;
  height:.7em;
  content:"";
  border-top:.2em solid var(--thumbnail-arrow-color, #1d1e20);
  border-right:.2em solid var(--thumbnail-arrow-color, #1d1e20);
  transform:rotate(225deg)
}
.product-carousel__image-arrow--left {
  padding-left:16px
}
.product-carousel__image-arrow--right {
  padding-right:18px
}
.product-carousel__image-arrow--right:after {
  transform:rotate(45deg)
}
.product-carousel__image-arrow--top {
  height:50px;
  padding-right:6px
}
.product-carousel__image-arrow--top:after {
  transform:rotate(315deg)
}
.product-carousel__image-arrow--bottom {
  height:40px;
  padding-right:6px
}
.product-carousel__image-arrow--bottom:after {
  transform:rotate(135deg)
}
.product-carousel__image-list {
  display:flex;
  justify-content:space-between;
  margin-top:8px;
  margin-right:-1px;
  margin-left:-3px
}
.product-carousel__image-list-left {
  flex-direction:column;
  margin:-3px 0 -1px
}
.product-carousel__image-list-element-wrapper-left {
  display:grid;
  padding-right:6px
}
.product-carousel__image-list-element {
  width:var(--image-max-width-small);
  height:var(--image-max-width-small);
  padding:3px;
  margin:3px;
  cursor:pointer;
  background-color:transparent;
  opacity:.65;
  transition:opacity .3s ease-in-out
}
.product-carousel__image-list-element--active {
  border:1px solid #1d1e20;
  opacity:1
}
.product-carousel__image-list-element:last-child {
  margin-right:1px;
  margin-bottom:1px
}
.product-carousel__dots-wrapper {
  position:absolute;
  bottom:16px;
  z-index:10;
  display:none;
  align-items:center;
  justify-content:center;
  width:100%;
  -webkit-tap-highlight-color:transparent
}
.product-carousel__dot-button {
  display:flex;
  align-items:center;
  justify-content:center;
  width:20px;
  height:20px;
  cursor:pointer;
  background:transparent;
  border:none
}
.product-carousel__dot {
  width:10px;
  height:10px;
  background-color:var(--arrow-color, #1d1e20);
  border-radius:100%;
  opacity:.5;
  transition:opacity .3s ease-in-out
}
.product-carousel__dot:not(:last-child) {
  margin-right:6px
}
.product-carousel__dot--active {
  opacity:1
}
@media screen and (max-width: 920px) {
  .product-carousel {
    max-width:none
  }
}
@media screen and (max-width: 920px) and (min-width: 920px) {
  .product-carousel--left {
    height:unset!important
  }
}
@media screen and (max-width: 920px) {
  .product-carousel__image-list {
    display:none
  }
  .product-carousel__dots-wrapper {
    display:flex
  }
  .product-carousel__image-wrapper--portrait-left {
    padding-bottom:133.3%
  }
  .product-carousel__image-wrapper--landscape-left {
    padding-bottom:75%
  }
  .product-carousel__image-wrapper--cover-left,
  .product-carousel__image-wrapper--contain-left {
    padding-bottom:100%
  }
}
[data-v-9731672d]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.option-select[data-v-9731672d] {
  width:100%;
  max-width:340px
}
.option-select__label[data-v-9731672d] {
  margin-bottom:8px
}
.option-select__select-wrapper[data-v-9731672d] {
  position:relative;
  display:flex;
  align-items:center
}
.option-select__select-wrapper[data-v-9731672d]:before {
  position:absolute;
  right:16px;
  display:inline-block;
  width:8px;
  height:8px;
  color:#1d1e20;
  vertical-align:top;
  pointer-events:none;
  content:"";
  border-style:solid;
  border-width:2px 2px 0 0;
  transform:rotate(135deg)
}
.option-select__select[data-v-9731672d] {
  width:100%;
  padding:10px 16px;
  font-family:inherit;
  font-size:inherit;
  line-height:1.5;
  color:var(--body-color, #1d1e20);
  background-color:#fff;
  border:.5px solid #dadce0;
  appearance:none
}
@media screen and (max-width: 920px) {
  .option-select__select-wrapper[data-v-9731672d] {
    margin-bottom:16px
  }
}
[data-v-13b9db75]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
[data-v-13b9db75]:root {
  --max-width-description: 600px
}
.skeleton-loader[data-v-13b9db75] {
  display:flex;
  justify-content:center;
  width:100%;
  max-width:var(--content-width);
  margin:0 auto
}
.skeleton-loader__image[data-v-13b9db75] {
  width:100%;
  max-width:var(--max-width-description, 600px);
  height:100%;
  border-radius:var(--image-border-radius, 0)
}
.skeleton-loader__image[data-v-13b9db75]:after {
  display:block;
  padding-bottom:100%;
  content:""
}
.skeleton-loader__text[data-v-13b9db75],
.skeleton-loader__image[data-v-13b9db75] {
  background:linear-gradient(102deg,#1d1e201a 8%,#ffffff1a 18%,#1d1e201a 33%);
  background-size:200% 100%;
  animation:1.5s shine-13b9db75 linear infinite
}
@keyframes shine-13b9db75 {
  to {
    background-position-x:-200%
  }
}
.skeleton-loader__wrapper[data-v-13b9db75] {
  display:flex;
  flex-direction:column;
  justify-content:center;
  width:100%;
  max-width:624px;
  padding-left:80px
}
.skeleton-loader__wrapper--center[data-v-13b9db75] {
  align-items:center
}
.skeleton-loader__text[data-v-13b9db75] {
  width:100%;
  height:24px;
  margin-top:8px;
  border-radius:5px
}
.skeleton-loader__text[data-v-13b9db75]:nth-child(2) {
  width:20%;
  margin-top:16px
}
.skeleton-loader__text[data-v-13b9db75]:nth-child(3) {
  width:30%;
  height:50px;
  margin:32px 0 20px
}
.skeleton-loader__text[data-v-13b9db75]:nth-child(4n+1) {
  width:70%
}
.skeleton-loader__text[data-v-13b9db75]:nth-child(3n+1) {
  width:60%
}
.skeleton-loader__title[data-v-13b9db75] {
  width:70%;
  height:64px
}
@media screen and (max-width: 920px) {
  .skeleton-loader[data-v-13b9db75] {
    flex-direction:column;
    width:100%
  }
  .skeleton-loader__wrapper[data-v-13b9db75] {
    max-width:unset;
    padding:32px 0 0
  }
  .skeleton-loader__wrapper--center[data-v-13b9db75] {
    align-items:center
  }
  .skeleton-loader__image[data-v-13b9db75] {
    max-width:unset
  }
}
[data-v-bab50c5a]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.quantity-picker[data-v-bab50c5a] {
  display:flex;
  height:var(--size);
  background-color:#fff;
  border:1px solid #dadce0
}
.quantity-picker--cart-style[data-v-bab50c5a] {
  color:#727586;
  border-radius:4px
}
.quantity-picker__control[data-v-bab50c5a] {
  width:var(--size);
  font-size:16px;
  cursor:pointer
}
.quantity-picker__control[data-v-bab50c5a]:nth-child(1) {
  border-right:1px solid #dadce0
}
.quantity-picker__control[data-v-bab50c5a]:nth-child(3) {
  border-left:1px solid #dadce0
}
.quantity-picker__control--bigger[data-v-bab50c5a] {
  font-size:20px;
  line-height:1
}
.quantity-picker__control--rounded[data-v-bab50c5a] {
  border-radius:3px 0 0 3px
}
.quantity-picker__control--rounded[data-v-bab50c5a]:nth-of-type(2) {
  border-radius:0 3px 3px 0
}
.quantity-picker__control[data-v-bab50c5a]:disabled {
  cursor:inherit;
  background-color:#dadce0
}
.quantity-picker__amount[data-v-bab50c5a] {
  display:flex;
  align-items:center;
  justify-content:center;
  width:var(--size);
  font-size:var(--font-size);
  text-align:center;
  border:none;
  border-right:1px solid #dadce0;
  border-left:1px solid #dadce0
}
.quantity-picker__amount--borderless[data-v-bab50c5a] {
  border-right:none;
  border-left:none
}
.quantity-picker__amount[data-v-bab50c5a]:disabled {
  background-color:#fff
}
.quantity-picker__amount[data-v-bab50c5a]:focus-visible {
  outline:none
}
[data-v-013f5865]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
[data-v-013f5865]:root {
  --max-width-description: 600px
}
.additional-info-sections .additional-info-sections__item-title[data-v-013f5865] {
  font-family:var(--h6-font-family);
  font-size:var(--h6-font-size);
  font-style:var(--h6-font-style);
  font-weight:var(--h6-font-weight);
  line-height:var(--h6-line-height);
  color:var(--h6-color);
  text-decoration:var(--h6-text-decoration);
  text-transform:var(--h6-text-transform);
  letter-spacing:var(--h6-letter-spacing)
}
@media screen and (max-width: 920px) {
  .additional-info-sections .additional-info-sections__item-title[data-v-013f5865] {
    font-family:var(--h6-m-font-family, var(--h6-font-family));
    font-size:var(--h6-m-font-size, var(--h6-font-size));
    font-style:var(--h6-m-font-style, var(--h6-font-style));
    font-weight:var(--h6-m-font-weight, var(--h6-font-weight));
    line-height:var(--h6-m-line-height, var(--h6-line-height));
    color:var(--h6-m-color, var(--h6-color));
    text-decoration:var(--h6-m-text-decoration, var(--h6-text-decoration));
    text-transform:var(--h6-m-text-transform, var(--h6-text-transform));
    letter-spacing:var(--h6-m-letter-spacing, var(--h6-letter-spacing))
  }
}
.additional-info-sections[data-v-013f5865] {
  display:flex;
  flex-direction:column;
  width:100%;
  margin-top:32px
}
.additional-info-sections__item[data-v-013f5865] {
  background-color:transparent;
  position:relative;
  padding:24px 0;
  text-align:left;
  cursor:pointer
}
.additional-info-sections__item[data-v-013f5865]:not(:last-child) {
  border-bottom:1px solid var(--body-color)
}
.additional-info-sections__button[data-v-013f5865] {
  display:flex;
  width:100%;
  justify-content:space-between;
  font-size:20px;
  background-color:transparent
}
.additional-info-sections__icon[data-v-013f5865] {
  display:inline-block;
  width:13px;
  height:13px;
  background:linear-gradient(var(--body-color) 0 0) content-box,linear-gradient(var(--body-color) 0 0) content-box,transparent;
  background-position:center;
  background-size:100% 1px,1px 100%;
  background-repeat:no-repeat
}
.additional-info-sections__icon--active[data-v-013f5865] {
  background-size:100% 1px,0
}
.additional-info-sections__item-description[data-v-013f5865] {
  width:100%;
  margin-top:16px;
  word-break:break-word;
  white-space:pre-line
}
.additional-info-sections__item-description[data-v-013f5865] p {
  margin-bottom:8px
}
.additional-info-sections__item-description[data-v-013f5865] img {
  width:100%!important;
  max-width:var(--max-width-description, 600px)
}
.additional-info-sections__item-description[data-v-013f5865] iframe {
  width:100%;
  max-width:var(--max-width-description, 600px)
}
.additional-info-sections__item-description[data-v-013f5865] blockquote {
  position:relative;
  display:block;
  padding-inline-start:1em;
  padding-left:16px;
  quotes:"“" "”" "‘" "’"
}
.additional-info-sections__item-description[data-v-013f5865] blockquote:before {
  content:"";
  position:absolute;
  inset:0;
  background:inherit;
  border-inline-start:.25em solid var(--body-color);
  opacity:.2
}
.additional-info-sections__item-description[data-v-013f5865] blockquote * {
  font-style:italic;
  font-size:1.05em;
  opacity:.8
}
.additional-info-sections__item-description[data-v-013f5865] blockquote p:first-child:before {
  content:open-quote
}
.additional-info-sections__item-description[data-v-013f5865] blockquote p:last-child:after {
  content:close-quote
}
.additional-info-sections__item-description[data-v-013f5865] p:empty:after {
  content:" "
}
.additional-info-sections__item-description[data-v-013f5865] ul,
.additional-info-sections__item-description[data-v-013f5865] ol {
  padding-left:1em;
  list-style-position:inside
}
.additional-info-sections__item-description[data-v-013f5865] ul p,
.additional-info-sections__item-description[data-v-013f5865] ol p {
  display:inline
}
.additional-info-sections__item-description[data-v-013f5865] table {
  border-collapse:collapse;
  margin:0;
  overflow:hidden;
  table-layout:fixed;
  width:100%!important;
  min-width:50%
}
.additional-info-sections__item-description[data-v-013f5865] table th,
.additional-info-sections__item-description[data-v-013f5865] table td {
  border:none;
  box-sizing:border-box;
  min-width:1em;
  position:relative;
  vertical-align:top;
  padding:.9em .7em
}
.additional-info-sections__item-description[data-v-013f5865] table th>*,
.additional-info-sections__item-description[data-v-013f5865] table td>* {
  margin-bottom:0
}
.additional-info-sections__item-description[data-v-013f5865] table th:before,
.additional-info-sections__item-description[data-v-013f5865] table th:after,
.additional-info-sections__item-description[data-v-013f5865] table td:before,
.additional-info-sections__item-description[data-v-013f5865] table td:after {
  content:"";
  position:absolute;
  inset:0;
  background:inherit;
  border:.01rem solid var(--body-color);
  opacity:.2;
  pointer-events:none;
  z-index:-1
}
.additional-info-sections__item-description[data-v-013f5865] table th {
  text-align:left;
  text-transform:none;
  font-weight:400
}
.additional-info-sections__item-description[data-v-013f5865] table th strong {
  font-weight:700
}
.additional-info-sections__item-description[data-v-013f5865] code {
  white-space:pre-line
}
@media screen and (max-width: 920px) {
  .additional-info-sections[data-v-013f5865] {
    margin-top:24px
  }
}
.accordion-enter-active[data-v-013f5865],
.accordion-leave-active[data-v-013f5865] {
  will-change:height,opacity;
  transition:height .3s ease,opacity .3s ease;
  overflow:hidden
}
.accordion-enter[data-v-013f5865],
.accordion-leave-to[data-v-013f5865] {
  height:0!important;
  opacity:0
}
[data-v-a502439a]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.custom-field[data-v-a502439a] {
  width:100%;
  max-width:340px;
  color:inherit
}
.custom-field__input[data-v-a502439a] {
  width:100%;
  padding:10px 16px;
  font-family:inherit;
  font-size:inherit;
  line-height:1.5;
  color:var(--body-color, #1d1e20);
  background-color:#fff;
  border:.5px solid #dadce0;
  margin:8px 0 6px;
  text-overflow:ellipsis
}
.custom-field__error[data-v-a502439a] {
  font-size:12px;
  line-height:1;
  color:#ff5252;
  visibility:hidden;
  height:1em
}
.custom-field__error--visible[data-v-a502439a] {
  visibility:visible;
  height:auto
}
[data-v-8a0eb3de]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.express-checkout__text[data-v-8a0eb3de] {
  display:flex;
  position:relative;
  width:100%;
  justify-content:center;
  align-items:center;
  gap:16px;
  margin-top:24px;
  opacity:.5
}
.express-checkout__text[data-v-8a0eb3de]:before,
.express-checkout__text[data-v-8a0eb3de]:after {
  content:"";
  height:1px;
  width:100%;
  background:var(--body-color);
  opacity:.5
}
.express-checkout__text p[data-v-8a0eb3de] {
  max-width:280px;
  flex:0 0 auto;
  color:var(--body-color);
  font-size:14px;
  line-height:1.42
}
.express-checkout__element[data-v-8a0eb3de] {
  margin-top:16px
}
.express-checkout__element--disabled[data-v-8a0eb3de] {
  cursor:pointer
}
.express-checkout__element--disabled[data-v-8a0eb3de] iframe {
  pointer-events:none
}
.express-checkout__element--fixed-width[data-v-8a0eb3de] {
  width:340px
}
:root {
  --max-width-description: 600px
}
.block-product .block-product__title {
  font-family:var(--h3-font-family);
  font-size:var(--h3-font-size);
  font-style:var(--h3-font-style);
  font-weight:var(--h3-font-weight);
  line-height:var(--h3-line-height);
  color:var(--h3-color);
  text-decoration:var(--h3-text-decoration);
  text-transform:var(--h3-text-transform);
  letter-spacing:var(--h3-letter-spacing)
}
@media screen and (max-width: 920px) {
  .block-product .block-product__title {
    font-family:var(--h3-m-font-family, var(--h3-font-family));
    font-size:var(--h3-m-font-size, var(--h3-font-size));
    font-style:var(--h3-m-font-style, var(--h3-font-style));
    font-weight:var(--h3-m-font-weight, var(--h3-font-weight));
    line-height:var(--h3-m-line-height, var(--h3-line-height));
    color:var(--h3-m-color, var(--h3-color));
    text-decoration:var(--h3-m-text-decoration, var(--h3-text-decoration));
    text-transform:var(--h3-m-text-transform, var(--h3-text-transform));
    letter-spacing:var(--h3-m-letter-spacing, var(--h3-letter-spacing))
  }
}
.block-product .block-product__subtitle {
  font-family:var(--h5-font-family);
  font-size:var(--h5-font-size);
  font-style:var(--h5-font-style);
  font-weight:var(--h5-font-weight);
  line-height:var(--h5-line-height);
  color:var(--h5-color);
  text-decoration:var(--h5-text-decoration);
  text-transform:var(--h5-text-transform);
  letter-spacing:var(--h5-letter-spacing)
}
@media screen and (max-width: 920px) {
  .block-product .block-product__subtitle {
    font-family:var(--h5-m-font-family, var(--h5-font-family));
    font-size:var(--h5-m-font-size, var(--h5-font-size));
    font-style:var(--h5-m-font-style, var(--h5-font-style));
    font-weight:var(--h5-m-font-weight, var(--h5-font-weight));
    line-height:var(--h5-m-line-height, var(--h5-line-height));
    color:var(--h5-m-color, var(--h5-color));
    text-decoration:var(--h5-m-text-decoration, var(--h5-text-decoration));
    text-transform:var(--h5-m-text-transform, var(--h5-text-transform));
    letter-spacing:var(--h5-m-letter-spacing, var(--h5-letter-spacing))
  }
}
.block-product p,
.block-product .block-product__input-field-wrapper {
  font-family:var(--body-font-family);
  font-size:var(--body-font-size);
  font-style:var(--body-font-style);
  font-weight:var(--body-font-weight);
  line-height:var(--body-line-height);
  color:var(--body-color);
  text-decoration:var(--body-text-decoration);
  text-transform:var(--body-text-transform);
  letter-spacing:var(--body-letter-spacing)
}
@media screen and (max-width: 920px) {
  .block-product p,
  .block-product .block-product__input-field-wrapper {
    font-family:var(--body-m-font-family, var(--body-font-family));
    font-size:var(--body-m-font-size, var(--body-font-size));
    font-style:var(--body-m-font-style, var(--body-font-style));
    font-weight:var(--body-m-font-weight, var(--body-font-weight));
    line-height:var(--body-m-line-height, var(--body-line-height));
    color:var(--body-m-color, var(--body-color));
    text-decoration:var(--body-m-text-decoration, var(--body-text-decoration));
    text-transform:var(--body-m-text-transform, var(--body-text-transform));
    letter-spacing:var(--body-m-letter-spacing, var(--body-letter-spacing))
  }
}
.block-product .body-large {
  font-family:var(--body-large-font-family);
  font-size:var(--body-large-font-size);
  font-style:var(--body-large-font-style);
  font-weight:var(--body-large-font-weight);
  line-height:var(--body-large-line-height);
  color:var(--body-large-color);
  text-decoration:var(--body-large-text-decoration);
  text-transform:var(--body-large-text-transform);
  letter-spacing:var(--body-large-letter-spacing)
}
@media screen and (max-width: 920px) {
  .block-product .body-large {
    font-family:var(--body-large-m-font-family, var(--body-large-font-family));
    font-size:var(--body-large-m-font-size, var(--body-large-font-size));
    font-style:var(--body-large-m-font-style, var(--body-large-font-style));
    font-weight:var(--body-large-m-font-weight, var(--body-large-font-weight));
    line-height:var(--body-large-m-line-height, var(--body-large-line-height));
    color:var(--body-large-m-color, var(--body-large-color));
    text-decoration:var(--body-large-m-text-decoration, var(--body-large-text-decoration));
    text-transform:var(--body-large-m-text-transform, var(--body-large-text-transform));
    letter-spacing:var(--body-large-m-letter-spacing, var(--body-large-letter-spacing))
  }
}
.block-product .body-small {
  font-family:var(--body-small-font-family);
  font-size:var(--body-small-font-size);
  font-style:var(--body-small-font-style);
  font-weight:var(--body-small-font-weight);
  line-height:var(--body-small-line-height);
  color:var(--body-small-color);
  text-decoration:var(--body-small-text-decoration);
  text-transform:var(--body-small-text-transform);
  letter-spacing:var(--body-small-letter-spacing)
}
@media screen and (max-width: 920px) {
  .block-product .body-small {
    font-family:var(--body-small-m-font-family, var(--body-small-font-family));
    font-size:var(--body-small-m-font-size, var(--body-small-font-size));
    font-style:var(--body-small-m-font-style, var(--body-small-font-style));
    font-weight:var(--body-small-m-font-weight, var(--body-small-font-weight));
    line-height:var(--body-small-m-line-height, var(--body-small-line-height));
    color:var(--body-small-m-color, var(--body-small-color));
    text-decoration:var(--body-small-m-text-decoration, var(--body-small-text-decoration));
    text-transform:var(--body-small-m-text-transform, var(--body-small-text-transform));
    letter-spacing:var(--body-small-m-letter-spacing, var(--body-small-letter-spacing))
  }
}
.block-product-wrapper {
  z-index:14;
  padding:var(--block-padding)
}
.block-product {
  flex-direction:column;
  justify-content:center;
  width:100%;
  max-width:var(--content-width);
  margin:0 auto;
  text-align:left
}
.block-product--centered {
  text-align:center
}
.block-product--centered .block-product__content-wrapper,
.block-product--centered .block-product__price-data-wrapper,
.block-product--centered .block-product__button-wrapper {
  align-items:center;
  text-align:center
}
.block-product--in-preview {
  min-height:500px;
  max-height:700px
}
.block-product--in-preview .block-product__content-wrapper {
  justify-content:flex-start
}
.block-product--in-preview .block-product__price-data-wrapper {
  justify-content:flex-start;
  overflow:auto
}
.block-product__related-products {
  margin-top:80px
}
.block-product__stock-text {
  display:flex;
  align-items:center;
  margin-left:24px
}
.block-product__image-content-wrapper {
  width:100%
}
.block-product__main-info {
  display:flex;
  width:100%
}
.block-product__content-wrapper,
.block-product__price-data-wrapper {
  display:flex;
  flex-direction:column;
  align-items:baseline;
  justify-content:flex-start;
  width:100%
}
.block-product__content-wrapper {
  max-width:624px;
  padding-left:80px;
  word-break:break-word
}
.block-product__button-wrapper {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  width:100%;
  margin-top:32px
}
.block-product__button {
  position:relative;
  display:flex;
  align-items:center;
  height:var(--button-height)
}
.block-product__button--primary {
  margin:calc(-1 * var(--grid-button-primary-border-null, var(--grid-button-primary-border-width, 0)))
}
.block-product__button--primary:focus,
.block-product__button--primary:hover {
  margin:calc(-1 * var(--grid-button-primary-border-null-hover, var(--grid-button-primary-border-width-hover, 0)))
}
.block-product__button--secondary {
  margin:calc(-1 * var(--grid-button-secondary-border-null, var(--grid-button-secondary-border-width, 0)))
}
.block-product__button--secondary:focus,
.block-product__button--secondary:hover {
  margin:calc(-1 * var(--grid-button-secondary-border-null-hover, var(--grid-button-secondary-border-width-hover, 0)))
}
.block-product__button--fixed-width.block-product__button--fixed-width {
  width:100%;
  max-width:340px;
  justify-content:center
}
.block-product__title {
  margin-bottom:8px
}
.block-product__subtitle {
  margin-bottom:16px
}
.block-product__price-wrapper {
  display:flex;
  flex-wrap:wrap
}
.block-product__price-wrapper--with-duration {
  margin-bottom:8px
}
.block-product__additional-info {
  display:flex
}
.block-product__price {
  margin-bottom:0
}
.block-product__price--sale {
  margin-right:8px;
  opacity:.4
}
.block-product__price--sale.block-product__price--sale.block-product__price--sale {
  text-decoration:line-through
}
.block-product__duration:before {
  margin:0 8px;
  content:"|"
}
.block-product__location,
.block-product__notice {
  opacity:.6
}
.block-product__input-field-wrapper {
  width:100%;
  margin-top:32px
}
.block-product__input-field:not(:last-child) {
  margin-bottom:24px
}
.block-product__input-field--centered {
  margin-right:auto;
  margin-left:auto
}
.block-product__quantity-wrapper {
  display:flex;
  margin-top:32px
}
.block-product__quantity-wrapper--disabled {
  pointer-events:none;
  filter:opacity(.4)
}
.block-product__notice {
  margin-top:8px;
  margin-bottom:32px;
  font-size:14px
}
.block-product__link {
  margin-top:32px
}
.block-product__link.block-product__link {
  text-decoration:underline
}
.block-product__description {
  width:100%;
  margin-top:56px;
  word-break:break-word;
  white-space:pre-line
}
.block-product__description p {
  margin-bottom:8px
}
.block-product__description img {
  width:100%!important;
  max-width:var(--max-width-description, 600px)
}
.block-product__description iframe {
  width:100%;
  max-width:var(--max-width-description, 600px)
}
.block-product__description blockquote {
  position:relative;
  display:block;
  padding-inline-start:1em;
  padding-left:16px;
  quotes:"“" "”" "‘" "’"
}
.block-product__description blockquote:before {
  content:"";
  position:absolute;
  inset:0;
  background:inherit;
  border-inline-start:.25em solid var(--body-color);
  opacity:.2
}
.block-product__description blockquote * {
  font-style:italic;
  font-size:1.05em;
  opacity:.8
}
.block-product__description blockquote p:first-child:before {
  content:open-quote
}
.block-product__description blockquote p:last-child:after {
  content:close-quote
}
.block-product__description p:empty:after {
  content:" "
}
.block-product__description ul,
.block-product__description ol {
  padding-left:1em;
  list-style-position:inside
}
.block-product__description ul p,
.block-product__description ol p {
  display:inline
}
.block-product__description table {
  border-collapse:collapse;
  margin:0;
  overflow:hidden;
  table-layout:fixed;
  width:100%!important;
  min-width:50%
}
.block-product__description table th,
.block-product__description table td {
  border:none;
  box-sizing:border-box;
  min-width:1em;
  position:relative;
  vertical-align:top;
  padding:.9em .7em
}
.block-product__description table th>*,
.block-product__description table td>* {
  margin-bottom:0
}
.block-product__description table th:before,
.block-product__description table th:after,
.block-product__description table td:before,
.block-product__description table td:after {
  content:"";
  position:absolute;
  inset:0;
  background:inherit;
  border:.01rem solid var(--body-color);
  opacity:.2;
  pointer-events:none;
  z-index:-1
}
.block-product__description table th {
  text-align:left;
  text-transform:none;
  font-weight:400
}
.block-product__description table th strong {
  font-weight:700
}
.block-product__description code {
  white-space:pre-line
}
.block-product__description--under-image {
  max-width:var(--max-width-description, 600px)
}
@media screen and (max-width: 920px) {
  .block-product-wrapper {
    padding:var(--m-block-padding);
    width:100%
  }
  .block-product {
    flex-direction:column;
    width:100%
  }
  .block-product__main-info {
    flex-direction:column
  }
  .block-product--centered {
    align-items:center
  }
  .block-product__content-wrapper {
    max-width:unset;
    padding:32px 0 0
  }
}
.v-enter-active,
.v-leave-active {
  transition:opacity .3s ease
}
.v-enter-from,
.v-leave-to {
  opacity:0
}
[data-v-f3299b46]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.slide[data-v-f3299b46] {
  position:absolute;
  width:100%;
  height:100%;
  object-fit:cover;
  transform-origin:center center;
  transform:scale(1.01)
}
.slideshow[data-v-f3299b46] {
  position:relative;
  z-index:1;
  width:100%;
  min-height:calc(var(--block-height-on-resize, var(--fd06db1c)) * 1px + var(--header-height, 0px));
  margin-top:calc(-1 * var(--header-height));
  overflow:hidden;
  overflow-anchor:none
}
.slideshow-nav-button[data-v-f3299b46] {
  position:absolute;
  top:0;
  bottom:0;
  z-index:2;
  padding:0 56px;
  color:var(--1f7ca1af);
  cursor:pointer;
  background-color:transparent
}
.slideshow-nav-button--left[data-v-f3299b46] {
  left:0;
  transform:rotate(180deg)
}
.slideshow-nav-button--right[data-v-f3299b46] {
  right:0
}
.slideshow-nav-button[data-v-f3299b46]:hover {
  opacity:.8
}
.slideshow-nav-button:hover.is-transitioning[data-v-f3299b46] {
  cursor:default
}
.slideshow__dots[data-v-f3299b46] {
  position:absolute;
  bottom:32px;
  left:50%;
  z-index:2;
  display:flex;
  gap:8px;
  transform:translate(-50%)
}
.slideshow__dots .dot[data-v-f3299b46] {
  width:10px;
  height:10px;
  cursor:pointer;
  background-color:var(--56d289af);
  border-radius:50px;
  opacity:.5
}
.slideshow__dots .dot--current[data-v-f3299b46] {
  opacity:1
}
@media screen and (max-width: 920px) {
  .slideshow[data-v-f3299b46] {
    min-height:calc(var(--block-height-on-resize, var(--3b9747e2)) * 1px + var(--header-height-mobile, var(--header-height, 0px)))
  }
  .slideshow-nav-button[data-v-f3299b46] {
    padding:28px
  }
}
.slide-forward-enter-active[data-v-f3299b46],
.slide-forward-leave-active[data-v-f3299b46],
.slide-backward-enter-active[data-v-f3299b46],
.slide-backward-leave-active[data-v-f3299b46] {
  transition:all .6s ease
}
.slide-forward-leave-active[data-v-f3299b46],
.slide-backward-leave-active[data-v-f3299b46] {
  position:absolute;
  left:0
}
.slide-forward-enter-from[data-v-f3299b46] {
  transform:translate(100%)
}
.slide-forward-leave-to[data-v-f3299b46],
.slide-backward-enter-from[data-v-f3299b46] {
  transform:translate(-100%)
}
.slide-backward-leave-to[data-v-f3299b46] {
  transform:translate(100%)
}
[data-v-64143259]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.block[data-v-64143259] {
  position:relative;
  display:grid;
  grid-template-rows:100%;
  grid-template-columns:100%;
  width:100%
}
.block--desktop-first-visible[data-v-64143259],
.block[data-v-64143259]:first-child {
  padding-top:var(--header-height, 0);
  margin-top:calc(-1 * var(--header-height, 0))
}
@media screen and (max-width: 920px) {
  .block--desktop-first-visible[data-v-64143259] {
    padding-top:unset;
    margin-top:unset
  }
  .block--mobile-first-visible[data-v-64143259],
  .block[data-v-64143259]:first-child {
    padding-top:var(--header-height-mobile, var(--header-height, 0));
    margin-top:calc(-1 * var(--header-height-mobile, var(--header-height, 0)))
  }
}
@media screen and (min-width: 920px) {
  .block--desktop-hidden[data-v-64143259] {
    display:none
  }
}
@media screen and (max-width: 920px) {
  .block--mobile-hidden[data-v-64143259] {
    display:none
  }
}
[data-v-bea4450f]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.block-sticky-bar-layout[data-v-bea4450f] {
  display:flex;
  position:relative;
  justify-content:flex-start;
  align-items:center;
  max-width:var(--96c845ae);
  min-height:var(--block-min-height);
  width:100%;
  margin:0 auto;
  padding:var(--block-padding)
}
.block-sticky-bar-layout[data-v-bea4450f] .text-box,
.block-sticky-bar-layout[data-v-bea4450f] .text-editor {
  max-height:calc(var(--a83e9362) * 1px);
  overflow:hidden
}
@media screen and (max-width: 920px) {
  .block-sticky-bar-layout[data-v-bea4450f] {
    max-width:var(--067a702b);
    min-height:var(--m-block-min-height);
    padding:var(--m-block-padding)
  }
}
@media screen and (min-width: 361px) and (max-width: 920px) {
  .block-sticky-bar-layout[data-v-bea4450f] {
    min-height:var(--t-block-min-height);
    padding:var(--205f40f1)
  }
}
[data-v-6290f57d]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.block-sticky-bar[data-v-6290f57d] {
  position:sticky;
  top:0;
  z-index:22;
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  height:100%;
  max-height:calc(var(--5bd99ccd) * 1px);
  overflow:hidden
}
@media screen and (min-width: 920px) {
  .block-sticky-bar--desktop-hidden[data-v-6290f57d] {
    display:none
  }
}
.block-sticky-bar__background[data-v-6290f57d] {
  z-index:-1;
  height:100%
}
.block-sticky-bar__element[data-v-6290f57d] {
  position:relative;
  height:100%;
  width:100%;
  text-align:center
}
@media screen and (max-width: 920px) {
  .block-sticky-bar--mobile-hidden[data-v-6290f57d] {
    display:none
  }
}
[data-v-827bb7d1]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.password-page[data-v-827bb7d1] {
  position:relative;
  display:flex;
  flex-direction:column;
  width:100%;
  overflow-y:auto;
  overflow-x:hidden;
  height:100vh;
  font-family:DM Sans,sans-serif;
  background-color:#fff
}
.password-page__heading[data-v-827bb7d1] {
  margin-bottom:16px;
  font-size:36px;
  font-weight:700;
  line-height:40px;
  text-align:center
}
.password-page__label[data-v-827bb7d1] {
  padding-bottom:64px;
  font-size:16px;
  font-weight:400;
  line-height:24px;
  text-align:center
}
.password-page__form[data-v-827bb7d1] {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  max-width:341px;
  margin:auto
}
.password-page__input[data-v-827bb7d1] {
  width:100%;
  padding:16px;
  margin-bottom:16px;
  font-size:16px;
  font-weight:400;
  line-height:24px;
  color:#1d1e20;
  background-color:#fff;
  border:1px solid #dadce0;
  border-radius:4px
}
.password-page__input--error[data-v-827bb7d1] {
  margin-bottom:0;
  border-color:#d63163
}
.password-page__input[data-v-827bb7d1]:hover {
  border-color:#1d1e20
}
.password-page__input[data-v-827bb7d1]:hover--error {
  border-color:#d63163
}
.password-page__error-message[data-v-827bb7d1] {
  width:100%;
  margin-bottom:16px;
  font-size:12px;
  font-weight:400;
  line-height:20px;
  color:#d63163
}
.password-page__button[data-v-827bb7d1] {
  width:100%;
  padding:16px;
  font-size:16px;
  font-weight:700;
  line-height:24px;
  color:#fff;
  cursor:pointer;
  background-color:#1d1e20;
  border:none;
  display:flex;
  justify-content:center
}
.password-page__button[data-v-827bb7d1]:hover {
  background-color:#1d1e20
}
.password-page__button[data-v-827bb7d1]:focus {
  background-color:#1d1e20;
  border:2px solid #357df9
}
.password-page__button[data-v-827bb7d1]:disabled {
  background-color:#727586
}
.password-page__icon-lock[data-v-827bb7d1] {
  width:40px;
  height:40px;
  margin-bottom:32px;
  color:#36344d
}
.password-page__background-wave-wrapper[data-v-827bb7d1] {
  height:100vh;
  position:absolute;
  overflow:hidden;
  width:100%
}
.password-page__background-wave[data-v-827bb7d1],
.password-page__background-wave[data-v-827bb7d1]:before,
.password-page__background-wave[data-v-827bb7d1]:after {
  position:absolute;
  top:50%;
  left:50%;
  z-index:0;
  width:250vw;
  height:250vw;
  margin-left:-125vw;
  background-color:transparent;
  border-radius:38% 42%;
  box-shadow:inset 0 0 10vw #dbdbd3cc;
  mix-blend-mode:multiply;
  transform-origin:50% 50%;
  animation:spin-827bb7d1 30s infinite linear
}
.password-page__background-wave[data-v-827bb7d1]:before {
  width:105%;
  height:95%;
  margin-top:-100vw;
  content:"";
  border-radius:40% 38%;
  box-shadow:inset 0 0 10vw #dbdbd3cc;
  transform-origin:49% 51%;
  animation:spin-827bb7d1 23s infinite linear
}
.password-page__background-wave[data-v-827bb7d1]:after {
  width:102%;
  height:98%;
  margin-top:-150vw;
  content:"";
  border-radius:48% 42%;
  box-shadow:inset 0 0 10vw #dbdbd3cc;
  transform-origin:51% 49%;
  animation:spin-827bb7d1 25s infinite linear
}
.password-page__background-image[data-v-827bb7d1] {
  width:50vw;
  object-fit:cover;
  position:fixed;
  height:100%
}
@media screen and (max-width: 920px) {
  .password-page__background-image[data-v-827bb7d1] {
    display:none
  }
}
.password-page__homepage-link[data-v-827bb7d1] {
  position:fixed;
  bottom:40px
}
.password-page__homepage-link-text[data-v-827bb7d1] {
  color:#357df9
}
.password-page--calm[data-v-827bb7d1] {
  background:#fff8e2
}
.password-page--calm .password-page__form[data-v-827bb7d1] {
  z-index:1;
  width:720px;
  max-width:720px;
  padding:60px 200px 100px;
  background:#fff;
  border-radius:20px
}
@media screen and (max-width: 920px) {
  .password-page--calm .password-page__form[data-v-827bb7d1] {
    width:auto;
    max-width:320px;
    padding:40px 40px 80px
  }
}
.password-page--calm .password-page__input[data-v-827bb7d1] {
  margin-bottom:36px;
  border:none;
  border-bottom:1px solid #dadce0;
  border-radius:0
}
.password-page--calm .password-page__input[data-v-827bb7d1]::placeholder {
  color:#f2f3f6
}
.password-page--calm .password-page__input--error[data-v-827bb7d1] {
  margin-bottom:0;
  border-color:#d63163
}
.password-page--calm .password-page__button[data-v-827bb7d1] {
  border-radius:100px
}
.password-page--popular[data-v-827bb7d1] {
  flex-direction:row;
  margin:0
}
@media screen and (max-width: 920px) {
  .password-page--popular[data-v-827bb7d1] {
    flex-direction:column;
    width:100%;
    background:#673de6
  }
}
.password-page--popular .password-page__form[data-v-827bb7d1] {
  margin:auto 0 auto auto;
  min-width:50%;
  padding:60px 125px 100px;
  background:#fff
}
@media screen and (max-width: 920px) {
  .password-page--popular .password-page__form[data-v-827bb7d1] {
    width:auto;
    max-width:320px;
    padding:60px 40px 100px;
    border-radius:16px;
    margin:auto
  }
}
.password-page--popular .password-page__input[data-v-827bb7d1] {
  margin-bottom:36px;
  border:none;
  border-bottom:1px solid #dadce0;
  border-radius:0
}
.password-page--popular .password-page__input--error[data-v-827bb7d1] {
  margin-bottom:0;
  border-color:#d63163
}
.password-page--popular .password-page__button[data-v-827bb7d1] {
  background:#2f1c6a;
  border-radius:8px
}
.password-page--popular .password-page__button[data-v-827bb7d1]:hover {
  background:#36344d
}
@keyframes spin-827bb7d1 {
  to {
    transform:rotate(360deg)
  }
}
[data-v-334df6f8]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.delete-button[data-v-334df6f8] {
  cursor:pointer
}
[data-v-76122c3e]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.close-button[data-v-76122c3e] {
  padding:15px;
  cursor:pointer;
  background:none;
  border:none
}
.close-button svg[data-v-76122c3e] {
  pointer-events:none
}
[data-v-549c0df1]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.site-drawer-overlay[data-v-549c0df1] {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:#1d1e2033;
  opacity:0;
  transition:opacity .2s ease
}
.site-drawer-overlay--open[data-v-549c0df1] {
  z-index:19;
  opacity:1
}
@media screen and (max-width: 920px) {
  .site-drawer-overlay--open[data-v-549c0df1] {
    opacity:0
  }
}
.site-drawer[data-v-549c0df1] {
  position:fixed;
  top:0;
  bottom:0;
  z-index:212;
  width:var(--sidebar-width);
  overflow-x:hidden;
  overflow-y:auto;
  background-color:#fff;
  box-shadow:0 6px 14px #0000001a
}
.site-drawer--right[data-v-549c0df1] {
  right:0
}
.site-drawer--left[data-v-549c0df1] {
  left:0
}
@media screen and (max-width: 920px) {
  .site-drawer[data-v-549c0df1] {
    top:var(--sidebar-top-mobile, 0);
    width:100%;
    box-shadow:none
  }
}
.site-drawer__content[data-v-549c0df1] {
  position:relative;
  height:100%;
  overflow-y:hidden
}
.site-drawer__close-button[data-v-549c0df1] {
  position:absolute;
  top:-2px;
  right:5px;
  z-index:1;
  display:flex;
  justify-content:flex-end;
  width:100%;
  background-color:#fff
}
@media screen and (max-width: 920px) {
  .site-drawer__close-button--hide-mobile[data-v-549c0df1] {
    display:none
  }
}
[data-v-7a00c3b2]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.arrow-button[data-v-7a00c3b2] {
  background-color:transparent;
  display:flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  cursor:pointer;
  padding:8px
}
.arrow-button[data-v-7a00c3b2]:disabled {
  opacity:.5;
  cursor:default
}
.arrow-button--left[data-v-7a00c3b2] {
  transform:rotate(180deg)
}
[data-v-71f3b94c]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.ecommerce-product-suggestions[data-v-71f3b94c] {
  display:flex;
  flex-direction:column;
  background-color:#f8f9fa;
  margin:32px -24px;
  padding:8px 24px 16px;
  width:calc(100% + 48px);
  min-height:215px;
  overflow:hidden
}
.ecommerce-product-suggestions__header[data-v-71f3b94c] {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:24px
}
.ecommerce-product-suggestions__title[data-v-71f3b94c] {
  font-size:16px;
  font-weight:500;
  line-height:24px
}
.ecommerce-product-suggestions__arrows[data-v-71f3b94c] {
  display:flex;
  align-items:center;
  gap:8px
}
.ecommerce-product-suggestions__products[data-v-71f3b94c] {
  display:flex;
  gap:32px;
  overflow-x:auto;
  margin:0 -24px 0 0;
  width:calc(100% + 24px);
  padding:0 100px 0 0;
  list-style:none;
  scrollbar-width:none;
  -ms-overflow-style:none
}
.ecommerce-product-suggestions__products[data-v-71f3b94c]::-webkit-scrollbar {
  display:none
}
.ecommerce-product-suggestions__product[data-v-71f3b94c] {
  display:flex;
  align-items:start;
  gap:16px;
  width:275px;
  min-width:275px;
  cursor:pointer
}
.ecommerce-product-suggestions__product-image[data-v-71f3b94c] {
  width:64px;
  height:64px;
  border-radius:8px;
  border:1px solid #dadce0
}
.ecommerce-product-suggestions__product-info-content[data-v-71f3b94c] {
  min-height:60px
}
.ecommerce-product-suggestions__product-info[data-v-71f3b94c] {
  display:flex;
  flex-direction:column;
  align-items:start;
  height:100%
}
.ecommerce-product-suggestions__product-title[data-v-71f3b94c] {
  font-size:16px;
  margin-bottom:4px;
  line-height:1.2;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  max-height:72px
}
.ecommerce-product-suggestions__product-price-container[data-v-71f3b94c] {
  display:flex;
  gap:4px
}
.ecommerce-product-suggestions__price[data-v-71f3b94c] {
  font-size:14px;
  font-weight:400;
  line-height:20px
}
.ecommerce-product-suggestions__price--strikethrough[data-v-71f3b94c],
.ecommerce-product-suggestions__old-price[data-v-71f3b94c] {
  text-decoration:line-through
}
.ecommerce-product-suggestions__add-to-bag[data-v-71f3b94c] {
  margin-top:8px;
  margin-bottom:auto;
  padding:8px 16px;
  border-radius:8px;
  border:1px solid #1d1e20;
  background-color:#fff;
  color:#1d1e20;
  font-size:14px;
  font-weight:400;
  cursor:pointer;
  transition:color var(--grid-button-primary-transition-duration) var(--grid-button-primary-transition-timing-function),border-color var(--grid-button-primary-transition-duration) var(--grid-button-primary-transition-timing-function),background-color var(--grid-button-primary-transition-duration) var(--grid-button-primary-transition-timing-function)
}
.ecommerce-product-suggestions__add-to-bag[data-v-71f3b94c]:hover {
  background-color:#1d1e20;
  color:#fff
}
[data-v-b7942f20]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.cart-drawer[data-v-b7942f20] {
  z-index:9998
}
.cart[data-v-b7942f20] {
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  width:100%;
  height:100%;
  font-family:var(--body-font-family)
}
.cart__content[data-v-b7942f20] {
  display:flex;
  flex-direction:column;
  height:100%;
  padding:45px 24px 0;
  overflow-y:auto;
  color:#1d1e20
}
@media screen and (max-width: 920px) {
  .cart__content[data-v-b7942f20] {
    padding-top:10px
  }
}
.cart__content-preview[data-v-b7942f20] {
  padding-top:70px
}
.cart__content-title[data-v-b7942f20] {
  margin-bottom:16px;
  font-size:22px;
  font-weight:700;
  line-height:1.45;
  color:#1d1e20
}
.cart__content-title--with-margin[data-v-b7942f20] {
  margin:120px auto 16px
}
@media screen and (max-width: 920px) {
  .cart__content-title[data-v-b7942f20] {
    font-size:18px;
    z-index:1
  }
}
.cart__list[data-v-b7942f20] {
  list-style-type:none
}
.cart__list-item[data-v-b7942f20] {
  position:relative;
  display:flex;
  flex-direction:row;
  align-items:flex-start;
  padding:16px 0
}
.cart__list-item[data-v-b7942f20]:after {
  position:absolute;
  width:300px;
  height:.5px;
  content:"";
  background-color:#f2f3f6;
  bottom:0
}
@media screen and (max-width: 920px) {
  .cart__list-item[data-v-b7942f20]:after {
    width:100%
  }
}
.cart__list-item[data-v-b7942f20]:first-child:before {
  position:absolute;
  width:300px;
  height:.5px;
  content:"";
  background-color:#f2f3f6;
  top:0
}
@media screen and (max-width: 920px) {
  .cart__list-item[data-v-b7942f20]:first-child:before {
    width:100%
  }
}
.cart__list-item-image[data-v-b7942f20] {
  width:var(--image-width);
  height:var(--image-width);
  object-fit:cover;
  object-position:center;
  margin-right:16px
}
.cart__title[data-v-b7942f20] {
  margin-bottom:8px;
  font-size:18px;
  font-weight:500;
  line-height:1.4
}
.cart__title--with-slot[data-v-b7942f20] {
  display:flex;
  justify-content:space-between;
  font-weight:700
}
@media screen and (max-width: 920px) {
  .cart__title[data-v-b7942f20] {
    font-size:16px
  }
}
.cart__text[data-v-b7942f20] {
  margin-bottom:4px;
  font-size:16px;
  line-height:1.2;
  color:#727586
}
@media screen and (max-width: 920px) {
  .cart__text[data-v-b7942f20] {
    font-size:14px
  }
}
.cart__text--lighter[data-v-b7942f20] {
  color:#727586
}
.cart__text--centered[data-v-b7942f20] {
  font-size:14px;
  text-align:center;
  margin-bottom:0
}
.cart__text--centered svg[data-v-b7942f20] {
  margin-top:-1px;
  vertical-align:middle;
  margin-right:4px
}
.cart__text--with-expres-checkout[data-v-b7942f20] {
  margin-top:16px
}
.cart__price[data-v-b7942f20] {
  display:inline-block
}
.cart__price--strikethrough[data-v-b7942f20] {
  display:block;
  text-decoration:line-through;
  opacity:.4
}
.cart__sale-price[data-v-b7942f20] {
  display:inline-block
}
.cart__duration[data-v-b7942f20] {
  display:inline-flex
}
.cart__duration[data-v-b7942f20]:before {
  margin:0 8px;
  content:"|"
}
.cart__time-wrapper[data-v-b7942f20] {
  display:flex;
  color:#727586
}
.cart__time-wrapper[data-v-b7942f20]:first-of-type {
  margin-top:12px
}
.cart__time-icon[data-v-b7942f20] {
  margin-right:8px
}
.cart__quantity[data-v-b7942f20] {
  display:flex;
  flex-wrap:wrap;
  margin-top:10px
}
.cart__quantity-title[data-v-b7942f20] {
  align-self:center;
  margin-right:8px;
  color:#727586
}
.cart__custom-field[data-v-b7942f20] {
  margin-top:16px
}
.cart__remove-button[data-v-b7942f20] {
  margin-left:auto
}
.cart__footer[data-v-b7942f20] {
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:space-around;
  width:100%;
  padding:16px 24px;
  background-color:#fff;
  border-top:1px solid #f2f3f6
}
.cart__footer.no-express-checkout[data-v-b7942f20] {
  height:140px
}
.cart__checkout-button[data-v-b7942f20] {
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  padding:10px 16px;
  font-family:inherit;
  color:#fff;
  background-color:#357df9;
  border-radius:8px;
  transition:max-width .2s ease;
  cursor:pointer;
  margin-bottom:8px
}
.cart__checkout-button[data-v-b7942f20]:disabled {
  cursor:unset;
  opacity:.5
}
@media screen and (max-width: 500px) {
  .cart__checkout-button[data-v-b7942f20] {
    max-width:100%
  }
}
.cart__checkout-button.loading[data-v-b7942f20] {
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:transparent;
  pointer-events:none
}
.cart__checkout-button.loading.cart__checkout-button.loading[data-v-b7942f20] {
  pointer-events:none
}
.cart__checkout-button.loading[data-v-b7942f20]:hover,
.cart__checkout-button.loading[data-v-b7942f20]:focus {
  color:transparent
}
.cart__checkout-button.loading[data-v-b7942f20]:before {
  position:absolute;
  width:16px;
  height:16px;
  content:"";
  border:2px solid rgba(0,0,0,.5);
  border-top:2px solid white;
  border-radius:50%;
  animation:loading-b7942f20 .8s linear infinite
}
@keyframes loading-b7942f20 {
  0% {
    transform:rotate(0)
  }
  to {
    transform:rotate(360deg)
  }
}
[data-v-35831679]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.modal-wrapper[data-v-35831679] {
  position:fixed;
  top:50%;
  left:50%;
  z-index:20;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100vw;
  height:100vh;
  transform:translate(-50%,-50%)
}
@media screen and (max-width: 920px) {
  .modal-wrapper[data-v-35831679] {
    padding:0 16px;
    transform:none;
    top:0;
    height:100%;
    left:0
  }
}
.modal-backdrop[data-v-35831679] {
  position:absolute;
  width:100%;
  height:100%;
  cursor:pointer;
  background-color:#1d1e2080
}
.modal[data-v-35831679] {
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  width:var(--width);
  min-width:540px;
  max-width:var(--max-width);
  height:var(--height);
  padding:var(--padding);
  overflow:var(--overflow);
  font-family:var(--font-primary);
  text-align:center;
  background-color:var(--modal-background-color);
  outline:none
}
@media screen and (max-width: 920px) {
  .modal[data-v-35831679] {
    min-width:unset;
    height:var(--mobile-height)
  }
}
.modal__close-button[data-v-35831679] {
  position:absolute;
  top:4px;
  right:4px;
  z-index:1;
  align-self:flex-end
}
[data-v-29a42755]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.ecommerce-product-preview[data-v-29a42755] {
  z-index:23
}
.ecommerce-product-preview__content-wrapper[data-v-29a42755] {
  position:relative;
  height:100%;
  max-height:calc(100vh - 48px)
}
.ecommerce-product-preview__content[data-v-29a42755] {
  width:100%
}
.ecommerce-product-preview__content[data-v-29a42755] .block-product,
.ecommerce-product-preview__content[data-v-29a42755] .skeleton-loader {
  max-height:700px;
  padding:32px
}
.ecommerce-product-preview__background[data-v-29a42755] {
  z-index:-1;
  height:100%
}
@media screen and (max-width: 920px) {
  .ecommerce-product-preview__content-wrapper[data-v-29a42755] {
    height:auto;
    min-height:unset
  }
  .ecommerce-product-preview__content[data-v-29a42755] .block-product {
    max-height:unset
  }
}
[data-v-707c7e3f]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.date-picker-header[data-v-707c7e3f] {
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  margin-bottom:20px;
  font-size:14px
}
.date-picker-header__button[data-v-707c7e3f] {
  cursor:pointer
}
.date-picker-header__arrow--next[data-v-707c7e3f] {
  transform:rotate(180deg)
}
.dp__input_wrap {
  position:relative;
  width:100%;
  box-sizing:unset
}
.dp__input_wrap:focus {
  border-color:var(--dp-border-color-hover);
  outline:none
}
.dp__input {
  background-color:var(--dp-background-color);
  border-radius:var(--dp-border-radius);
  font-family:var(--dp-font-family);
  border:1px solid var(--dp-border-color);
  outline:none;
  transition:border-color .2s cubic-bezier(.645,.045,.355,1);
  width:100%;
  font-size:var(--dp-font-size);
  line-height:calc(var(--dp-font-size)*1.5);
  padding:var(--dp-input-padding);
  color:var(--dp-text-color);
  box-sizing:border-box
}
.dp__input::placeholder {
  opacity:.7
}
.dp__input:hover {
  border-color:var(--dp-border-color-hover)
}
.dp__input_reg {
  caret-color:#0000
}
.dp__input_focus {
  border-color:var(--dp-border-color-hover)
}
.dp__disabled {
  background:var(--dp-disabled-color)
}
.dp__disabled::placeholder {
  color:var(--dp-disabled-color-text)
}
.dp__input_icons {
  display:inline-block;
  width:var(--dp-font-size);
  height:var(--dp-font-size);
  stroke-width:0;
  font-size:var(--dp-font-size);
  line-height:calc(var(--dp-font-size)*1.5);
  padding:6px 12px;
  color:var(--dp-icon-color);
  box-sizing:content-box
}
.dp__input_icon {
  cursor:pointer;
  position:absolute;
  top:50%;
  inset-inline-start:0;
  transform:translateY(-50%);
  color:var(--dp-icon-color)
}
.dp__clear_icon {
  position:absolute;
  top:50%;
  inset-inline-end:0;
  transform:translateY(-50%);
  cursor:pointer;
  color:var(--dp-icon-color)
}
.dp__input_icon_pad {
  padding-inline-start:var(--dp-input-icon-padding)
}
.dp__input_valid {
  box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);
  border-color:var(--dp-success-color)
}
.dp__input_valid:hover {
  border-color:var(--dp-success-color)
}
.dp__input_invalid {
  box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);
  border-color:var(--dp-danger-color)
}
.dp__input_invalid:hover {
  border-color:var(--dp-danger-color)
}
.dp__menu {
  background:var(--dp-background-color);
  border-radius:var(--dp-border-radius);
  min-width:var(--dp-menu-min-width);
  font-family:var(--dp-font-family);
  font-size:var(--dp-font-size);
  user-select:none;
  border:1px solid var(--dp-menu-border-color);
  box-sizing:border-box
}
.dp__menu:after {
  box-sizing:border-box
}
.dp__menu:before {
  box-sizing:border-box
}
.dp__menu:focus {
  border:1px solid var(--dp-menu-border-color);
  outline:none
}
.dp--menu-wrapper {
  position:absolute;
  z-index:99999
}
.dp__menu_inner {
  padding:var(--dp-menu-padding)
}
.dp--menu--inner-stretched {
  padding:6px 0
}
.dp__menu_index {
  z-index:99999
}
.dp__menu_readonly,
.dp__menu_disabled {
  position:absolute;
  inset:0;
  z-index:999999
}
.dp__menu_disabled {
  background:#ffffff80;
  cursor:not-allowed
}
.dp__menu_readonly {
  background:#0000;
  cursor:default
}
.dp__arrow_top {
  left:50%;
  top:0;
  height:12px;
  width:12px;
  background-color:var(--dp-background-color);
  position:absolute;
  border-inline-end:1px solid var(--dp-menu-border-color);
  border-top:1px solid var(--dp-menu-border-color);
  transform:translate(-50%,-50%) rotate(-45deg)
}
.dp__arrow_bottom {
  left:50%;
  bottom:0;
  height:12px;
  width:12px;
  background-color:var(--dp-background-color);
  position:absolute;
  border-inline-end:1px solid var(--dp-menu-border-color);
  border-bottom:1px solid var(--dp-menu-border-color);
  transform:translate(-50%,50%) rotate(45deg)
}
.dp__action_extra {
  text-align:center;
  padding:2px 0
}
.dp--preset-dates {
  padding:5px;
  border-inline-end:1px solid var(--dp-border-color)
}
@media only screen and (width <= 600px) {
  .dp--preset-dates {
    display:flex;
    align-self:center;
    border:none;
    overflow-x:auto;
    max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)
  }
}
.dp__sidebar_left {
  padding:5px;
  border-inline-end:1px solid var(--dp-border-color)
}
.dp__sidebar_right {
  padding:5px;
  margin-inline-end:1px solid var(--dp-border-color)
}
.dp--preset-range {
  display:block;
  width:100%;
  padding:5px;
  text-align:left;
  white-space:nowrap;
  color:var(--dp-text-color);
  border-radius:var(--dp-border-radius);
  transition:var(--dp-common-transition)
}
.dp--preset-range:hover {
  background-color:var(--dp-hover-color);
  color:var(--dp-hover-text-color);
  cursor:pointer
}
@media only screen and (width <= 600px) {
  .dp--preset-range {
    border:1px solid var(--dp-border-color);
    margin:0 3px
  }
  .dp--preset-range:first-child {
    margin-left:0
  }
  .dp--preset-range:last-child {
    margin-right:0
  }
}
.dp__menu_content_wrapper {
  display:flex
}
@media only screen and (width <= 600px) {
  .dp__menu_content_wrapper {
    flex-direction:column-reverse
  }
}
.dp__calendar_header {
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  color:var(--dp-text-color);
  white-space:nowrap;
  font-weight:700
}
.dp__calendar_header_item {
  text-align:center;
  flex-grow:1;
  height:var(--dp-cell-size);
  padding:var(--dp-cell-padding);
  width:var(--dp-cell-size);
  box-sizing:border-box
}
.dp__calendar_row {
  display:flex;
  justify-content:center;
  align-items:center;
  margin:var(--dp-row-margin)
}
.dp__calendar_item {
  text-align:center;
  flex-grow:1;
  box-sizing:border-box;
  color:var(--dp-text-color)
}
.dp__calendar {
  position:relative
}
.dp__calendar_header_cell {
  border-bottom:thin solid var(--dp-border-color);
  padding:var(--dp-calendar-header-cell-padding)
}
.dp__cell_inner {
  display:flex;
  align-items:center;
  text-align:center;
  justify-content:center;
  border-radius:var(--dp-cell-border-radius);
  height:var(--dp-cell-size);
  padding:var(--dp-cell-padding);
  width:var(--dp-cell-size);
  border:1px solid rgba(0,0,0,0);
  box-sizing:border-box;
  position:relative
}
.dp__cell_inner:hover {
  transition:all .2s
}
.dp__cell_auto_range_start,
.dp__date_hover_start:hover,
.dp__range_start {
  border-end-end-radius:0;
  border-start-end-radius:0
}
.dp__cell_auto_range_end,
.dp__date_hover_end:hover,
.dp__range_end {
  border-end-start-radius:0;
  border-start-start-radius:0
}
.dp__range_end,
.dp__range_start,
.dp__active_date {
  background:var(--dp-primary-color);
  color:var(--dp-primary-text-color)
}
.dp__cell_auto_range_end,
.dp__cell_auto_range_start {
  border-top:1px dashed var(--dp-primary-color);
  border-bottom:1px dashed var(--dp-primary-color)
}
.dp__date_hover_end:hover,
.dp__date_hover_start:hover,
.dp__date_hover:hover {
  background:var(--dp-hover-color);
  color:var(--dp-hover-text-color)
}
.dp__cell_offset {
  color:var(--dp-secondary-color)
}
.dp__cell_disabled {
  color:var(--dp-secondary-color);
  cursor:not-allowed
}
.dp__range_between {
  background:var(--dp-range-between-dates-background-color);
  color:var(--dp-range-between-dates-text-color);
  border-radius:0;
  border:1px solid var(--dp-range-between-border-color)
}
.dp__range_between_week {
  background:var(--dp-primary-color);
  color:var(--dp-primary-text-color);
  border-radius:0;
  border-top:1px solid var(--dp-primary-color);
  border-bottom:1px solid var(--dp-primary-color)
}
.dp__today {
  border:1px solid var(--dp-primary-color)
}
.dp__week_num {
  color:var(--dp-secondary-color);
  text-align:center
}
.dp__cell_auto_range {
  border-radius:0;
  border-top:1px dashed var(--dp-primary-color);
  border-bottom:1px dashed var(--dp-primary-color)
}
.dp__cell_auto_range_start {
  border-inline-start:1px dashed var(--dp-primary-color)
}
.dp__cell_auto_range_end {
  border-inline-end:1px dashed var(--dp-primary-color)
}
.dp__calendar_header_separator {
  width:100%;
  height:1px;
  background:var(--dp-border-color)
}
.dp__calendar_next {
  margin-inline-start:var(--dp-multi-calendars-spacing)
}
.dp__marker_line,
.dp__marker_dot {
  height:5px;
  background-color:var(--dp-marker-color);
  position:absolute;
  bottom:0
}
.dp__marker_dot {
  width:5px;
  border-radius:50%;
  left:50%;
  transform:translate(-50%)
}
.dp__marker_line {
  width:100%;
  left:0
}
.dp__marker_tooltip {
  position:absolute;
  border-radius:var(--dp-border-radius);
  background-color:var(--dp-tooltip-color);
  padding:5px;
  border:1px solid var(--dp-border-color);
  z-index:99999;
  box-sizing:border-box;
  cursor:default
}
.dp__tooltip_content {
  white-space:nowrap
}
.dp__tooltip_text {
  display:flex;
  align-items:center;
  flex-flow:row nowrap;
  color:var(--dp-text-color)
}
.dp__tooltip_mark {
  height:5px;
  width:5px;
  border-radius:50%;
  background-color:var(--dp-text-color);
  color:var(--dp-text-color);
  margin-inline-end:5px
}
.dp__arrow_bottom_tp {
  bottom:0;
  height:8px;
  width:8px;
  background-color:var(--dp-tooltip-color);
  position:absolute;
  border-inline-end:1px solid var(--dp-border-color);
  border-bottom:1px solid var(--dp-border-color);
  transform:translate(-50%,50%) rotate(45deg)
}
.dp__instance_calendar {
  position:relative;
  width:100%
}
@media only screen and (width <= 600px) {
  .dp__flex_display {
    flex-direction:column
  }
}
.dp__cell_highlight {
  background-color:var(--dp-highlight-color)
}
.dp__month_year_row {
  display:flex;
  align-items:center;
  height:var(--dp-month-year-row-height);
  color:var(--dp-text-color);
  box-sizing:border-box
}
.dp__inner_nav {
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  height:var(--dp-month-year-row-button-size);
  width:var(--dp-month-year-row-button-size);
  color:var(--dp-icon-color);
  text-align:center;
  border-radius:50%
}
.dp__inner_nav svg {
  height:var(--dp-button-icon-height);
  width:var(--dp-button-icon-height)
}
.dp__inner_nav:hover {
  background:var(--dp-hover-color);
  color:var(--dp-hover-icon-color)
}
[dir=rtl] .dp__inner_nav {
  transform:rotate(180deg)
}
.dp__inner_nav_disabled:hover,
.dp__inner_nav_disabled {
  background:var(--dp-disabled-color);
  color:var(--dp-disabled-color-text);
  cursor:not-allowed
}
.dp--year-select,
.dp__month_year_select {
  text-align:center;
  cursor:pointer;
  height:var(--dp-month-year-row-height);
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:var(--dp-border-radius);
  box-sizing:border-box;
  color:var(--dp-text-color)
}
.dp--year-select:hover,
.dp__month_year_select:hover {
  background:var(--dp-hover-color);
  color:var(--dp-hover-text-color);
  transition:var(--dp-common-transition)
}
.dp__month_year_select {
  width:50%
}
.dp--year-select {
  width:100%
}
.dp__month_year_wrap {
  display:flex;
  width:100%
}
.dp__year_disable_select {
  justify-content:space-around
}
.dp__overlay {
  width:100%;
  background:var(--dp-background-color);
  transition:opacity 1s ease-out;
  z-index:99999;
  font-family:var(--dp-font-family);
  color:var(--dp-text-color);
  box-sizing:border-box
}
.dp--overlay-absolute {
  position:absolute;
  height:100%;
  top:0;
  left:0
}
.dp--overlay-relative {
  position:relative
}
.dp__overlay_container::-webkit-scrollbar-track {
  box-shadow:var(--dp-scroll-bar-background);
  background-color:var(--dp-scroll-bar-background)
}
.dp__overlay_container::-webkit-scrollbar {
  width:5px;
  background-color:var(--dp-scroll-bar-background)
}
.dp__overlay_container::-webkit-scrollbar-thumb {
  background-color:var(--dp-scroll-bar-color);
  border-radius:10px
}
.dp__overlay:focus {
  border:none;
  outline:none
}
.dp__container_flex {
  display:flex
}
.dp__container_block {
  display:block
}
.dp__overlay_container {
  flex-direction:column;
  overflow-y:auto
}
.dp__time_picker_overlay_container {
  height:100%
}
.dp__overlay_row {
  padding:0;
  box-sizing:border-box;
  display:flex;
  margin-inline:auto auto;
  flex-wrap:wrap;
  max-width:100%;
  width:100%;
  align-items:center
}
.dp__flex_row {
  flex:1
}
.dp__overlay_col {
  box-sizing:border-box;
  width:33%;
  padding:var(--dp-overlay-col-padding);
  white-space:nowrap
}
.dp__overlay_cell_pad {
  padding:var(--dp-common-padding) 0
}
.dp__overlay_cell_active {
  cursor:pointer;
  border-radius:var(--dp-border-radius);
  text-align:center;
  background:var(--dp-primary-color);
  color:var(--dp-primary-text-color)
}
.dp__overlay_cell {
  cursor:pointer;
  border-radius:var(--dp-border-radius);
  text-align:center
}
.dp__overlay_cell:hover {
  background:var(--dp-hover-color);
  color:var(--dp-hover-text-color);
  transition:var(--dp-common-transition)
}
.dp__cell_in_between {
  background:var(--dp-hover-color);
  color:var(--dp-hover-text-color)
}
.dp__over_action_scroll {
  right:5px;
  box-sizing:border-box
}
.dp__overlay_cell_disabled {
  cursor:not-allowed;
  background:var(--dp-disabled-color)
}
.dp__overlay_cell_disabled:hover {
  background:var(--dp-disabled-color)
}
.dp__overlay_cell_active_disabled {
  cursor:not-allowed;
  background:var(--dp-primary-disabled-color)
}
.dp__overlay_cell_active_disabled:hover {
  background:var(--dp-primary-disabled-color)
}
.dp__btn,
.dp--qr-btn,
.dp--time-invalid,
.dp--time-overlay-btn {
  border:none;
  font:inherit;
  transition:var(--dp-common-transition);
  line-height:normal
}
.dp--tp-wrap {
  max-width:var(--dp-menu-min-width)
}
.dp__time_input {
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  user-select:none;
  font-family:var(--dp-font-family);
  color:var(--dp-text-color)
}
.dp__time_col_reg_block {
  padding:0 20px
}
.dp__time_col_reg_inline {
  padding:0 10px
}
.dp__time_col_reg_with_button {
  padding:0 15px
}
.dp__time_col_sec {
  padding:0 10px
}
.dp__time_col_sec_with_button {
  padding:0 5px
}
.dp__time_col {
  text-align:center;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column
}
.dp__time_col_block {
  font-size:var(--dp-time-font-size)
}
.dp__time_display {
  cursor:pointer;
  color:var(--dp-text-color);
  border-radius:var(--dp-border-radius);
  display:flex;
  align-items:center;
  justify-content:center
}
.dp__time_display:hover:enabled {
  background:var(--dp-hover-color);
  color:var(--dp-hover-text-color)
}
.dp__time_display_block {
  padding:0 3px
}
.dp__time_display_inline {
  padding:5px
}
.dp__time_picker_inline_container {
  display:flex;
  width:100%;
  justify-content:center
}
.dp__inc_dec_button {
  padding:5px;
  margin:0;
  height:var(--dp-time-inc-dec-button-size);
  width:var(--dp-time-inc-dec-button-size);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  border-radius:50%;
  color:var(--dp-icon-color);
  box-sizing:border-box
}
.dp__inc_dec_button svg {
  height:var(--dp-time-inc-dec-button-size);
  width:var(--dp-time-inc-dec-button-size)
}
.dp__inc_dec_button:hover {
  background:var(--dp-hover-color);
  color:var(--dp-primary-color)
}
.dp__inc_dec_button_inline {
  width:100%;
  padding:0;
  height:8px;
  cursor:pointer;
  display:flex;
  align-items:center
}
.dp__inc_dec_button_disabled:hover,
.dp__inc_dec_button_disabled {
  background:var(--dp-disabled-color);
  color:var(--dp-disabled-color-text);
  cursor:not-allowed
}
.dp__pm_am_button {
  background:var(--dp-primary-color);
  color:var(--dp-primary-text-color);
  border:none;
  padding:var(--dp-common-padding);
  border-radius:var(--dp-border-radius);
  cursor:pointer
}
.dp__tp_inline_btn_bar {
  width:100%;
  height:4px;
  background-color:var(--dp-secondary-color);
  transition:var(--dp-common-transition);
  border-collapse:collapse
}
.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r {
  background-color:var(--dp-primary-color);
  transform:rotate(12deg) scale(1.15) translateY(-2px)
}
.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l,
.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r {
  background-color:var(--dp-primary-color);
  transform:rotate(-12deg) scale(1.15) translateY(-2px)
}
.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l {
  background-color:var(--dp-primary-color);
  transform:rotate(12deg) scale(1.15) translateY(-2px)
}
.dp--time-overlay-btn {
  background:none
}
.dp--time-invalid {
  background-color:var(--dp-disabled-color)
}
.dp__action_row {
  display:flex;
  align-items:center;
  width:100%;
  padding:var(--dp-action-row-padding);
  box-sizing:border-box;
  color:var(--dp-text-color);
  flex-flow:row nowrap
}
.dp__action_row svg {
  height:var(--dp-button-icon-height);
  width:auto
}
.dp__selection_preview {
  display:block;
  color:var(--dp-text-color);
  font-size:var(--dp-preview-font-size);
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis
}
.dp__action_buttons {
  display:flex;
  flex:0;
  align-items:center;
  justify-content:flex-end;
  margin-inline-start:auto
}
.dp__action_button {
  display:inline-flex;
  align-items:center;
  background:#0000;
  border:1px solid rgba(0,0,0,0);
  padding:var(--dp-action-buttons-padding);
  line-height:var(--dp-action-button-height);
  margin-inline-start:3px;
  height:var(--dp-action-button-height);
  cursor:pointer;
  border-radius:var(--dp-border-radius);
  font-size:var(--dp-preview-font-size);
  font-family:var(--dp-font-family)
}
.dp__action_select {
  background:var(--dp-primary-color);
  color:var(--dp-primary-text-color)
}
.dp__action_select:hover {
  background:var(--dp-primary-color);
  transition:var(--dp-action-row-transtion)
}
.dp__action_select:disabled {
  background:var(--dp-primary-disabled-color);
  cursor:not-allowed
}
.dp__action_cancel {
  color:var(--dp-text-color);
  border:1px solid var(--dp-border-color)
}
.dp__action_cancel:hover {
  border-color:var(--dp-primary-color);
  transition:var(--dp-action-row-transtion)
}
.dp-quarter-picker-wrap {
  display:flex;
  flex-direction:column;
  height:100%;
  min-width:var(--dp-menu-min-width)
}
.dp--qr-btn {
  width:100%;
  padding:var(--dp-common-padding)
}
.dp--qr-btn:not(.dp--highlighted,
.dp--qr-btn-active,
.dp--qr-btn-disabled,
.dp--qr-btn-between) {
  background:none
}
.dp--qr-btn:hover:not(.dp--qr-btn-active,
.dp--qr-btn-disabled) {
  background:var(--dp-hover-color);
  color:var(--dp-hover-text-color);
  transition:var(--dp-common-transition)
}
.dp--quarter-items {
  display:flex;
  flex-direction:column;
  flex:1;
  width:100%;
  height:100%;
  justify-content:space-evenly
}
.dp--qr-btn-active {
  background:var(--dp-primary-color);
  color:var(--dp-primary-text-color)
}
.dp--qr-btn-between {
  background:var(--dp-hover-color);
  color:var(--dp-hover-text-color)
}
.dp--qr-btn-disabled {
  cursor:not-allowed;
  background:var(--dp-disabled-color)
}
.dp--qr-btn-disabled:hover {
  background:var(--dp-disabled-color)
}
.dp__btn,
.dp--time-overlay-btn,
.dp--time-invalid,
.dp--qr-btn {
  border:none;
  font:inherit;
  transition:var(--dp-common-transition);
  line-height:normal
}
.dp--year-mode-picker {
  display:flex;
  width:100%;
  align-items:center;
  justify-content:space-between;
  height:var(--dp-cell-size)
}
:root {
  --dp-common-transition: all .1s ease-in;
  --dp-menu-padding: 6px 8px;
  --dp-animation-duration: .1s;
  --dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);
  --dp-transition-timing: ease-out;
  --dp-action-row-transtion: all .2s ease-in;
  --dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --dp-border-radius: 4px;
  --dp-cell-border-radius: 4px;
  --dp-transition-length: 22px;
  --dp-transition-timing-general: .1s;
  --dp-button-height: 35px;
  --dp-month-year-row-height: 35px;
  --dp-month-year-row-button-size: 25px;
  --dp-button-icon-height: 20px;
  --dp-calendar-wrap-padding: 0 5px;
  --dp-cell-size: 35px;
  --dp-cell-padding: 5px;
  --dp-common-padding: 10px;
  --dp-input-icon-padding: 35px;
  --dp-input-padding: 6px 30px 6px 12px;
  --dp-menu-min-width: 260px;
  --dp-action-buttons-padding: 1px 6px;
  --dp-row-margin: 5px 0;
  --dp-calendar-header-cell-padding: .5rem;
  --dp-multi-calendars-spacing: 10px;
  --dp-overlay-col-padding: 3px;
  --dp-time-inc-dec-button-size: 32px;
  --dp-font-size: 1rem;
  --dp-preview-font-size: .8rem;
  --dp-time-font-size: 2rem;
  --dp-action-button-height: 22px;
  --dp-action-row-padding: 8px
}
.dp__theme_dark {
  --dp-background-color: #212121;
  --dp-text-color: #fff;
  --dp-hover-color: #484848;
  --dp-hover-text-color: #fff;
  --dp-hover-icon-color: #959595;
  --dp-primary-color: #005cb2;
  --dp-primary-disabled-color: #61a8ea;
  --dp-primary-text-color: #fff;
  --dp-secondary-color: #a9a9a9;
  --dp-border-color: #2d2d2d;
  --dp-menu-border-color: #2d2d2d;
  --dp-border-color-hover: #aaaeb7;
  --dp-disabled-color: #737373;
  --dp-disabled-color-text: #d0d0d0;
  --dp-scroll-bar-background: #212121;
  --dp-scroll-bar-color: #484848;
  --dp-success-color: #00701a;
  --dp-success-color-disabled: #428f59;
  --dp-icon-color: #959595;
  --dp-danger-color: #e53935;
  --dp-marker-color: #e53935;
  --dp-tooltip-color: #3e3e3e;
  --dp-highlight-color: rgb(0 92 178 / 20%);
  --dp-range-between-dates-background-color: var(--dp-hover-color, #484848);
  --dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);
  --dp-range-between-border-color: var(--dp-hover-color, #fff)
}
.dp__theme_light {
  --dp-background-color: #fff;
  --dp-text-color: #212121;
  --dp-hover-color: #f3f3f3;
  --dp-hover-text-color: #212121;
  --dp-hover-icon-color: #959595;
  --dp-primary-color: #1976d2;
  --dp-primary-disabled-color: #6bacea;
  --dp-primary-text-color: #f8f5f5;
  --dp-secondary-color: #c0c4cc;
  --dp-border-color: #ddd;
  --dp-menu-border-color: #ddd;
  --dp-border-color-hover: #aaaeb7;
  --dp-disabled-color: #f6f6f6;
  --dp-scroll-bar-background: #f3f3f3;
  --dp-scroll-bar-color: #959595;
  --dp-success-color: #76d275;
  --dp-success-color-disabled: #a3d9b1;
  --dp-icon-color: #959595;
  --dp-danger-color: #ff6f60;
  --dp-marker-color: #ff6f60;
  --dp-tooltip-color: #fafafa;
  --dp-disabled-color-text: #8e8e8e;
  --dp-highlight-color: rgb(25 118 210 / 10%);
  --dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);
  --dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);
  --dp-range-between-border-color: var(--dp-hover-color, #f3f3f3)
}
.dp__flex {
  display:flex;
  align-items:center
}
.dp__btn {
  background:none
}
.dp__main {
  font-family:var(--dp-font-family);
  user-select:none;
  box-sizing:border-box;
  position:relative;
  width:100%
}
.dp__pointer {
  cursor:pointer
}
.dp__icon {
  stroke:currentcolor;
  fill:currentcolor
}
.dp__button {
  width:100%;
  text-align:center;
  color:var(--dp-icon-color);
  cursor:pointer;
  display:flex;
  align-items:center;
  place-content:center center;
  padding:var(--dp-common-padding);
  box-sizing:border-box;
  height:var(--dp-button-height)
}
.dp__button.dp__overlay_action {
  position:absolute;
  bottom:0
}
.dp__button:hover {
  background:var(--dp-hover-color);
  color:var(--dp-hover-icon-color)
}
.dp__button svg {
  height:var(--dp-button-icon-height);
  width:auto
}
.dp__button_bottom {
  border-bottom-left-radius:var(--dp-border-radius);
  border-bottom-right-radius:var(--dp-border-radius)
}
.dp__flex_display {
  display:flex
}
.dp__flex_display_with_input {
  flex-direction:column;
  align-items:flex-start
}
.dp__relative {
  position:relative
}
.calendar-next-enter-active,
.calendar-next-leave-active,
.calendar-prev-enter-active,
.calendar-prev-leave-active {
  transition:all var(--dp-transition-timing-general) ease-out
}
.calendar-next-enter-from {
  opacity:0;
  transform:translate(var(--dp-transition-length))
}
.calendar-next-leave-to,
.calendar-prev-enter-from {
  opacity:0;
  transform:translate(calc(var(--dp-transition-length) * -1))
}
.calendar-prev-leave-to {
  opacity:0;
  transform:translate(var(--dp-transition-length))
}
.dp-menu-appear-bottom-enter-active,
.dp-menu-appear-bottom-leave-active,
.dp-menu-appear-top-enter-active,
.dp-menu-appear-top-leave-active,
.dp-slide-up-enter-active,
.dp-slide-up-leave-active,
.dp-slide-down-enter-active,
.dp-slide-down-leave-active {
  transition:all var(--dp-animation-duration) var(--dp-transition-timing)
}
.dp-menu-appear-top-enter-from,
.dp-menu-appear-top-leave-to,
.dp-slide-down-leave-to,
.dp-slide-up-enter-from {
  opacity:0;
  transform:translateY(var(--dp-transition-length))
}
.dp-menu-appear-bottom-enter-from,
.dp-menu-appear-bottom-leave-to,
.dp-slide-down-enter-from,
.dp-slide-up-leave-to {
  opacity:0;
  transform:translateY(calc(var(--dp-transition-length) * -1))
}
.dp--arrow-btn-nav {
  transition:var(--dp-common-transition)
}
.dp--highlighted {
  background-color:var(--dp-highlight-color)
}
.ecommerce-booking-modal {
  position:relative;
  display:flex;
  flex-direction:column;
  width:100%;
  height:600px;
  overflow:hidden;
  background-color:#f2f3f6;
  border-radius:15px
}
@media screen and (max-width: 760px) {
  .ecommerce-booking-modal {
    justify-content:space-between;
    width:100vw;
    height:100vh;
    max-height:unset;
    overflow:auto;
    border-radius:0
  }
}
.ecommerce-booking-modal__content {
  display:flex;
  height:100%;
  overflow:hidden
}
@media screen and (max-width: 760px) {
  .ecommerce-booking-modal__content {
    flex-direction:column
  }
}
.ecommerce-booking-modal__info {
  display:flex;
  flex:0 1 35%;
  flex-direction:column;
  padding:40px 48px;
  text-align:left;
  background-color:#fff;
  border-right:1px solid #dadce0
}
@media screen and (max-width: 760px) {
  .ecommerce-booking-modal__info {
    position:sticky;
    flex:auto;
    padding:24px 16px 8px;
    border-right:unset;
    border-bottom:1px solid #dadce0
  }
}
.ecommerce-booking-modal__title,
.ecommerce-booking-modal__time-title {
  margin-bottom:24px;
  font-size:20px;
  line-height:1.4
}
@media screen and (max-width: 760px) {
  .ecommerce-booking-modal__title {
    display:-webkit-box;
    max-width:90%;
    margin-bottom:16px;
    overflow:hidden;
    font-size:16px;
    text-overflow:ellipsis;
    white-space:normal;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2
  }
}
@media screen and (max-width: 760px) {
  .ecommerce-booking-modal__time-title {
    width:100%;
    max-width:360px;
    margin:0 auto 16px
  }
}
.ecommerce-booking-modal__icons {
  display:flex;
  flex-direction:column
}
@media screen and (max-width: 760px) {
  .ecommerce-booking-modal__icons {
    flex-direction:row
  }
}
.ecommerce-booking-modal__text-wrapper {
  display:flex;
  align-items:center;
  margin-bottom:16px;
  color:#727586
}
@media screen and (max-width: 760px) {
  .ecommerce-booking-modal__text-wrapper:first-child {
    padding-right:8px;
    margin-right:8px;
    border-right:1px solid #727586
  }
}
.ecommerce-booking-modal__text {
  margin-left:8px;
  font-size:14px;
  font-weight:400;
  line-height:1.43;
  overflow-wrap:anywhere
}
.ecommerce-booking-modal__icon {
  width:20px;
  height:20px
}
.ecommerce-booking-modal__availability {
  width:100%;
  max-width:688px;
  padding:40px 8px 40px 56px;
  text-align:left
}
@media screen and (max-width: 760px) {
  .ecommerce-booking-modal__availability {
    display:flex;
    flex-direction:column;
    width:auto;
    max-width:unset;
    padding:24px 16px;
    overflow:auto
  }
}
.ecommerce-booking-modal__calendar-wrapper {
  display:flex;
  width:100%;
  height:100%
}
@media screen and (max-width: 760px) {
  .ecommerce-booking-modal__calendar-wrapper {
    flex-direction:column;
    align-items:center
  }
}
.ecommerce-booking-modal__selected-day {
  height:100%;
  min-height:48px;
  margin-bottom:8px;
  font-size:14px;
  word-break:break-word
}
@media screen and (max-width: 760px) {
  .ecommerce-booking-modal__selected-day {
    min-height:unset
  }
}
.ecommerce-booking-modal__time-wrapper {
  display:flex;
  flex-direction:column;
  width:100%;
  padding-bottom:24px;
  margin-left:24px
}
@media screen and (max-width: 760px) {
  .ecommerce-booking-modal__time-wrapper {
    width:100%;
    max-width:360px;
    padding:0;
    margin:0
  }
}
.ecommerce-booking-modal__time-slot-wrapper {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  width:100%;
  height:100%;
  padding:2px 16px 2px 2px;
  overflow:auto
}
@media screen and (max-width: 760px) {
  .ecommerce-booking-modal__time-slot-wrapper {
    padding:2px
  }
}
.ecommerce-booking-modal__time-slot-loader {
  align-self:center;
  width:16px;
  height:16px;
  margin-right:16px;
  border:2px solid #727586;
  border-top:2px solid #f2f3f6;
  border-radius:50%;
  animation:loading .8s linear infinite
}
@media screen and (max-width: 760px) {
  .ecommerce-booking-modal__time-slot-loader {
    margin:16px
  }
}
.ecommerce-booking-modal__time-slot {
  box-sizing:border-box;
  display:flex;
  justify-content:center;
  width:100%;
  max-width:200px;
  padding:10px 4px;
  margin-bottom:8px;
  font-family:inherit;
  cursor:pointer;
  background-color:#fff;
  border:1px solid #dadce0;
  border-radius:5px;
  transition:all .2s ease-in-out
}
.ecommerce-booking-modal__time-slot:hover,
.ecommerce-booking-modal__time-slot:focus,
.ecommerce-booking-modal__time-slot--active {
  background-color:#d5dfff
}
.ecommerce-booking-modal__time-slot:focus,
.ecommerce-booking-modal__time-slot--active {
  color:#357df9;
  box-shadow:0 0 0 2px #357df9
}
@media screen and (max-width: 760px) {
  .ecommerce-booking-modal__time-slot {
    max-width:none
  }
}
.ecommerce-booking-modal__buttons {
  display:flex;
  justify-content:flex-end;
  padding:16px 24px;
  background-color:#fff;
  border-top:1px solid #dadce0
}
.ecommerce-booking-modal__button {
  padding:8px 24px;
  font-family:inherit;
  font-size:14px;
  line-height:1.4;
  color:#1d1e20;
  border-radius:5px;
  transition:max-width .2s ease
}
.ecommerce-booking-modal__button.loading {
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:transparent;
  pointer-events:none
}
.ecommerce-booking-modal__button.loading.ecommerce-booking-modal__button.loading {
  pointer-events:none
}
.ecommerce-booking-modal__button.loading:hover,
.ecommerce-booking-modal__button.loading:focus {
  color:transparent
}
.ecommerce-booking-modal__button.loading:before {
  position:absolute;
  width:16px;
  height:16px;
  content:"";
  border:2px solid rgba(0,0,0,.5);
  border-top:2px solid white;
  border-radius:50%;
  animation:loading .8s linear infinite
}
.ecommerce-booking-modal__button:not(:disabled) {
  cursor:pointer
}
.ecommerce-booking-modal__button--save {
  color:#fff;
  background-color:#357df9
}
.ecommerce-booking-modal__button--save:disabled {
  background-color:#727586
}
.ecommerce-booking-modal__button:first-child {
  margin-right:12px
}
.ecommerce-booking-modal-calendar {
  height:fit-content
}
.ecommerce-booking-modal-calendar--loading {
  position:relative;
  filter:opacity(30%)
}
.ecommerce-booking-modal-calendar--loading:after {
  position:absolute;
  top:50%;
  left:calc(50% - 24px);
  z-index:1;
  width:48px;
  height:48px;
  content:"";
  border:4px solid #727586;
  border-top:4px solid #fff;
  border-radius:50%;
  transform:translate(-50%,-50%);
  animation:loading .8s linear infinite
}
.ecommerce-booking-modal-calendar .dp__instance_calendar {
  padding:20px
}
.ecommerce-booking-modal-calendar .dp__calendar_header {
  font-weight:400
}
.ecommerce-booking-modal-calendar .dp__calendar_header_item {
  display:flex;
  align-items:center;
  justify-content:center;
  margin:4px;
  text-transform:capitalize
}
@media screen and (max-width: 360px) {
  .ecommerce-booking-modal-calendar .dp__calendar_header_item {
    margin:0
  }
}
.ecommerce-booking-modal-calendar .dp__calendar_header_separator {
  display:none
}
.ecommerce-booking-modal-calendar .dp__cell_inner {
  margin:4px;
  font-weight:700
}
@media screen and (max-width: 360px) {
  .ecommerce-booking-modal-calendar .dp__cell_inner {
    margin:0
  }
}
.ecommerce-booking-modal-calendar .dp__cell_disabled {
  color:#727586;
  text-decoration:line-through
}
.ecommerce-booking-modal-calendar .dp__today {
  border:none
}
.ecommerce-booking-modal-calendar .dp__active_date {
  color:#357df9;
  background:#357df91a;
  border:2px solid #357df9
}
.ecommerce-booking-modal-calendar .dp__date_hover:hover {
  background:#357df91a
}
@media screen and (max-width: 760px) {
  .ecommerce-booking-modal-calendar {
    width:100%;
    max-width:360px;
    margin-bottom:24px
  }
}
@keyframes loading {
  0% {
    transform:rotate(0)
  }
  to {
    transform:rotate(360deg)
  }
}
[data-v-98b20e5c]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.payment-info h5[data-v-98b20e5c] {
  font-family:var(--h5-font-family);
  font-size:var(--h5-font-size);
  font-style:var(--h5-font-style);
  font-weight:var(--h5-font-weight);
  line-height:var(--h5-line-height);
  color:var(--h5-color);
  text-decoration:var(--h5-text-decoration);
  text-transform:var(--h5-text-transform);
  letter-spacing:var(--h5-letter-spacing)
}
@media screen and (max-width: 920px) {
  .payment-info h5[data-v-98b20e5c] {
    font-family:var(--h5-m-font-family, var(--h5-font-family));
    font-size:var(--h5-m-font-size, var(--h5-font-size));
    font-style:var(--h5-m-font-style, var(--h5-font-style));
    font-weight:var(--h5-m-font-weight, var(--h5-font-weight));
    line-height:var(--h5-m-line-height, var(--h5-line-height));
    color:var(--h5-m-color, var(--h5-color));
    text-decoration:var(--h5-m-text-decoration, var(--h5-text-decoration));
    text-transform:var(--h5-m-text-transform, var(--h5-text-transform));
    letter-spacing:var(--h5-m-letter-spacing, var(--h5-letter-spacing))
  }
}
.payment-info .body-large[data-v-98b20e5c] {
  font-family:var(--body-large-font-family);
  font-size:var(--body-large-font-size);
  font-style:var(--body-large-font-style);
  font-weight:var(--body-large-font-weight);
  line-height:var(--body-large-line-height);
  color:var(--body-large-color);
  text-decoration:var(--body-large-text-decoration);
  text-transform:var(--body-large-text-transform);
  letter-spacing:var(--body-large-letter-spacing)
}
@media screen and (max-width: 920px) {
  .payment-info .body-large[data-v-98b20e5c] {
    font-family:var(--body-large-m-font-family, var(--body-large-font-family));
    font-size:var(--body-large-m-font-size, var(--body-large-font-size));
    font-style:var(--body-large-m-font-style, var(--body-large-font-style));
    font-weight:var(--body-large-m-font-weight, var(--body-large-font-weight));
    line-height:var(--body-large-m-line-height, var(--body-large-line-height));
    color:var(--body-large-m-color, var(--body-large-color));
    text-decoration:var(--body-large-m-text-decoration, var(--body-large-text-decoration));
    text-transform:var(--body-large-m-text-transform, var(--body-large-text-transform));
    letter-spacing:var(--body-large-m-letter-spacing, var(--body-large-letter-spacing))
  }
}
.payment-info[data-v-98b20e5c] {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  height:100%;
  padding:48px 0;
  margin-top:36px
}
@media screen and (max-width: 920px) {
  .payment-info[data-v-98b20e5c] {
    padding:16px 0
  }
}
.payment-info__content[data-v-98b20e5c] {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  max-width:380px;
  height:100%;
  margin:0 auto
}
@media screen and (max-width: 920px) {
  .payment-info__content[data-v-98b20e5c] {
    max-width:288px;
    margin:0 25px
  }
}
.payment-info__title[data-v-98b20e5c] {
  margin-bottom:8px
}
.payment-info__title.payment-info__title[data-v-98b20e5c] {
  font-size:32px;
  color:#1d1e20
}
@media screen and (max-width: 920px) {
  .payment-info__title.payment-info__title[data-v-98b20e5c] {
    font-size:24px
  }
}
.payment-info__text[data-v-98b20e5c] {
  margin-bottom:24px
}
.payment-info__text.payment-info__text[data-v-98b20e5c] {
  font-size:16px;
  color:#727586
}
.payment-info__button[data-v-98b20e5c] {
  display:flex;
  align-items:center;
  justify-content:center;
  width:auto;
  min-width:150px;
  padding:10px 16px;
  font-family:var(--body-font-family);
  font-size:14px;
  color:#fff;
  cursor:pointer;
  background-color:#357df9;
  border-radius:4px;
  transition:max-width .2s ease
}
[data-v-2b2551b7]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.notification[data-v-2b2551b7] {
  position:fixed;
  top:16px;
  right:20px;
  z-index:500;
  display:flex;
  align-items:flex-start;
  max-width:400px;
  padding:16px;
  margin-top:16px;
  font-size:14px;
  color:#fff;
  background-color:#357df9;
  border-radius:5px;
  transition:all .5s ease-in-out
}
.notification__content[data-v-2b2551b7] {
  position:relative;
  display:flex;
  justify-content:flex-end;
  padding:8px 16px;
  border-right:1px solid #fff
}
.notification__close[data-v-2b2551b7] {
  display:flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  margin-left:8px;
  color:#fff;
  border-radius:100px
}
.notification__close[data-v-2b2551b7]:hover {
  background-color:#265ab2
}
.notification__icon[data-v-2b2551b7] {
  align-self:center
}
.fade-enter-active[data-v-2b2551b7] {
  transition:opacity .2s
}
.fade-enter[data-v-2b2551b7],
.fade-leave-to[data-v-2b2551b7] {
  opacity:0
}
.flag {
  position:relative;
  width:20px;
  overflow:hidden;
  border-radius:2px
}
.flag__img {
  display:flex;
  width:20px;
  height:15px;
  color:var(--color-gray)
}
.flag__shadow {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border-radius:2px;
  box-shadow:inset 0 0 0 1px #64646426
}
.language-switcher {
  position:relative;
  font-family:var(--nav-link-font-family);
  font-size:var(--nav-link-font-size);
  font-style:var(--nav-link-font-style);
  font-weight:var(--nav-link-font-weight);
  line-height:var(--nav-link-line-height);
  color:var(--nav-link-text-color)
}
.language-switcher:hover .language-switcher__dropdown-area {
  height:auto;
  overflow:visible;
  visibility:visible
}
.language-switcher:hover .language-switcher__icon {
  transform:rotate(180deg)
}
.language-switcher__button {
  display:flex;
  gap:8px;
  align-items:center;
  font-weight:400
}
.language-switcher__locale {
  text-transform:uppercase
}
.language-switcher__locale:hover {
  cursor:pointer
}
.language-switcher__icon {
  margin:4px 7px;
  color:var(--nav-link-text-color);
  transition:transform .1s
}
.language-switcher__dropdown-area {
  position:absolute;
  right:0;
  height:0;
  overflow:hidden;
  padding-top:8px;
  visibility:hidden
}
.language-switcher__dropdown {
  display:flex;
  flex-direction:column;
  padding:16px 24px;
  white-space:nowrap;
  list-style:none;
  background-color:var(--background-color);
  border-radius:5px;
  box-shadow:0 2px 14px #0000001a
}
.language-switcher__dropdown-link {
  display:flex;
  align-items:center;
  padding:4px 0;
  text-decoration:none;
  cursor:pointer;
  user-select:none;
  border-radius:5px
}
.language-switcher__dropdown-link.--current,
.language-switcher__dropdown-link:hover {
  text-decoration:underline;
  text-underline-offset:7px
}
.language-switcher__dropdown-link:hover {
  color:var(--nav-link-text-color-hover, var(--nav-link-text-color))
}
.language-switcher__dropdown-flag {
  margin-top:0;
  margin-right:8px
}
@media screen and (max-width: 920px) {
  .language-switcher {
    font-size:var(--nav-link-m-font-size)
  }
  .language-switcher__button {
    margin-left:0
  }
  .language-switcher__button:hover {
    cursor:pointer
  }
  .language-switcher__dropdown-area {
    position:relative;
    top:8px;
    overflow:var(--35108948);
    visibility:var(--35108948);
    height:var(--34359e71)
  }
  .language-switcher__dropdown {
    padding:0;
    margin-bottom:8px;
    background-color:var(--background-color);
    box-shadow:none
  }
  .language-switcher__dropdown-item {
    margin:0 calc(-1 * var(--padding-left)) 0 calc(-1 * var(--padding-right));
    background-color:var(--background-color)
  }
  .language-switcher__dropdown-link {
    padding:8px;
    text-align:inherit;
    border-radius:0
  }
  .language-switcher:hover .language-switcher__dropdown-area {
    overflow:var(--35108948);
    visibility:var(--35108948);
    height:var(--34359e71)
  }
  .language-switcher:hover .language-switcher__icon,
  .language-switcher__icon {
    transform:var(--45cadb2e)
  }
}
[data-v-ccf9b649]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.burger[data-v-ccf9b649] {
  width:24px;
  height:18px;
  cursor:pointer;
  background-color:transparent;
  transition-property:transform,opacity,width;
  transition-duration:.4s;
  transition-timing-function:ease-in-out;
  transition-delay:.1s;
  transform:rotate(0)
}
.burger[data-v-ccf9b649]:focus-visible {
  outline:2px solid;
  outline-offset:1px
}
.burger__bun[data-v-ccf9b649],
.burger__meat[data-v-ccf9b649] {
  position:absolute;
  display:block;
  width:100%;
  height:2px;
  background:var(--165ebbac);
  border-radius:2px;
  transition-property:transform,opacity,width;
  transition-duration:.25s;
  transition-timing-function:ease-in-out;
  transition-delay:.1s;
  transform:rotate(0);
  transform-origin:left center
}
.burger__bun[data-v-ccf9b649]:first-child {
  top:0
}
.burger__bun[data-v-ccf9b649]:last-child {
  top:16px
}
.burger__meat[data-v-ccf9b649] {
  top:8px
}
.burger--open[data-v-ccf9b649] {
  animation:.25s .25s reverse both
}
.burger--open .burger__bun[data-v-ccf9b649]:first-child {
  top:-1px;
  transform:rotate(45deg)
}
.burger--open .burger__bun[data-v-ccf9b649]:last-child {
  transform:rotate(-45deg)
}
.burger--open .burger__meat[data-v-ccf9b649] {
  width:0%;
  opacity:0
}
.background {
  position:absolute;
  inset:0;
  z-index:13;
  display:block;
  background-color:var(--background-color);
  transition:background-color .3s ease-in-out
}
.background--with-image {
  background-image:var(--background-image)
}
.background--with-image:before {
  position:absolute;
  top:0;
  left:0;
  display:block;
  width:100%;
  height:100%;
  content:" ";
  background-color:#1d1e20;
  opacity:var(--overlay-opacity)
}
[data-v-e7b040a0]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.block-header-cart__button[data-v-e7b040a0] {
  position:relative;
  align-self:center;
  font-family:var(--nav-link-font-family);
  font-size:var(--nav-link-font-size);
  font-style:var(--nav-link-font-style);
  font-weight:var(--nav-link-font-weight);
  line-height:var(--nav-link-line-height);
  color:var(--nav-link-text-color);
  text-decoration:var(--nav-link-text-decoration);
  text-transform:var(--nav-link-text-transform);
  letter-spacing:var(--nav-link-letter-spacing);
  white-space:pre-wrap;
  cursor:pointer;
  background:transparent
}
.block-header-cart__icon-container[data-v-e7b040a0] {
  display:flex;
  align-items:center;
  color:var(--nav-link-text-color);
  cursor:pointer;
  border:1px solid transparent;
  border-radius:3px;
  transition:border .3s;
  white-space:nowrap;
  line-height:normal
}
.block-header-cart__icon-container[data-v-e7b040a0]:focus-visible {
  border-color:var(--nav-link-text-color-hover, var(--nav-link-text-color))
}
.block-header-cart__icon-wrapper[data-v-e7b040a0] {
  position:relative
}
.block-header-cart__icon[data-v-e7b040a0] {
  width:var(--9936818a);
  height:var(--9936818a)
}
.block-header-cart__item-amount[data-v-e7b040a0] {
  position:absolute;
  display:inline-block;
  justify-content:center;
  align-items:center;
  font-size:.7em;
  bottom:0;
  right:-7%;
  min-width:1.5em;
  height:1.4em;
  line-height:1.4em;
  text-align:center;
  border-radius:9999px;
  padding:.1em .3em;
  background-color:var(--contrastBackgroundColor)
}
.block-header-cart__cart-text[data-v-e7b040a0] {
  margin-left:6px
}
.block-header-cart[data-v-e7b040a0]:hover,
.block-header-cart[data-v-e7b040a0]:focus-visible {
  color:var(--nav-link-text-color-hover, var(--nav-link-text-color));
  text-decoration:underline;
  text-underline-offset:7px
}
.block-header-cart:hover .block-header-cart__icon-container[data-v-e7b040a0],
.block-header-cart:focus-visible .block-header-cart__icon-container[data-v-e7b040a0] {
  color:var(--nav-link-text-color-hover, var(--nav-link-text-color))
}
.block-header-cart-wrapper[data-v-e7b040a0] {
  display:flex;
  align-items:center;
  text-align:left;
  text-decoration:none
}
@media screen and (max-width: 920px) {
  .block-header-cart[data-v-e7b040a0] {
    margin:0
  }
  .block-header-cart__button[data-v-e7b040a0] {
    font-size:var(--nav-link-m-font-size)
  }
  .block-header-cart__cart-text[data-v-e7b040a0] {
    display:none
  }
}
[data-v-5a96fcab]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.item-content[data-v-5a96fcab] {
  position:relative;
  align-self:center;
  font-family:var(--nav-link-font-family);
  font-size:var(--nav-link-font-size);
  font-style:var(--nav-link-font-style);
  font-weight:var(--nav-link-font-weight);
  line-height:var(--nav-link-line-height);
  color:var(--nav-link-text-color);
  text-decoration:var(--nav-link-text-decoration);
  text-transform:var(--nav-link-text-transform);
  letter-spacing:var(--nav-link-letter-spacing);
  white-space:pre-wrap;
  cursor:pointer
}
.item-content__icon-container[data-v-5a96fcab] {
  all:unset;
  display:flex;
  margin-left:8px;
  color:var(--nav-link-text-color);
  cursor:pointer;
  border:1px solid transparent;
  border-radius:3px;
  transition:border .3s
}
.item-content__icon-container[data-v-5a96fcab]:focus-visible {
  border-color:var(--nav-link-text-color-hover, var(--nav-link-text-color))
}
.item-content__icon[data-v-5a96fcab] {
  margin:2px 6.5px;
  transition:transform .3s
}
.item-content-wrapper[data-v-5a96fcab] {
  display:flex;
  align-items:center;
  text-align:left
}
.item-content-wrapper--active .item-content[data-v-5a96fcab],
.item-content-wrapper:hover .item-content[data-v-5a96fcab],
.item-content-wrapper:focus .item-content[data-v-5a96fcab] {
  color:var(--nav-link-text-color-hover, var(--nav-link-text-color));
  text-decoration:underline;
  text-underline-offset:7px
}
.item-content-wrapper--active .item-content__icon-container[data-v-5a96fcab],
.item-content-wrapper:hover .item-content__icon-container[data-v-5a96fcab],
.item-content-wrapper:focus .item-content__icon-container[data-v-5a96fcab] {
  color:var(--nav-link-text-color-hover, var(--nav-link-text-color))
}
@media screen and (max-width: 920px) {
  .item-content[data-v-5a96fcab] {
    margin:0;
    font-size:var(--nav-link-m-font-size)
  }
  .item-content__icon-container[data-v-5a96fcab] {
    display:inline-block
  }
}
[data-v-6773ab13]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.block-header-item[data-v-6773ab13] {
  user-select:none
}
.block-header-item__dropdown-area[data-v-6773ab13] {
  position:absolute;
  z-index:1;
  display:none;
  padding-right:16px;
  padding-bottom:48px;
  padding-top:8px
}
.block-header-item__label:hover .block-header-item__dropdown-area[data-v-6773ab13] {
  display:block
}
.block-header-item__label[data-v-6773ab13]:hover .item-content__icon {
  transform:rotate(180deg)
}
.block-header-item__dropdown[data-v-6773ab13] {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  padding:16px 24px;
  list-style:none;
  background-color:var(--background-color);
  border-radius:5px;
  box-shadow:0 6px 14px #0000001a;
  max-height:400px
}
.block-header-item__dropdown>.block-header-item[data-v-6773ab13]:not(:last-child) {
  margin-bottom:8px
}
.block-header-item__dropdown[data-v-6773ab13] .item-content {
  margin:0
}
@media screen and (min-width: 920px) {
  .block-header-item__dropdown[data-v-6773ab13] {
    justify-content:start;
    overflow:auto
  }
}
.block-header-item__mobile-dropdown-trigger[data-v-6773ab13] {
  position:absolute;
  width:0;
  height:0;
  opacity:0
}
@media screen and (max-width: 920px) {
  .block-header-item__dropdown-area[data-v-6773ab13] {
    position:unset;
    padding:0
  }
  .block-header-item__label:hover .block-header-item__dropdown-area[data-v-6773ab13] {
    display:none
  }
  .block-header-item__label[data-v-6773ab13]:hover .item-content__icon {
    transform:unset
  }
  .block-header-item__dropdown[data-v-6773ab13] {
    padding:0;
    background-color:transparent;
    box-shadow:none;
    margin-right:32px;
    margin-top:var(--m-link-spacing);
    gap:var(--m-link-spacing);
    max-height:none
  }
  .block-header-item__dropdown>.block-header-item[data-v-6773ab13]:not(:last-child) {
    margin-bottom:0
  }
  .block-header-item__dropdown>.block-header-item[data-v-6773ab13]:last-child .item-content {
    margin:0 0 7px
  }
  .block-header-item__mobile-dropdown-trigger[data-v-6773ab13] {
    display:none
  }
  .block-header-item__mobile-dropdown-trigger:checked+.block-header-item__item[data-v-6773ab13] .item-content__icon {
    transform:rotate(180deg)
  }
  .block-header-item__mobile-dropdown-trigger:checked~.block-header-item__dropdown-area[data-v-6773ab13] {
    display:block
  }
}
[data-v-4ae1c879]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.block-header-logo[data-v-4ae1c879] {
  display:flex;
  width:var(--0c1b1e60);
  height:var(--5d79b3cd);
  cursor:pointer
}
.block-header-logo__image[data-v-4ae1c879] {
  width:100%;
  height:100%;
  vertical-align:middle;
  object-fit:contain
}
.block-header-logo-text[data-v-4ae1c879] {
  text-decoration:none;
  white-space:nowrap;
  overflow:hidden
}
.block-header-logo-text__text[data-v-4ae1c879] {
  font-size:var(--21476ca4);
  color:var(--43ce6f65);
  font-family:var(--logo-text-font-family);
  font-weight:var(--dff81636)
}
@media screen and (max-width: 920px) {
  .block-header-logo[data-v-4ae1c879] {
    width:var(--653c9bff);
    height:var(--2887ea0e)
  }
  .block-header-logo-text__text[data-v-4ae1c879] {
    font-size:var(--669f3aa2)
  }
}
[data-v-a07a4ffe]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.block-header-layout-desktop[data-v-a07a4ffe] {
  z-index:18;
  justify-self:center;
  align-items:center;
  width:100%;
  max-width:1224px;
  padding:var(--padding, 24px 0);
  display:grid
}
.block-header-layout-desktop__right-side[data-v-a07a4ffe] {
  display:flex;
  gap:var(--element-spacing);
  margin-left:16px;
  align-items:center;
  justify-content:flex-end;
  grid-area:right-side
}
.block-header-layout-desktop__right-side[data-v-a07a4ffe]:empty {
  display:none
}
.block-header-layout-desktop--desktop-1[data-v-a07a4ffe] {
  grid-auto-flow:column;
  grid-template-columns:var(--7708d8d2)
}
.block-header-layout-desktop--desktop-1[data-v-a07a4ffe] .block-header__logo {
  margin-right:16px
}
.block-header-layout-desktop--desktop-1[data-v-a07a4ffe] .block-header__nav-links {
  justify-content:flex-end
}
.block-header-layout-desktop--desktop-1[data-v-a07a4ffe] .block-header__button,
.block-header-layout-desktop--desktop-1[data-v-a07a4ffe] .block-header__cart,
.block-header-layout-desktop--desktop-1[data-v-a07a4ffe] .block-header__social-icons,
.block-header-layout-desktop--desktop-1[data-v-a07a4ffe] .block-header__language-switcher {
  margin-left:var(--element-spacing)
}
.block-header-layout-desktop--desktop-2[data-v-a07a4ffe] {
  grid-auto-flow:column;
  grid-template-columns:var(--7708d8d2)
}
.block-header-layout-desktop--desktop-2[data-v-a07a4ffe] .block-header__logo {
  margin-right:var(--element-spacing)
}
.block-header-layout-desktop--desktop-2[data-v-a07a4ffe] .block-header__nav-links {
  justify-content:flex-start
}
.block-header-layout-desktop--desktop-2[data-v-a07a4ffe] .block-header__button,
.block-header-layout-desktop--desktop-2[data-v-a07a4ffe] .block-header__cart,
.block-header-layout-desktop--desktop-2[data-v-a07a4ffe] .block-header__social-icons,
.block-header-layout-desktop--desktop-2[data-v-a07a4ffe] .block-header__language-switcher {
  margin-left:var(--element-spacing)
}
.block-header-layout-desktop--desktop-3[data-v-a07a4ffe] {
  grid-template-columns:1fr auto 1fr;
  grid-template-areas:"logo nav right-side"
}
.block-header-layout-desktop--desktop-3[data-v-a07a4ffe] .block-header__logo {
  grid-area:logo;
  margin-right:16px
}
.block-header-layout-desktop--desktop-3[data-v-a07a4ffe] .block-header__nav-links {
  justify-content:center
}
.block-header-layout-desktop--desktop-3[data-v-a07a4ffe] .block-header__nav {
  grid-area:nav
}
.block-header-layout-desktop--desktop-3[data-v-a07a4ffe] .block-header__right-side {
  grid-area:right-side
}
.block-header-layout-desktop--desktop-3[data-v-a07a4ffe] .block-header__button,
.block-header-layout-desktop--desktop-3[data-v-a07a4ffe] .block-header__cart,
.block-header-layout-desktop--desktop-3[data-v-a07a4ffe] .block-header__social-icons,
.block-header-layout-desktop--desktop-3[data-v-a07a4ffe] .block-header__language-switcher {
  margin-left:var(--element-spacing)
}
.block-header-layout-desktop--desktop-4[data-v-a07a4ffe] {
  grid-template-columns:1fr auto 1fr;
  grid-template-areas:"nav logo right-side"
}
.block-header-layout-desktop--desktop-4[data-v-a07a4ffe] .block-header__logo {
  grid-area:logo
}
.block-header-layout-desktop--desktop-4[data-v-a07a4ffe] .block-header__nav {
  grid-area:nav
}
.block-header-layout-desktop--desktop-4[data-v-a07a4ffe] .block-header__right-side {
  grid-area:right-side
}
.block-header-layout-desktop--desktop-4[data-v-a07a4ffe] .block-header__nav-links {
  margin-right:16px
}
.block-header-layout-desktop--desktop-4[data-v-a07a4ffe] .block-header__button,
.block-header-layout-desktop--desktop-4[data-v-a07a4ffe] .block-header__cart,
.block-header-layout-desktop--desktop-4[data-v-a07a4ffe] .block-header__social-icons,
.block-header-layout-desktop--desktop-4[data-v-a07a4ffe] .block-header__language-switcher {
  margin-left:var(--element-spacing)
}
.block-header-layout-desktop--desktop-5[data-v-a07a4ffe] {
  grid-template-areas:"logo logo logo" "social-icons nav right-side";
  grid-template-columns:1fr auto 1fr;
  gap:var(--element-spacing)
}
.block-header-layout-desktop--desktop-5[data-v-a07a4ffe] .block-header__logo {
  justify-self:center;
  grid-area:logo
}
.block-header-layout-desktop--desktop-5[data-v-a07a4ffe] .block-header__social-icons {
  grid-area:social-icons;
  margin-right:16px
}
.block-header-layout-desktop--desktop-5[data-v-a07a4ffe] .block-header__nav {
  grid-area:nav
}
.block-header-layout-desktop--desktop-5[data-v-a07a4ffe] .block-header__right-side {
  grid-area:right-side
}
.block-header-layout-desktop--desktop-5[data-v-a07a4ffe] .block-header__nav-links {
  justify-content:center
}
.block-header-layout-mobile[data-v-a07a4ffe] {
  display:none
}
@media screen and (max-width: 920px) {
  .block-header-layout-desktop[data-v-a07a4ffe] {
    display:none
  }
  .block-header-layout-mobile[data-v-a07a4ffe] {
    z-index:18;
    display:grid;
    padding:var(--m-padding, var(--padding));
    align-items:center
  }
  .block-header-layout-mobile__dropdown[data-v-a07a4ffe] {
    visibility:hidden;
    left:0;
    padding:0 16px;
    position:absolute;
    display:flex;
    flex-direction:column;
    background:var(--background-color);
    top:100%;
    width:100%;
    gap:var(--m-element-spacing, var(--element-spacing));
    overflow-y:hidden;
    box-shadow:none;
    max-height:0;
    transition:.3s .1s max-height ease-out,.5s .1s padding,.6s visibility;
    scrollbar-width:none
  }
  .block-header-layout-mobile__dropdown--full-screen[data-v-a07a4ffe] {
    max-height:initial;
    height:0;
    transition:.3s .1s height ease-out,.5s .1s padding,.6s visibility
  }
  .block-header-layout-mobile__dropdown--open[data-v-a07a4ffe] {
    visibility:visible;
    height:auto;
    max-height:50vh;
    padding:24px 16px;
    box-shadow:0 6px 14px -10px #0000001a;
    animation:show-overflow-a07a4ffe 0s .5s forwards
  }
  .block-header-layout-mobile__dropdown--open.block-header-layout-mobile__dropdown--full-screen[data-v-a07a4ffe] {
    max-height:initial;
    height:calc(100dvh - var(--header-height-mobile) - var(--a54fb50e))
  }
  .block-header-layout-mobile__dropdown--link-align-left[data-v-a07a4ffe] {
    align-items:flex-start
  }
  .block-header-layout-mobile__dropdown--link-align-left[data-v-a07a4ffe] .item-content {
    text-align:start
  }
  .block-header-layout-mobile__dropdown--link-align-left[data-v-a07a4ffe] .item-content-wrapper,
  .block-header-layout-mobile__dropdown--link-align-left[data-v-a07a4ffe] .language-switcher__button {
    justify-content:flex-start
  }
  .block-header-layout-mobile__dropdown--link-align-left[data-v-a07a4ffe] .block-header-item__dropdown {
    margin-left:32px;
    margin-right:0;
    align-items:flex-start
  }
  .block-header-layout-mobile__dropdown--link-align-center[data-v-a07a4ffe] {
    align-items:center
  }
  .block-header-layout-mobile__dropdown--link-align-center[data-v-a07a4ffe] .item-content {
    text-align:center
  }
  .block-header-layout-mobile__dropdown--link-align-center[data-v-a07a4ffe] .item-content-wrapper,
  .block-header-layout-mobile__dropdown--link-align-center[data-v-a07a4ffe] .language-switcher__button {
    justify-content:center
  }
  .block-header-layout-mobile__dropdown--link-align-center[data-v-a07a4ffe] .block-header-item__dropdown {
    margin-left:0;
    margin-right:0;
    align-items:center
  }
  .block-header-layout-mobile__dropdown--link-align-right[data-v-a07a4ffe] {
    align-items:flex-end
  }
  .block-header-layout-mobile__dropdown--link-align-right[data-v-a07a4ffe] .item-content {
    text-align:end
  }
  .block-header-layout-mobile__dropdown--link-align-right[data-v-a07a4ffe] .item-content-wrapper,
  .block-header-layout-mobile__dropdown--link-align-right[data-v-a07a4ffe] .language-switcher__button {
    justify-content:flex-end
  }
  .block-header-layout-mobile__dropdown--link-align-right[data-v-a07a4ffe] .block-header-item__dropdown {
    align-items:flex-end
  }
  .block-header-layout-mobile[data-v-a07a4ffe] .block-header__hamburger-menu {
    grid-area:hamburger-menu
  }
  .block-header-layout-mobile[data-v-a07a4ffe] .block-header__logo {
    grid-area:logo
  }
  .block-header-layout-mobile[data-v-a07a4ffe] .block-header__cart {
    grid-area:cart;
    overflow:hidden
  }
  .block-header-layout-mobile[data-v-a07a4ffe] .block-header__nav-links {
    flex-direction:column;
    gap:var(--m-link-spacing, var(--link-spacing));
    list-style:none;
    text-align:end
  }
  .block-header-layout-mobile[data-v-a07a4ffe] .block-header__button {
    flex:none
  }
  .block-header-layout-mobile--mobile-1[data-v-a07a4ffe] {
    grid-template-columns:auto minmax(0,max-content) max-content;
    grid-template-areas:"logo cart hamburger-menu"
  }
  .block-header-layout-mobile--mobile-1[data-v-a07a4ffe] .block-header__hamburger-menu {
    margin-left:var(--m-element-spacing, var(--element-spacing))
  }
  .block-header-layout-mobile--mobile-2[data-v-a07a4ffe] {
    grid-template-columns:max-content max-content auto;
    grid-template-areas:"hamburger-menu logo cart";
    justify-items:end
  }
  .block-header-layout-mobile--mobile-2[data-v-a07a4ffe] .block-header__hamburger-menu {
    margin-right:var(--m-element-spacing, var(--element-spacing))
  }
  .block-header-layout-mobile--mobile-3[data-v-a07a4ffe] {
    grid-template-columns:1fr auto 1fr;
    grid-template-areas:"hamburger-menu logo cart"
  }
  .block-header-layout-mobile--mobile-3[data-v-a07a4ffe] .block-header__cart {
    justify-self:end
  }
}
@keyframes show-overflow-a07a4ffe {
  to {
    overflow-y:auto
  }
}
[data-v-efc1d71f]:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.mouse-disabled[data-v-efc1d71f] {
  pointer-events:none
}
.block-header[data-v-efc1d71f] {
  display:grid;
  transition:box-shadow .15s linear;
  position:relative;
  z-index:18
}
.block-header__nav-links[data-v-efc1d71f] {
  display:flex;
  list-style:none;
  flex-flow:row wrap;
  justify-content:flex-start;
  column-gap:var(--link-spacing);
  row-gap:16px
}
.block-header__social-icons[data-v-efc1d71f] {
  --space-between-icons: 16px
}
.block-header--with-shadow[data-v-efc1d71f] {
  box-shadow:0 6px 14px #0000001a
}
@media screen and (max-width: 920px) {
  .block-header[data-v-efc1d71f] {
    padding:0 16px
  }
}
.lightbox {
  position:fixed;
  inset:0;
  z-index:22;
  display:flex;
  align-items:center;
  justify-content:center;
  background-color:#1d1e20cc
}
.lightbox__button {
  position:relative;
  display:flex;
  width:52px;
  height:52px;
  color:#f2f3f6;
  cursor:pointer;
  background-color:transparent;
  transition:background-color ease .2s
}
.lightbox__button:hover,
.lightbox__button:focus-visible {
  background-color:#fff3
}
.lightbox__button--close {
  position:absolute;
  top:0;
  right:0
}
.lightbox__button--close:before,
.lightbox__button--close:after {
  position:absolute;
  top:25px;
  left:16px;
  width:20px;
  height:2px;
  content:"";
  background-color:currentColor;
  border-radius:2px
}
.lightbox__button--close:before {
  transform:rotate(45deg)
}
.lightbox__button--close:after {
  transform:rotate(-45deg)
}
.lightbox__button--nav:before {
  position:absolute;
  top:20px;
  left:20px;
  width:14px;
  height:14px;
  content:"";
  border-bottom:solid 2px currentColor;
  border-left:solid 2px currentColor;
  border-radius:2px;
  transform:rotate(45deg)
}
.lightbox__button--next {
  transform:rotate(180deg)
}
.lightbox__container {
  display:flex;
  width:100%
}
.lightbox__nav {
  display:flex;
  flex:0 1 10%;
  align-items:center;
  justify-content:center;
  background-color:transparent
}
.lightbox__nav--single {
  display:none
}
@media screen and (max-width: 920px) {
  .lightbox__nav {
    display:none
  }
}
.lightbox__image {
  position:relative;
  flex:0 0 80%;
  max-width:80%;
  max-height:90vh;
  padding:0;
  margin:auto;
  text-align:center;
  object-fit:contain
}
.lightbox__image--single {
  flex:none;
  max-width:100%
}
@media screen and (max-width: 920px) {
  .lightbox__image {
    max-width:100%
  }
  .lightbox__image--multiple {
    cursor:grab
  }
  .lightbox__image--multiple:active {
    cursor:grabbing
  }
}
.page {
  display:flex;
  flex-direction:column;
  min-height:100vh
}
.page__blocks {
  display:flex;
  flex-direction:column;
  flex-grow:1
}
.page__blocks>.block:last-child:not(.block--footer),
.page__blocks>.block:not(.block--footer):nth-last-child(2):has(+.block--footer) {
  flex-grow:1
}
.top-blocks {
  z-index:18
}
.top-blocks--sticky {
  position:sticky;
  top:0
}
.top-blocks--preview-mode .block-header-layout-mobile__dropdown--open.block-header-layout-mobile__dropdown--full-screen:not(.s) {
  height:calc(793px - var(--f2596ac2))
}
:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
*,
*:before,
*:after {
  box-sizing:border-box
}
* {
  padding:0;
  margin:0;
  color:inherit
}
*:before,
*:after {
  padding:0;
  margin:0
}
html {
  height:100%
}
#app {
  position:relative;
  z-index:1;
  height:100%
}
body {
  height:100%;
  margin:0;
  font-family:DM Sans,sans-serif;
  color:#1d1e20;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}
button {
  font-family:DM Sans,sans-serif;
  background-color:#fff;
  border:none;
  outline:none;
  box-shadow:none
}
label[for] {
  cursor:pointer
}
iframe {
  border-width:0
}
.ProseMirror {
  white-space:normal
}
.ProseMirror[contenteditable=true] {
  cursor:text
}
.ProseMirror:focus {
  outline:none
}
@supports (-moz-appearance: none) {
  .ProseMirror[contenteditable=true] {
    white-space:pre-wrap
  }
}
.no-scrollbar {
  scrollbar-width:none
}
.no-scrollbar::-webkit-scrollbar {
  display:none
}
.transition.transition--fade:not(.transition--root-hidden) {
  opacity:0;
  transition-property:opacity
}
.transition.transition--fade:not(.transition--root-hidden)[data-animation-state=active] {
  transition-delay:.1s;
  transition-timing-function:ease;
  transition-duration:.65s;
  opacity:1
}
.transition.transition--fade.transition--root-hidden [data-animation-role=block-element],
.transition.transition--fade.transition--root-hidden [data-animation-role=image] {
  opacity:0;
  transition-property:opacity
}
.transition.transition--fade.transition--root-hidden [data-animation-role=image][data-animation-state=active].loaded,
.transition.transition--fade.transition--root-hidden [data-animation-role=block-element][data-animation-state=active] {
  transition-delay:.1s;
  transition-timing-function:ease;
  transition-duration:.65s;
  opacity:1
}
.transition.transition--slide:not(.transition--root-hidden) {
  opacity:0;
  transition-property:transform,opacity;
  transform:translateY(20%)
}
.transition.transition--slide:not(.transition--root-hidden)[data-animation-state=active] {
  transition-delay:.1s;
  transition-timing-function:ease;
  transition-duration:.65s;
  opacity:1;
  transform:translate(0)
}
.transition.transition--slide.transition--root-hidden [data-animation-role=block-element],
.transition.transition--slide.transition--root-hidden [data-animation-role=image] {
  opacity:0;
  transition-property:transform,opacity;
  transform:translateY(20%)
}
.transition.transition--slide.transition--root-hidden [data-animation-role=image][data-animation-state=active].loaded,
.transition.transition--slide.transition--root-hidden [data-animation-role=block-element][data-animation-state=active] {
  transition-delay:.1s;
  transition-timing-function:ease;
  transition-duration:.65s;
  opacity:1;
  transform:translate(0)
}
.transition.transition--scale:not(.transition--root-hidden) {
  opacity:0;
  transition-property:transform,opacity;
  transform:scale(.9)
}
.transition.transition--scale:not(.transition--root-hidden)[data-animation-state=active] {
  transition-delay:.1s;
  transition-timing-function:ease;
  transition-duration:.65s;
  opacity:1;
  transform:scale(1)
}
.transition.transition--scale.transition--root-hidden [data-animation-role=block-element],
.transition.transition--scale.transition--root-hidden [data-animation-role=image] {
  opacity:0;
  transition-property:transform,opacity;
  transform:scale(.9)
}
.transition.transition--scale.transition--root-hidden [data-animation-role=image][data-animation-state=active].loaded,
.transition.transition--scale.transition--root-hidden [data-animation-role=block-element][data-animation-state=active] {
  transition-delay:.1s;
  transition-timing-function:ease;
  transition-duration:.65s;
  opacity:1;
  transform:scale(1)
}
.fade-enter-active,
.fade-leave-active {
  transition-timing-function:cubic-bezier(.45,0,.1,1);
  transition-duration:.15s;
  transition-property:opacity
}
.fade-enter-from,
.fade-leave-active {
  opacity:0
}
.slide-right-enter-active,
.slide-right-leave-active,
.slide-left-enter-active,
.slide-left-leave-active {
  transition-timing-function:cubic-bezier(.45,0,.1,1);
  transition-duration:.3s;
  transition-property:opacity,transform
}
.slide-right-enter-from,
.slide-left-leave-active {
  opacity:0;
  transform:translate(20%)
}
.slide-right-leave-active,
.slide-left-enter-from {
  opacity:0;
  transform:translate(-20%)
}
.slide-top-enter-active,
.slide-top-leave-active,
.slide-bottom-enter-active,
.slide-bottom-leave-active {
  transition-timing-function:cubic-bezier(.45,0,.1,1);
  transition-duration:.3s;
  transition-property:opacity,transform
}
.slide-top-enter-from,
.slide-bottom-leave-active {
  opacity:0;
  transform:translateY(20%)
}
.slide-top-leave-active,
.slide-bottom-enter-from {
  opacity:0;
  transform:translateY(-20%)
}
.slide-top-to-bottom-enter-active,
.slide-top-to-bottom-leave-active,
.slide-bottom-to-top-enter-active,
.slide-bottom-to-top-leave-active {
  transition-timing-function:cubic-bezier(.45,0,.1,1);
  transition-duration:.3s;
  transition-property:opacity,transform
}
.slide-top-to-bottom-enter-from,
.slide-bottom-to-top-leave-active,
.slide-top-to-bottom-leave-active,
.slide-bottom-to-top-enter-from {
  opacity:0;
  transform:translateY(-20%)
}
.drawer-slide-right-enter-active,
.drawer-slide-right-leave-active {
  transition:.4s transform;
  transform:translate(0)
}
.drawer-slide-right-enter,
.drawer-slide-right-enter-from,
.drawer-slide-right-leave-to {
  transform:translate(100%)
}
.drawer-slide-left-enter-active,
.drawer-slide-left-leave-active {
  transition:.4s transform;
  transform:translate(0)
}
.drawer-slide-left-enter,
.drawer-slide-left-enter-from,
.drawer-slide-left-leave-to {
  transform:translate(-100%)
}
html {
  scroll-behavior:smooth
}

:root {
  --color-meteorite-dark: #2f1c6a;
  --color-meteorite-dark-2: #1F1346;
  --color-meteorite: #8c85ff;
  --color-meteorite-light: #d5dfff;
  --color-primary-dark: #5025d1;
  --color-primary: #673de6;
  --color-primary-light: #ebe4ff;
  --color-primary-charts: #B39EF3;
  --color-danger-dark: #d63163;
  --color-danger: #fc5185;
  --color-danger-light: #ffe8ef;
  --color-danger-charts: #FEA8C2;
  --color-warning-dark: #fea419;
  --color-warning-dark-2: #9F6000;
  --color-warning-charts: #FFD28C;
  --color-warning: #ffcd35;
  --color-warning-light: #fff8e2;
  --color-success-dark: #008361;
  --color-success: #00b090;
  --color-success-light: #def4f0;
  --color-dark: #1d1e20;
  --color-gray-dark: #36344d;
  --color-gray: #727586;
  --color-gray-border: #dadce0;
  --color-gray-light: #f2f3f6;
  --color-light: #fff;
  --color-azure: #357df9;
  --color-azure-light: #e3ebf9;
  --color-azure-dark: #265ab2;
  --color-indigo: #6366F1
}
.whats-app-bubble {
  position:fixed;
  right:20px;
  bottom:24px;
  z-index:1000;
  display:flex;
  cursor:pointer;
  border-radius:100px;
  box-shadow:#00000026 0 4px 12px
}
#wtpQualitySign_fixedCSS,
#wtpQualitySign_popupCSS {
  bottom:10px!important
}
#wtpQualitySign_fixedCSS {
  z-index:17!important
}
#wtpQualitySign_popupCSS {
  z-index:18!important
}

.navtransparente {
    padding-bottom: 23px;
}

@media (max-width: 1057px) {
    .colrael{
      display: none;
    }
}

@media (max-width: 479px) {
    .clearfix2{
      height: 820px;
    }
}