@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(--2acd084c);
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(--6a072896) var(--6bbc0135)
}
50% {
background-position: var(--c01d2be2) var(--c01d2be2)
}
to {
background-position: var(--6a072896) var(--6bbc0135)
}
}
.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
}
.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(--e8e6c9f8)
}
.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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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(--c467b54c);
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(--2c660f9c);
min-height: var(--m-block-min-height);
padding: var(--6ced7b1e)
}
.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(--1f9bbfe2)
}
}
.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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-d4bf0982]: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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-d4bf0982] {
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-d4bf0982] {
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-d4bf0982] {
display: grid;
grid-gap: var(--form-elements-vertical-spacing, 22px);
align-self: center
}
.form__control-row[data-v-d4bf0982] {
display: grid;
grid-template-columns: repeat(auto-fit,minmax(170px,1fr));
grid-gap: var(--form-spacing)
}
.form__button--invisible[data-v-d4bf0982],.form__control--invisible[data-v-d4bf0982] {
pointer-events: none;
opacity: 0;
transition: opacity .15s
}
.form__button[data-v-d4bf0982] {
align-self: center;
justify-self: var(--form-button-justify-self)
}
.form__button[data-v-d4bf0982]:focus-visible {
outline: 2px solid #357df9
}
@media screen and (max-width: 920px) {
.form__button[data-v-d4bf0982] {
align-self:center;
justify-self: var(--m-form-button-justify-self, var(--form-button-justify-self))
}
.form__control[data-v-d4bf0982] {
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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-f643cf2b]: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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-f643cf2b] {
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-f643cf2b] {
color: #fff
}
.submit-message__heading[data-v-f643cf2b] {
margin-bottom: var(--formSpacing)
}
[data-v-585f264b]: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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-585f264b] {
overflow: var(--overflow, hidden);
border-radius: var(--e850387c);
-webkit-mask-image: var(--02ba89d0);
-webkit-mask-size: cover;
mask-image: var(--02ba89d0);
mask-size: 100% 100%;
position: relative
}
.image[data-v-585f264b]:before {
content: "";
position: absolute;
inset: 0;
background: var(--5a5dc38a);
z-index: 1
}
.image--grid[data-v-585f264b] {
position: relative;
display: block;
width: 100%;
height: 100%
}
@media screen and (min-width: 920px) and (max-width: 1224px) {
.image--grid[data-v-585f264b] {
width:var(--27d941ce);
max-width: 100%;
height: var(--1214e07c)
}
}
.image--unstyled[data-v-585f264b] {
display: flex
}
.image--link[data-v-585f264b] {
transition: filter .2s ease
}
.image--link[data-v-585f264b]:hover {
filter: contrast(.8)
}
.image--zoom[data-v-585f264b] {
cursor: zoom-in
}
.image__image[data-v-585f264b] {
display: block;
object-fit: cover
}
.image__image--svg[data-v-585f264b] {
object-fit: cover
}
.image__image[data-v-585f264b],.image__image--unstyled[data-v-585f264b] {
width: 100%;
height: 100%
}
.image__image--cropped[data-v-585f264b] {
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-585f264b] {
border-radius:var(--f5ac7700)
}
.image--grid[data-v-585f264b] {
width: 100%;
height: 100%
}
.image__image--cropped[data-v-585f264b] {
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-585f264b] {
position: static;
width: 100%;
height: auto
}
}
@media screen and (max-width: 360px) {
.image[data-v-585f264b] {
width:var(--96f62728);
max-width: 100%;
height: var(--57d4fd89)
}
}
[data-v-0346154b]: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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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
}
.gallery[data-v-0346154b] img[src=""] {
visibility: hidden
}
.gallery__grid[data-v-0346154b] {
display: grid;
grid-template-columns: repeat(var(--column-count),1fr);
grid-gap: var(--column-gap)
}
.gallery__block[data-v-0346154b] {
position: relative;
padding-top: 100%
}
.gallery__image.gallery__image[data-v-0346154b] {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%
}
.gallery__masonry[data-v-0346154b] {
display: grid;
grid-template-columns: repeat(var(--column-count),auto);
grid-column-gap: var(--column-gap);
height: calc(100% + var(--column-gap));
margin-bottom: calc(var(--column-gap) * -1)
}
.gallery__masonry-image[data-v-0346154b] {
margin-bottom: var(--column-gap)
}
.gallery__masonry-mobile-columns[data-v-0346154b] {
display: none
}
@media screen and (max-width: 920px) {
.gallery__grid[data-v-0346154b] {
grid-template-columns:repeat(var(--m-column-count),1fr);
grid-gap: var(--m-column-gap)
}
.gallery__masonry[data-v-0346154b] {
grid-template-columns: repeat(var(--m-column-count),auto);
grid-column-gap: var(--m-column-gap);
height: calc(100% + var(--m-column-gap));
margin-bottom: calc(var(--m-column-gap) * -1)
}
.gallery__masonry-image[data-v-0346154b] {
margin-bottom: var(--m-column-gap)
}
.gallery__masonry-desktop-columns[data-v-0346154b] {
display: none
}
.gallery__masonry-mobile-columns[data-v-0346154b] {
display: block
}
}
[data-v-3ebf3254]: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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-3ebf3254] {
width: 100%;
height: 100%;
max-height: calc(var(--42afd706) + .5px)
}
.image-wrapper--desktop[data-v-3ebf3254] {
display: block
}
.image-wrapper--mobile[data-v-3ebf3254] {
display: none
}
@media screen and (max-width: 920px) {
.image-wrapper[data-v-3ebf3254] {
width:100%;
height: 100%;
max-height: var(--6b83b3fb)
}
.image-wrapper--layout[data-v-3ebf3254] .image-wrapper--desktop {
display: none
}
.image-wrapper--layout[data-v-3ebf3254] .image-wrapper--mobile {
display: block
}
}
[data-v-c35ee7e4]: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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-c35ee7e4] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
font-size: 0;
background-color: #dadce0;
object-fit: cover
}
[data-v-1ae00c6d]: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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-1ae00c6d {
0% {
background-position: 0% 53%
}
50% {
background-position: 100% 48%
}
to {
background-position: 0% 53%
}
}
.media-wrapper[data-v-1ae00c6d] {
position: relative
}
.media-wrapper[data-v-1ae00c6d]:first-child {
grid-area: 1/1/1/1
}
.placeholder[data-v-1ae00c6d]:last-child {
width: 100%;
background: linear-gradient(90deg,#dadce0,#f2f3f6);
background-size: 400% 400%;
animation: blink-1ae00c6d 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: linear-gradient(90deg,#dadce0,#f2f3f6);
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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-ce2224ed]: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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-ce2224ed] {
position: relative;
width: 100%;
height: 100%;
cursor: pointer;
background-color: var(--58b9543c)
}
.video__frame[data-v-ce2224ed],.video__placeholder[data-v-ce2224ed] {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%
}
.video__placeholder[data-v-ce2224ed] {
object-fit: cover
}
.video__play[data-v-ce2224ed] {
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-ce2224ed]: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-ce2224ed] {
background-color: #1e1e1ee6;
border-radius: 5px
}
.video:hover .video__play[data-v-ce2224ed] {
background-color: #fc5185
}
.video:hover .video__play--vimeo[data-v-ce2224ed] {
background-color: #069
}
@media screen and (max-width: 920px) {
.video[data-v-ce2224ed] {
position:relative;
padding-top: 56.25%
}
}
.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-ec66ec21]: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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-ec66ec21] {
grid-template-columns: 100%
}
.layout-element__component[data-v-ec66ec21] {
grid-area: 1/1/-1/-1;
align-self: start
}
.layout-element__component--GridButton.layout-element__component[data-v-ec66ec21],.layout-element__component--GridEcommerceButton.layout-element__component[data-v-ec66ec21],.layout-element__component--GridEcommerceButton.layout-element__component .grid-button[data-v-ec66ec21] {
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-ec66ec21]:not(.s),.layout-element__component--GridEcommerceButton.layout-element__component[data-v-ec66ec21]:not(.s),.layout-element__component--GridEcommerceButton.layout-element__component .grid-button[data-v-ec66ec21]:not(.s) {
padding: 0
}
@media screen and (min-width: 920px) {
.layout-element--desktop-element-hidden[data-v-ec66ec21] {
display:none
}
}
@media screen and (max-width: 1191px) {
.layout-element__component--GridButton[data-v-ec66ec21]:not(.s),.layout-element__component--GridEcommerceButton[data-v-ec66ec21]:not(.s) {
white-space:normal
}
}
@media screen and (max-width: 920px) {
.layout-element--GridButton[data-v-ec66ec21],.layout-element--GridStripeButton[data-v-ec66ec21],.layout-element--GridEcommerceButton[data-v-ec66ec21] {
justify-content:var(--m-justify, var(--justify))
}
.layout-element__component--GridButton[data-v-ec66ec21]:not(.s),.layout-element__component--GridEcommerceButton[data-v-ec66ec21]:not(.s) {
min-height: 100%
}
.layout-element--mobile-element-hidden[data-v-ec66ec21] {
display: none
}
}
@media screen and (max-width: 360px) {
.layout-element__component--GridButton[data-v-ec66ec21]:not(.s),.layout-element__component--GridEcommerceButton[data-v-ec66ec21]: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-ec66ec21]:not(.zyro-mb-preview .layout-element--mobile-element-hidden) {
display:grid
}
}
.layout-element__component--GridButton.layout-element__component[data-v-ec66ec21],.layout-element__component--GridEcommerceButton.layout-element__component[data-v-ec66ec21],.layout-element__component--GridEcommerceButton.layout-element__component .grid-button[data-v-ec66ec21] {
min-height: var(--419f730a)
}
@media screen and (max-width: 920px) {
.layout-element__component--GridButton.layout-element__component[data-v-ec66ec21],.layout-element__component--GridEcommerceButton.layout-element__component[data-v-ec66ec21],.layout-element__component--GridEcommerceButton.layout-element__component .grid-button[data-v-ec66ec21] {
min-height:var(--f4c8d018)
}
}
[data-v-b1b387fa]: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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-b1b387fa] {
display: flex;
align-items: center
}
.pagination__button[data-v-b1b387fa] {
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-b1b387fa]:hover,.pagination__button[data-v-b1b387fa]:active {
color: #673de6
}
.pagination__trigger[data-v-b1b387fa] {
color: var(--button-color, #1d1e20);
transition: color .3s ease-in-out
}
.pagination__trigger--current[data-v-b1b387fa] {
font-weight: 500;
color: #673de6
}
[data-v-cf99ac1e]: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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-cf99ac1e] {
font-family: var(--font-primary);
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 1.3
}
.font-secondary[data-v-cf99ac1e] {
font-family: var(--font-secondary);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 1.3
}
.block-blog-list-item[data-v-cf99ac1e] {
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-cf99ac1e] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover
}
.block-blog-list-item__cover-image-wrapper[data-v-cf99ac1e] {
position: relative;
padding-bottom: 60%
}
.block-blog-list-item__cover-image-container[data-v-cf99ac1e] {
padding-bottom: 20px
}
.block-blog-list-item__content[data-v-cf99ac1e] {
color: var(--blog-post-header-text-color);
text-decoration: none
}
.block-blog-list-item__description[data-v-cf99ac1e] {
margin-bottom: 12px;
text-decoration: none;
opacity: .8
}
.block-blog-list-item__title[data-v-cf99ac1e] {
font-size: var(--9f566116);
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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-4ad892a8]: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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-4ad892a8]:root {
--max-width-description: 600px
}
.skeleton-loader[data-v-4ad892a8] {
max-width: var(--content-width);
width: 100%;
display: flex;
gap: 40px
}
.skeleton-loader--full-width[data-v-4ad892a8] {
max-width: unset
}
.skeleton-loader__categories[data-v-4ad892a8] {
width: 250px;
height: 200px
}
.skeleton-loader__wrapper[data-v-4ad892a8] {
display: flex;
flex-direction: column;
width: 100%;
margin: 0 auto
}
.skeleton-loader__list[data-v-4ad892a8] {
display: grid;
grid-template-columns: repeat(var(--1bed821c),1fr);
gap: 24px;
width: 100%
}
.skeleton-loader__category[data-v-4ad892a8] {
width: 100%;
height: 60px;
margin-bottom: 32px
}
.skeleton-loader__item[data-v-4ad892a8] {
display: flex;
flex-direction: column
}
.skeleton-loader__image-placeholder[data-v-4ad892a8] {
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-4ad892a8] {
padding-bottom: 125%
}
.skeleton-loader__image-placeholder--landscape[data-v-4ad892a8] {
padding-bottom: 56.25%
}
.skeleton-loader__image-placeholder[data-v-4ad892a8],.skeleton-loader__text[data-v-4ad892a8],.skeleton-loader__category[data-v-4ad892a8],.skeleton-loader__categories[data-v-4ad892a8] {
background: linear-gradient(102deg,#1d1e201a 8%,#ffffff1a 18%,#1d1e201a 33%);
background-size: 200% 100%;
animation: 1.5s shine-4ad892a8 linear infinite;
border-radius: 5px
}
@keyframes shine-4ad892a8 {
to {
background-position-x: -200%
}
}
.skeleton-loader__text[data-v-4ad892a8] {
width: 100%;
height: 24px;
margin-top: 8px
}
.skeleton-loader__text[data-v-4ad892a8]:nth-child(3) {
width: calc(100% - 120px)
}
@media screen and (max-width: 920px) {
.skeleton-loader[data-v-4ad892a8] {
flex-direction:column;
gap: 8px
}
.skeleton-loader__categories[data-v-4ad892a8] {
height: 35px;
width: 100%
}
.skeleton-loader__list[data-v-4ad892a8] {
grid-template-columns: repeat(2,1fr)
}
.skeleton-loader__category[data-v-4ad892a8] {
display: none
}
}
@media screen and (max-width: 920px) {
.skeleton-loader[data-v-4ad892a8] {
flex-direction:column;
gap: 8px
}
.skeleton-loader__categories[data-v-4ad892a8] {
height: 35px;
width: 100%
}
.skeleton-loader__category[data-v-4ad892a8] {
display: none
}
}
@media screen and (min-width: 601px) and (max-width: 920px) {
.skeleton-loader__list[data-v-4ad892a8] {
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);
word-break: break-word
}
[data-v-97b06111]: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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-97b06111]:root {
--max-width-description: 600px
}
.product-list-item h6[data-v-97b06111] {
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-97b06111] {
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-97b06111] {
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-97b06111] {
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-97b06111] {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
cursor: pointer
}
.product-list-item--center[data-v-97b06111] {
align-items: center;
text-align: center
}
.product-list-item--center .product-list-item__price-wrapper[data-v-97b06111],.product-list-item--center .product-list-item__button-wrapper[data-v-97b06111] {
justify-content: center
}
.product-list-item--outlined[data-v-97b06111] {
border: 1px solid #dadce0
}
.product-list-item--outlined .product-list-item__details[data-v-97b06111] {
padding: 0 10px 10px
}
.product-list-item--outlined .product-list-item__button-wrapper[data-v-97b06111] {
padding: 8px 10px 10px;
margin-top: -10px
}
.product-list-item--outlined .product-list-item__image-wrapper--contain[data-v-97b06111] {
border: none;
border-bottom: 1px solid #dadce0
}
.product-list-item__content[data-v-97b06111] {
display: flex;
flex-direction: column;
width: 100%;
height: 100%
}
.product-list-item__image-wrapper[data-v-97b06111] {
position: relative;
display: flex;
width: 100%;
overflow: hidden;
transition: height .2s ease-in;
height: 0;
border-radius: var(--020dccbc)
}
.product-list-item__image-wrapper--portrait[data-v-97b06111] {
padding-bottom: 125%
}
.product-list-item__image-wrapper--landscape[data-v-97b06111] {
padding-bottom: 56.25%
}
.product-list-item__image-wrapper--cover[data-v-97b06111],.product-list-item__image-wrapper--contain[data-v-97b06111] {
padding-bottom: 100%
}
.product-list-item__image-wrapper--contain[data-v-97b06111] {
border: 1px solid #dadce0
}
.product-list-item__image-wrapper--contain .product-list-item__image[data-v-97b06111] {
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-97b06111] {
transform: scale(1.2) translate(calc(-41.6666666667% + 1px))
}
.product-list-item__image[data-v-97b06111] {
position: absolute;
width: 100%;
height: 100%;
object-fit: var(--3c7ccb35);
object-position: center;
inset: 0
}
.product-list-item__image--zoom-animation[data-v-97b06111] {
transform: scale(1);
transition: .1s transform
}
.product-list-item__image--zoomed-in[data-v-97b06111] {
transform: scale(1.2)
}
.product-list-item__details[data-v-97b06111] {
display: flex;
flex-direction: column
}
.product-list-item__title[data-v-97b06111] {
word-break: break-word;
margin: 20px 0 8px
}
.product-list-item__price-wrapper[data-v-97b06111] {
display: flex;
flex-wrap: wrap
}
.product-list-item__price-content[data-v-97b06111] {
display: flex;
margin-right: 8px
}
.product-list-item__price[data-v-97b06111] {
margin-right: 8px;
opacity: .4
}
.product-list-item__price.product-list-item__price[data-v-97b06111] {
text-decoration: line-through
}
.product-list-item__price-range[data-v-97b06111] {
margin-right: 4px
}
.product-list-item__booking-price[data-v-97b06111] {
margin-right: 8px
}
.product-list-item__text[data-v-97b06111] {
opacity: .6
}
.product-list-item__text.product-list-item__text[data-v-97b06111] {
text-transform: uppercase
}
.product-list-item__duration[data-v-97b06111]:before {
margin-right: 8px;
content: "|"
}
.product-list-item__button-wrapper[data-v-97b06111] {
display: flex;
width: 100%;
padding-top: 8px;
transition: opacity .3s ease-in
}
.product-list-item__button-wrapper--hidden[data-v-97b06111] {
pointer-events: none;
visibility: hidden
}
.product-list-item__button-wrapper--with-hover[data-v-97b06111] {
opacity: 0
}
.product-list-item__button[data-v-97b06111] {
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-97b06111] {
white-space: break-spaces;
word-break: break-all
}
.product-list-item__button--primary[data-v-97b06111] {
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-97b06111]:focus,.product-list-item__button--primary[data-v-97b06111]: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-97b06111] {
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-97b06111]:focus,.product-list-item__button--secondary[data-v-97b06111]: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-97b06111] {
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-97b06111] {
opacity:1
}
.product-list-item__booking-price[data-v-97b06111] {
margin-right: 8px
}
.product-list-item__price-wrapper[data-v-97b06111] {
flex-wrap: wrap
}
}
@media screen and (min-width: 920px) {
.product-list-item:hover .product-list-item__image-wrapper--bg-animation[data-v-97b06111]:after,.product-list-item:focus .product-list-item__image-wrapper--bg-animation[data-v-97b06111]:after {
background-color:#1d1e2033
}
.product-list-item:hover .product-list-item__button-wrapper[data-v-97b06111],.product-list-item:focus .product-list-item__button-wrapper[data-v-97b06111] {
opacity: 1
}
}
[data-v-b7b2b138]: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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-b7b2b138] {
width: 100%;
text-align: right;
margin: 0 auto
}
.product-list-sorting__label[data-v-b7b2b138] {
margin-right: 12px;
font-size: 14px
}
.product-list-sorting__select-wrapper[data-v-b7b2b138] {
position: relative;
display: inline-flex;
align-items: center
}
.product-list-sorting__select-wrapper[data-v-b7b2b138]: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-b7b2b138] {
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-b7b2b138] {
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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-b4554d16]: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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-b4554d16] {
margin-top: 16px
}
.product-list-pagination[data-v-b4554d16] .pagination__trigger--current,.product-list-pagination[data-v-b4554d16] button:hover,.product-list-pagination[data-v-b4554d16] button:focus {
color: var(--body-color);
text-decoration: underline;
filter: brightness(.8)
}
@media screen and (max-width: 920px) {
.product-list-pagination[data-v-b4554d16] {
margin-top:16px
}
.product-list-pagination[data-v-b4554d16] .pagination__trigger--current,.product-list-pagination[data-v-b4554d16] button:hover,.product-list-pagination[data-v-b4554d16] button:focus {
color: var(--body-m-color, var(--body-color))
}
}
.loader[data-v-b4554d16] {
margin: 16px 0;
position: relative;
width: 20px;
height: 20px
}
.loader__element[data-v-b4554d16] {
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-b4554d16 1.2s cubic-bezier(.5,0,.5,1) infinite
}
.loader__element[data-v-b4554d16]:nth-child(1) {
animation-delay: -.45s
}
.loader__element[data-v-b4554d16]:nth-child(2) {
animation-delay: -.3s
}
.loader__element[data-v-b4554d16]:nth-child(3) {
animation-delay: -.15s
}
.loader__element[data-v-b4554d16]:nth-child(4) {
opacity: .2;
animation: none;
border-color: var(--body-color)
}
@keyframes spin-b4554d16 {
to {
transform: rotate(360deg)
}
}
[data-v-b1ff79a0]: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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-b1ff79a0] {
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-b1ff79a0] {
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-b1ff79a0] {
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-b1ff79a0] {
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-b1ff79a0] {
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-b1ff79a0] {
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-b1ff79a0] {
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-b1ff79a0] {
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-b1ff79a0] {
z-index: 14;
padding: var(--block-padding)
}
.block-product-list--with-categories .product-list-container[data-v-b1ff79a0] {
justify-content: flex-start
}
.block-product-list__wrapper[data-v-b1ff79a0] {
max-width: var(--content-width);
display: flex;
width: 100%;
margin: 0 auto;
gap: 40px
}
.block-product-list__wrapper--full-width[data-v-b1ff79a0] {
max-width: unset
}
.block-product-list__content-container[data-v-b1ff79a0] {
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
height: 100%
}
.block-product-list__category[data-v-b1ff79a0] {
margin-bottom: 32px;
word-break: break-all
}
.block-product-list__empty-state[data-v-b1ff79a0] {
display: flex;
flex-direction: column;
width: 100%
}
.category-list[data-v-b1ff79a0] {
max-height: var(--3cee269e)
}
.product-list[data-v-b1ff79a0] {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%
}
.product-list__header[data-v-b1ff79a0] {
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 24px
}
.product-list__total-count[data-v-b1ff79a0] {
flex: 1 0 auto;
color: var(--body-color);
font-size: 14px
}
.product-list__total-count~.product-list__sort[data-v-b1ff79a0] {
justify-content: flex-end
}
.product-list__link[data-v-b1ff79a0] {
width: 100%;
text-decoration: none
}
.product-list__content[data-v-b1ff79a0] {
display: grid;
grid-template-columns: repeat(var(--54847b6e),1fr);
column-gap: var(--e4fc3caa);
width: 100%;
row-gap: var(--0b9cf313)
}
.product-list__content--single-column[data-v-b1ff79a0] {
display: flex;
max-width: calc(var(--0169ab81) * 1px);
margin: 0 auto
}
@media screen and (max-width: 920px) {
.block-product-list[data-v-b1ff79a0] {
padding:var(--m-block-padding)
}
.block-product-list__wrapper[data-v-b1ff79a0] {
flex-direction: column;
gap: 0
}
.block-product-list__category[data-v-b1ff79a0] {
display: none
}
.product-list__content[data-v-b1ff79a0],.product-list__content--single-column[data-v-b1ff79a0] {
display: grid;
max-width: unset;
margin: unset
}
.product-list__sort[data-v-b1ff79a0] {
display: flex;
justify-content: space-between
}
.product-list__sort--hidden-mobile[data-v-b1ff79a0] {
display: none
}
.product-list__header[data-v-b1ff79a0] {
margin-bottom: 16px;
gap: 8px
}
.product-list__total-count[data-v-b1ff79a0] {
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-b1ff79a0] {
padding:var(--m-block-padding)
}
.block-product-list__wrapper[data-v-b1ff79a0] {
flex-direction: column;
gap: 0
}
.block-product-list__category[data-v-b1ff79a0] {
display: none
}
.product-list__content[data-v-b1ff79a0],.product-list__content--single-column[data-v-b1ff79a0] {
display: grid;
max-width: unset;
margin: unset
}
.product-list__sort[data-v-b1ff79a0] {
display: flex;
justify-content: space-between
}
.product-list__sort--hidden-mobile[data-v-b1ff79a0] {
display: none
}
.product-list__header[data-v-b1ff79a0] {
margin-bottom: 16px;
gap: 8px
}
.product-list__total-count[data-v-b1ff79a0] {
color: var(--body-m-color, var(--body-color));
flex-grow: 0;
margin-right: 4px;
font-size: 14px
}
.category-list[data-v-b1ff79a0] .category-list__slot {
width: fit-content
}
.product-list__content[data-v-b1ff79a0],.product-list__content--single-column[data-v-b1ff79a0] {
grid-template-columns: repeat(2,1fr)
}
.product-list__sort[data-v-b1ff79a0] {
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: 100%;
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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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
}
: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 {
display: flex;
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__stock-text {
display: flex;
align-items: center;
margin-left: 24px
}
.block-product__image-content-wrapper {
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__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--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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-19c33b65]: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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-19c33b65] {
position: relative;
display: grid;
grid-template-rows: 100%;
grid-template-columns: 100%;
width: 100%
}
.block--desktop-first-visible[data-v-19c33b65],.block--mobile-first-visible[data-v-19c33b65],.block[data-v-19c33b65]: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-19c33b65],.block--mobile-first-visible[data-v-19c33b65],.block[data-v-19c33b65]: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-19c33b65] {
display:none
}
}
@media screen and (max-width: 920px) {
.block--mobile-hidden[data-v-19c33b65] {
display:none
}
}
[data-v-c5b36853]: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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-c5b36853] {
display: flex;
position: relative;
justify-content: flex-start;
align-items: center;
max-width: var(--16a0e642);
min-height: var(--block-min-height);
width: 100%;
margin: 0 auto;
padding: var(--block-padding)
}
.block-sticky-bar-layout[data-v-c5b36853] .text-box,.block-sticky-bar-layout[data-v-c5b36853] .text-editor {
max-height: calc(var(--d9a2834e) * 1px);
overflow: hidden
}
@media screen and (max-width: 920px) {
.block-sticky-bar-layout[data-v-c5b36853] {
max-width:var(--ab06013e);
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-c5b36853] {
min-height:var(--t-block-min-height);
padding: var(--550975b2)
}
}
[data-v-8285398d]: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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-8285398d] {
position: sticky;
top: 0;
z-index: 22;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
max-height: calc(var(--56474db3) * 1px);
overflow: hidden
}
@media screen and (min-width: 920px) {
.block-sticky-bar--desktop-hidden[data-v-8285398d] {
display:none
}
}
.block-sticky-bar__background[data-v-8285398d] {
z-index: -1;
height: 100%
}
.block-sticky-bar__element[data-v-8285398d] {
position: relative;
height: 100%;
width: 100%;
text-align: center
}
@media screen and (max-width: 920px) {
.block-sticky-bar--mobile-hidden[data-v-8285398d] {
display:none
}
}
[data-v-793bc7c3]: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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-793bc7c3] {
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-793bc7c3] {
margin-bottom: 16px;
font-size: 36px;
font-weight: 700;
line-height: 40px;
text-align: center
}
.password-page__label[data-v-793bc7c3] {
padding-bottom: 64px;
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: center
}
.password-page__form[data-v-793bc7c3] {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
max-width: 341px;
margin: auto
}
.password-page__input[data-v-793bc7c3] {
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-793bc7c3] {
margin-bottom: 0;
border-color: #d63163
}
.password-page__input[data-v-793bc7c3]:hover {
border-color: #1d1e20
}
.password-page__input[data-v-793bc7c3]:hover--error {
border-color: #d63163
}
.password-page__error-message[data-v-793bc7c3] {
width: 100%;
margin-bottom: 16px;
font-size: 12px;
font-weight: 400;
line-height: 20px;
color: #d63163
}
.password-page__button[data-v-793bc7c3] {
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-793bc7c3]:hover {
background-color: #1d1e20
}
.password-page__button[data-v-793bc7c3]:focus {
background-color: #1d1e20;
border: 2px solid #357df9
}
.password-page__button[data-v-793bc7c3]:disabled {
background-color: #727586
}
.password-page__icon-lock[data-v-793bc7c3] {
width: 40px;
height: 40px;
margin-bottom: 32px;
color: #36344d
}
.password-page__background-wave-wrapper[data-v-793bc7c3] {
height: 100vh;
position: absolute;
overflow: hidden;
width: 100%
}
.password-page__background-wave[data-v-793bc7c3],.password-page__background-wave[data-v-793bc7c3]:before,.password-page__background-wave[data-v-793bc7c3]: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-793bc7c3 30s infinite linear
}
.password-page__background-wave[data-v-793bc7c3]: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-793bc7c3 23s infinite linear
}
.password-page__background-wave[data-v-793bc7c3]: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-793bc7c3 25s infinite linear
}
.password-page__background-image[data-v-793bc7c3] {
width: 50vw;
object-fit: cover;
position: fixed;
height: 100%
}
@media screen and (max-width: 920px) {
.password-page__background-image[data-v-793bc7c3] {
display:none
}
}
.password-page__homepage-link[data-v-793bc7c3] {
position: fixed;
bottom: 40px
}
.password-page__homepage-link-text[data-v-793bc7c3] {
color: #357df9
}
.password-page--calm[data-v-793bc7c3] {
background: #fff8e2
}
.password-page--calm .password-page__form[data-v-793bc7c3] {
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-793bc7c3] {
width:auto;
max-width: 320px;
padding: 40px 40px 80px
}
}
.password-page--calm .password-page__input[data-v-793bc7c3] {
margin-bottom: 36px;
border: none;
border-bottom: 1px solid #dadce0;
border-radius: 0
}
.password-page--calm .password-page__input[data-v-793bc7c3]::placeholder {
color: #f2f3f6
}
.password-page--calm .password-page__input--error[data-v-793bc7c3] {
margin-bottom: 0;
border-color: #d63163
}
.password-page--calm .password-page__button[data-v-793bc7c3] {
border-radius: 100px
}
.password-page--popular[data-v-793bc7c3] {
flex-direction: row;
margin: 0
}
@media screen and (max-width: 920px) {
.password-page--popular[data-v-793bc7c3] {
flex-direction:column;
width: 100%;
background: #673de6
}
}
.password-page--popular .password-page__form[data-v-793bc7c3] {
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-793bc7c3] {
width:auto;
max-width: 320px;
padding: 60px 40px 100px;
border-radius: 16px;
margin: auto
}
}
.password-page--popular .password-page__input[data-v-793bc7c3] {
margin-bottom: 36px;
border: none;
border-bottom: 1px solid #dadce0;
border-radius: 0
}
.password-page--popular .password-page__input--error[data-v-793bc7c3] {
margin-bottom: 0;
border-color: #d63163
}
.password-page--popular .password-page__button[data-v-793bc7c3] {
background: #2f1c6a;
border-radius: 8px
}
.password-page--popular .password-page__button[data-v-793bc7c3]:hover {
background: #36344d
}
@keyframes spin-793bc7c3 {
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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-3c448ca7]: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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-3c448ca7] {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #1d1e2033;
opacity: 0;
transition: opacity .2s ease
}
.site-drawer-overlay--open[data-v-3c448ca7] {
z-index: 19;
opacity: 1
}
@media screen and (max-width: 920px) {
.site-drawer-overlay--open[data-v-3c448ca7] {
opacity:0
}
}
.site-drawer[data-v-3c448ca7] {
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-3c448ca7] {
right: 0
}
.site-drawer--left[data-v-3c448ca7] {
left: 0
}
@media screen and (max-width: 920px) {
.site-drawer[data-v-3c448ca7] {
top:var(--sidebar-top-mobile, 0);
width: 100%;
box-shadow: none
}
}
.site-drawer__content[data-v-3c448ca7] {
position: relative;
height: 100%;
overflow-y: hidden
}
.site-drawer__close-button[data-v-3c448ca7] {
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-3c448ca7] {
display:none
}
}
[data-v-c21050d0]: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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-c21050d0] {
z-index: 9998
}
.cart[data-v-c21050d0] {
display: flex;
flex: 1 1 auto;
flex-direction: column;
width: 100%;
height: 100%;
font-family: var(--body-font-family)
}
.cart__content[data-v-c21050d0] {
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-c21050d0] {
padding-top:10px
}
}
.cart__content-title[data-v-c21050d0] {
margin-bottom: 16px;
font-size: 22px;
font-weight: 700;
line-height: 1.45;
color: #1d1e20
}
.cart__content-title--with-margin[data-v-c21050d0] {
margin: 120px auto 16px
}
@media screen and (max-width: 920px) {
.cart__content-title[data-v-c21050d0] {
font-size:18px;
z-index: 1
}
}
.cart__list[data-v-c21050d0] {
list-style-type: none
}
.cart__list-item[data-v-c21050d0] {
position: relative;
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 16px 0
}
.cart__list-item[data-v-c21050d0]:after {
position: absolute;
width: 300px;
height: .5px;
content: "";
background-color: #f2f3f6;
bottom: 0
}
@media screen and (max-width: 920px) {
.cart__list-item[data-v-c21050d0]:after {
width:100%
}
}
.cart__list-item[data-v-c21050d0]: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-c21050d0]:first-child:before {
width:100%
}
}
.cart__list-item-image[data-v-c21050d0] {
width: var(--image-width);
height: var(--image-width);
object-fit: cover;
object-position: center;
margin-right: 16px
}
.cart__title[data-v-c21050d0] {
margin-bottom: 8px;
font-size: 18px;
font-weight: 500;
line-height: 1.4
}
.cart__title--with-slot[data-v-c21050d0] {
display: flex;
justify-content: space-between;
font-weight: 700
}
@media screen and (max-width: 920px) {
.cart__title[data-v-c21050d0] {
font-size:16px
}
}
.cart__text[data-v-c21050d0] {
margin-bottom: 4px;
font-size: 16px;
line-height: 1.2;
color: #727586
}
@media screen and (max-width: 920px) {
.cart__text[data-v-c21050d0] {
font-size:14px
}
}
.cart__text--lighter[data-v-c21050d0] {
color: #727586
}
.cart__price[data-v-c21050d0] {
display: inline-block
}
.cart__price--strikethrough[data-v-c21050d0] {
display: block;
text-decoration: line-through;
opacity: .4
}
.cart__sale-price[data-v-c21050d0] {
display: inline-block
}
.cart__duration[data-v-c21050d0] {
display: inline-flex
}
.cart__duration[data-v-c21050d0]:before {
margin: 0 8px;
content: "|"
}
.cart__time-wrapper[data-v-c21050d0] {
display: flex;
color: #727586
}
.cart__time-wrapper[data-v-c21050d0]:first-of-type {
margin-top: 12px
}
.cart__time-icon[data-v-c21050d0] {
margin-right: 8px
}
.cart__quantity[data-v-c21050d0] {
display: flex;
flex-wrap: wrap;
margin-top: 10px
}
.cart__quantity-title[data-v-c21050d0] {
align-self: center;
margin-right: 8px;
color: #727586
}
.cart__custom-field[data-v-c21050d0] {
margin-top: 16px
}
.cart__remove-button[data-v-c21050d0] {
margin-left: auto
}
.cart__footer[data-v-c21050d0] {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-around;
width: 100%;
height: 140px;
padding: 16px 24px 20px;
background-color: #fff
}
.cart__footer[data-v-c21050d0]:after {
margin-top: -1px;
position: absolute;
width: 300px;
height: .5px;
content: "";
background-color: #f2f3f6;
top: 0
}
@media screen and (max-width: 920px) {
.cart__footer[data-v-c21050d0]:after {
width:calc(100% - 48px)
}
}
.cart__checkout-button[data-v-c21050d0] {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 10px 16px;
font-family: inherit;
color: #fff;
background-color: #357df9;
border-radius: 4px;
transition: max-width .2s ease;
cursor: pointer
}
.cart__checkout-button[data-v-c21050d0]:disabled {
cursor: unset;
opacity: .5
}
@media screen and (max-width: 500px) {
.cart__checkout-button[data-v-c21050d0] {
max-width:100%
}
}
.cart__checkout-button.loading[data-v-c21050d0] {
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-c21050d0] {
pointer-events: none
}
.cart__checkout-button.loading[data-v-c21050d0]:hover,.cart__checkout-button.loading[data-v-c21050d0]:focus {
color: transparent
}
.cart__checkout-button.loading[data-v-c21050d0]: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-c21050d0 .8s linear infinite
}
@keyframes loading-c21050d0 {
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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-fac2fb64]: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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-fac2fb64] {
z-index: 23
}
.ecommerce-product-preview__content-wrapper[data-v-fac2fb64] {
position: relative;
height: 100%;
max-height: calc(100vh - 48px)
}
.ecommerce-product-preview__content[data-v-fac2fb64] {
width: 100%
}
.ecommerce-product-preview__content[data-v-fac2fb64] .block-product,.ecommerce-product-preview__content[data-v-fac2fb64] .skeleton-loader {
max-height: 700px;
padding: 32px
}
.ecommerce-product-preview__background[data-v-fac2fb64] {
z-index: -1;
height: 100%
}
@media screen and (max-width: 920px) {
.ecommerce-product-preview__content-wrapper[data-v-fac2fb64] {
height:auto;
min-height: unset
}
.ecommerce-product-preview__content[data-v-fac2fb64] .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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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(--text-font-family, var(--nav-link-m-font-family, var(--nav-link-font-family)));
font-size: var(--nav-link-font-size, var(--nav-link-m-font-size));
font-style: var(--nav-link-m-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-m-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
}
.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(--711adb2e);
visibility: var(--711adb2e);
height: var(--7015117a)
}
.language-switcher:hover .language-switcher__icon {
transform: var(--cde2ed52)
}
.language-switcher__dropdown-area {
overflow: var(--711adb2e);
visibility: var(--711adb2e);
height: var(--7015117a)
}
.language-switcher__icon {
transform: var(--cde2ed52)
}
}
[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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-753b6a6e]: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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-753b6a6e] {
position: relative;
align-self: center;
font-family: var(--text-font-family, var(--nav-link-font-family));
font-size: var(--nav-link-font-size);
font-style: var(--nav-link-font-style);
font-weight: var(--text-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-753b6a6e] {
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-753b6a6e]:focus-visible {
border-color: var(--nav-link-text-color-hover, var(--nav-link-text-color))
}
.block-header-cart__icon-wrapper[data-v-753b6a6e] {
position: relative
}
.block-header-cart__icon[data-v-753b6a6e] {
width: var(--eb3a4752);
height: var(--eb3a4752)
}
.block-header-cart__item-amount[data-v-753b6a6e] {
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-753b6a6e] {
margin-left: 6px
}
.block-header-cart[data-v-753b6a6e]:hover,.block-header-cart[data-v-753b6a6e]: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-753b6a6e],.block-header-cart:focus-visible .block-header-cart__icon-container[data-v-753b6a6e] {
color: var(--nav-link-text-color-hover, var(--nav-link-text-color))
}
.block-header-cart-wrapper[data-v-753b6a6e] {
display: flex;
align-items: center;
text-align: left;
text-decoration: none
}
@media screen and (max-width: 920px) {
.block-header-cart[data-v-753b6a6e] {
margin:0
}
.block-header-cart__button[data-v-753b6a6e] {
font-size: var(--nav-link-m-font-size)
}
.block-header-cart__cart-text[data-v-753b6a6e] {
display: none
}
}
[data-v-84d48778]: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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-84d48778] {
position: relative;
align-self: center;
font-family: var(--text-font-family, var(--nav-link-font-family));
font-size: var(--nav-link-font-size);
font-style: var(--nav-link-font-style);
font-weight: var(--text-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-84d48778] {
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-84d48778]:focus-visible {
border-color: var(--nav-link-text-color-hover, var(--nav-link-text-color))
}
.item-content__icon[data-v-84d48778] {
margin: 2px 6.5px;
transition: transform .3s
}
.item-content-wrapper[data-v-84d48778] {
display: flex;
align-items: center;
text-align: left
}
.item-content-wrapper--active .item-content[data-v-84d48778],.item-content-wrapper:hover .item-content[data-v-84d48778],.item-content-wrapper:focus .item-content[data-v-84d48778] {
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-84d48778],.item-content-wrapper:hover .item-content__icon-container[data-v-84d48778],.item-content-wrapper:focus .item-content__icon-container[data-v-84d48778] {
color: var(--nav-link-text-color-hover, var(--nav-link-text-color))
}
@media screen and (max-width: 920px) {
.item-content[data-v-84d48778] {
margin:0;
font-size: var(--nav-link-m-font-size)
}
.item-content__icon-container[data-v-84d48778] {
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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-7d84e8d8]: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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-7d84e8d8] {
display: flex;
width: var(--12ae7940);
height: var(--2951b4ed);
cursor: pointer
}
.block-header-logo__image[data-v-7d84e8d8] {
width: 100%;
height: 100%;
vertical-align: middle;
object-fit: contain
}
@media screen and (max-width: 920px) {
.block-header-logo[data-v-7d84e8d8] {
width:var(--31149d1f);
height: var(--509fe624)
}
}
[data-v-2f044965]: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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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-2f044965] {
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-2f044965] {
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-2f044965]:empty {
display: none
}
.block-header-layout-desktop--desktop-1[data-v-2f044965] {
grid-auto-flow: column;
grid-template-columns: var(--627588a4)
}
.block-header-layout-desktop--desktop-1[data-v-2f044965] .block-header__logo {
margin-right: 16px
}
.block-header-layout-desktop--desktop-1[data-v-2f044965] .block-header__nav-links {
justify-content: flex-end
}
.block-header-layout-desktop--desktop-1[data-v-2f044965] .block-header__button,.block-header-layout-desktop--desktop-1[data-v-2f044965] .block-header__cart,.block-header-layout-desktop--desktop-1[data-v-2f044965] .block-header__social-icons,.block-header-layout-desktop--desktop-1[data-v-2f044965] .block-header__language-switcher {
margin-left: var(--element-spacing)
}
.block-header-layout-desktop--desktop-2[data-v-2f044965] {
grid-auto-flow: column;
grid-template-columns: var(--627588a4)
}
.block-header-layout-desktop--desktop-2[data-v-2f044965] .block-header__logo {
margin-right: var(--element-spacing)
}
.block-header-layout-desktop--desktop-2[data-v-2f044965] .block-header__nav-links {
justify-content: flex-start
}
.block-header-layout-desktop--desktop-2[data-v-2f044965] .block-header__button,.block-header-layout-desktop--desktop-2[data-v-2f044965] .block-header__cart,.block-header-layout-desktop--desktop-2[data-v-2f044965] .block-header__social-icons,.block-header-layout-desktop--desktop-2[data-v-2f044965] .block-header__language-switcher {
margin-left: var(--element-spacing)
}
.block-header-layout-desktop--desktop-3[data-v-2f044965] {
grid-template-columns: 1fr auto 1fr;
grid-template-areas: "logo nav right-side"
}
.block-header-layout-desktop--desktop-3[data-v-2f044965] .block-header__logo {
grid-area: logo;
margin-right: 16px
}
.block-header-layout-desktop--desktop-3[data-v-2f044965] .block-header__nav-links {
justify-content: center
}
.block-header-layout-desktop--desktop-3[data-v-2f044965] .block-header__nav {
grid-area: nav
}
.block-header-layout-desktop--desktop-3[data-v-2f044965] .block-header__right-side {
grid-area: right-side
}
.block-header-layout-desktop--desktop-3[data-v-2f044965] .block-header__button,.block-header-layout-desktop--desktop-3[data-v-2f044965] .block-header__cart,.block-header-layout-desktop--desktop-3[data-v-2f044965] .block-header__social-icons,.block-header-layout-desktop--desktop-3[data-v-2f044965] .block-header__language-switcher {
margin-left: var(--element-spacing)
}
.block-header-layout-desktop--desktop-4[data-v-2f044965] {
grid-template-columns: 1fr auto 1fr;
grid-template-areas: "nav logo right-side"
}
.block-header-layout-desktop--desktop-4[data-v-2f044965] .block-header__logo {
grid-area: logo
}
.block-header-layout-desktop--desktop-4[data-v-2f044965] .block-header__nav {
grid-area: nav
}
.block-header-layout-desktop--desktop-4[data-v-2f044965] .block-header__right-side {
grid-area: right-side
}
.block-header-layout-desktop--desktop-4[data-v-2f044965] .block-header__nav-links {
margin-right: 16px
}
.block-header-layout-desktop--desktop-4[data-v-2f044965] .block-header__button,.block-header-layout-desktop--desktop-4[data-v-2f044965] .block-header__cart,.block-header-layout-desktop--desktop-4[data-v-2f044965] .block-header__social-icons,.block-header-layout-desktop--desktop-4[data-v-2f044965] .block-header__language-switcher {
margin-left: var(--element-spacing)
}
.block-header-layout-desktop--desktop-5[data-v-2f044965] {
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-2f044965] .block-header__logo {
justify-self: center;
grid-area: logo
}
.block-header-layout-desktop--desktop-5[data-v-2f044965] .block-header__social-icons {
grid-area: social-icons;
margin-right: 16px
}
.block-header-layout-desktop--desktop-5[data-v-2f044965] .block-header__nav {
grid-area: nav
}
.block-header-layout-desktop--desktop-5[data-v-2f044965] .block-header__right-side {
grid-area: right-side
}
.block-header-layout-desktop--desktop-5[data-v-2f044965] .block-header__nav-links {
justify-content: center
}
.block-header-layout-mobile[data-v-2f044965] {
display: none
}
@media screen and (max-width: 920px) {
.block-header-layout-desktop[data-v-2f044965] {
display:none
}
.block-header-layout-mobile[data-v-2f044965] {
z-index: 18;
display: grid;
padding: var(--m-padding, var(--padding));
align-items: center
}
.block-header-layout-mobile__dropdown[data-v-2f044965] {
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-2f044965] {
max-height: initial;
height: 0;
transition: .3s .1s height ease-out,.5s .1s padding,.6s visibility
}
.block-header-layout-mobile__dropdown--open[data-v-2f044965] {
visibility: visible;
height: auto;
max-height: 50vh;
padding: 24px 16px;
box-shadow: 0 6px 14px -10px #0000001a;
animation: show-overflow-2f044965 0s .5s forwards
}
.block-header-layout-mobile__dropdown--open.block-header-layout-mobile__dropdown--full-screen[data-v-2f044965] {
max-height: initial;
height: calc(100dvh - var(--header-height-mobile) - var(--7d9c8432))
}
.block-header-layout-mobile__dropdown--link-align-left[data-v-2f044965] {
align-items: flex-start
}
.block-header-layout-mobile__dropdown--link-align-left[data-v-2f044965] .item-content-wrapper,.block-header-layout-mobile__dropdown--link-align-left[data-v-2f044965] .language-switcher__button {
justify-content: flex-start
}
.block-header-layout-mobile__dropdown--link-align-left[data-v-2f044965] .block-header-item__dropdown {
margin-left: 32px;
align-items: flex-start
}
.block-header-layout-mobile__dropdown--link-align-center[data-v-2f044965] {
align-items: center
}
.block-header-layout-mobile__dropdown--link-align-center[data-v-2f044965] .item-content-wrapper,.block-header-layout-mobile__dropdown--link-align-center[data-v-2f044965] .language-switcher__button {
justify-content: center
}
.block-header-layout-mobile__dropdown--link-align-center[data-v-2f044965] .block-header-item__dropdown {
align-items: center
}
.block-header-layout-mobile__dropdown--link-align-right[data-v-2f044965] {
align-items: flex-end
}
.block-header-layout-mobile__dropdown--link-align-right[data-v-2f044965] .item-content-wrapper,.block-header-layout-mobile__dropdown--link-align-right[data-v-2f044965] .language-switcher__button {
justify-content: flex-end
}
.block-header-layout-mobile__dropdown--link-align-right[data-v-2f044965] .block-header-item__dropdown {
align-items: flex-end
}
.block-header-layout-mobile[data-v-2f044965] .block-header__hamburger-menu {
grid-area: hamburger-menu
}
.block-header-layout-mobile[data-v-2f044965] .block-header__logo {
grid-area: logo
}
.block-header-layout-mobile[data-v-2f044965] .block-header__cart {
grid-area: cart;
overflow: hidden
}
.block-header-layout-mobile[data-v-2f044965] .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-2f044965] .block-header__button {
flex: none
}
.block-header-layout-mobile--mobile-1[data-v-2f044965] {
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-2f044965] .block-header__hamburger-menu {
margin-left: var(--m-element-spacing, var(--element-spacing))
}
.block-header-layout-mobile--mobile-2[data-v-2f044965] {
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-2f044965] .block-header__hamburger-menu {
margin-right: var(--m-element-spacing, var(--element-spacing))
}
.block-header-layout-mobile--mobile-3[data-v-2f044965] {
grid-template-columns: 1fr auto 1fr;
grid-template-areas: "hamburger-menu logo cart"
}
.block-header-layout-mobile--mobile-3[data-v-2f044965] .block-header__cart {
justify-self: end
}
}
@keyframes show-overflow-2f044965 {
to {
overflow-y: auto
}
}
[data-v-08e95abb]: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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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[data-v-08e95abb] {
display: grid;
transition: box-shadow .15s linear;
position: relative;
z-index: 18
}
.block-header__nav-links[data-v-08e95abb] {
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-08e95abb] {
--space-between-icons: 16px
}
.block-header--with-shadow[data-v-08e95abb] {
box-shadow: 0 6px 14px #0000001a
}
@media screen and (max-width: 920px) {
.block-header[data-v-08e95abb] {
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
}
.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(--4f7279b6))
}
: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-warning-dark: #fea419;
--color-warning-dark-2: #9F6000;
--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
}
