@layer base,components,reset,theme,utilities;@layer reset{*{box-sizing:border-box;font-smooth:always;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:auto;-webkit-tap-highlight-color:var(--focusRing);-webkit-nbsp-mode:normal}*,:focus{outline:none}*,::backdrop,::file-selector-button,:after,:before{border:0 solid}}.is-android *{max-height:9999999px;-moz-text-size-adjust:none}body,html{width:100%;margin:0;padding:0;-webkit-locale:"en";overscroll-behavior:none}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;font-size:var(--1rem,16px)!important;letter-spacing:var(--letterSpacing,normal)!important;touch-action:manipulation}body{position:relative;word-break:normal;background:var(--pageBackground,#fff);zoom:var(--zoom)}[contenteditable=true],body{overflow-wrap:anywhere}.page-background{position:absolute;width:100%;height:100%;z-index:-1;contain:strict;background-repeat:var(--pageBackgroundRepeat,repeat);background-position:var(--pageBackgroundPosition,center);background-size:var(--pageBackgroundSize,cover);background-image:var(--pageBackgroundImage)}.page-background--fixed{position:fixed;left:var(--fixedOffset);width:var(--100vw);height:var(--100lvh)}:is(a,button,input[type=submit],[tabindex="0"]):focus-visible{box-shadow:0 0 0 4px var(--focusRing)}@layer reset{audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle;border-style:none}audio,canvas,embed,iframe,object{-webkit-user-select:none;-moz-user-select:none;user-select:none}embed,iframe,img,input[type=image],object,table,video{aspect-ratio:attr(width)/attr(height)}p{margin:0}h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0;margin-block:0;margin-inline:0}h1{font-size:3rem}h2{font-size:2.25rem}h3{font-size:1.875rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}}.element-text :is(h1,h2,h3,h4,h5,h6){font-size:inherit}.element-text h1{font-size:1.15em}@layer reset{ol,ul{position:relative;margin:0;padding:0;list-style:none}}.element-text ul{padding-inline-start:2ch;list-style-type:none!important}.element-text ul>li:before{--s:0.3125em;content:"";position:absolute;left:0;width:var(--s);height:var(--s);background:currentColor;border-radius:50%;margin-top:calc(.5lh - var(--s) / 2);margin-left:calc(1ch - var(--s) / 2)}.element-text ul[style*="list-style-type: square"] li:before{--s:0.65ch;border-radius:0}.element-text ol{padding-inline-start:3ch;list-style-type:none!important}.element-text ol>li{counter-increment:item}.element-text ol>li:before{content:counter(item) ".";display:inline-flex;white-space:nowrap;justify-content:end;position:relative;text-align:right;padding-right:.4ch;width:3ch;margin-left:-3ch;border-radius:50%;font-variant-numeric:tabular-nums;box-sizing:border-box}@layer reset{:is(ul,ol,table,tr)>br{display:none}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle}button,input{overflow:visible;line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}textarea{overflow:auto;vertical-align:top}img{height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}img,svg{max-width:100%}svg{display:inline-block;max-height:100%;fill:currentColor;fill-rule:evenodd;stroke:currentColor;stroke-width:0}hr{border:0;margin-top:.5em;margin-bottom:.5em;height:1px;background:currentColor}}.is-ios.is-safari .page-background--fixed{transform:translateZ(0)}.is-safari [color-type=gradient]{display:inline-block}[color-type=gradient]{-webkit-background-clip:text;-webkit-text-fill-color:transparent}[color-type=gradient] s,[color-type=gradient] u{text-decoration-color:var(--currentColor)}[color-type=gradient] a{opacity:1!important}[color-type=color]:not(:has([background-type])){display:contents}[color-type=color] s,[color-type=color] u{text-decoration-color:initial}[background-type]{display:initial!important}body:not(.mode--editor){min-height:var(--100vh)}body:not(.mode--editor) .only-editor{display:none}body:not(.show-hidden).adaptive-desktop [data-hidden=desktop],body:not(.show-hidden).adaptive-mobile [data-hidden=mobile],body:not(.show-hidden) [data-hidden=all]{display:none!important}.invisible{visibility:hidden}.hidden-all,[data-hidden=true],[hidden],body.adaptive-desktop .hidden-desktop,body.adaptive-mobile .hidden-mobile,body:not(.adaptive-desktop) .visible-desktop,body:not(.adaptive-mobile) .visible-mobile{display:none!important}.adaptive-mobile .provide-panel-safe-area{padding-top:59px}.widget-list{display:contents} @property --fixedOffset{syntax:"";inherits:true;initial-value:0}@property --zoom{syntax:"";inherits:true;initial-value:1}:root{--letterSpacing:0;--1rem:16px;--xsmallGap:15px;--smallGap:25px;--normalGap:50px;--largeGap:70px;--containerGutter:25px;--containerWidth:1150px;--containerMaxWidth:calc(var(--100vw) - var(--containerGutter) * 2);--headerElementsGap:5px;--headerMaxWidth:calc(100% - var(--headerElementsGap) * 2);--headerWidth:calc(var(--containerWidth) + var(--headerElementsGap) * 2);--100cqi:100cqi;--100cqb:100cqb;--100vw:calc(100vw / var(--zoom));--100dvw:calc(100vw / var(--zoom));--100svw:calc(100vw / var(--zoom));--100lvw:calc(100vw / var(--zoom));--100vh:calc(100vh / var(--zoom));--100dvh:calc(100vh / var(--zoom));--100svh:calc(100vh / var(--zoom));--100lvh:calc(100vh / var(--zoom));--cover:var(--100svh);--heroHeight:var(--cover,var(--100lvh,100vh));--heroHeightMin:0vh;--heroHeightMax:1000vh;--linkOpacity:1;--linkColor:inherit;--linkDecoration:underline;--linkDecorationThickness:1px;--linkHoverColor:inherit;--linkHoverOpacity:0.75;--linkHoverDecoration:none;--transitionDuration:0.3s;--transitionTiming:ease;--safeAreaTop:env(safe-area-inset-top);--safeAreaRight:env(safe-area-inset-right);--safeAreaBottom:env(safe-area-inset-bottom);--safeAreaLeft:env(safe-area-inset-left);--imageRendering:auto;--scrollbarWidth:0px}@supports (width:100dvw){:root{--100dvw:calc(100dvw / var(--zoom));--100svw:calc(100svw / var(--zoom));--100lvw:calc(100lvw / var(--zoom));--100dvh:calc(100dvh / var(--zoom));--100svh:calc(100svh / var(--zoom));--100lvh:calc(100lvh / var(--zoom))}}:root{--lightColor:#fff;--lightColor_contrast:#000;--darkColor:#000;--darkColor_contrast:#fff;--lightText:#fff;--lightText_contrast:#060607;--darkText:#060607;--darkText_contrast:#fff;--currentColor:#060607;--currentContrast:#060607;--contrastColor:#fff;--focusRing:rgba(0,149,255,.35)}:root:has(body.adaptive-mobile){--containerGutter:15px;--containerWidth:360px;--headerElementsGap:2px;--xsmallGap:10px;--smallGap:20px;--normalGap:30px;--largeGap:50px}[data-contrast]{color:var(--currentColor)}[data-contrast=dark]{--currentColor:var(--darkText);--currentContrast:var(--darkColor);--contrastColor:var(--darkText_contrast)}[data-contrast=light]{--currentColor:var(--lightText);--currentContrast:var(--lightColor);--contrastColor:var(--lightText_contrast)} @font-face{font-family:Roboto-Ruble;font-style:normal;font-weight:300;src:url("https://xn----7sbdibhbdxfn3bgnvdc1ay.xn--p1ai/_s/files/fonts/roboto-ruble-300.woff2") format("woff2");font-display:swap;unicode-range:u+20bd}@font-face{font-family:Roboto-Ruble;font-style:normal;font-weight:400;src:url("https://xn----7sbdibhbdxfn3bgnvdc1ay.xn--p1ai/_s/files/fonts/roboto-ruble-400.woff2") format("woff2");font-display:swap;unicode-range:u+20bd}@font-face{font-family:Roboto-Ruble;font-style:normal;font-weight:500;src:url("https://xn----7sbdibhbdxfn3bgnvdc1ay.xn--p1ai/_s/files/fonts/roboto-ruble-500.woff2") format("woff2");font-display:swap;unicode-range:u+20bd}@font-face{font-family:Roboto-Ruble;font-style:normal;font-weight:700;src:url("https://xn----7sbdibhbdxfn3bgnvdc1ay.xn--p1ai/_s/files/fonts/roboto-ruble-700.woff2") format("woff2");font-display:swap;unicode-range:u+20bd} .apply-text-style,[class*=font-family-],[class*=text-style-]{font-family:var(--customFontFamily,var(--fontFamily))}.apply-text-style,[class*=text-style-]{font-size:var(--fontSize);font-weight:var(--fontWeight);line-height:var(--lineHeight);letter-spacing:var(--letterSpacing);font-style:var(--fontStyle);-webkit-text-decoration:var(--textDecoration);text-decoration:var(--textDecoration);text-transform:var(--textTransform);text-align:var(--textAlign,inherit);color:var(--currentColor,currentColor)}.adaptive-mobile .apply-text-style,.adaptive-mobile [class*=text-style-]{font-family:var(--customFontFamily_mobile,var(--customFontFamily,var(--fontFamily)));font-size:var(--fontSize_mobile,var(--fontSize));font-weight:var(--fontWeight_mobile,var(--fontWeight));line-height:var(--lineHeight_mobile,var(--lineHeight));letter-spacing:var(--letterSpacing_mobile,var(--letterSpacing));text-align:var(--textAlign_mobile,var(--textAlign,inherit));color:var(--currentColor_mobile,var(--currentColor))}a{text-decoration:none;hyphens:manual;pointer-events:all}a,a:active,a:visited{color:inherit;outline:none}.element-text a,.style-link,p a{color:var(--linkColor);-webkit-text-decoration:var(--linkDecoration);text-decoration:var(--linkDecoration);-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;text-decoration-thickness:var(--linkDecorationThickness);opacity:var(--linkOpacity);transition:all .3s cubic-bezier(.21,.67,.58,1);cursor:pointer}.element-text a:active,.element-text a:visited,.style-link:active,.style-link:visited,p a:active,p a:visited{color:var(--linkColor)}.is-pointer .element-text a:hover,.is-pointer .style-link:hover,.is-pointer p a:hover{color:var(--linkHoverColor);-webkit-text-decoration:var(--linkHoverDecoration);text-decoration:var(--linkHoverDecoration);opacity:var(--linkHoverOpacity)}ol img,p img,ul img{height:auto!important}figure,pre{margin:0}.close-times{font-size:14px;width:2em;height:2em;margin-top:-.5em;margin-right:-.5em;z-index:99;background-repeat:no-repeat;background-position:50%;cursor:pointer;color:currentColor;opacity:1;transition:opacity .18s cubic-bezier(.21,.67,.58,1);transform:translateZ(0);pointer-events:all;will-change:transform,opacity;outline:none}.is-pointer .close-times:hover{text-decoration:none;opacity:.65}.close-times:after,.close-times:before{display:block;content:"";width:2px;height:1.3em;background:currentColor;position:absolute;left:-1px;right:0;top:0;margin-top:.35em;margin-left:1em}.close-times:before{transform:rotate(45deg)}.close-times:after{transform:rotate(-45deg)}.slider-button{display:none}.is-screenshoter,.mode--editor{--focusRing:transparent} @media (min-width:768px) and (max-width:1200px){html{overflow-x:auto}}.container-list{overflow:hidden}.is-modal-open .container-list{z-index:1}.container{position:relative;width:var(--containerWidth)!important;max-width:min(var(--containerMaxWidth),100%)!important;margin:0 auto}body.adaptive-desktop .container.full-width{width:100%!important;max-width:100%!important}.cover{min-height:var(--heroHeight,100vh);min-height:min(max(var(--heroHeightMin),var(--heroHeight)),var(--heroHeightMax));height:auto;align-items:center;align-content:center}.col-2,[data-cols="2"]{flex-basis:8.33333333%;max-width:8.33333333%}.col-3,[data-cols="3"]{flex-basis:12.5%;max-width:12.5%}.col-4,[data-cols="4"]{flex-basis:16.66666667%;max-width:16.66666667%}.col-5,[data-cols="5"]{flex-basis:20.83333333%;max-width:20.83333333%}.col-6,[data-cols="6"]{flex-basis:25%;max-width:25%}.col-7,[data-cols="7"]{flex-basis:29.16666667%;max-width:29.16666667%}.col-8,[data-cols="8"]{flex-basis:33.33333333%;max-width:33.33333333%}.col-9,[data-cols="9"]{flex-basis:37.5%;max-width:37.5%}.col-10,[data-cols="10"]{flex-basis:41.66666667%;max-width:41.66666667%}.col-11,[data-cols="11"]{flex-basis:45.83333333%;max-width:45.83333333%}.col-12,[data-cols="12"]{flex-basis:50%;max-width:50%}.col-13,[data-cols="13"]{flex-basis:54.16666667%;max-width:54.16666667%}.col-14,[data-cols="14"]{flex-basis:58.33333333%;max-width:58.33333333%}.col-15,[data-cols="15"]{flex-basis:62.5%;max-width:62.5%}.col-16,[data-cols="16"]{flex-basis:66.66666667%;max-width:66.66666667%}.col-17,[data-cols="17"]{flex-basis:70.83333333%;max-width:70.83333333%}.col-18,[data-cols="18"]{flex-basis:75%;max-width:75%}.col-19,[data-cols="19"]{flex-basis:79.16666667%;max-width:79.16666667%}.col-20,[data-cols="20"]{flex-basis:83.33333333%;max-width:83.33333333%}.col-21,[data-cols="21"]{flex-basis:87.5%;max-width:87.5%}.col-22,[data-cols="22"]{flex-basis:91.66666667%;max-width:91.66666667%}.col-23,[data-cols="23"]{flex-basis:95.83333333%;max-width:95.83333333%}.col-24,[data-cols="24"]{flex-basis:100%;max-width:100%}.col-auto{flex-grow:1}.layout-type-header{display:flex;flex-flow:column;gap:10px;pointer-events:none;z-index:1000}.layout-type-header .element-item{pointer-events:all}.layout-type-section-title{margin-bottom:var(--sectionTitleGap,50px)}.layout-type-section-footer{margin-top:var(--sectionFooterGap,var(--normalGap,50px))}body.adaptive-desktop .layout-type-section-title:has(.content-zone[data-hidden=all]),body.adaptive-desktop .layout-type-section-title:has(.content-zone[data-hidden=desktop]){margin-bottom:0}body.adaptive-desktop .layout-type-section-footer:has(.content-zone[data-hidden=all]),body.adaptive-desktop .layout-type-section-footer:has(.content-zone[data-hidden=desktop]){margin-top:0}body.adaptive-mobile .layout-type-section-title:has(.content-zone[data-hidden=all]),body.adaptive-mobile .layout-type-section-title:has(.content-zone[data-hidden=mobile]){margin-bottom:0}body.adaptive-mobile .layout-type-section-footer:has(.content-zone[data-hidden=all]),body.adaptive-mobile .layout-type-section-footer:has(.content-zone[data-hidden=mobile]){margin-top:0}.layout-type-cards,.layout-type-column,.layout-type-section-footer,.layout-type-section-title,.layout-type-tabs{z-index:1000}.gap-container{margin:calc(var(--gapSize) / -2);max-width:calc(100% + var(--gapSize));pointer-events:none}.gap-item{margin:calc(var(--gapSize) / 2);pointer-events:auto}.gap-zero{--gapSize:0px}.gap-small{--gapSize:var(--smallGap)}.gap-normal{--gapSize:var(--normalGap)}.gap-large{--gapSize:var(--largeGap)} .b_block,.container-fluid{position:relative}.b_block{z-index:auto;width:100%}.b_block.hidden{display:none}.b_block[data-abtest-variant]:not([data-abtest-active]){display:none!important}body:not(.mode--editor) .b_block.pointerless{pointer-events:none!important}body:not(.mode--editor) .b_block[data-overlayed]{position:absolute}body:not(.is-editor) .b_block[data-overlayed]{pointer-events:none} .adaptive-mobile .cards-am-1,.cards-1{--columns:1}.cards-1 .flexbe-card{flex-basis:calc(100% - var(--gapSize));max-width:calc(100% - var(--gapSize))}.adaptive-mobile .cards-am-2,.cards-2{--columns:2}.cards-2 .flexbe-card{flex-basis:calc(50% - var(--gapSize));max-width:calc(50% - var(--gapSize))}.adaptive-mobile .cards-am-3,.cards-3{--columns:3}.cards-3 .flexbe-card{flex-basis:calc(33.33333333% - var(--gapSize));max-width:calc(33.33333333% - var(--gapSize))}.adaptive-mobile .cards-am-4,.cards-4{--columns:4}.cards-4 .flexbe-card{flex-basis:calc(25% - var(--gapSize));max-width:calc(25% - var(--gapSize))}.adaptive-mobile .cards-am-5,.cards-5{--columns:5}.cards-5 .flexbe-card{flex-basis:calc(20% - var(--gapSize));max-width:calc(20% - var(--gapSize))}.adaptive-mobile .cards-am-6,.cards-6{--columns:6}.cards-6 .flexbe-card{flex-basis:calc(16.66666667% - var(--gapSize));max-width:calc(16.66666667% - var(--gapSize))}.flexbe-cards-root{display:flex;flex-flow:column;align-items:center;position:relative;flex-shrink:0}.flexbe-cards-root .slider-pagination--cards{--paginationMargin:20px;width:100%}.flexbe-cards-root .slider-pagination--cards.type--fraction{--paginationMargin:15px}.flexbe-cards-root .slider-pagination--cards.position--outside{position:absolute;top:100%;left:50%;transform:translateX(-50%);justify-content:center;text-align:center}.flexbe-cards-root .slider-button--cards{pointer-events:none}.flexbe-cards-root .slider-button--cards.position--under{position:relative;left:0;right:0;padding:var(--sliderButtonMargin) calc(var(--sliderButtonMargin) / 2) 0}.flexbe-cards-root .slider-button--cards.position--under.swiper-button-prev{margin-left:auto}.flexbe-cards-root .slider-button--cards.position--under.swiper-button-next{margin-right:auto}.flexbe-cards-root.slider-disabled .slider-button--cards,.flexbe-cards-root.slider-disabled .slider-pagination--cards{display:none}.flexbe-cards-root.slider-enabled .flexbe-cards{flex-wrap:nowrap;justify-content:start}.flexbe-cards-root.slider-enabled .flexbe-card,.flexbe-cards-root.slider-enabled .flexbe-cards-slider{margin-top:0;margin-bottom:0}.flexbe-cards-container{width:100%;min-height:20px;position:relative;flex-shrink:0;flex-flow:row wrap}.flexbe-cards-container,.flexbe-cards-slider{flex-grow:1;display:flex}.flexbe-cards-slider.swiper-effect-fade{margin:0;max-width:100%}.flexbe-cards-slider.swiper-effect-fade .flexbe-cards{--gapSize:0}.flexbe-cards-slider.swiper-effect-fade .swiper-slide-hidden{pointer-events:none}body.adaptive-desktop .flexbe-cards-slider:not(.flexbe-cards-slider--desktop)>.swiper-wrapper{flex-wrap:wrap!important}body.adaptive-desktop .flexbe-cards-slider--desktop>.flexbe-cards{flex-wrap:nowrap;justify-content:start}.flexbe-cards-wrapper{width:100%;display:flex}.hide-overflow>.swiper{overflow-x:hidden;overflow-x:clip}.show-overflow .flexbe-cards-slider.swiper-effect-slide .flexbe-card.swiper-slide{opacity:1;transition:all var(--transitionDuration) var(--transitionTiming,ease) var(--transitionDelay,0s)}.show-overflow .flexbe-cards-slider.swiper-effect-slide .flexbe-card.swiper-slide-hidden{cursor:pointer;pointer-events:all}.is-pointer .show-overflow .flexbe-cards-slider.swiper-effect-slide .flexbe-card.swiper-slide-hidden:hover{opacity:.8;transition:opacity .18s ease}.show-overflow--opacity .swiper-slide-hidden{transition:opacity .3s ease!important}.show-overflow--opacity .swiper-slide-hidden *{pointer-events:none!important}.show-overflow--opacity .flexbe-cards-slider.swiper-effect-slide .flexbe-card.swiper-slide-hidden{opacity:.55}.flexbe-cards{width:100%;flex-flow:row wrap}.flexbe-card,.flexbe-cards{display:flex;flex-shrink:0;flex-grow:1}.flexbe-card .component-ico{transition:none}.adaptive-desktop .layout-type-cards.full-width,.adaptive-mobile .layout-type-cards.am-full-width{padding:0 var(--edgeGap,var(--gapSize))}.flexbe-cards-root .slider-button--cards.position--outside{--sliderButtonOffset:min(0px,calc((var(--100vw) / 2) - var(--sliderButtonSize) - var(--sliderButtonMargin) - 50%))}.flexbe-cards-root .slider-button--cards.position--overlap{--sliderButtonOffset:max(0px,calc((var(--sliderButtonSize) / 2) - (var(--100vw) / 2 - var(--sliderButtonMargin) - 50%)))} .element-item{--zIndex:0;--zIndexValue:calc(1000 + var(--zIndex, 0));--elementPosition:relative;--elementOverflow:visible;--elementAlignX:flex-start;--elementAlignY:flex-start;--elementX:0;--elementY:0;--elementWidth:auto;--elementMinWidth:auto;--elementHeight:auto;--elementMinHeight:auto;--elementMaxHeight:none;--elementTopLeftRadius:0;--elementTopRightRadius:0;--elementBottomRightRadius:0;--elementBottomLeftRadius:0;--elementPaddingTop:0px;--elementPaddingBottom:0px;--elementPaddingRight:0px;--elementPaddingLeft:0px;--elementRotate:0deg;position:var(--elementPosition)!important;display:flex;z-index:var(--zIndexValue);mix-blend-mode:var(--blendMode)}.element-item.no-gutter{--zIndexValue:var(--bgZIndex);padding:0;margin-left:calc(var(--paddingLeft, 0px) * -1);margin-right:calc(var(--paddingRight, 0px) * -1);width:-moz-available;width:-webkit-fill-available;max-width:none}.element-item.no-gutter.is-first-child{margin-top:calc(var(--paddingTop) * -1)!important}.element-item.no-gutter.is-last-child{margin-bottom:calc(var(--paddingBottom) * -1)!important}.element-item.entity-state--hover>.element-content{--elementOpacity:1!important}.element-item.fill-space{flex-grow:1}.element-item.fill-space:not(:has(>.elements-list)){--elementAlign:stretch}.element-content{display:flex;flex-flow:row wrap;justify-content:var(--elementJustify,inherit);align-items:var(--elementAlign,inherit);text-align:var(--elementTextAlign,inherit);overflow:var(--elementOverflow,visible);opacity:var(--elementOpacity,1);position:relative;width:100%;border-top-left-radius:var(--elementTopLeftRadius,0);border-top-right-radius:var(--elementTopRightRadius,0);border-bottom-right-radius:var(--elementBottomRightRadius,0);border-bottom-left-radius:var(--elementBottomLeftRadius,0)}body:not(.mode--editor) .element-content.pointerless,body:not(.mode--editor) .element-content.pointerless *{pointer-events:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}[data-is-container=inline]{container-type:inline-size!important;contain-intrinsic-width:10px}[data-is-container=inline] *{min-width:-moz-min-content;min-width:min-content}[data-element-justify=start]{--elementJustify:flex-start;--elementTextAlign:left}[data-element-justify=center]{--elementJustify:center;--elementTextAlign:center}[data-element-justify=end]{--elementJustify:flex-end;--elementTextAlign:right}[data-element-justify=between]{--elementJustify:space-between;--elementTextAlign:left}[data-element-align=start]{--elementAlign:flex-start}[data-element-align=center]{--elementAlign:center}[data-element-align=end]{--elementAlign:flex-end}body.adaptive-desktop [data-mr="1"]{--sideMarginRight:5%}body.adaptive-desktop [data-ml="1"]{--sideMarginLeft:5%}body.adaptive-desktop [data-mr="2"]{--sideMarginRight:10%}body.adaptive-desktop [data-ml="2"]{--sideMarginLeft:10%}body.adaptive-desktop [data-mr="3"]{--sideMarginRight:15%}body.adaptive-desktop [data-ml="3"]{--sideMarginLeft:15%}body.adaptive-desktop [data-mr="4"]{--sideMarginRight:20%}body.adaptive-desktop [data-ml="4"]{--sideMarginLeft:20%}body.adaptive-desktop [data-mr="5"]{--sideMarginRight:25%}body.adaptive-desktop [data-ml="5"]{--sideMarginLeft:25%}body.adaptive-desktop [data-mr="6"]{--sideMarginRight:30%}body.adaptive-desktop [data-ml="6"]{--sideMarginLeft:30%}body.adaptive-desktop [data-mr="7"]{--sideMarginRight:35%}body.adaptive-desktop [data-ml="7"]{--sideMarginLeft:35%}body.adaptive-desktop [data-mr="8"]{--sideMarginRight:40%}body.adaptive-desktop [data-ml="8"]{--sideMarginLeft:40%}body.adaptive-desktop [data-mr="9"]{--sideMarginRight:45%}body.adaptive-desktop [data-ml="9"]{--sideMarginLeft:45%}body.adaptive-desktop [data-mr="10"]{--sideMarginRight:50%}body.adaptive-desktop [data-ml="10"]{--sideMarginLeft:50%}body.adaptive-desktop [data-mr="11"]{--sideMarginRight:55%}body.adaptive-desktop [data-ml="11"]{--sideMarginLeft:55%}body.adaptive-desktop [data-mr="12"]{--sideMarginRight:60%}body.adaptive-desktop [data-ml="12"]{--sideMarginLeft:60%}body.adaptive-desktop [data-mr="13"]{--sideMarginRight:65%}body.adaptive-desktop [data-ml="13"]{--sideMarginLeft:65%}body.adaptive-desktop [data-mr="14"]{--sideMarginRight:70%}body.adaptive-desktop [data-ml="14"]{--sideMarginLeft:70%}body.adaptive-desktop [data-mr="15"]{--sideMarginRight:75%}body.adaptive-desktop [data-ml="15"]{--sideMarginLeft:75%}body.adaptive-desktop [data-mr="16"]{--sideMarginRight:80%}body.adaptive-desktop [data-ml="16"]{--sideMarginLeft:80%}body.adaptive-desktop [data-mr="17"]{--sideMarginRight:85%}body.adaptive-desktop [data-ml="17"]{--sideMarginLeft:85%}body.adaptive-desktop [data-mr="18"]{--sideMarginRight:90%}body.adaptive-desktop [data-ml="18"]{--sideMarginLeft:90%}body.adaptive-desktop [data-mr="19"]{--sideMarginRight:95%}body.adaptive-desktop [data-ml="19"]{--sideMarginLeft:95%}.element-background-color,.element-background-image,.element-border{position:absolute!important;top:0;left:0;right:0;bottom:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-top-left-radius:var(--elementTopLeftRadius,0)!important;border-top-right-radius:var(--elementTopRightRadius,0)!important;border-bottom-right-radius:var(--elementBottomRightRadius,0)!important;border-bottom-left-radius:var(--elementBottomLeftRadius,0)!important}.element-background-color{background:var(--elementBackgroundColor,transparent);z-index:1}.element-background-image{--proportion:0;z-index:1}.element-border{border:var(--elementBorderWidth,0) var(--elementBorderStyle,solid) var(--elementBorderColor,transparent);z-index:2000} .element-item--explicit-sizing{--elementFlexGrow:0;--elementFlexGrowY:0;--elementFlexBasis:auto;--elementFlexBasisY:auto;--elementAlignSelf:auto;--elementAlignSelfY:auto}.element-item--explicit-sizing,.element-item--explicit-sizing.allow-proportion{--elementHeightPx:var(--elementHeight)}.element-item--explicit-sizing-static{--elementMaxWidth:none;max-width:var(--elementMaxWidth,none)!important}.fillwidth-desktop,.fillwidth-mobile{--elementMinWidth:10px}.fillheight-desktop,.fillheight-mobile{--elementMinHeight:10px}body.adaptive-desktop .element-item--explicit-sizing.autowidth-desktop>.element-content{container-type:revert}body.adaptive-desktop .element-item--explicit-sizing.allow-proportion.autowidth-desktop{--elementWidth:calc(var(--elementHeightPx) / var(--elementProportion))!important}body.adaptive-desktop .element-item--explicit-sizing.fillwidth-desktop{--elementWidth:auto!important}body.adaptive-desktop .element-item--explicit-sizing.fillheight-desktop{--elementHeight:auto!important}body.adaptive-desktop .stack-container[data-direction=column]>.element-item--explicit-sizing-static.fillheight-desktop{--elementFlexGrowY:1;--elementFlexBasisY:0}body.adaptive-desktop .stack-container[data-direction=row]>.element-item--explicit-sizing-static.fillwidth-desktop{--elementFlexGrow:1;--elementFlexBasis:0}body.adaptive-desktop .stack-container[data-direction=column]>.element-item--explicit-sizing-static.fillwidth-desktop{--elementAlignSelf:stretch}body.adaptive-desktop .stack-container[data-direction=row]>.element-item--explicit-sizing-static.fillheight-desktop{--elementAlignSelfY:stretch}body.adaptive-mobile .element-item--explicit-sizing.autowidth-mobile>.element-content{container-type:revert}body.adaptive-mobile .element-item--explicit-sizing.allow-proportion.autowidth-mobile{--elementWidth:calc(var(--elementHeightPx) / var(--elementProportion))!important}body.adaptive-mobile .element-item--explicit-sizing.fillwidth-mobile{--elementWidth:auto!important}body.adaptive-mobile .element-item--explicit-sizing.fillheight-mobile{--elementHeight:auto!important}body.adaptive-mobile .stack-container[data-am-direction=row]>.element-item--explicit-sizing-static.fillwidth-mobile{--elementFlexGrow:1;--elementFlexBasis:0}body.adaptive-mobile .stack-container[data-am-direction=column]>.element-item--explicit-sizing-static.fillheight-mobile{--elementFlexGrowY:1;--elementFlexBasisY:0}body.adaptive-mobile .stack-container[data-am-direction=column]>.element-item--explicit-sizing-static.fillwidth-mobile{--elementAlignSelf:stretch}body.adaptive-mobile .stack-container[data-am-direction=row]>.element-item--explicit-sizing-static.fillheight-mobile{--elementAlignSelfY:stretch} .free-area{position:absolute!important}.element-item--free,.free-area{top:0;left:0;right:0;bottom:0;pointer-events:none!important}.element-item--free{--elementPosition:absolute;margin:auto;justify-content:var(--elementAlignX,inherit)!important;align-items:var(--elementAlignY,inherit)!important;contain:layout style size}.element-item--free[data-overflow]{overflow:hidden;contain:strict;border-radius:calc(var(--topLeftRadius, var(--elementTopLeftRadius, 0)) - var(--borderWidth, 0)) calc(var(--topRightRadius, var(--elementTopRightRadius, 0)) - var(--borderWidth, 0)) calc(var(--bottomRightRadius, var(--elementBottomRightRadius, 0)) - var(--borderWidth, 0)) calc(var(--bottomLeftRadius, var(--elementBottomLeftRadius, 0)) - var(--borderWidth, 0))}.element-content--free{position:relative;flex-shrink:0;pointer-events:auto!important;top:var(--elementY,0);left:var(--elementX,0);width:var(--elementWidth,auto)!important;min-width:var(--elementMinWidth,1px)!important;max-width:var(--elementMaxWidth,none)!important;height:var(--elementHeight,auto)!important;min-height:var(--elementMinHeight,1px)!important;max-height:var(--elementMaxHeight,none)!important;transform:rotate(var(--elementRotate,0));contain:style layout}.element-item.element-with-animation{contain:none}.element-item.element-with-animation.has-scroll-fixed-animation[data-overflow]{clip-path:inset(0)}.has-animation{contain:none;will-change:transform}[data-containment=layout]{width:var(--containerWidth)!important;max-width:var(--containerMaxWidth)!important}.element-item--descent{--zIndexValue:calc(10 + var(--zIndex, 0))}body.adaptive-desktop .element-item--free[data-snap-to]{height:0}body.adaptive-desktop .element-item--free[data-snap-to=top]{bottom:unset}body.adaptive-desktop .element-item--free[data-snap-to=bottom]{top:unset}body.adaptive-mobile .element-item--free[data-am-snap-to]{height:0}body.adaptive-mobile .element-item--free[data-am-snap-to=top]{bottom:unset}body.adaptive-mobile .element-item--free[data-am-snap-to=bottom]{top:unset} .element-item--static{--elementWidth:100%;width:var(--elementWidth,100%);min-width:var(--elementMinWidth,0);max-width:var(--elementMaxWidth,100%);height:var(--elementHeight,auto);min-height:var(--elementMinHeight,0);max-height:var(--elementMaxHeight,none);padding:var(--elementPaddingTop,var(--elementMarginTop,0)) var(--elementPaddingRight,var(--sideMarginRight,0)) var(--elementPaddingBottom,var(--elementMarginBottom,0)) var(--elementPaddingLeft,var(--sideMarginLeft,0))}.element-content--static{transform:rotate(var(--elementRotate,0deg))}.element-item--static:not(.element-item--explicit-sizing-static,.element-item--in-header){--elementWidth:100%!important} .flexbe-row{width:100%;width:-moz-available;width:-webkit-fill-available;max-width:calc(100% + var(--gapSize));flex-flow:row nowrap;margin:0 calc(var(--gapSize) / -2);pointer-events:none}.flexbe-column,.flexbe-row{display:flex;flex-grow:1;flex-shrink:0}.flexbe-column.gap-item{margin:0;padding:calc(var(--gapSize) / 2)}body.adaptive-desktop .flexbe-row.first-row .flexbe-column{padding-top:0}body.adaptive-desktop .flexbe-row.last-row .flexbe-column{padding-bottom:0}.adaptive-desktop .layout-type-column.full-width,.adaptive-mobile .layout-type-column.am-full-width{padding:0 var(--edgeGap,var(--gapSize))}body.adaptive-desktop .clasp-columns>.flexbe-column:not(.hidden-on-desktop):has(+.flexbe-column:not(.hidden-on-desktop)) .content-zone,body.adaptive-desktop.show-hidden .clasp-columns>.flexbe-column:has(+.flexbe-column) .content-zone{--topRightRadius:0px;--bottomRightRadius:0px}body.adaptive-desktop .clasp-columns>.flexbe-column:not(.hidden-on-desktop)+.flexbe-column:not(.hidden-on-desktop) .content-zone,body.adaptive-desktop.show-hidden .clasp-columns>.flexbe-column+.flexbe-column .content-zone{--topLeftRadius:0px;--bottomLeftRadius:0px} .header-area{position:relative;width:100%}.header-wrapper{position:relative;width:inherit;will-change:scroll-position}.floating-header-background{display:block!important;position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none;z-index:-1;opacity:0;visibility:hidden;background:var(--contrastColor);transition:all .15s ease}[data-fixed-animation] .floating-header-background{transition:none}.header-separator{position:relative;margin:0 auto;height:1px;width:var(--containerWidth);background-color:var(--currentColor);z-index:2}body:is(.is-view,.mode--preview,.mode--generation,.state--hide-editor) .b_block[data-overlayed]:not(:has(.position-fixed)){z-index:2499}.b_block .position-fixed,body:is(.is-view,.mode--preview,.mode--generation,.state--hide-editor) .b_block .fixed-area{z-index:2500;width:var(--100vw)}.b_block .position-fixed{position:fixed;top:0;left:var(--fixedOffset,0);transition:top .15s ease}.b_block .position-fixed .hidden-when-fixed,.b_block .position-fixed .hide-floating-separator{display:none}.b_block .position-fixed .floating-header-background{visibility:visible;opacity:1}.b_block .position-sticky{z-index:2501}.b_block .fade-out{animation:slideDown 1 .12s cubic-bezier(.21,.67,.58,1) reverse,fadeIn 1 .12s cubic-bezier(.21,.67,.58,1) reverse;animation-fill-mode:forwards}.b_block .fade-in{animation:slideDown 1 .2s cubic-bezier(.42,0,.79,.33),fadeIn 1 .2s cubic-bezier(.42,0,.79,.33);animation-fill-mode:forwards} .modal-list{display:none;width:100%;height:100%;position:fixed;content-visibility:hidden;overflow:hidden;top:0;bottom:0;left:0;right:0;z-index:3000;pointer-events:none}.modal-list.rise{z-index:100000}.modal-list.show{display:flex;content-visibility:visible}.m_modal{position:absolute;z-index:0;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:none;content-visibility:hidden}.m_modal.hide,.m_modal.show{content-visibility:visible;display:block;z-index:1}.m_modal .modal-data{position:relative;z-index:1;height:100%;display:flex;justify-content:center;align-items:center}.m_modal .modal-data>.close-times{position:fixed;top:40px;right:40px}.m_modal .scroller{padding:var(--normalGap) 0;max-height:100vh;width:100%;height:100%;display:flex;align-items:flex-start;justify-content:center;position:relative;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;pointer-events:all}.m_modal .modal-content{position:relative;margin:auto}.m_modal .close.rise{z-index:100000!important}body:not(.mode--editor) .m_modal.pointerless .scroller{pointer-events:none} .stack-container{position:relative;display:flex;row-gap:var(--containerGapY,0);column-gap:var(--containerGapX,0);flex-wrap:var(--containerWrap,nowrap);flex-direction:var(--containerDirection,inherit);justify-content:var(--containerJustify,inherit);align-items:var(--containerAlign,inherit);align-content:var(--containerAlign,inherit);padding:var(--containerPaddingTop,0) var(--containerPaddingRight,0) var(--containerPaddingBottom,0) var(--containerPaddingLeft,0)}.stack-container>.element-item--explicit-sizing-static{flex-shrink:0}body.adaptive-desktop .stack-container[data-direction=column]>.element-item--explicit-sizing-static{flex-grow:var(--elementFlexGrowY,0);flex-basis:var(--elementFlexBasisY,auto);align-self:var(--elementAlignSelf,auto)}body.adaptive-desktop .stack-container[data-direction=row]>.element-item--explicit-sizing-static{flex-grow:var(--elementFlexGrow,0);flex-basis:var(--elementFlexBasis,auto);align-self:var(--elementAlignSelfY,auto)}body.adaptive-desktop .is-container.autoheight-desktop:has(>.elements-list--empty),body.adaptive-desktop .is-container.autowidth-desktop:has(>.elements-list--empty){--elementMinWidth:50px;--elementMinHeight:50px}body.adaptive-mobile .stack-container[data-am-direction=column]>.element-item--explicit-sizing-static{flex-grow:var(--elementFlexGrowY,0);flex-basis:var(--elementFlexBasisY,auto);align-self:var(--elementAlignSelf,auto)}body.adaptive-mobile .stack-container[data-am-direction=row]>.element-item--explicit-sizing-static{flex-grow:var(--elementFlexGrow,0);flex-basis:var(--elementFlexBasis,auto);align-self:var(--elementAlignSelfY,auto)}body.adaptive-mobile .is-container.autoheight-desktop:has(>.elements-list--empty),body.adaptive-mobile .is-container.autowidth-desktop:has(>.elements-list--empty){--elementMinWidth:50px;--elementMinHeight:50px} body.adaptive-mobile .layout-type-header{gap:5px}body.adaptive-mobile .container.am-full-width{width:100%!important;max-width:100%!important}body.adaptive-mobile .col-am-4{flex-basis:16.66666667%;max-width:16.66666667%}body.adaptive-mobile .col-am-5{flex-basis:20.83333333%;max-width:20.83333333%}body.adaptive-mobile .col-am-6{flex-basis:25%;max-width:25%}body.adaptive-mobile .col-am-7{flex-basis:29.16666667%;max-width:29.16666667%}body.adaptive-mobile .col-am-8{flex-basis:33.33333333%;max-width:33.33333333%}body.adaptive-mobile .col-am-9{flex-basis:37.5%;max-width:37.5%}body.adaptive-mobile .col-am-10{flex-basis:41.66666667%;max-width:41.66666667%}body.adaptive-mobile .col-am-11{flex-basis:45.83333333%;max-width:45.83333333%}body.adaptive-mobile .col-am-12{flex-basis:50%;max-width:50%}body.adaptive-mobile .col-am-13{flex-basis:54.16666667%;max-width:54.16666667%}body.adaptive-mobile .col-am-14{flex-basis:58.33333333%;max-width:58.33333333%}body.adaptive-mobile .col-am-15{flex-basis:62.5%;max-width:62.5%}body.adaptive-mobile .col-am-16{flex-basis:66.66666667%;max-width:66.66666667%}body.adaptive-mobile .col-am-17{flex-basis:70.83333333%;max-width:70.83333333%}body.adaptive-mobile .col-am-18{flex-basis:75%;max-width:75%}body.adaptive-mobile .col-am-19{flex-basis:79.16666667%;max-width:79.16666667%}body.adaptive-mobile .col-am-20{flex-basis:83.33333333%;max-width:83.33333333%}body.adaptive-mobile .col-am-21{flex-basis:87.5%;max-width:87.5%}body.adaptive-mobile .col-am-22{flex-basis:91.66666667%;max-width:91.66666667%}body.adaptive-mobile .col-am-23{flex-basis:95.83333333%;max-width:95.83333333%}body.adaptive-mobile .col-am-24{flex-basis:100%;max-width:100%}body.adaptive-mobile .gap-am-zero{--gapSize:0px}body.adaptive-mobile .gap-am-10,body.adaptive-mobile .gap-am-xsmall{--gapSize:var(--xsmallGap)}body.adaptive-mobile .gap-am-small{--gapSize:var(--smallGap)}body.adaptive-mobile .gap-am-normal{--gapSize:var(--normalGap)}body.adaptive-mobile .gap-am-large{--gapSize:var(--largeGap)}body.adaptive-mobile .hor-padding-am-0{--edgeGap:0px}body.adaptive-mobile .hor-padding-am-1{--edgeGap:1px}body.adaptive-mobile .hor-padding-am-2{--edgeGap:2px}body.adaptive-mobile .hor-padding-am-3{--edgeGap:3px}body.adaptive-mobile .hor-padding-am-4{--edgeGap:4px}body.adaptive-mobile .hor-padding-am-5{--edgeGap:5px}body.adaptive-mobile .hor-padding-am-6{--edgeGap:6px}body.adaptive-mobile .hor-padding-am-7{--edgeGap:7px}body.adaptive-mobile .hor-padding-am-8{--edgeGap:8px}body.adaptive-mobile .hor-padding-am-9{--edgeGap:9px}body.adaptive-mobile .hor-padding-am-10{--edgeGap:10px}body.adaptive-mobile .hor-padding-am-11{--edgeGap:11px}body.adaptive-mobile .hor-padding-am-12{--edgeGap:12px}body.adaptive-mobile .hor-padding-am-13{--edgeGap:13px}body.adaptive-mobile .hor-padding-am-14{--edgeGap:14px}body.adaptive-mobile .hor-padding-am-15{--edgeGap:15px}body.adaptive-mobile .hor-padding-am-16{--edgeGap:16px}body.adaptive-mobile .hor-padding-am-17{--edgeGap:17px}body.adaptive-mobile .hor-padding-am-18{--edgeGap:18px}body.adaptive-mobile .hor-padding-am-19{--edgeGap:19px}body.adaptive-mobile .hor-padding-am-20{--edgeGap:20px} body.adaptive-mobile .cards-am-1 .flexbe-card{flex-basis:calc(100% - var(--gapSize));max-width:calc(100% - var(--gapSize))}body.adaptive-mobile .cards-am-2 .flexbe-card{flex-basis:calc(50% - var(--gapSize));max-width:calc(50% - var(--gapSize))}body.adaptive-mobile .cards-am-3 .flexbe-card{flex-basis:calc(33.33333333% - var(--gapSize));max-width:calc(33.33333333% - var(--gapSize))}body.adaptive-mobile .cards-am-4 .flexbe-card{flex-basis:calc(25% - var(--gapSize));max-width:calc(25% - var(--gapSize))}body.adaptive-mobile .card-am-flexible{max-width:none!important}body.adaptive-mobile .flexbe-cards-root .slider-pagination--cards{--paginationMargin:10px}body.adaptive-mobile .flexbe-cards-wrapper{overflow:visible}body.adaptive-mobile .flexbe-cards-slider:not(.flexbe-cards-slider--mobile) .swiper-wrapper{flex-wrap:wrap!important}body.adaptive-mobile .flexbe-cards-slider--mobile>.flexbe-cards{flex-wrap:nowrap;justify-content:start} body.adaptive-mobile [data-am-element-justify=start]{--elementJustify:flex-start;--elementTextAlign:left}body.adaptive-mobile [data-am-element-justify=center]{--elementJustify:center;--elementTextAlign:center}body.adaptive-mobile [data-am-element-justify=end]{--elementJustify:flex-end;--elementTextAlign:right}body.adaptive-mobile [data-am-element-align=start]{--elementAlign:flex-start}body.adaptive-mobile [data-am-element-align=center]{--elementAlign:center}body.adaptive-mobile [data-am-element-align=end]{--elementAlign:flex-end} body.adaptive-mobile .flexbe-row{flex-wrap:wrap;margin:0}body.adaptive-mobile .flexbe-row.first-row .first-column{--gapSizeTop:0}body.adaptive-mobile .flexbe-row.last-row .last-column{--gapSizeBottom:0}body.adaptive-mobile .flexbe-row.reverse-on-mobile{flex-wrap:wrap-reverse}body.adaptive-mobile .flexbe-row.reverse-on-mobile .first-column{--gapSizeTop:calc(var(--gapSize) / 2);--gapSizeBottom:0}body.adaptive-mobile .flexbe-row.reverse-on-mobile .last-column{--gapSizeTop:0;--gapSizeBottom:calc(var(--gapSize) / 2)}body.adaptive-mobile .flexbe-column{--gapSizeTop:calc(var(--gapSize) / 2);--gapSizeBottom:calc(var(--gapSize) / 2);width:100%;max-width:100%;flex-basis:100%;padding:var(--gapSizeTop) 0 var(--gapSizeBottom)}body.adaptive-mobile .flexbe-column:has(+.last-column>[data-hidden=all]:not(:is(.entity-state--hover,.entity-state--focus))),body.adaptive-mobile .flexbe-column:has(+.last-column>[data-hidden=mobile]:not(:is(.entity-state--hover,.entity-state--focus))){--gapSizeBottom:0}body.adaptive-mobile .layout-type-column.columns-am-2>.flexbe-row>.flexbe-column:has(>[data-hidden=mobile]:not(:is(.entity-state--hover,.entity-state--focus)),>[data-hidden=all]:not),body.adaptive-mobile .layout-type-column:not(.columns-am-2)>.flexbe-row>.flexbe-column:has([data-hidden=mobile]:not(:is(.entity-state--hover,.entity-state--focus)),[data-hidden=all]:not){--gapSizeTop:0;--gapSizeBottom:0}body.adaptive-mobile .layout-type-column.columns-am-2>.flexbe-row{margin:calc(var(--gapSize) / -2);max-width:calc(100% + var(--gapSize))}body.adaptive-mobile .layout-type-column.columns-am-2>.flexbe-row.reverse-on-mobile{flex-wrap:wrap}body.adaptive-mobile .layout-type-column.columns-am-2>.flexbe-row.reverse-on-mobile>.flexbe-column:first-child{order:-1}body.adaptive-mobile .layout-type-column.columns-am-2>.flexbe-row.reverse-on-mobile>.flexbe-column:nth-child(2){order:-2}body.adaptive-mobile .layout-type-column.columns-am-2>.flexbe-row.reverse-on-mobile>.flexbe-column:nth-child(3){order:-3}body.adaptive-mobile .layout-type-column.columns-am-2>.flexbe-row.reverse-on-mobile>.flexbe-column:nth-child(4){order:-4}body.adaptive-mobile .layout-type-column.columns-am-2>.flexbe-row.reverse-on-mobile>.flexbe-column:nth-child(5){order:-5}body.adaptive-mobile .layout-type-column.columns-am-2>.flexbe-row.reverse-on-mobile>.flexbe-column:nth-child(6){order:-6}body.adaptive-mobile .layout-type-column.columns-am-2>.flexbe-row>.flexbe-column{flex-basis:calc(var(--columnMobileSize) - var(--gapSize));max-width:calc(var(--columnMobileSize) - var(--gapSize));margin:calc(var(--gapSize) / 2);padding:0}body.adaptive-mobile .layout-type-column.columns-am-2>.flexbe-row>.flexbe-column.am-column-start{--columnMobileSize:var(--columnMobileSizeStart,50%)}body.adaptive-mobile .layout-type-column.columns-am-2>.flexbe-row>.flexbe-column.am-column-end{--columnMobileSize:var(--columnMobileSizeEnd,50%)}body.adaptive-mobile:not(.show-hidden) .layout-type-column.columns-am-2>.flexbe-row.has-hidden-mobile-column>.flexbe-column.am-visible-column-start{--columnMobileSize:var(--columnMobileSizeStart,50%)}body.adaptive-mobile:not(.show-hidden) .layout-type-column.columns-am-2>.flexbe-row.has-hidden-mobile-column>.flexbe-column.am-visible-column-end{--columnMobileSize:var(--columnMobileSizeEnd,50%)}body.adaptive-mobile .layout-type-column.columns-am-2>.flexbe-row.am-clasp-columns:not(.has-hidden-mobile-column)>.flexbe-column.am-has-right-neighbor .content-zone,body.adaptive-mobile .layout-type-column:not(.columns-am-2)>.flexbe-row.am-clasp-columns>.flexbe-column.am-has-right-neighbor .content-zone,body.adaptive-mobile.show-hidden .layout-type-column.columns-am-2>.flexbe-row.am-clasp-columns>.flexbe-column.am-has-right-neighbor .content-zone{--topRightRadius:0px;--bottomRightRadius:0px}body.adaptive-mobile .layout-type-column.columns-am-2>.flexbe-row.am-clasp-columns:not(.has-hidden-mobile-column)>.flexbe-column.am-has-left-neighbor .content-zone,body.adaptive-mobile .layout-type-column:not(.columns-am-2)>.flexbe-row.am-clasp-columns>.flexbe-column.am-has-left-neighbor .content-zone,body.adaptive-mobile.show-hidden .layout-type-column.columns-am-2>.flexbe-row.am-clasp-columns>.flexbe-column.am-has-left-neighbor .content-zone{--topLeftRadius:0px;--bottomLeftRadius:0px}body.adaptive-mobile .layout-type-column.columns-am-2>.flexbe-row.am-clasp-columns:not(.has-hidden-mobile-column)>.flexbe-column.am-has-top-neighbor .content-zone,body.adaptive-mobile .layout-type-column:not(.columns-am-2)>.flexbe-row.am-clasp-columns>.flexbe-column.am-has-top-neighbor .content-zone,body.adaptive-mobile.show-hidden .layout-type-column.columns-am-2>.flexbe-row.am-clasp-columns>.flexbe-column.am-has-top-neighbor .content-zone{--topLeftRadius:0px;--topRightRadius:0px}body.adaptive-mobile .layout-type-column.columns-am-2>.flexbe-row.am-clasp-columns:not(.has-hidden-mobile-column)>.flexbe-column.am-has-bottom-neighbor .content-zone,body.adaptive-mobile .layout-type-column:not(.columns-am-2)>.flexbe-row.am-clasp-columns>.flexbe-column.am-has-bottom-neighbor .content-zone,body.adaptive-mobile.show-hidden .layout-type-column.columns-am-2>.flexbe-row.am-clasp-columns>.flexbe-column.am-has-bottom-neighbor .content-zone{--bottomLeftRadius:0px;--bottomRightRadius:0px}body.adaptive-mobile:not(.show-hidden) .layout-type-column.columns-am-2>.flexbe-row.has-hidden-mobile-column.am-clasp-columns>.flexbe-column.am-visible-has-right-neighbor .content-zone{--topRightRadius:0px;--bottomRightRadius:0px}body.adaptive-mobile:not(.show-hidden) .layout-type-column.columns-am-2>.flexbe-row.has-hidden-mobile-column.am-clasp-columns>.flexbe-column.am-visible-has-left-neighbor .content-zone{--topLeftRadius:0px;--bottomLeftRadius:0px}body.adaptive-mobile:not(.show-hidden) .layout-type-column.columns-am-2>.flexbe-row.has-hidden-mobile-column.am-clasp-columns>.flexbe-column.am-visible-has-top-neighbor .content-zone{--topLeftRadius:0px;--topRightRadius:0px}body.adaptive-mobile:not(.show-hidden) .layout-type-column.columns-am-2>.flexbe-row.has-hidden-mobile-column.am-clasp-columns>.flexbe-column.am-visible-has-bottom-neighbor .content-zone{--bottomLeftRadius:0px;--bottomRightRadius:0px} body.adaptive-mobile .m_modal .modal-data>.close-times{display:block!important;top:0;right:var(--fixedOffset);margin-top:20px;margin-right:10px}body.adaptive-mobile .m_modal .component-bg{left:var(--fixedOffset);width:var(--100vw)}body.adaptive-mobile .m_modal .scroller{min-height:100%;padding:0}body.adaptive-mobile .m_modal .modal-data{justify-content:stretch;align-items:stretch} .flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.items-center{align-items:center}.flex-grow{flex-grow:1} .overflow{overflow:hidden}.noanimate,.noanimate *{transition:none!important;animation:none!important}.scrollable{pointer-events:all;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.invisible-scrollbar{scrollbar-width:none}.invisible-scrollbar::-webkit-scrollbar{display:none}.break-keep{word-break:keep-all}.wrap-normal{overflow-wrap:normal}.whitespace-nowrap{white-space:nowrap}.justify-content-start{justify-content:flex-start}.justify-content-end{justify-content:flex-end}.justify-content-center{justify-content:center}.align-items-start{align-items:flex-start;align-content:flex-start}.align-items-end{align-items:flex-end;align-content:flex-end}.align-items-center{align-items:center;align-content:center}.align-items-stretch{align-items:stretch;align-content:stretch}.fr-dib{display:block;margin:0 auto}.fr-dib.fr-fil{margin-left:0}.fr-dib.fr-fir{margin-right:0}.fr-dii{display:inline-block;margin:.5em}.fr-dii.fr-fil{float:left;margin-left:0}.fr-dii.fr-fir{float:right;margin-right:0} .component-bg{position:absolute;top:var(--componentBgInsetTop,0);left:var(--componentBgInsetLeft,0);right:var(--componentBgInsetRight,0);bottom:var(--componentBgInsetBottom,0);overflow:hidden;pointer-events:none;z-index:0;border-top-left-radius:var(--componentBgTopLeftRadius,0);border-top-right-radius:var(--componentBgTopRightRadius,0);border-bottom-right-radius:var(--componentBgBottomRightRadius,0);border-bottom-left-radius:var(--componentBgBottomLeftRadius,0)}.component-bg .layer{position:absolute;top:0;left:0;width:100%;height:100%}.component-bg .color-holder{background:var(--componentBgVideoPreview,transparent)}.component-bg .image-holder,.component-bg .preview-holder{background-repeat:no-repeat;background-size:cover}.component-bg .image-holder{image-rendering:var(--imageRendering,auto)}.component-bg .preview-holder{transition:opacity .3s ease,visibility .3s ease}.component-bg .video-holder{opacity:0;display:flex;align-items:center;justify-content:center}.component-bg .video-holder iframe,.component-bg .video-holder video{flex-shrink:0}.component-bg .parallax-holder+.image-holder{animation:none!important}.component-bg .parallax-holder.ready+.image-holder{opacity:0;visibility:hidden}.component-bg .blur-holder{z-index:10;backdrop-filter:var(--componentBgBlur,none)}.component-bg .overlay{background:var(--componentBgColor,transparent);opacity:var(--componentBgOpacity,1)}.component-bg.image-loaded .preview-holder{opacity:0;visibility:hidden}.component-bg.video-loaded .color-holder,.component-bg.video-loaded .image-holder{opacity:0;visibility:hidden;display:none}.component-bg.video-loaded .video-holder{opacity:1}.component-bg[data-type=video][data-effect] .image-holder,.component-bg[data-type=video][data-effect] .video-holder{position:fixed;height:max(100vh,var(--100vh))}.component-bg[data-type=video][data-effect=parallax] .image-holder,.component-bg[data-type=video][data-effect=parallax] .video-holder{transform:translateZ(0);will-change:transform}.component-bg[data-type=image][data-effect=fixed] .image-holder{transform:none!important;transition:none!important;animation:none!important;will-change:unset!important;contain:none!important}.component-bg[data-type=image][data-effect=fixed] .image-holder,.component-bg[data-type=image][data-effect=fixed] .preview-holder{background-attachment:fixed}.component-bg[data-type=video][data-effect],body:is(.is-ios,.is-osx.is-touch,.is-safari,.adaptive-mobile) .component-bg[data-effect=fixed]{clip-path:inset(0 round var(--componentBgTopLeftRadius,0) var(--componentBgTopRightRadius,0) var(--componentBgBottomRightRadius,0) var(--componentBgBottomLeftRadius,0))}body:is(.is-ios,.is-osx.is-touch,.is-safari,.adaptive-mobile) .component-bg[data-effect=fixed] .image-holder,body:is(.is-ios,.is-osx.is-touch,.is-safari,.adaptive-mobile) .component-bg[data-effect=fixed] .preview-holder{position:fixed;background-attachment:scroll;left:var(--fixedOffset);width:var(--100vw);height:var(--100lvh);will-change:transform;transform:translateZ(0)}.m_modal .modal-data>.component-bg,.w_widget>.component-bg{backdrop-filter:var(--componentBgBlur,none)}body:is(.is-ios,.is-osx.is-touch,.is-safari) .m_modal .modal-data>.component-bg,body:is(.is-ios,.is-osx.is-touch,.is-safari) .w_widget>.component-bg{-webkit-backdrop-filter:var(--componentBgBlur,none)}body:is(.is-ios,.is-osx.is-touch,.is-safari) .component-bg .blur-holder{z-index:10;-webkit-backdrop-filter:var(--componentBgBlur,none)}.b_block .component-bg .overlay[data-alpha="1"]{opacity:1!important}body.adaptive-mobile .component-bg[data-mobile-video-enabled=false] .video-holder{display:none!important}body.adaptive-mobile .component-bg[data-mobile-video-enabled=false] .image-holder{opacity:1;visibility:visible;display:block}body.adaptive-mobile .component-bg[data-effect-mobile=off] .layer{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background-attachment:scroll!important;transform:none!important;will-change:auto!important}body.adaptive-mobile .component-bg[data-effect-mobile=off] .image-holder{opacity:1!important;visibility:visible!important}body.adaptive-mobile .component-bg[data-effect-mobile=off] .parallax-holder{display:none!important}body.adaptive-mobile .component-bg[data-effect-mobile=off] .overlay{--componentBgOpacity:revert!important} .bg-element{position:relative;box-sizing:border-box;--bgColor:none;--bgImage:none;--bgAverageColor:none;--bgShadingColor:none;--bgPositionX:50%;--bgPositionY:50%;--bgShadow:none;--borderWidth:0px;--borderColor:transparent;--bgShadowZIndex:997;--bgZIndex:998;--bgZBorder:999;--hoverFadeInFrom:0;--hoverFadeInTo:1;z-index:auto}.bg-border,.bg-border-hover,.bg-fill,.bg-fill-hover,.bg-glare-hover,.bg-preview,.bg-shadow{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--topLeftRadius,0) var(--topRightRadius,0) var(--bottomRightRadius,0) var(--bottomLeftRadius,0);pointer-events:none}.bg-glare-hover{overflow:hidden;contain:strict;z-index:var(--bgZIndex)}.bg-glare-hover:before{position:absolute;top:0;left:0;right:0;bottom:0;content:"";aspect-ratio:1/1;border-radius:100%;transform:translate(calc(var(--bgGlareX, 0) - 50%),calc(var(--bgGlareY, 0) - 50%));background:var(--bgGlareColor);filter:blur(var(--bgGlareBlur,100px));z-index:auto;width:0;transition:width max(var(--transitionDuration),.1s) var(--transitionTiming,ease)}.bg-fill{z-index:var(--bgZIndex);background:var(--bgColor)}.bg-fill[data-img-ext=png]{background-color:transparent}.bg-fill[data-type=image]{background-size:cover;background-repeat:no-repeat;background-position:var(--bgPositionX) var(--bgPositionY)}.bg-fill[data-type=image]:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;background:var(--bgShadingColor);border-radius:inherit}.bg-fill-hover{display:none;z-index:var(--bgZIndex);background:var(--hoverBgColor)}.bg-fill-hover[data-img-ext=png]{background-color:transparent}.bg-fill-hover[data-type=image]{background-size:cover;background-repeat:no-repeat;background-color:var(--hoverBgAverageColor);background-position:var(--hoverBgPositionX) var(--hoverBgPositionY)}.bg-fill-hover[data-type=image]:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;background-color:var(--hoverBgShadingColor);border-radius:inherit}.bg-preview{z-index:var(--bgZIndex);background-repeat:no-repeat;background-size:cover;background-position:var(--bgPositionX) var(--bgPositionY);background-color:var(--bgAverageColor);transition:opacity .4s ease,visibility .4s ease}.bg-border{border:var(--borderWidth) solid var(--borderColor);z-index:var(--bgZBorder)}.bg-border.is-gradient{background:var(--borderGradient);border-radius:0;border:0}.bg-border-hover{display:none;z-index:var(--bgZBorder);border:var(--borderWidth) solid var(--hoverBorderColor)}.bg-border-hover.is-gradient{background:var(--hoverBorderGradient);border-radius:0;border:0}.bg-shadow{box-shadow:var(--bgShadow);z-index:var(--bgShadowZIndex)}.is-touch .bg-glare-hover{display:none!important} .component-button{--bgZIndex:0;--bgZBorder:1;--iconMargin:10px;--iconSize:1rem;--textAlign:center;--justifyContent:center;--buttonWide:auto;background:none;border:none;color:var(--currentColor);font:inherit;outline:inherit;display:inline-flex;position:relative;padding:var(--gapY,0) var(--gapX,0);border-radius:var(--topLeftRadius,0) var(--topRightRadius,0) var(--bottomRightRadius,0) var(--bottomLeftRadius,0);min-width:15px;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:var(--textAlign);justify-content:var(--justifyContent);align-items:center;vertical-align:middle;max-width:100%;word-break:normal;hyphens:none;width:var(--buttonWide,"auto")!important}.component-button:is([data-action-target],[data-action]){cursor:pointer}.component-button a[data-action]{-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;height:100%;position:absolute;z-index:1;cursor:pointer}.component-button.wide{--buttonWide:100%}.component-button.high{height:100%!important}.component-button .btn-icon{min-height:min(var(--iconSize),1lh)}.component-button .btn-icon,.component-button .btn-text{transition:var(--transitionDuration) var(--transitionTiming);transition-property:color,opacity}.component-button .btn-text{position:relative;min-height:1lh;word-break:keep-all;overflow-wrap:normal}.component-button .btn-text.text-gradient{background:var(--currentGradient,var(--currentColor));background-clip:text!important;-webkit-background-clip:text!important;text-decoration-color:var(--currentContrast);-webkit-text-decoration-color:var(--currentContrast);color:transparent;-webkit-text-fill-color:transparent}.component-button :is(.btn-icon,.btn-text){z-index:2}.component-button .btn-icon.icon-right{order:2}.component-button .btn-icon.icon-right+.btn-text{margin-right:var(--iconMargin)}.component-button .btn-icon.icon-left+.btn-text{margin-left:var(--iconMargin)}.component-button .in-cart-icon{position:absolute;top:50%;left:50%;width:18px;opacity:0;visibility:hidden;transform:translate3d(-50%,-50%,0) scale(.6)}.component-button.animate-add-to-cart{pointer-events:none}.component-button.animate-add-to-cart .btn-text,.component-button.animate-add-to-cart .component-icon{transition:none;opacity:0;will-change:transform}.component-button.animate-add-to-cart .in-cart-icon{opacity:1;transform:translate3d(-50%,-50%,0) scale(1);visibility:visible;will-change:transform;transition:opacity .45s,visibility .45s,transform .3s cubic-bezier(.25,1,.1,3)}body:is(.is-view,.mode--preview,.mode--generation,.state--hide-editor) .component-button.hover{color:var(--currentColorHover,var(--currentColor))}body:is(.is-view,.mode--preview,.mode--generation,.state--hide-editor) .component-button.hover .btn-text.text-gradient{background:var(--currentColor)}body:is(.is-view,.mode--preview,.mode--generation,.state--hide-editor) .component-button.hover .component-icon{color:var(--iconColorHover,var(--iconColor,var(--currentColor)))} body.adaptive-mobile .component-button{width:var(--buttonWide_mobile,var(--buttonWide))!important;text-align:var(--textAlign_mobile,var(--textAlign));justify-content:var(--justifyContent_mobile,var(--justifyContent))} .component-button.submitting,.component-button.success{pointer-events:none}.component-button.submitting .btn-text,.component-button.submitting .component-icon,.component-button.success .btn-text,.component-button.success .component-icon{opacity:0}.component-button.submitting .submitting-icon,.component-button.success .success-icon{display:block;opacity:1}.component-button .submitting-icon,.component-button .success-icon{position:absolute;width:18px;height:18px;top:50%;left:50%;margin:auto;transform:translate(-50%,-50%);display:none;opacity:0;transition:opacity .3s ease} .text-underline{pointer-events:none;position:absolute;left:0;right:0;transition:var(--transitionDuration) var(--transitionTiming)}.text-underline:not(.is-static){bottom:calc(var(--hoverUnderlineBorder) * -1);height:var(--hoverUnderlineBorder);background:var(--hoverUnderlineColor)}.text-underline:not(.is-static).is-underlined{transform:translateY(4px);opacity:0}.text-underline:not(.is-static).is-animated{left:auto;right:0;width:0}.text-underline:not(.is-static).is-change{opacity:0}.text-underline.is-static{bottom:calc(var(--underlineBorder) * -1);height:var(--underlineBorder);background:var(--underlineColor)}.text-underline.is-static.is-underlined{transform:translateY(0);opacity:1}.text-underline.is-static.is-animated{left:0;right:auto;width:100%}body:is(.is-view,.mode--preview,.mode--generation,.state--hide-editor) .hover-underline:hover .text-underline.is-change,body:is(.is-view,.mode--preview,.mode--generation,.state--hide-editor) .hover-underline:hover .text-underline:not(.is-static){bottom:calc(var(--hoverUnderlineBorder) * -1);height:var(--hoverUnderlineBorder);background:var(--hoverUnderlineColor)}body:is(.is-view,.mode--preview,.mode--generation,.state--hide-editor) .hover-underline:hover .text-underline:not(.is-static).is-underlined{transform:translateY(0);opacity:1}body:is(.is-view,.mode--preview,.mode--generation,.state--hide-editor) .hover-underline:hover .text-underline:not(.is-static).is-animated{left:0;right:auto;width:100%}body:is(.is-view,.mode--preview,.mode--generation,.state--hide-editor) .hover-underline:hover .text-underline.is-static.is-underlined{transform:translateY(4px);opacity:0}body:is(.is-view,.mode--preview,.mode--generation,.state--hide-editor) .hover-underline:hover .text-underline.is-static.is-animated{left:auto;right:0;width:0} :root{--iconSize:60px;--iconBorderSize:1px;--iconBorderRadius:15%;--transitionDuration:0.2s;--transitionTiming:ease}.component-icon{--iconScaling:var(--scaling,56%);position:relative;display:flex;align-items:center;justify-content:center;border-radius:0;overflow:hidden;width:var(--iconSize);color:var(--iconColor,var(--currentColor));max-width:100%;flex-shrink:0}.component-icon[data-action-target]{cursor:pointer}.component-icon [data-action]{position:absolute;inset:0;z-index:2}.component-icon:after{position:absolute;top:0;left:0;width:100%;height:100%;display:none;content:"";border-radius:inherit;box-sizing:border-box;z-index:0}.component-icon .icon-wrap{display:flex;position:relative;width:100%;padding-bottom:100%;z-index:1}.component-icon .icon{position:absolute;top:0;left:0;width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:50%}.component-icon .icon.hover-icon{opacity:0}.component-icon.style--bordered.border--medium{--iconBorderSize:2px}.component-icon.style--bordered.border--large{--iconBorderSize:3px}.component-icon.style--bordered.border--xlarge{--iconBorderSize:5px}.component-icon.size--xsmall{--iconSize:26px}.component-icon.size--small{--iconSize:40px}.component-icon.size--medium{--iconSize:60px}.component-icon.size--large{--iconSize:80px}.component-icon.size--custom{width:var(--iconSizeFallback,var(--iconSize))}.component-icon.style--bordered:after,.component-icon.style--filled:after{display:block}.component-icon.style--bordered .icon,.component-icon.style--filled .icon{width:var(--iconScaling);height:var(--iconScaling);top:calc((100% - var(--iconScaling)) / 2);left:calc((100% - var(--iconScaling)) / 2)}.component-icon.style--filled:after{background:var(--iconColor,var(--currentColor))}.component-icon.style--filled .icon-wrap{color:var(--iconColor_contrast,var(--contrastColor))}.component-icon.style--bordered:after{border:var(--iconBorderSize) solid var(--iconColor,var(--currentColor));z-index:1}.component-icon.shape--round{border-radius:50%}.component-icon.shape--rounded{border-radius:var(--iconBorderRadius)}.component-icon.scale--cover .icon{top:0;left:0;width:100%;height:100%;background-size:cover}.component-icon.color--dark{--currentColor:var(--darkText);--contrastColor:var(--darkText_contrast)}.component-icon.color--light{--currentColor:var(--lightText);--contrastColor:var(--lightText_contrast)}.component-icon.hover--opacity .icon-wrap,.component-icon.hover--opacity:after{transition:opacity var(--transitionDuration) var(--transitionTiming)}.component-icon.hover--opacity:hover .icon-wrap,.component-icon.hover--opacity:hover:after{opacity:.7}.component-icon.hover--zoom{overflow:visible}.component-icon.hover--zoom .icon-wrap,.component-icon.hover--zoom:after{transition:transform var(--transitionDuration) var(--transitionTiming)}.component-icon.hover--zoom:hover.style--none .icon-wrap,.component-icon.hover--zoom:hover:after{transform:scale(1.12)}.component-icon.hover--color .icon-wrap{transition:color var(--transitionDuration) var(--transitionTiming)}.component-icon.hover--color .icon{transition:opacity var(--transitionDuration) var(--transitionTiming)}.component-icon.hover--color:after{transition:color var(--transitionDuration) var(--transitionTiming),opacity var(--transitionDuration) var(--transitionTiming),background-color var(--transitionDuration) var(--transitionTiming),border-color var(--transitionDuration) var(--transitionTiming)}.component-icon.hover--color:not(.style--filled).color--gradient:hover .icon.hover-icon{opacity:1}.component-icon.hover--color:not(.style--filled).color--gradient:hover .icon.hover-icon+.icon{opacity:0} .component-logo{--logoSize:180px;display:flex;align-items:center;justify-content:center;position:relative;height:100%;width:var(--logoSize,100%);aspect-ratio:var(--ratio)}.component-logo a{position:absolute;top:0;left:0;width:100%;height:100%}.component-logo-img{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;fill-rule:revert} body.adaptive-mobile .component-logo{--logoSizeAdaptive:180px;width:var(--logoSizeAdaptive,100%)} :root { --pageBackground: #FFF; } @import url("https://fonts.googleapis.com/css2?display=swap&family=Playfair+Display+SC:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Playfair+Display+SC:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Playfair+Display+SC:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Playfair+Display:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900"); body { font-family: Roboto,Roboto-Ruble,Helvetica,Arial,sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; letter-spacing: 0px } .adaptive-mobile { font-size: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit } .text-style-h1 { --fontFamily: "Playfair Display SC",Roboto-Ruble,Helvetica,Arial,sans-serif; --fontSize: 72px; --fontWeight: 500; --lineHeight: 1; --letterSpacing: 0px; --textTransform: none; --fontStyle: normal; --fontSize_mobile: 40px; --fontWeight_mobile: var(--fontWeight); --lineHeight_mobile: var(--lineHeight); --letterSpacing_mobile: var(--letterSpacing) } .text-style-title { --fontFamily: Roboto,Roboto-Ruble,Helvetica,Arial,sans-serif; --fontSize: 48px; --fontWeight: 500; --lineHeight: 1.2; --letterSpacing: 0px; --textTransform: none; --fontStyle: normal; --fontSize_mobile: 34px; --fontWeight_mobile: var(--fontWeight); --lineHeight_mobile: 1.2; --letterSpacing_mobile: var(--letterSpacing) } .text-style-h3 { --fontFamily: "Playfair Display SC",Roboto-Ruble,Helvetica,Arial,sans-serif; --fontSize: 22px; --fontWeight: 700; --lineHeight: 1.3; --letterSpacing: 0px; --textTransform: none; --fontStyle: normal; --fontSize_mobile: var(--fontSize); --fontWeight_mobile: var(--fontWeight); --lineHeight_mobile: var(--lineHeight); --letterSpacing_mobile: var(--letterSpacing) } .text-style-h4 { --fontFamily: "Playfair Display SC",Roboto-Ruble,Helvetica,Arial,sans-serif; --fontSize: 18px; --fontWeight: 700; --lineHeight: 1.5; --letterSpacing: 0px; --textTransform: none; --fontStyle: normal; --fontSize_mobile: var(--fontSize); --fontWeight_mobile: var(--fontWeight); --lineHeight_mobile: var(--lineHeight); --letterSpacing_mobile: var(--letterSpacing) } .text-style-subtitle { --fontFamily: Roboto,Roboto-Ruble,Helvetica,Arial,sans-serif; --fontSize: 22px; --fontWeight: 700; --lineHeight: 1.5; --letterSpacing: 0px; --textTransform: none; --fontStyle: normal; --fontSize_mobile: var(--fontSize); --fontWeight_mobile: var(--fontWeight); --lineHeight_mobile: var(--lineHeight); --letterSpacing_mobile: var(--letterSpacing) } .text-style-content { --fontFamily: Roboto,Roboto-Ruble,Helvetica,Arial,sans-serif; --fontSize: 16px; --fontWeight: 400; --lineHeight: 1.5; --letterSpacing: 0px; --textTransform: none; --fontStyle: normal; --fontSize_mobile: var(--fontSize); --fontWeight_mobile: var(--fontWeight); --lineHeight_mobile: var(--lineHeight); --letterSpacing_mobile: var(--letterSpacing) } .text-style-caption { --fontFamily: Roboto,Roboto-Ruble,Helvetica,Arial,sans-serif; --fontSize: 14px; --fontWeight: 400; --lineHeight: 1.3; --letterSpacing: 0px; --textTransform: none; --fontStyle: normal; --fontSize_mobile: var(--fontSize); --fontWeight_mobile: var(--fontWeight); --lineHeight_mobile: var(--lineHeight); --letterSpacing_mobile: var(--letterSpacing) } .text-style-quote { --fontFamily: "Playfair Display",Roboto-Ruble,Helvetica,Arial,sans-serif; --fontSize: 22px; --fontWeight: 400; --lineHeight: 1.37; --letterSpacing: 0px; --textTransform: none; --fontStyle: normal; --fontSize_mobile: var(--fontSize); --fontWeight_mobile: var(--fontWeight); --lineHeight_mobile: var(--lineHeight); --letterSpacing_mobile: var(--letterSpacing) } .font-family-h1 { --fontFamily: "Playfair Display SC",Roboto-Ruble,Helvetica,Arial,sans-serif } .font-family-title { --fontFamily: Roboto,Roboto-Ruble,Helvetica,Arial,sans-serif } .font-family-h3 { --fontFamily: "Playfair Display SC",Roboto-Ruble,Helvetica,Arial,sans-serif } .font-family-h4 { --fontFamily: "Playfair Display SC",Roboto-Ruble,Helvetica,Arial,sans-serif } .font-family-subtitle { --fontFamily: Roboto,Roboto-Ruble,Helvetica,Arial,sans-serif } .font-family-content { --fontFamily: Roboto,Roboto-Ruble,Helvetica,Arial,sans-serif } .font-family-caption { --fontFamily: Roboto,Roboto-Ruble,Helvetica,Arial,sans-serif } .font-family-quote { --fontFamily: "Playfair Display",Roboto-Ruble,Helvetica,Arial,sans-serif } :root { --animationSlideDistance: 20px; --animationDuration: 450ms; --animationFunction: ease; } @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0px, 0px); } 20%, 80% { transform: translate3d(2px, 0px, 0px); } 30%, 60% { transform: translate3d(-3px, 0px, 0px); } 45% { transform: translate3d(3px, 0px, 0px); } } @keyframes slideDown { 0% { transform: translateY(calc(-1 * var(--animationSlideDistance))); } 100% { transform: translateY(0px); } } @keyframes slideLeft { 0% { transform: translateX(var(--animationSlideDistance)); } 100% { transform: translateX(0px); } } @keyframes slideUp { 0% { transform: translateY(var(--animationSlideDistance)); } 100% { transform: translateY(0px); } } @keyframes slideRight { 0% { transform: translateX(calc(-1 * var(--animationSlideDistance))); } 100% { transform: translateX(0px); } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes zoomIn { 0% { transform: scale(0.8); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes zoomOut { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(1.15); opacity: 0; } } @keyframes scaleBackground { 0% { transform: scale(1.02); } 100% { transform: translateZ(0px); } } @keyframes sSpin { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } @keyframes circularLoader { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124; } } @keyframes checkAppearance { 0% { clip-path: inset(0px 100% 0px 0px); } 100% { clip-path: inset(0px); } } @keyframes placeholderBackground { 0% { background-position: 200% 0px; opacity: 0.05; } 50% { opacity: 0.15; } 100% { background-position: -200% 0px; opacity: 0.05; } } .circle-loader { width: 25px; height: 25px; fill: none; stroke: currentcolor; stroke-width: 4px; transform-origin: center center; } .circle-loader__bg { opacity: 0.3; } .circle-loader__path { stroke-dasharray: 150, 200; stroke-dashoffset: 140; stroke-linecap: round; } .circle-loader.infinite .circle-loader__path { animation: 1.5s ease-in-out 0s infinite reverse none running circularLoader; } .m_modal.animation-forwards .modal-data { animation: var(--animationName,fadeIn) var(--animationDuration) ease both var(--animationDirection,normal); } .m_modal.animation-forwards .component-bg .image-holder { animation: scaleBackground var(--animationDuration) var(--animationFunction) both; } .m_modal.animation-forwards .modal-content { animation: var(--animationName,fadeIn) var(--animationDuration) var(--animationFunction) both var(--animationDirection,normal); } .m_modal.animation-backwards .modal-data { animation: fadeOut var(--animationDuration) var(--animationFunction) both; } .m_modal.animation-backwards .component-bg .image-holder { animation: scaleBackground var(--animationDuration) var(--animationFunction) both reverse; } .form-field-select { width: 100%; position: relative; display: flex; flex-direction: column; } .form-field-select .arrow { display: block; position: absolute; top: 50%; right: 15px; width: 0.6666em; height: 0.4em; margin-top: -0.2em; transition: 0.3s; color: currentcolor; } .form-field-select .arrow svg { display: block; } .form-field-select .atom-custom-select { display: none; appearance: none; } .form-field-select .select-outer { display: flex; align-items: stretch; justify-content: stretch; position: relative; width: 100%; min-height: var(--formInputSize,46px); } .form-field-select .dropdown-container { position: relative; width: 100%; } .form-field-select .dropdown-select { position: absolute; cursor: pointer; display: flex; align-items: center; width: 100%; height: 100%; line-height: 1.466; font-weight: 400; padding: 0px 40px 0px 15px; border-radius: 4px; background: var(--lightColor); color: var(--darkText); user-select: none; transition: 0.3s; } .is-pointer .form-field-select .dropdown-select:hover .arrow { opacity: 1; } .form-field-select .dropdown-select__content { display: flex; align-items: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .select-container-in-body { position: absolute; top: 0px; left: 0px; color: var(--lightText); visibility: hidden; z-index: 2499; letter-spacing: normal; line-height: normal; } .select-container-in-body.rise { z-index: 100000; } .select-container-in-body .overlay { position: fixed; inset: 0px; margin: auto; } .select-container-in-body .dropdown-select-ul { position: absolute; width: 100%; background-color: rgb(255, 255, 255); color: var(--darkText); border-radius: 4px; top: 0px; padding: 0px; max-height: 234px; overflow-y: auto; opacity: 0; list-style: none; transition: opacity 0.18s cubic-bezier(0.21, 0.67, 0.58, 1), transform 0.3s cubic-bezier(0.21, 0.67, 0.58, 1); box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 10px; user-select: none; } .select-container-in-body .dropdown-select-ul.sharp { border-radius: 0px; } .select-container-in-body .dropdown-select-ul .option-e { cursor: pointer; display: flex; align-items: center; list-style: none; padding: 12px 8px 12px 15px; border: 0px; line-height: 1.466; font-size: 0.9375em; font-weight: 400; position: relative; } .select-container-in-body .dropdown-select-ul .option-e::before { content: ""; height: 1px; width: calc(100% - 30px); display: block; margin: 0px 15px; position: absolute; background: rgb(244, 244, 244); bottom: 0px; left: 0px; } .select-container-in-body .dropdown-select-ul .option-e:last-of-type::before { content: none; } .select-container-in-body .dropdown-select-ul .option-e.selected { color: rgba(6, 6, 7, 0.49); } .is-pointer .select-container-in-body .dropdown-select-ul .option-e:hover { background-color: rgb(244, 244, 244); } .is-pointer .select-container-in-body .dropdown-select-ul .option-e:hover .option-e::before { background: rgb(244, 244, 244); } .select-container-in-body .dropdown-select-ul::-webkit-scrollbar { width: 3px; height: 90%; } .select-container-in-body .dropdown-select-ul::-webkit-scrollbar-track { background: 0px center; } .select-container-in-body .dropdown-select-ul::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); border-radius: 3px; } .select-container-in-body.active { visibility: visible; } .select-container-in-body.active .dropdown-select-ul { opacity: 1; transform: translateZ(0px); } .select-container-in-body.size--large .option-e { min-height: 56px; line-height: 1.334; font-size: 1rem; display: flex; align-items: center; } body.adaptive-mobile .form-fields .form-field-select .dropdown-container, body.adaptive-mobile .quiz-fields .form-field-select .dropdown-container { min-height: 25px; } body.adaptive-mobile .form-fields .form-field-select .dropdown-select, body.adaptive-mobile .quiz-fields .form-field-select .dropdown-select { font-size: 1rem; min-height: 25px; } body.adaptive-mobile .form-fields .form-field-select .atom-custom-select, body.adaptive-mobile .quiz-fields .form-field-select .atom-custom-select { appearance: none; font-size: 1rem; display: block; position: absolute; top: 0px; width: 100%; height: 100%; z-index: 1; opacity: 0; } .form-field-shipping-item__discount, .form-field-switch-item__discount { display: inline-flex; align-items: center; justify-content: center; padding: 2px 6px; border-radius: 50px; background: rgba(48, 52, 59, 0.1); font-size: 12px; font-weight: 500; line-height: 16px; } .form-field-shipping-item__discount[hidden], .form-field-switch-item__discount[hidden] { display: none; } .form-field-shipping-item__discount { margin-top: 8px; } [data-type="shipping"] .form-field-switch-item::before { pointer-events: none; } .form-field-switch-item__discount { flex-shrink: 0; margin-left: 8px; height: 20px; white-space: nowrap; } .component-form { display: flex; flex-flow: column; width: 100%; } .component-form .form-fields-advanced, .component-form .form-info { grid-area: none; display: none; } .component-form .form-fields { order: 0; } .component-form .form-submit, .component-form .policy-data-warning { order: 20; } .component-form .captcha-global-error { display: none; order: 21; } .component-form .policy-data-warning--checkbox { order: 1; margin-top: var(--formFieldsGapY); align-items: flex-start; } .component-form .form-submit { position: relative; margin-top: var(--formButtonGap,20px); text-align: var(--formButtonJustify,start); } .component-form .form-button[disabled] { pointer-events: none; opacity: 0.65; } .form-field-action-link { display: flex; align-items: center; color: currentcolor; opacity: 0.5; user-select: none; cursor: pointer; transition: opacity 0.2s; } .form-field-action-link span { margin-left: 8px; } .form-field-action-link:hover { opacity: 1; } .form-field-action-link.hide { display: none; } :root { --formRangeHeight: clamp(2px,0.133em,4px); --formErrorTextSize: clamp(10px,0.75em,15px); --formInputSize: calc(var(--formInputTextSize) * 2.875); --formElementSize: clamp(15px,1.125em,25px); --formElementBorderSize: 2px; --formInputGapX: 0.9375rem; --formInputGapY: 0.6875rem; --fieldUnitsWidth: 1.5ex; --formDescGap: 0.625em; --formTitleGap: calc(var(--formDescGap) * 0.5); --formFieldsGapX: 1.25em; --formFieldsGapY: 1.25em; --formButtonGap: 1.25rem; --formInputBorderSize: 1px; --formTopLeftRadius: 4px; --formTopRightRadius: 4px; --formBottomRightRadius: 4px; --formBottomLeftRadius: 4px; --formInputJustify: "start"; --formButtonJustify: start; --formFieldsColumns: auto auto; --darkBorder: rgba(6,6,7,.15); --lightBorder: hsla(0,0%,100%,.2); --diff: 0px; --formCaptionTextSize: clamp(10px,0.8125em,22px); } .component-form.editor-focus .form-field-spacer { background: repeating-linear-gradient(315deg, rgba(128, 128, 128, 0.15), rgba(128, 128, 128, 0.15) 2px, transparent 0px, transparent 6px); } .cart-field-promocode, .component-form, .form-field-select .dropdown-select, .form-field-text__input { font-size: var(--fontSizeText,var(--fontSize)); line-height: var(--lineHeightText); color: var(--currentColorText,var(--currentColor)); font-weight: var(--fontWeightText); letter-spacing: var(--letterSpacingText); font-style: var(--fontStyleText); text-decoration: var(--textDecorationText); text-transform: var(--textTransformText); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .form-field-wrap-spacer { justify-content: center; width: 100%; height: 100%; display: flex; } .form-field-spacer { display: flex; width: 100%; height: var(--formFieldSpacerWidth,"20px"); } .form-fields-shipping { width: 100%; } .form-fields-shipping .form-field-hidden { display: none; } :is(.component-form, .cart-field-promocode) { justify-content: inherit; } :is(.component-form, .cart-field-promocode):not(.component-elements-user-style) .form-field-checkbox-item .form-field-checkbox__box, :is(.component-form, .cart-field-promocode):not(.component-elements-user-style) .form-field-file .file-item .icon, :is(.component-form, .cart-field-promocode):not(.component-elements-user-style) .form-field-radio .form-field-radio__box, :is(.component-form, .cart-field-promocode):not(.component-elements-user-style) .form-field-range .range-area::before, :is(.component-form, .cart-field-promocode):not(.component-elements-user-style) .policy-data-warning__box { opacity: 0.35; } :is(.component-form, .cart-field-promocode):not(.component-elements-user-style) .form-field-checkbox-item .form-field-checkbox__input:hover + .form-field-checkbox__box, :is(.component-form, .cart-field-promocode):not(.component-elements-user-style) .form-field-radio .form-field-radio__input:hover + .form-field-radio__box, :is(.component-form, .cart-field-promocode):not(.component-elements-user-style) .policy-data-warning__input:hover + .policy-data-warning__box { opacity: 0.9; } :is(.component-form, .cart-field-promocode):not(.component-elements-user-style) .form-field-checkbox-item .form-field-checkbox__input:checked + .form-field-checkbox__box, :is(.component-form, .cart-field-promocode):not(.component-elements-user-style) .form-field-radio .form-field-radio__input:checked + .form-field-radio__box, :is(.component-form, .cart-field-promocode):not(.component-elements-user-style) .policy-data-warning__input:checked + .policy-data-warning__box { opacity: 1; } :is(.component-form, .cart-field-promocode) .form-button { position: relative; } :is(.component-form, .cart-field-promocode) .form-button .captcha { position: absolute; inset: 0px; margin: auto; pointer-events: all; } :is(.component-form, .cart-field-promocode).all-fields-empty:not(.has-error) { animation: 0.5s ease 0.2s 1 normal both running shake; } .form-fields { display: flex; flex-flow: column; gap: var(--formFieldsGapY); } .form-fields .form-field-wrap-separator { display: flex; justify-content: var(--separatorJustify,"start"); } .form-fields--row { display: grid; gap: var(--formFieldsGapX); grid-template-columns: var(--formFieldsColumns,auto auto); align-items: var(--formFieldsAlign,"end"); } .form-fields--row .form-field-wrap-separator { flex-flow: column; align-items: center; width: auto; align-self: stretch; } .form-fields--row .form-field-spacer { width: var(--formFieldSpacerWidth,"20px"); height: 100%; } .form-fields--row .form-field-separator { width: var(--separatorHeight,"1px"); height: var(--separatorWidth,"100%"); margin: 0 var(--separatorMarginLeft,"0px") 0 var(--separatorMarginRight,"0px"); } .form-fields--column .form-field-spacer { width: 100%; height: var(--formFieldSpacerWidth,"20px"); } .form-fields--column .form-field-separator { width: var(--separatorWidth,"100%"); height: var(--separatorHeight,"1px"); margin: var(--separatorMarginTop,"0px") 0 var(--separatorMarginBottom,"0px"); } .form-field { text-align: left; padding-bottom: 0px; transition: padding-bottom 0.3s cubic-bezier(0.21, 0.67, 0.58, 1); width: var(--formFieldWidth,100%); } .form-field.allocate-space-for-error { padding-bottom: 25px; } .form-field .form-field-select .arrow { color: var(--textInputColor,var(--currentColorText,var(--textInputColorActive,var(--formInputBgContrast,var(--currentColor))))); } .form-field .form-field-select .select-outer { min-height: auto; max-width: 100%; box-sizing: border-box; } .form-field .form-field-select .dropdown-select { padding: var(--formGapTop,var(--formInputGapY)) calc(var(--formInputGapX) + 30px) var(--formGapBottom,var(--formInputGapY)) var(--formInputGapX); position: relative; height: auto; } .form-field--hidden, .form-field[data-type="hidden"] { display: none !important; } .form-field[data-type="checkbox"] + [data-type="checkbox"] { margin-top: calc(var(--formFieldsGapY) / -2); } .form-field.active .form-field-select .dropdown-select::after { z-index: 21; opacity: 0; } .form-field.loading .dropdown-select, .form-field.loading .form-field-text__wrap { position: relative; pointer-events: none; } .form-field.loading .dropdown-select :not(.form-field-title), .form-field.loading .form-field-text__wrap :not(.form-field-title) { color: transparent !important; } .form-field.loading .dropdown-select::after, .form-field.loading .form-field-text__wrap::after { content: ""; position: absolute; inset: 0px; z-index: 2; border-radius: inherit; background: linear-gradient(90deg, currentcolor, transparent 50%, currentcolor) 0% 0% / 200% 100%; opacity: 0.1; animation: 1.5s ease 0s infinite normal none running placeholderBackground; } .form-field-input__wrap { position: relative; display: flex; align-items: center; } .form-field-input__wrap .form-field-text__input:has(+ .field-units__position-right) { padding-right: calc(var(--formInputGapX) + var(--fieldUnitsWidth, 1.5ex) + 10px); } .form-field-input__wrap .form-field-text__input:has(+ .field-units__position-left) { padding-left: calc(var(--formInputGapX) + var(--fieldUnitsWidth, 1.5ex) + 10px); } .form-field-units { position: absolute; right: var(--formInputGapX); } .field-units__position-left { right: auto; left: var(--formInputGapX); top: var(--formGapTop,var(--formInputGapY)); } .form-field-text__input { text-align: var(--formInputJustify,"start"); } .form-field-select .dropdown-select { justify-content: var(--formInputJustify,"start"); } .form-field-select .dropdown-select, .form-field-text__input { color: var(--textInputColor,var(--currentColorText,var(--textInputColorActive,var(--formInputBgContrast,var(--currentColor))))); background: var(--formInputBg,transparent); } .dropdown-select-ul .option-e:not(.selected)[value=""], .dropdown-select__content[value=""], .form-field-text__input::placeholder, .form-field-units { color: var(--textInputColor,var(--currentColorText,var(--textInputColorActive,var(--formInputBgContrast,var(--currentColor))))); opacity: 0.5; } .form-field-select .dropdown-select.hover, .form-field-select .dropdown-select:hover, .form-field-text__input.hover, .form-field-text__input:hover { background: var(--formInputBgHover,var(--formInputBg)); box-shadow: var(--formShadowHover,var(--formShadow)); } .form-field-select .dropdown-select.focus, .form-field-select .dropdown-select:focus, .form-field-text__input.focus, .form-field-text__input:focus { background: var(--formInputBgFocus,var(--formInputBg)); box-shadow: var(--formShadowFocus,var(--formShadow)); } .form-field-select:has(.atom-custom-select.hover) .dropdown-select, .form-field-select:has(.atom-custom-select:hover) .dropdown-select { background: var(--formInputBgHover,var(--formInputBg)); box-shadow: var(--formShadowHover,var(--formShadow)); } .form-field-select:has(.atom-custom-select.focus) .dropdown-select, .form-field-select:has(.atom-custom-select:focus) .dropdown-select { background: var(--formInputBgFocus,var(--formInputBg)); box-shadow: var(--formShadowFocus,var(--formShadow)); } :is(.component-form, .cart-field-promocode) .error { position: absolute; width: 100%; font-size: var(--formErrorTextSize); line-height: 1.5; font-weight: 500; color: rgb(255, 113, 77); pointer-events: none; opacity: 0; visibility: hidden; transition: 0.3s cubic-bezier(0.21, 0.67, 0.58, 1); } :is(.component-form, .cart-field-promocode) .border, :is(.component-form, .cart-field-promocode) .error-text { display: none; } :is(.component-form, .cart-field-promocode) .is_error { --formInputBorderColorContrast: #ff714d; --formInputBorderColor: #ff714d; --formElementColor: #ff714d; } :is(.component-form, .cart-field-promocode) .is_error.animate { animation: 0.5s ease 0.2s 1 normal both running shake; } :is(.component-form, .cart-field-promocode) .is_error .file-input .icon:not(.icon-file), :is(.component-form, .cart-field-promocode) .is_error .form-field-checkbox__box, :is(.component-form, .cart-field-promocode) .is_error .form-field-radio__box { background: rgb(255, 113, 77); opacity: 0.35; } :is(.component-form, .cart-field-promocode) .is_error .form-field-checkbox-item .form-field-checkbox__input:hover + .form-field-checkbox__box, :is(.component-form, .cart-field-promocode) .is_error .form-field-radio .form-field-radio__input:hover + .form-field-radio__box, :is(.component-form, .cart-field-promocode) .is_error .policy-data-warning__input:hover + .policy-data-warning__box { --formElementColorHover: #ff714d; opacity: 0.9; } :is(.component-form, .cart-field-promocode) .is_error .policy-data-warning__name { color: rgb(255, 113, 77); } :is(.component-form, .cart-field-promocode) .is_error .error, :is(.component-form, .cart-field-promocode) .is_error_info .error { padding-top: 3px; pointer-events: all; opacity: 1; visibility: visible; } :is(.component-form, .cart-field-promocode) .is_error .error-text, :is(.component-form, .cart-field-promocode) .is_error_info .error-text { display: block; } .form-field-title { transition: color 0.3s; font-size: var(--fontSizeTitle,var(--fontSizeText)); line-height: var(--lineHeightTitle,var(--lineHeightText)); color: var(--currentColorEffectTitle,var(--currentColorTitle,var(--currentColorText,var(--currentColorActiveTitle,var(--currentColor))))); font-weight: var(--fontWeightTitle,var(--fontWeightText)); letter-spacing: var(--letterSpacingTitle,var(--letterSpacingText)); font-style: var(--fontStyleTitle,var(--fontStyleText)); text-decoration: var(--textDecorationTitle,var(--textDecorationText)); text-transform: var(--textTransformTitle,var(--textTransformText)); padding-bottom: var(--formTitleGap); z-index: 1; } .form-field-desc, .form-field-static_text { font-size: var(--fontSizeDesc,var(--fontSizeText)); line-height: var(--lineHeightDesc,var(--lineHeightText)); color: var(--currentColorDesc,var(--currentColorText,var(--currentColor))); font-weight: var(--fontWeightDesc,var(--fontWeightText)); letter-spacing: var(--letterSpacingDesc,var(--letterSpacingText)); font-style: var(--fontStyleDesc,var(--fontStyleText)); text-decoration: var(--textDecorationDesc,var(--textDecorationText)); text-transform: var(--textTransformDesc,var(--textTransformText)); } .form-field-desc { padding-bottom: var(--formDescGap); } .form-field-text { position: relative; width: 100%; text-align: left; } .form-field-text__wrap { position: relative; width: 100%; } .form-field-select, .form-field-text__wrap { display: grid; grid-template-rows: [start] auto [row1-title] auto [row2-desc] auto [row3-input] auto [row4-border] auto [end-error]; } .form-field-select { grid-template-columns: minmax(0px, 1fr); } .form-field-select .dropdown-select, .form-field-text__input { height: var(--formInputHeight,"auto"); border-radius: var(--formTopLeftRadius) var(--formTopRightRadius) var(--formBottomRightRadius) var(--formBottomLeftRadius); box-shadow: var(--formShadow); } .form-field-text__input { display: block; width: 100%; font-family: inherit; padding: var(--formGapTop,var(--formInputGapY)) var(--formInputGapX) var(--formGapBottom,var(--formInputGapY)); word-break: keep-all; transition: 0.3s; appearance: none; background: var(--formInputBgActive,var(--formInputBg)); } .form-field-text__textarea { resize: none; min-height: var(--formInputSize); max-height: 250px; overflow: hidden; appearance: none; height: var(--formInputHeight,"auto"); } .form-field-text__textarea.scrollable { overflow: auto; } .form-field-text__textarea::-webkit-scrollbar { width: 3px; height: 90%; } .form-field-text__textarea::-webkit-scrollbar-track { background: 0px center; } .form-field-text__textarea::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); border-radius: 3px; } .form-field-select:has(select option:only-child), .form-field-select[readonly] { pointer-events: none; cursor: default; } .form-field-select:has(select option:only-child) .arrow, .form-field-select[readonly] .arrow { display: none; } .form-field-checkbox { display: grid; grid-template-rows: [start] auto [row1-title] auto [row2-desc] auto [row3-input] auto [row4-border] auto [end-error]; position: relative; } .form-field-checkbox-item { display: flex; position: relative; align-items: center; margin-bottom: 10px; user-select: none; } .form-field-checkbox-item:last-of-type { margin-bottom: 0px; } .form-field-checkbox-item .form-field-checkbox__text { user-select: none; text-align: left; width: 100%; } .form-field-checkbox-item .form-field-checkbox__box { flex-shrink: 0; display: block; position: relative; width: var(--formElementSize); height: var(--formElementSize); border-radius: 4px; border: var(--formElementBorderSize) solid var(--formElementColor,var(--currentColorText,var(--currentColor))); box-sizing: border-box; margin-right: calc(var(--formElementSize) / 2); transition: 0.3s; } .form-field-checkbox-item .form-field-checkbox__box i { width: 100%; height: 100%; opacity: 0; position: absolute; overflow: hidden; left: 0px; top: 0px; } .form-field-checkbox-item .form-field-checkbox__box i::before { content: ""; display: block; position: absolute; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top: 0px; border-right: 0px; box-sizing: border-box; height: calc(var(--formElementSize) / 4); width: calc(var(--formElementSize) / 2); top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0px) rotate(-45deg); transform-origin: 40% 45%; transition: 0.05s; } .form-field-checkbox-item .form-field-checkbox__input { opacity: 0; pointer-events: none; position: absolute; } .form-field-checkbox-item .form-field-checkbox__input:checked + .form-field-checkbox__box { border-color: transparent; background: var(--formElementColorFocus,var(--formElementColor,var(--currentColorText,var(--currentColor)))); } .form-field-checkbox-item .form-field-checkbox__input:checked + .form-field-checkbox__box i { opacity: 1; animation: 0.3s ease 0s 1 normal none running checkAppearance; } .form-field-checkbox-item .form-field-checkbox__input:checked + .form-field-checkbox__box i::before { border-color: var(--formElementContrastFocus,var(--formElementContrast,var(--contrastColor))); } .is-pointer .form-field-checkbox-item:hover input:not(:checked) + .form-field-checkbox__box { border-color: var(--formElementColorHover,var(--formElementColor,var(--currentColorText,var(--currentColor)))); } :is(.component-form, .cart-field-promocode) .policy-data-warning { font-size: var(--fontSizeText,var(--fontSize)); } :is(.component-form, .cart-field-promocode) .policy-data-warning__box { opacity: 1; border: var(--formElementBorderSize) solid var(--formElementColor,var(--currentColorText,var(--currentColor))); color: var(--formElementContrast,var(--contrastColor)); width: var(--formElementSize); height: var(--formElementSize); margin-right: calc(var(--formElementSize) / 2); } :is(.component-form, .cart-field-promocode) .policy-data-warning__box i { display: flex; justify-content: center; align-items: center; } :is(.component-form, .cart-field-promocode) .policy-data-warning__box i::before { width: calc(var(--formElementSize) / 2); height: calc(var(--formElementSize) / 4); top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0px) rotate(-45deg); transform-origin: 40% 45%; transition: 0.05s; } :is(.component-form, .cart-field-promocode) .policy-data-warning__input:hover + .policy-data-warning__box { border-color: var(--formElementColorHover,var(--formElementColor,var(--currentColorText,var(--currentColor)))); } :is(.component-form, .cart-field-promocode) .policy-data-warning__input:checked + .policy-data-warning__box { border-color: transparent; background: var(--formElementColorFocus,var(--formElementColor,var(--currentColorText,var(--currentColor)))); color: var(--formElementContrastFocus,var(--formElementContrast,var(--contrastColor))); } :is(.component-form, .cart-field-promocode) .policy-data-warning__name { color: var(--currentColorText,var(--currentColor)); } .form-field-radio { display: grid; grid-template-rows: [start] auto [row1-title] auto [row2-desc] auto [row3-input] auto [row4-border] auto [end-error]; position: relative; } .form-field-radio .form-field-title { display: block; } .form-field-radio .form-field-radio-item { display: flex; align-items: center; position: relative; margin-bottom: 10px; user-select: none; } .form-field-radio .form-field-radio-item:last-of-type { margin-bottom: 0px; } .form-field-radio .form-field-radio-item .form-field-radio__text { text-align: left; } .is-pointer .form-field-radio .form-field-radio-item:hover input:not(:checked) + .form-field-radio__box { border-color: var(--formElementColorHover,var(--formElementColor,var(--currentColorText,var(--currentColor)))); } .form-field-radio .form-field-radio__box { flex-shrink: 0; display: flex; align-items: center; justify-content: center; position: relative; width: var(--formElementSize); height: var(--formElementSize); margin-right: calc(var(--formElementSize) / 2); border-radius: 50%; box-sizing: border-box; border: var(--formElementBorderSize) solid var(--formElementColor,var(--currentColorText,var(--currentColor))); transition: 0.3s; } .form-field-radio .form-field-radio__box::before { content: ""; display: block; opacity: 0; position: absolute; width: calc(var(--formElementSize) * .3); height: calc(var(--formElementSize) * .3); background: var(--formElementContrast,var(--contrastColor)); border-radius: 50%; box-sizing: border-box; transition: 0.3s; } .form-field-radio .form-field-radio__input { opacity: 0; position: absolute; pointer-events: none; } .form-field-radio .form-field-radio__input:checked + .form-field-radio__box { border-color: transparent; background: var(--formElementColorFocus,var(--formElementColor,var(--currentColorText,var(--currentColor)))); } .form-field-radio .form-field-radio__input:checked + .form-field-radio__box::before { background: var(--formElementContrastFocus,var(--formElementContrast,var(--contrastColor))); opacity: 1; } .form-field-range { display: grid; grid-template-rows: [start] auto [row1-title] auto [row2-desc] auto [row3-input] auto [row4-border] auto [end-error]; } .form-field-range .range-outer { --speed: 0.25s; display: flex; align-items: center; position: relative; padding: 0 calc(var(--formElementSize) / 2); height: var(--formElementSize); cursor: pointer; user-select: none; } .form-field-range .range-outer .range-value { transition: width var(--speed) cubic-bezier(.64,.13,.43,.99),margin var(--speed) cubic-bezier(.64,.13,.43,.99); } .form-field-range .range-outer.active-animation, .form-field-range .range-outer:not(.animated) { --speed: 0s; } .form-field-range .range-legend { display: flex; justify-content: space-between; margin: 6px 0px 0px; user-select: none; white-space: nowrap; } .form-field-range .range-legend .range-legend-inner { display: flex; flex-grow: 1; justify-content: space-between; } .form-field-range .range-legend .legend-point { cursor: pointer; min-width: var(--formElementSize); text-align: center; } .form-field-range .range-legend.complex { padding: 0 calc(var(--formElementSize) / 2); } .form-field-range .range-legend.complex .legend-point { flex-grow: 1; position: relative; text-align: center; flex-basis: 100%; } .form-field-range .range-legend.complex[data-count="10"] .range-legend-inner { margin-inline: calc(-5%); } .form-field-range .range-legend.complex[data-count="9"] .range-legend-inner { margin-inline: calc(-5.55556%); } .form-field-range .range-legend.complex[data-count="8"] .range-legend-inner { margin-inline: calc(-6.25%); } .form-field-range .range-legend.complex[data-count="7"] .range-legend-inner { margin-inline: calc(-7.14286%); } .form-field-range .range-legend.complex[data-count="6"] .range-legend-inner { margin-inline: calc(-8.33333%); } .form-field-range .range-legend.complex[data-count="5"] .range-legend-inner { margin-inline: calc(-10%); } .form-field-range .range-legend.complex[data-count="4"] .range-legend-inner { margin-inline: calc(-12.5%); } .form-field-range .range-legend.complex[data-count="3"] .range-legend-inner { margin-inline: calc(-16.6667%); } .form-field-range .range-legend.limits .legend-point { min-width: var(--formElementSize); text-align: center; } .form-field-range input { opacity: 0; width: 0px; height: 0px; pointer-events: none; } .form-field-range .range-area { width: 100%; height: var(--formRangeHeight); position: relative; flex-grow: 1; flex-shrink: 0; z-index: 1; } .form-field-range .range-area::before { content: ""; position: absolute; display: block; left: calc(-1 * (var(--formElementSize) / 2)); right: calc(-1 * (var(--formElementSize) / 2)); height: 100%; top: 0px; background-color: var(--formElementColor,var(--currentColorText,var(--currentColor))); } .form-field-range .range-value { height: 100%; position: absolute; top: 0px; left: 0px; width: 0px; } .form-field-range .range-value::before { content: ""; display: block; position: absolute; background-color: var(--formElementColorFocus,var(--formElementColor,var(--currentColorText,var(--currentColor)))); height: 100%; width: calc(100% + var(--formElementSize)); top: 0px; left: calc(var(--formElementSize) / -2); } .form-field-range .range-runner { display: flex; justify-content: center; align-items: center; position: absolute; width: var(--formElementSize); height: var(--formElementSize); transform: translate(-50%, -50%); margin-top: 1px; background-color: var(--formElementColorFocus,var(--formElementColor,var(--currentColorText,var(--currentColor)))); border-radius: 50%; cursor: pointer; transition: width 0.3s, height 0.3s; } .form-field-range .range-runner .runner-tip { display: flex; position: absolute; pointer-events: none; align-items: center; justify-content: center; font-size: 12px; font-weight: 500; white-space: nowrap; padding: 0px 8px; height: 24px; bottom: 100%; margin-bottom: 5px; color: rgb(255, 255, 255); background: rgb(6, 6, 7); opacity: 0; border-radius: 3px; transition: top 0.3s, opacity 0.3s; } .form-field-range .range-runner .runner-tip .prefix { margin-right: 5px; opacity: 0.65; } .form-field-range .range-runner .runner-tip .suffix { margin-left: 5px; opacity: 0.65; } .form-field-range .range-runner.upper-runner { z-index: 1; } .form-field-range .range-runner.active .runner-tip, .is-pointer .form-field-range .range-runner:hover .runner-tip { opacity: 1; translate: 0px; } .form-field-range .range-runner-right { right: 0px; transform: translate(50%, -50%); } .form-field-file { display: grid; grid-template-rows: [start] auto [row1-title] auto [row2-desc] auto [row3-input] auto [row4-border] auto [end-error]; } .form-field-file .file-list { width: 100%; opacity: 1; visibility: visible; height: auto; } .form-field-file .file-item { display: flex; margin-bottom: calc(var(--formFieldsGapY) / 2); } .form-field-file .file-item.loading .circle-loader { display: block; } .form-field-file .file-item.loading .icon { display: none; } .form-field-file .file-item.is-error .file-item--title, .form-field-file .file-item.is-error .icon { color: rgb(255, 113, 77); } .is-pointer .form-field-file .file-item:hover .clear-files { opacity: 0.4; } .form-field-file .file-item .circle-loader { display: none; width: var(--formElementSize); height: var(--formElementSize); margin-right: calc(var(--formElementSize) / 2); } .form-field-file .file-item .icon { display: block; } .form-field-file .file-item--title { max-width: calc(100% - 85px); overflow: hidden; white-space: nowrap; overflow-wrap: break-word; text-overflow: ellipsis; } .form-field-file .clear-files { width: 1.2em; height: 1.2em; padding: 0.266667em; margin-left: 0.5ch; opacity: 0; cursor: pointer; display: flex; white-space: nowrap; } .is-pointer .form-field-file .clear-files:hover { opacity: 0.6 !important; } .form-field-file .file-input { display: inline-flex; transition: opacity 0.3s; } .form-field-file .file-input:has(input:focus-visible) { box-shadow: 0 0 0 4px var(--focusRing); border-radius: 3px; } .form-field-file .file-input, .form-field-file .file-item { cursor: pointer; align-items: center; user-select: none; width: 100%; } .form-field-file .file-input .icon, .form-field-file .file-item .icon { transition: color 0.3s; display: inline-block; width: var(--formElementSize); height: var(--formElementSize); max-height: var(--formElementSize); color: var(--formElementColor,var(--currentColorText,var(--currentColor))); margin-right: calc(var(--formElementSize) / 2); text-align: center; } .form-field-file .file-input .icon svg, .form-field-file .file-item .icon svg { height: 100%; } .form-field-file .file-input--original, .form-field-file .file-item--original { opacity: 0; pointer-events: none; position: absolute; } .form-field-file .file-input .icon { color: var(--formElementColorFocus,var(--formElementColor,var(--currentColorText,var(--currentColor)))); } .is-pointer .form-field-file .file-input:hover { opacity: 0.6; } .f-calendar__input-overlay { position: absolute; height: var(--formInputSize); bottom: 0px; width: 100%; cursor: text; z-index: 3; } .form-field-date__icon { position: absolute; right: calc(var(--formInputBorderSize) + 15px); background-color: transparent; color: var(--textInputColor,var(--currentColorText,var(--textInputColorActive,var(--formInputBgContrast,var(--currentColor))))); bottom: calc(50% - 8px); width: 16px; height: 16px; cursor: pointer; opacity: 0.4; z-index: 4; transition: 0.3s; grid-row: row1-title / row2-desc; } .form-field-date__icon.focus, .form-field-date__icon:hover { opacity: 0.6; } .form-field-date__input { padding-right: calc(var(--formInputBorderSize) + var(--formInputGapX) + 20px) !important; } .form-field-address__row { flex-direction: row; } .form-field-address__row .form-field { flex: 1 1 0%; padding-bottom: 0px !important; } .form-field-address__row--multiple { display: flex !important; } .form-field-address__row--multiple:has(> [data-hidden="true"]:not(:last-child) ~ *) { display: none; } .form-field-address__add-line { width: 100%; } .form-field[data-type="address"] { padding-bottom: 0px !important; } .form-field-switch { --formSwitchItemOpacity: 0; --formSwitchItemOpacity_hover: 0.07; --formSwitchItemOpacity_active: 0.1; display: flex; gap: 2px; padding: 2px; width: 100%; border-radius: 7px; position: relative; } .form-field-switch::before { content: ""; position: absolute; inset: 0px; opacity: 0.15; border: 1px solid; border-radius: inherit; } .form-field-switch-item { flex: 1 1 0%; display: flex; align-items: center; justify-content: center; position: relative; cursor: pointer; padding: 8px; } .form-field-switch-item::before { content: ""; position: absolute; inset: 0px; background-color: currentcolor; opacity: var(--formSwitchItemOpacity); border-radius: 5px; transition: opacity 0.2s; } .form-field-switch-item:hover::before { opacity: var(--formSwitchItemOpacity_hover); } .form-field-switch-item:has(:checked)::before { opacity: var(--formSwitchItemOpacity_active); } .form-field-switch-item__input { display: none; } .form-field-switch-item__label { display: flex; align-items: center; justify-content: center; font-size: 16px; background-color: transparent; transition: background-color 0.2s; width: 100%; } .form-field-switch-item__label-icon { width: 16px; height: 16px; margin-right: 10px; display: flex; } .form-field-switch-item__label-text { display: flex; font-size: 16px; } .form-field-complex { text-align: left; } .form-field-complex .form-field-title { display: block; padding-bottom: var(--formGroupTitleGap,var(--formTitleGap)); } .form-field-separator { background: var(--separatorColor,var(--formInputBorderColor)); width: var(--separatorWidth,"100%"); height: var(--separatorHeight,"1px"); margin: var(--separatorMarginTop,"0px") 0 var(--separatorMarginBottom,"0px"); } .form-field-static_text .form-field-text__wrap { margin-top: 0px !important; } .form-field-static_text .form-field-title { padding-left: 0px !important; } .static-text__text { font-size: var(--fontSizeText); color: var(--fontColorText); line-height: var(--lineHeightText); font-weight: var(--fontWeightText); text-align: var(--textAlignText); letter-spacing: var(--letterSpacingText); font-style: var(--fontStyleText); text-decoration: var(--textDecorationText); text-transform: var(--textTransformText); min-height: 1lh; } .title-behaviour-dynamic.title-position-inside .form-field-select:has(> .form-field-title), .title-behaviour-dynamic.title-position-inside .form-field-text__wrap:has(> .form-field-title) { --diff: calc(var(--lineHeightTitleFocusInside) / 2); --formGapTop: calc(var(--formInputGapY) + var(--diff)); --formGapBottom: calc(var(--formInputGapY) - var(--diff)); } .title-behaviour-dynamic.title-position-inside.description-position-top .form-field-select:has(.form-field-desc) .form-field-title, .title-behaviour-dynamic.title-position-inside.description-position-top .form-field-text:has(.form-field-desc) .form-field-title { grid-row: row1-title / row2-desc; } .title-behaviour-dynamic.title-position-inside.description-position-top .form-field-select .form-field-title, .title-behaviour-dynamic.title-position-inside.description-position-top .form-field-text .form-field-title { grid-row: start / row1-title; } .title-behaviour-dynamic.title-position-inside.style-filled .form-field-select .form-field-title, .title-behaviour-dynamic.title-position-inside.style-filled .form-field:has(.form-field-text__input.focus) .form-field-title, .title-behaviour-dynamic.title-position-inside.style-filled .form-field:has(.form-field-text__input:focus) .form-field-title, .title-behaviour-dynamic.title-position-inside.style-filled .form-field:has(.form-field-text__input:not(:placeholder-shown)) .form-field-title { top: calc(var(--formInputBorderSize) + (var(--formInputGapY) - var(--fontSizeFocusInside) / 2) / 2); padding-left: calc(var(--formInputBorderSize) + var(--formInputGapX)); } .title-behaviour-dynamic.title-position-inside.style-filled .form-field-text__wrap:has(.form-field-text__textarea) .form-field-title { top: calc(var(--formInputBorderSize) + var(--formInputGapY)); } .title-behaviour-dynamic.title-position-inside .form-field:has(.form-field-desc) .form-field-date__icon { grid-row-start: row1-title; } .title-behaviour-dynamic.title-position-inside .form-field-date__icon { grid-row-start: start; } .title-behaviour-dynamic.title-position-inside .form-field-text__wrap:has(.form-field-text__textarea) .form-field-title { top: var(--formInputGapY); } .title-behaviour-dynamic.title-position-inside .form-field:has(.atom-custom-select:focus) .form-field-title, .title-behaviour-dynamic.title-position-inside .form-field:has(.dropdown-container.focus) .form-field-title, .title-behaviour-dynamic.title-position-inside .form-field:has(.form-field-text__input.focus) .form-field-title, .title-behaviour-dynamic.title-position-inside .form-field:has(.form-field-text__input:focus) .form-field-title { --currentColorActiveTitle: var(--formInputBgFocusContrast); } .title-behaviour-dynamic.title-position-inside .form-field:has(.dropdown-container.focus) .form-field-title, .title-behaviour-dynamic.title-position-inside .form-field:has(.form-field-text__input.focus) .form-field-title, .title-behaviour-dynamic.title-position-inside .form-field:has(.form-field-text__input:focus) .form-field-title, .title-behaviour-dynamic.title-position-inside .form-field:has(.form-field-text__input:not(:placeholder-shown)) .form-field-title { top: calc((var(--formInputGapY) - var(--fontSizeFocusInside) / 2) / 2); font-size: var(--fontSizeFocusInside); } .title-behaviour-dynamic.title-position-inside .form-field-select .form-field-title { position: absolute; z-index: 1; padding-bottom: 0px; padding-left: var(--formInputGapX); font-size: var(--fontSizeFocusInside); top: 3px; grid-row: start / row1-title; } .title-behaviour-dynamic.title-position-outside .form-field:has(.form-field-text__input.focus) .form-field-title, .title-behaviour-dynamic.title-position-outside .form-field:has(.form-field-text__input:focus) .form-field-title, .title-behaviour-dynamic.title-position-outside .form-field:has(.form-field-text__input:not(:placeholder-shown)) .form-field-title { top: calc((var(--lineHeightTitleFocusOutside) + var(--formTitleGap)) * -1); } .title-behaviour-dynamic.title-position-outside .form-field-select .form-field-title { grid-row: start / row1-title; } .title-behaviour-dynamic.title-position-outside .form-field-select .form-field-title, .title-behaviour-dynamic.title-position-outside .form-field:has(.form-field-text__input.focus) .form-field-title, .title-behaviour-dynamic.title-position-outside .form-field:has(.form-field-text__input:focus) .form-field-title, .title-behaviour-dynamic.title-position-outside .form-field:has(.form-field-text__input:not(:placeholder-shown)) .form-field-title { padding-left: 0px; color: var(--currentColorTitle,var(--currentColorText,var(--currentColor))); padding-bottom: var(--formTitleGap); font-size: var(--fontSizeTitle); line-height: var(--lineHeightTitle); font-weight: var(--fontWeightTitle); letter-spacing: var(--letterSpacingTitle); font-style: var(--fontStyleTitle); text-decoration: var(--textDecorationTitle); text-transform: var(--textTransformTitle); } .title-behaviour-dynamic.title-position-outside .form-field-text__wrap:has(> .form-field-title) { margin-top: calc(var(--lineHeightTitleFocusOutside) + var(--formTitleGap)); } .title-behaviour-dynamic.description-position-bottom .form-field:has(.form-field-desc) .form-field-date__icon { grid-row: start / row2-desc; top: calc(50% - 8px); bottom: auto; } .title-behaviour-dynamic.description-position-bottom .form-field-select .form-field-title, .title-behaviour-dynamic.description-position-bottom .form-field-text .form-field-title { grid-row: row1-title / row2-desc; } .title-behaviour-dynamic.style-filled .form-field-text__wrap:has(.form-field-text__textarea) .form-field-title { top: calc(var(--formInputBorderSize) + var(--formInputGapY)); } .title-behaviour-dynamic.style-filled .form-fields-shipping .form-field-text__wrap:has([data-type="switch"]) .form-field-title { padding-left: 0px; } .title-behaviour-dynamic .form-field-text .form-field-title { top: calc(50% - var(--lineHeightTitleDynamic) / 2); } .title-behaviour-dynamic .form-field-text__wrap:has(.form-field-text__textarea) .form-field-title { top: var(--formInputGapY); } .title-behaviour-dynamic .form-field-text:has(.form-field-text__input:not(:focus):hover) .form-field-title, .title-behaviour-dynamic .form-field:has(.atom-custom-select:hover) .form-field-title, .title-behaviour-dynamic .form-field:has(.dropdown-select:hover) .form-field-title, .title-behaviour-dynamic .form-field:has(.form-field-text__input:not(:focus):placeholder-shown.hover) .form-field-title { --currentColorActiveTitle: var(--formInputBgHoverContrast); } .title-behaviour-dynamic .form-field-select .form-field-title, .title-behaviour-dynamic .form-field:has(.form-field-text__input) .form-field-title { color: var(--currentColorEffectTitle,var(--textInputColor,var(--currentColorText,var(--currentColorActiveTitle,var(--formInputBgContrast,var(--currentColor)))))); font-size: var(--fontSizeText,16px); line-height: var(--lineHeightText); font-weight: var(--fontWeightText); letter-spacing: var(--letterSpacingText); font-style: var(--fontStyleText); text-decoration: var(--textDecorationText); text-transform: var(--textTransformText); } .title-behaviour-dynamic .form-field-text__wrap .form-field-title { padding-left: var(--formInputGapX); } .title-behaviour-dynamic .form-field-text .form-field-title { position: absolute; padding-bottom: 0px; pointer-events: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; transition: 0.3s; will-change: transform; } .title-behaviour-dynamic .form-field-select .form-field-title:has(+ .form-field-desc), .title-behaviour-dynamic .form-field-text .form-field-title:has(+ .form-field-desc) { grid-row: row1-title / row2-desc; } .title-behaviour-dynamic .form-field-text__wrap:has(.form-field-title) .form-field-text__input + .form-field-units, .title-behaviour-dynamic .form-field-text__wrap:has(.form-field-title) .form-field-text__input::placeholder { opacity: 0; transition: opacity 0.15s ease-in; } .title-behaviour-dynamic .form-field-text__wrap:has(.form-field-title) .form-field-text__input.focus + .form-field-units, .title-behaviour-dynamic .form-field-text__wrap:has(.form-field-title) .form-field-text__input.focus::placeholder, .title-behaviour-dynamic .form-field-text__wrap:has(.form-field-title) .form-field-text__input:focus + .form-field-units, .title-behaviour-dynamic .form-field-text__wrap:has(.form-field-title) .form-field-text__input:focus::placeholder { opacity: 0.5; } .title-behaviour-dynamic .form-field-text__wrap:has(.form-field-title) .form-field-text__input:not(:placeholder-shown) + .form-field-units { opacity: 0.5; } .title-behaviour-dynamic.title-position-outside .form-field:has(.form-field-text__input:placeholder-shown) .form-field-title { --currentColorEffectTitle: var(--titleInputColor); } .title-behaviour-dynamic.title-position-outside .form-field:has(.form-field-text__input:placeholder-shown.hover) .form-field-title, .title-behaviour-dynamic.title-position-outside .form-field:has(.form-field-text__input:placeholder-shown:hover) .form-field-title { --currentColorEffectTitle: var(--currentColorTitleHover,var(--titleInputColor,var(--textInputColor,var(--currentColorText)))); } .title-behaviour-dynamic .form-field.active:has(.dropdown-select) .form-field-title, .title-behaviour-dynamic .form-field:has(.atom-custom-select:focus) .form-field-title, .title-behaviour-dynamic .form-field:has(.dropdown-container.focus) .form-field-title, .title-behaviour-dynamic .form-field:has(.form-field-text__input.focus) .form-field-title, .title-behaviour-dynamic .form-field:has(.form-field-text__input:focus) .form-field-title { --currentColorEffectTitle: var(--currentColorTitleFocus,var(--currentColorTitle,var(--currentColorText))); } .title-behaviour-dynamic.title-position-inside .form-field-select .form-field-title, .title-behaviour-dynamic.title-position-inside .form-field:has(.form-field-text__input) .form-field-title, .title-behaviour-dynamic.title-position-inside .form-field:has(.form-field-text__input:placeholder-shown) .form-field-title { --currentColorEffectTitle: var(--titleInputColor); font-weight: var(--titleInputWeight); } .title-behaviour-dynamic.title-position-inside .form-field:has(.dropdown-select:hover) .form-field-title, .title-behaviour-dynamic.title-position-inside .form-field:has(.form-field-text__input.hover) .form-field-title, .title-behaviour-dynamic.title-position-inside .form-field:has(.form-field-text__input:hover) .form-field-title { --currentColorEffectTitle: var(--currentColorTitleHover,var(--titleInputColor,var(--currentColorText))); } .title-behaviour-dynamic.title-position-inside .form-field.active:has(.dropdown-select) .form-field-title, .title-behaviour-dynamic.title-position-inside .form-field:has(.atom-custom-select:focus) .form-field-title, .title-behaviour-dynamic.title-position-inside .form-field:has(.dropdown-container.focus) .form-field-title, .title-behaviour-dynamic.title-position-inside .form-field:has(.form-field-text__input.focus) .form-field-title, .title-behaviour-dynamic.title-position-inside .form-field:has(.form-field-text__input:focus) .form-field-title { --currentColorEffectTitle: var(--currentColorTitleFocus,var(--titleInputColor,var(--currentColorText))); } .description-position-top .form-field:has(.form-field-desc) .form-field-date__icon { grid-row-start: row2-desc; } .description-position-bottom .form-field-title:has(.form-field-desc) { grid-row: start / row1-title; } .description-position-bottom .form-field-desc { padding-bottom: 0px; padding-top: var(--formDescGap); grid-row: row4-border / end-error; } .description-position-bottom .error { grid-row: row3-input / row4-border; } .description-position-bottom .form-field-input__wrap, .description-position-bottom .form-field-text__input { grid-row: row1-title / row2-desc; } .description-position-bottom .select-outer { grid-row: row2-desc / row3-input; } .description-position-bottom .select-outer + .border { grid-row: row3-input / row4-border; } .description-position-bottom .form-field-text .border { grid-row: row2-desc / row3-input; } .style-filled .form-field-select .dropdown-select, .style-filled .form-field-text__input { outline-style: solid; outline-width: var(--formInputBorderSize,0); outline-color: var(--formInputBorderColorContrast,var(--formInputBorderColor,var(--currentColorForm))); outline-offset: calc(var(--formInputBorderSize, 0) * -1); transition: 0.3s cubic-bezier(0.21, 0.67, 0.58, 1); } .style-filled .form-field-select .dropdown-select:hover, .style-filled .form-field-text__input:hover { outline-color: var(--formInputBorderColorHover,var(--formInputBorderHoverColor,var(--formInputBorderColorContrast,var(--formInputBorderColor,var(--currentColorForm))))); } .style-filled .form-field-select .dropdown-select:focus, .style-filled .form-field-text__input:focus { outline-color: var(--formInputBorderColorFocus,var(--formInputBorderFocusColor,var(--formInputBorderColorContrast,var(--formInputBorderColor,var(--currentColorForm))))); } .style-filled .form-field-select:has(.atom-custom-select.hover) .dropdown-select, .style-filled .form-field-select:has(.atom-custom-select:hover) .dropdown-select { outline-color: var(--formInputBorderColorHover,var(--formInputBorderHoverColor,var(--formInputBorderColorContrast,var(--formInputBorderColor,var(--currentColorForm))))); } .style-filled .form-field-select:has(.atom-custom-select.focus) .dropdown-select, .style-filled .form-field-select:has(.atom-custom-select:focus) .dropdown-select { outline-color: var(--formInputBorderColorFocus,var(--formInputBorderFocusColor,var(--formInputBorderColorContrast,var(--formInputBorderColor,var(--currentColorForm))))); } .style-filled.title-behaviour-dynamic.title-position-inside .form-field-select .form-field-title, .style-filled.title-behaviour-dynamic.title-position-inside .form-field-text__wrap .form-field-title { padding-left: calc(var(--formInputGapX) + var(--formInputBorderSize)); } .style-underlined .form-fields .form-field-select .border, .style-underlined .form-fields .form-field-text .border { display: block; width: 100%; color: inherit; height: var(--formInputBorderSize,0); background: var(--formInputBorderColorActive,var(--formInputBorderColor,var(--currentColorForm))); transition: opacity 0.3s; will-change: transform; } .style-underlined .form-fields .form-field-text__input { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .style-underlined .form-fields .form-field-select:has(.atom-custom-select.hover) .select-outer + .border, .style-underlined .form-fields .form-field-select:has(.atom-custom-select:hover) .select-outer + .border, .style-underlined .form-fields .form-field-select:has(.dropdown-select.hover) .select-outer + .border, .style-underlined .form-fields .form-field-select:has(.dropdown-select:hover) .select-outer + .border, .style-underlined .form-fields .form-field-text__input.hover + .border, .style-underlined .form-fields .form-field-text__input:hover + .border { --formInputBorderColorActive: var(--formInputBorderColorHover); } .style-underlined .form-fields .form-field-select:has(.dropdown-select.focus) .select-outer + .border, .style-underlined .form-fields .form-field-text__input.focus + .border, .style-underlined .form-fields .form-field-text__input:focus + .border, .style-underlined .form-fields .form-field:has(.atom-custom-select:focus) .select-outer + .border { --formInputBorderColorActive: var(--formInputBorderColorFocus); } .style-underlined .form-fields .form-field-text__textarea { max-height: 250px; } .style-underlined .form-fields .form-field-text__textarea::-webkit-scrollbar { width: 3px; height: 90%; } .style-underlined .form-fields .form-field-text__textarea::-webkit-scrollbar-track { background: 0px center; } .style-underlined .form-fields .form-field-text__textarea::-webkit-scrollbar-thumb { background-color: currentcolor; border-radius: 3px; opacity: 0.2; } .style-underlined .form-fields .form-field-select { margin-top: 0px; } .style-underlined .form-field-date__icon { right: 15px; } [data-contrast="dark"] { --currentColorForm: rgba(6,6,7,.1); } [data-contrast="light"] { --currentColorForm: hsla(0,0%,100%,.2); } .form-field-text:has(.form-field-text__input:not(:focus):hover), .form-field:has(.atom-custom-select:hover), .form-field:has(.dropdown-select:hover), .form-field:has(.form-field-text__input:not(:focus).hover) { --textInputColorActive: var(--formInputBgHoverContrast); } .form-field:has(.atom-custom-select:focus), .form-field:has(.dropdown-container.focus), .form-field:has(.form-field-text__input.focus), .form-field:has(.form-field-text__input:focus) { --textInputColorActive: var(--formInputBgFocusContrast); } [data-contrast="dark"] { --formInputBackground: rgba(6,6,7,.1); --formInputBackgroundActive: rgba(6,6,7,.15); --formInputBorderColor: rgba(6,6,7,.15); } [data-contrast="light"] { --formInputBackground: hsla(0,0%,100%,.2); --formInputBackgroundActive: hsla(0,0%,100%,.3); --formInputBorderColor: hsla(0,0%,100%,.2); } body.adaptive-mobile .form-fields-mobile--column { display: flex; flex-direction: column; grid-template-columns: none; } body.adaptive-mobile .form-fields-mobile--column .form-field-spacer { width: 100%; height: var(--formFieldSpacerWidth_mobile,var(--formFieldSpacerWidth,"20px")); } body.adaptive-mobile .form-fields-mobile--column .form-field-wrap-separator { justify-content: var(--separatorJustify,"start"); } body.adaptive-mobile .form-fields-mobile--column .form-field-separator { width: var(--separatorWidth,"100%"); height: var(--separatorHeight,"1px"); margin: var(--separatorMarginTop,"0px") 0 var(--separatorMarginBottom,"0px"); } body.adaptive-mobile .form-fields-mobile--row { display: grid; flex-direction: row; grid-template-columns: var(--formFieldsColumns_mobile,var(--formFieldsColumns,auto auto)); } body.adaptive-mobile .form-fields-mobile--row .form-field-spacer { width: var(--formFieldSpacerWidth_mobile,var(--formFieldSpacerWidth,"20px")); height: 100%; } body.adaptive-mobile .form-fields-mobile--row .form-field-separator { width: var(--separatorHeight,"1px"); height: var(--separatorWidth,"100%"); margin: 0 var(--separatorMarginLeft,"0px") 0 var(--separatorMarginRight,"0px"); } body.adaptive-mobile .cart-field-promocode, body.adaptive-mobile .component-form, body.adaptive-mobile .form-field-text__input, body.adaptive-mobile .form-fields .form-field-select .dropdown-select { font-size: var(--fontSizeText_mobile,var(--fontSizeText)); line-height: var(--lineHeightText_mobile,var(--lineHeightText)); font-weight: var(--fontWeightText_mobile,var(--fontWeightText)); letter-spacing: var(--letterSpacingText_mobile,var(--letterSpacingText)); font-style: var(--fontStyleText_mobile,var(--fontStyleText)); text-decoration: var(--textDecorationText_mobile,var(--textDecorationText)); text-transform: var(--textTransformText_mobile,var(--textTransformText)); } body.adaptive-mobile .form-field-title { font-size: var(--fontSizeTitle_mobile,var(--fontSizeTitle,var(--fontSizeText_mobile,var(--fontSizeText)))); line-height: var(--lineHeightTitle_mobile,var(--lineHeightTitle,var(--lineHeightText_mobile,var(--lineHeightText)))); font-weight: var(--fontWeightTitle_mobile,var(--fontWeightTitle,var(--fontWeightText_mobile,var(--fontWeightText)))); letter-spacing: var(--letterSpacingTitle_mobile,var(--letterSpacingTitle,var(--letterSpacingText_mobile,var(--letterSpacingText)))); font-style: var(--fontStyleTitle_mobile,var(--fontStyleTitle,var(--fontStyleText_mobile,var(--fontStyleText)))); text-decoration: var(--textDecorationTitle_mobile,var(--textDecorationTitle)); text-transform: var(--textTransformTitle_mobile,var(--textTransformTitle)); padding-bottom: var(--formTitleGap_mobile,var(--formTitleGap)); } body.adaptive-mobile .form-field-desc { font-size: var(--fontSizeDesc_mobile,var(--fontSizeDesc,var(--fontSizeText_mobile,var(--fontSizeText)))); line-height: var(--lineHeightDesc_mobile,var(--lineHeightDesc,var(--lineHeightText_mobile,var(--lineHeightText)))); font-weight: var(--fontWeightDesc_mobile,var(--fontWeightDesc,var(--fontWeightText_mobile,var(--fontWeightText)))); letter-spacing: var(--letterSpacingDesc_mobile,var(--letterSpacingDesc,var(--letterSpacingText_mobile,var(--letterSpacingText)))); font-style: var(--fontStyleDesc_mobile,var(--fontStyleDesc,var(--fontStyleText_mobile,var(--fontStyleText)))); text-decoration: var(--textDecorationDesc_mobile,var(--textDecorationDesc)); text-transform: var(--textTransformDesc_mobile,var(--textTransformDesc)); padding-bottom: var(--formDescGap_mobile,var(--formDescGap)); } body.adaptive-mobile .static-text__text { color: var(--fontColorText_mobile,var(--fontColorText)); font-size: var(--fontSizeText_mobile,var(--fontSizeText)); line-height: var(--lineHeightText_mobile,var(--lineHeightText)); font-weight: var(--fontWeightText_mobile,var(--fontWeightText)); text-align: var(--textAlignText_mobile,var(--textAlignText)); letter-spacing: var(--letterSpacingText_mobile,var(--letterSpacingText)); font-style: var(--fontStyleText_mobile,var(--fontStyleText)); text-decoration: var(--textDecorationText_mobile,var(--textDecorationText)); text-transform: var(--textTransformText_mobile,var(--textTransformText)); } body.adaptive-mobile .form-field-text__input { text-align: var(--formInputJustify_mobile,var(--formInputJustify,"start")); } body.adaptive-mobile .form-field-select .dropdown-select { justify-content: var(--formInputJustify_mobile,var(--formInputJustify,"start")); } body.adaptive-mobile .form-field-input__wrap .form-field-text__input:has(+ .field-units__position-right) { padding-right: calc(var(--formInputGapX_mobile, var(--formInputGapX)) + var(--fieldUnitsWidt, 1.5ex) + 10px); } body.adaptive-mobile .form-field-input__wrap .form-field-text__input:has(+ .field-units__position-left) { padding-left: calc(var(--formInputGapX_mobile, var(--formInputGapX)) + var(--fieldUnitsWidth, 1.5ex) + 10px); } body.adaptive-mobile .form-fields--row, body.adaptive-mobile .form-fields .form-fields-mobile--row { gap: var(--formFieldsGapX_mobile,var(--formFieldsGapX)); align-items: var(--formFieldsAlign_mobile,var(--formFieldsAlign,"end")); } body.adaptive-mobile .form-fields, body.adaptive-mobile .form-fields .form-fields-mobile--column { gap: var(--formFieldsGapY_mobile,var(--formFieldsGapY)); } body.adaptive-mobile .form-field-complex .form-field-title { padding-bottom: var(--formGroupTitleGap_mobile,var(--formTitleGap_mobile,var(--formGroupTitleGap,var(--formTitleGap)))); } body.adaptive-mobile .style-filled .form-field-select .dropdown-select, body.adaptive-mobile .style-filled .form-field-text__input { outline-width: var(--formInputBorderSize_mobile,var(--formInputBorderSize,0)); outline-offset: calc(var(--formInputBorderSize_mobile, var(--formInputBorderSize, 0)) * -1); } body.adaptive-mobile .style-underlined .form-fields .form-field-select .border, body.adaptive-mobile .style-underlined .form-fields .form-field-text .border { height: var(--formInputBorderSize_mobile,var(--formInputBorderSize,0)); } body.adaptive-mobile .style-underlined .form-fields .form-field-date__icon { right: 15px; } body.adaptive-mobile .title-behaviour-dynamic.title-position-inside .form-field-select:has(> .form-field-title), body.adaptive-mobile .title-behaviour-dynamic.title-position-inside .form-field-text__wrap:has(> .form-field-title) { --diff: calc(var(--lineHeightTitleFocusInside_mobile, var(--lineHeightTitleFocusInside)) / 2); --formGapTop_mobile: calc(var(--formInputGapY_mobile, var(--formInputGapY)) + var(--diff)); --formGapBottom_mobile: calc(var(--formInputGapY_mobile, var(--formInputGapY)) - var(--diff)); } body.adaptive-mobile .title-behaviour-dynamic.title-position-inside .form-field-text__wrap:has(.form-field-text__textarea) .form-field-title { top: var(--formInputGapY_mobile,var(--formInputGapY)); } body.adaptive-mobile .title-behaviour-dynamic.title-position-inside .form-field-select .form-field-title, body.adaptive-mobile .title-behaviour-dynamic.title-position-inside .form-field:has(.form-field-text__input.focus) .form-field-title, body.adaptive-mobile .title-behaviour-dynamic.title-position-inside .form-field:has(.form-field-text__input:focus) .form-field-title, body.adaptive-mobile .title-behaviour-dynamic.title-position-inside .form-field:has(.form-field-text__input:not(:placeholder-shown)) .form-field-title { padding-left: var(--formInputGapX_mobile,var(--formInputGapX)); top: calc((var(--formInputGapY_mobile, var(--formInputGapY)) - var(--fontSizeFocusInside_mobile, var(--fontSizeFocusInside)) / 2) / 2); font-size: var(--fontSizeFocusInside_mobile,var(--fontSizeFocusInside)); } body.adaptive-mobile .title-behaviour-dynamic.title-position-inside.style-filled .form-field-text__wrap:has(.form-field-text__textarea) .form-field-title { top: calc(var(--formInputBorderSize_mobile, var(--formInputBorderSize)) + var(--formInputGapY_mobile, var(--formInputGapY))); } body.adaptive-mobile .title-behaviour-dynamic.title-position-inside.style-filled .form-field-select .form-field-title, body.adaptive-mobile .title-behaviour-dynamic.title-position-inside.style-filled .form-field:has(.form-field-text__input.focus) .form-field-title, body.adaptive-mobile .title-behaviour-dynamic.title-position-inside.style-filled .form-field:has(.form-field-text__input:focus) .form-field-title, body.adaptive-mobile .title-behaviour-dynamic.title-position-inside.style-filled .form-field:has(.form-field-text__input:not(:placeholder-shown)) .form-field-title { padding-left: calc(var(--formInputBorderSize_mobile, var(--formInputBorderSize)) + var(--formInputGapX_mobile, var(--formInputGapX))); top: calc(var(--formInputBorderSize_mobile, var(--formInputBorderSize)) + (var(--formInputGapY_mobile, var(--formInputGapY)) - var(--fontSizeFocusInside_mobile, var(--fontSizeFocusInside)) / 2) / 2); } body.adaptive-mobile .title-behaviour-dynamic.title-position-outside.style-filled .form-field-select .form-field-title, body.adaptive-mobile .title-behaviour-dynamic.title-position-outside.style-filled .form-field:has(.form-field-text__input.focus) .form-field-title, body.adaptive-mobile .title-behaviour-dynamic.title-position-outside.style-filled .form-field:has(.form-field-text__input:focus) .form-field-title, body.adaptive-mobile .title-behaviour-dynamic.title-position-outside.style-filled .form-field:has(.form-field-text__input:not(:placeholder-shown)) .form-field-title { padding-left: 0px; } body.adaptive-mobile .title-behaviour-dynamic.title-position-outside .form-field-select .form-field-title, body.adaptive-mobile .title-behaviour-dynamic.title-position-outside .form-field:has(.form-field-text__input.focus) .form-field-title, body.adaptive-mobile .title-behaviour-dynamic.title-position-outside .form-field:has(.form-field-text__input:focus) .form-field-title, body.adaptive-mobile .title-behaviour-dynamic.title-position-outside .form-field:has(.form-field-text__input:not(:placeholder-shown)) .form-field-title { font-size: var(--fontSizeTitle_mobile,var(--fontSizeTitle,var(--fontSizeText_mobile,var(--fontSizeText)))); line-height: var(--lineHeightTitle_mobile,var(--lineHeightTitle,var(--lineHeightText_mobile,var(--lineHeightText)))); font-weight: var(--fontWeightTitle_mobile,var(--fontWeightTitle,var(--fontWeightText_mobile,var(--fontWeightText)))); letter-spacing: var(--letterSpacingTitle_mobile,var(--letterSpacingTitle,var(--letterSpacingText_mobile,var(--letterSpacingText)))); font-style: var(--fontStyleTitle_mobile,var(--fontStyleTitle,var(--fontStyleText_mobile,var(--fontStyleText)))); text-decoration: var(--textDecorationTitle_mobile,var(--textDecorationTitle,var(--textDecorationText_mobile,var(--textDecorationText)))); text-transform: var(--textTransformTitle_mobile,var(--textTransformTitle,var(--textTransformText_mobile,var(--textTransformText)))); } body.adaptive-mobile .title-behaviour-dynamic.title-position-outside .form-field-text__wrap:has(> .form-field-title) { margin-top: calc(var(--lineHeightTitleFocusOutside_mobile, var(--lineHeightTitleFocusOutside)) + var(--formTitleGap_mobile, var(--formTitleGap))); } body.adaptive-mobile .title-behaviour-dynamic.title-position-outside .form-field:has(.form-field-text__input.focus) .form-field-title, body.adaptive-mobile .title-behaviour-dynamic.title-position-outside .form-field:has(.form-field-text__input:focus) .form-field-title, body.adaptive-mobile .title-behaviour-dynamic.title-position-outside .form-field:has(.form-field-text__input:not(:placeholder-shown)) .form-field-title { top: calc((var(--lineHeightTitleFocusOutside_mobile, var(--lineHeightTitleFocusOutside)) + var(--formTitleGap_mobile, var(--formTitleGap))) * -1); } body.adaptive-mobile .title-behaviour-dynamic .form-field-text__wrap .form-field-title { padding-left: var(--formInputGapX_mobile,var(--formInputGapX)); } body.adaptive-mobile .title-behaviour-dynamic .form-field-text__wrap:has(.form-field-text__textarea) .form-field-title { top: var(--formInputGapY_mobile,var(--formInputGapY)); } body.adaptive-mobile .title-behaviour-dynamic .form-field-text .form-field-title { top: calc(50% - (var(--lineHeightTitleDynamic_mobile, var(--lineHeightTitleDynamic)) / 2)); } body.adaptive-mobile .title-behaviour-dynamic .form-field:has(.form-field-text__input) .form-field-title { font-size: var(--fontSizeText_mobile,var(--fontSizeText)); line-height: var(--lineHeightText_mobile,var(--lineHeightText)); font-weight: var(--fontWeightText_mobile,var(--fontWeightText)); letter-spacing: var(--letterSpacingText_mobile,var(--letterSpacingText)); font-style: var(--fontStyleText_mobile,var(--fontStyleText)); text-decoration: var(--textDecorationText_mobile,var(--textDecorationText)); text-transform: var(--textTransformText_mobile,var(--textTransformText)); } body.adaptive-mobile .description-position-bottom .form-field-desc { padding-bottom: 0px; padding-top: var(--formDescGap_mobile,var(--formDescGap)); } body.adaptive-mobile .form-field-shipping-item { margin-bottom: calc(var(--formFieldsGapY_mobile, var(--formFieldsGapY)) / 2); } body.adaptive-mobile .form-field-date__icon { right: calc(var(--formInputBorderSize_mobile, var(--formInputBorderSize)) + 15px); } body.adaptive-mobile .form-fields .form-field-select .dropdown-select { min-height: auto; } body.adaptive-mobile .form-field-date__input { padding-right: calc(var(--formInputGapX_mobile, var(--formInputGapX)) + 20px); } body.adaptive-mobile .form-field[data-type="checkbox"] + [data-type="checkbox"] { margin-top: calc(var(--formFieldsGapY_mobile, var(--formFieldsGapY)) / -2); } body.adaptive-mobile .form-field .form-field-select .dropdown-select { border-radius: var(--formTopLeftRadius) var(--formTopRightRadius) var(--formBottomRightRadius) var(--formBottomLeftRadius); padding: var(--formGapTop_mobile,var(--formGapTop,var(--formInputGapY_mobile,var(--formInputGapY)))) calc(var(--formInputGapX_mobile, var(--formInputGapX)) + 30px) var(--formGapBottom_mobile,var(--formGapBottom,var(--formInputGapY_mobile,var(--formInputGapY)))) var(--formInputGapX_mobile,var(--formInputGapX)); } body.adaptive-mobile .form-field .form-field-text__input { border-radius: var(--formTopLeftRadius) var(--formTopRightRadius) var(--formBottomRightRadius) var(--formBottomLeftRadius); padding: var(--formGapTop_mobile,var(--formGapTop,var(--formInputGapY_mobile,var(--formInputGapY)))) var(--formInputGapX_mobile,var(--formInputGapX)) var(--formGapBottom_mobile,var(--formGapBottom,var(--formInputGapY_mobile,var(--formInputGapY)))); } body.adaptive-mobile .form-field-file .file-item { margin-bottom: calc(var(--formFieldsGapY_mobile, var(--formFieldsGapY)) / 2); } body.adaptive-mobile .form-submit { margin-top: var(--formButtonGap_mobile,var(--formButtonGap,20px)); } body.adaptive-mobile .title-behaviour-dynamic.title-position-outside .form-field-select .form-field-title, body.adaptive-mobile .title-behaviour-dynamic.title-position-outside .form-field:has(.form-field-text__input.focus) .form-field-title, body.adaptive-mobile .title-behaviour-dynamic.title-position-outside .form-field:has(.form-field-text__input:focus) .form-field-title, body.adaptive-mobile .title-behaviour-dynamic.title-position-outside .form-field:has(.form-field-text__input:not(:placeholder-shown)) .form-field-title { padding-left: 0px; padding-bottom: var(--formTitleGap_mobile,var(--formTitleGap)); } .promocode-link { display: flex; align-items: center; color: currentcolor; opacity: 0.5; user-select: none; cursor: pointer; transition: opacity 0.2s; } .promocode-link span { margin-left: 8px; } .promocode-link:hover { opacity: 1; } .promocode-link.hide { display: none; } .promocode-field { display: flex; align-items: flex-end; width: 100%; position: relative; } .promocode-field.hide { display: none; } .promocode-field .form-field-text { width: auto; flex: 1 1 0%; } .promocode-field .error { position: absolute; top: 100%; left: 0px; } .applied-promocode-block { display: block; border-radius: 4px; position: relative; padding: 15px; animation: 0.2s ease 0.25s 1 normal both running fadeIn; } .applied-promocode-block::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: currentcolor; opacity: 0.05; border-radius: 4px; z-index: -1; } .applied-promocode-block__remove { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; margin: 10px; position: absolute; top: 0px; right: 0px; opacity: 0.25; cursor: pointer; transition: opacity 0.18s; z-index: 10; } .is-pointer .applied-promocode-block__remove:hover { opacity: 0.65; } .applied-promocode-block__title { display: flex; align-items: center; font-size: 0.9375rem; } .applied-promocode-block__title span { margin-left: 10px; } .applied-promocode-block__text { font-size: 0.8125rem; color: rgb(136, 136, 136); margin-top: 10px; } .applied-promocode-block .error { position: absolute; left: 0px; bottom: calc(-1em - 5px); font-size: 0.75rem; color: rgb(252, 77, 83); } .applied-promocode-block.is_error { margin-bottom: 1em; } .applied-promocode-block.is_error .applied-promocode-block__text, .applied-promocode-block.is_error .applied-promocode-block__title { opacity: 0.5; } .promocode-button { margin-left: 15px; width: max-content !important; min-width: unset !important; --buttonWide_mobile: auto !important; } .promocode-button.submitting, .promocode-button.success { pointer-events: none; } .promocode-button .btn-text { white-space: nowrap !important; } .promocode-button::before { transition: opacity 0.3s cubic-bezier(0.21, 0.67, 0.58, 1); opacity: 0.2; border-color: var(--buttonColor,currentColor) !important; } .promocode-button.hover { color: var(--buttonColor,currentColor); } .promocode-button.hover::before { opacity: 0.4; background: none !important; } [data-contrast="light"] .promocode-button::before { opacity: 0.4; } [data-contrast="light"] .promocode-button:hover::before { opacity: 0.6; } .form-field-shipping-wrap.scroll-up:not(.scroll-down) { mask-image: linear-gradient(transparent, rgb(0, 0, 0) 10%, rgb(0, 0, 0) 90%); } .form-field-shipping-wrap.scroll-down:not(.scroll-up) { mask-image: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 90%, transparent); } .form-field-shipping-wrap.scroll-up.scroll-down { mask-image: linear-gradient(transparent, rgb(0, 0, 0) 10%, rgb(0, 0, 0) 90%, transparent); } .form-field-shipping-inner { max-height: 300px; overflow: auto; } .form-field-shipping-switch { margin-bottom: var(--formFieldsGapY); } .form-field-shipping-item { display: block; position: relative; width: 100%; border: 1px solid transparent; min-height: var(--formInputSize); padding: 12px 15px; margin-bottom: calc(var(--formFieldsGapY) / 2); word-break: keep-all; cursor: pointer; } .is-pointer .form-field-shipping-item:hover .form-field-shipping-item__box { opacity: 0.57; } .form-field-shipping-item .error-message { display: none; color: rgb(255, 71, 71); font-weight: 500; font-size: 0.75rem; } .form-field-shipping-item.shipping-error { pointer-events: none; } .form-field-shipping-item.shipping-error > :not(.error-message) { opacity: 0.3; } .form-field-shipping-item.shipping-error .delimiter, .form-field-shipping-item.shipping-error .item-price { display: none; } .form-field-shipping-item.shipping-error .error-message { display: block; } .form-field-shipping-item:last-child { margin-bottom: 0px !important; } .form-field-shipping-item__box { position: absolute; inset: 0px; z-index: 0; border-radius: 4px; border: 1px solid; opacity: 0.2; pointer-events: none; transition: opacity 0.3s; } .form-field-shipping-item__title { display: flex; align-items: center; font-weight: 400; padding-right: 20px; } .form-field-shipping-item__title .delimiter, .form-field-shipping-item__title .item-price { font-weight: 400; opacity: 0.7; } .form-field-shipping-item__title .delimiter { margin: 0px 1ch; } .form-field-shipping-item__address, .form-field-shipping-item__desc { font-size: 0.8125rem; line-height: 1.23077; margin-top: 8px; opacity: 0.5; white-space: pre-wrap; max-width: 350px; } .form-field-shipping-item__address.loading { position: relative; pointer-events: none; } .form-field-shipping-item__address.loading::after { content: ""; position: absolute; inset: 0px; z-index: 2; border-radius: 5px; background: linear-gradient(90deg, currentcolor, transparent 50%, currentcolor) 0% 0% / 200% 100%; opacity: 0.1; animation: 1.5s ease 0s infinite normal none running placeholderBackground; } .form-field-shipping-item__address + .form-field-shipping-item__desc { margin-top: 15px; } .form-field-shipping-item__min-total { display: flex; place-items: center; font-size: 0.8125rem; line-height: 1.07692; margin-top: 10px; opacity: 0.5; } .form-field-shipping-item__min-total span { margin-left: 5px; } .form-field-shipping-item__input { display: none; } .form-field-shipping-item__input:checked ~ .form-field-shipping-item__box { border-width: 2px; opacity: 1 !important; } .form-field-shipping-item__input:checked ~ .form-field-shipping-item__arrow { opacity: 1 !important; visibility: visible; } .form-field-shipping-item__input:checked ~ .form-field-shipping-item__title { font-weight: 500; } .form-field-shipping-item__arrow { position: absolute; top: 13px; right: 15px; width: 16px; height: 16px; opacity: 0; visibility: hidden; pointer-events: none; z-index: 0; transition: 0.3s; } .form-field-shipping-item--blocked { cursor: default; background: rgba(34, 17, 34, 0.02); } .form-field-shipping-item--blocked .form-field-shipping-item__input:checked ~ .form-field-shipping-item__box { border-width: 2px; opacity: 0.4; } .form-field-shipping-item--blocked .form-field-shipping-item__input:checked ~ .form-field-shipping-item__arrow { opacity: 0.4; visibility: visible; } .form-field-shipping-item--only { cursor: default; background: rgba(34, 17, 34, 0.02); } .form-field-shipping-item--only .form-field-shipping-item__box { opacity: 0.57 !important; } .form-field-shipping-item--only .form-field-shipping-item__arrow { display: none; } body.adaptive-mobile .component-form { --formInputTextSize: max(16px,1em); } body.adaptive-mobile .component-form.inline .form-submit { padding-top: 0px; } body.adaptive-mobile .component-form .form-submit { text-align: var(--formButtonJustify_mobile,var(--formButtonJustify)); } body.adaptive-desktop .element-content--static:not(.element-content--explicit-sizing) > .component-form { max-width: var(--formInputWidth,none); } body.adaptive-desktop .component-form.inline { display: grid; grid-template-columns: 1fr fit-content(30%); } body.adaptive-desktop .component-form.inline.description-position-bottom.title-position-inside .form-submit .component-button { margin-bottom: 0px; margin-top: calc(var(--formInputGapY) - var(--gapY, 0)); } body.adaptive-desktop .component-form.inline.description-position-bottom:is(.title-position-outside, .title-behaviour-static) .form-field-checkbox { margin-top: calc(var(--lineHeightTitleFocusOutside) + var(--formTitleGap) + var(--formInputGapY)); margin-bottom: 0px; } body.adaptive-desktop .component-form.inline.description-position-bottom:is(.title-position-outside, .title-behaviour-static) .form-submit .component-button { margin-bottom: 0px; margin-top: calc(var(--lineHeightTitleFocusOutside) + var(--formTitleGap)); } body.adaptive-desktop .component-form.inline.description-position-bottom .form-fields { align-items: flex-start; } body.adaptive-desktop .component-form.inline.description-position-bottom .form-field-checkbox { margin-top: var(--formInputGapY); margin-bottom: 0px; } body.adaptive-desktop .component-form.inline.title-position-inside .form-submit .component-button { margin-bottom: calc(var(--formInputGapY) - var(--gapY, 0)); } body.adaptive-desktop .component-form.inline.title-position-outside .form-field-select:not(:has(> .form-field-title)) .select-outer, body.adaptive-desktop .component-form.inline.title-position-outside .form-field-text__wrap:not(:has(> .form-field-title)) { margin-top: calc(var(--lineHeightTitleFocusOutside) + var(--formTitleGap)); } body.adaptive-desktop .component-form.inline.title-behaviour-dynamic.title-position-inside .form-field-text__wrap { --formGapTop: calc(var(--formInputGapY) + var(--diff)); --formGapBottom: calc(var(--formInputGapY) - var(--diff)); } body.adaptive-desktop .component-form.inline .is_error .error { position: absolute; top: 100%; left: 0px; height: 20px; line-height: 1rem; } body.adaptive-desktop .component-form.inline .form-field-checkbox { margin-bottom: var(--formInputGapY); } body.adaptive-desktop .component-form.inline .form-fields, body.adaptive-desktop .component-form.inline .form-submit { grid-row-start: 1; transition: padding 0.3s cubic-bezier(0.21, 0.67, 0.58, 1); } body.adaptive-desktop .component-form.inline .form-fields { display: inline-flex; flex-flow: row; align-items: flex-end; width: 100%; } body.adaptive-desktop .component-form.inline .form-fields .error { line-height: 1rem; } body.adaptive-desktop .component-form.inline .form-fields.has-error .form-field, body.adaptive-desktop .component-form.inline .form-fields.has-error ~ .form-submit { padding-bottom: 25px; } body.adaptive-desktop .component-form.inline .form-field { flex-grow: 1; margin: 0px; flex-basis: 100%; display: inline-grid; align-items: flex-end; } body.adaptive-desktop .component-form.inline .form-field[data-type="checkbox"] { flex-grow: 0; flex-basis: auto; } body.adaptive-desktop .component-form.inline .form-field-wrap-separator { grid-auto-flow: column; align-items: var(--separatorJustify,"start"); height: 100%; width: auto; flex-grow: 0; } body.adaptive-desktop .component-form.inline .form-field-separator { width: var(--separatorHeight,"1px"); height: var(--separatorWidth,"100%"); margin: 0 var(--separatorMarginLeft,"0px") 0 var(--separatorMarginRight,"0px"); } body.adaptive-desktop .component-form.inline .form-field-checkbox-item { max-width: 100%; height: var(--formInputSize); display: inline-flex; align-items: center; } body.adaptive-desktop .component-form.inline .form-field-checkbox__text { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 270px; } body.adaptive-desktop .component-form.inline .form-submit { position: relative; margin-top: 0px; margin-left: var(--formButtonGap,20px); display: flex; align-items: flex-start; } body.adaptive-desktop .component-form.inline .form-submit .component-button { margin-top: auto; } body.adaptive-desktop .component-form.inline .btn-text { white-space: nowrap; overflow-wrap: break-word; } body.adaptive-desktop .component-form.inline .captcha-global-error { grid-column: 1 / -1; } body.adaptive-desktop .component-form.inline .policy-data-warning { margin-top: 10px; grid-column: 1 / -1; } body.adaptive-mobile .form-fields-mobile--column { display: flex; flex-direction: column; grid-template-columns: none; } body.adaptive-mobile .form-fields-mobile--column .form-field-spacer { width: 100%; height: var(--formFieldSpacerWidth_mobile,var(--formFieldSpacerWidth,"20px")); } body.adaptive-mobile .form-fields-mobile--column .form-field-wrap-separator { justify-content: var(--separatorJustify,"start"); } body.adaptive-mobile .form-fields-mobile--column .form-field-separator { width: var(--separatorWidth,"100%"); height: var(--separatorHeight,"1px"); margin: var(--separatorMarginTop,"0px") 0 var(--separatorMarginBottom,"0px"); } body.adaptive-mobile .form-fields-mobile--row { display: grid; flex-direction: row; grid-template-columns: var(--formFieldsColumns_mobile,var(--formFieldsColumns,auto auto)); } body.adaptive-mobile .form-fields-mobile--row .form-field-spacer { width: var(--formFieldSpacerWidth_mobile,var(--formFieldSpacerWidth,"20px")); height: 100%; } body.adaptive-mobile .form-fields-mobile--row .form-field-separator { width: var(--separatorHeight,"1px"); height: var(--separatorWidth,"100%"); margin: 0 var(--separatorMarginLeft,"0px") 0 var(--separatorMarginRight,"0px"); } body.adaptive-mobile .cart-field-promocode, body.adaptive-mobile .component-form, body.adaptive-mobile .form-field-text__input, body.adaptive-mobile .form-fields .form-field-select .dropdown-select { font-size: var(--fontSizeText_mobile,var(--fontSizeText)); line-height: var(--lineHeightText_mobile,var(--lineHeightText)); font-weight: var(--fontWeightText_mobile,var(--fontWeightText)); letter-spacing: var(--letterSpacingText_mobile,var(--letterSpacingText)); font-style: var(--fontStyleText_mobile,var(--fontStyleText)); text-decoration: var(--textDecorationText_mobile,var(--textDecorationText)); text-transform: var(--textTransformText_mobile,var(--textTransformText)); } body.adaptive-mobile .form-field-title { font-size: var(--fontSizeTitle_mobile,var(--fontSizeTitle,var(--fontSizeText_mobile,var(--fontSizeText)))); line-height: var(--lineHeightTitle_mobile,var(--lineHeightTitle,var(--lineHeightText_mobile,var(--lineHeightText)))); font-weight: var(--fontWeightTitle_mobile,var(--fontWeightTitle,var(--fontWeightText_mobile,var(--fontWeightText)))); letter-spacing: var(--letterSpacingTitle_mobile,var(--letterSpacingTitle,var(--letterSpacingText_mobile,var(--letterSpacingText)))); font-style: var(--fontStyleTitle_mobile,var(--fontStyleTitle,var(--fontStyleText_mobile,var(--fontStyleText)))); text-decoration: var(--textDecorationTitle_mobile,var(--textDecorationTitle)); text-transform: var(--textTransformTitle_mobile,var(--textTransformTitle)); padding-bottom: var(--formTitleGap_mobile,var(--formTitleGap)); } body.adaptive-mobile .form-field-desc { font-size: var(--fontSizeDesc_mobile,var(--fontSizeDesc,var(--fontSizeText_mobile,var(--fontSizeText)))); line-height: var(--lineHeightDesc_mobile,var(--lineHeightDesc,var(--lineHeightText_mobile,var(--lineHeightText)))); font-weight: var(--fontWeightDesc_mobile,var(--fontWeightDesc,var(--fontWeightText_mobile,var(--fontWeightText)))); letter-spacing: var(--letterSpacingDesc_mobile,var(--letterSpacingDesc,var(--letterSpacingText_mobile,var(--letterSpacingText)))); font-style: var(--fontStyleDesc_mobile,var(--fontStyleDesc,var(--fontStyleText_mobile,var(--fontStyleText)))); text-decoration: var(--textDecorationDesc_mobile,var(--textDecorationDesc)); text-transform: var(--textTransformDesc_mobile,var(--textTransformDesc)); padding-bottom: var(--formDescGap_mobile,var(--formDescGap)); } body.adaptive-mobile .static-text__text { color: var(--fontColorText_mobile,var(--fontColorText)); font-size: var(--fontSizeText_mobile,var(--fontSizeText)); line-height: var(--lineHeightText_mobile,var(--lineHeightText)); font-weight: var(--fontWeightText_mobile,var(--fontWeightText)); text-align: var(--textAlignText_mobile,var(--textAlignText)); letter-spacing: var(--letterSpacingText_mobile,var(--letterSpacingText)); font-style: var(--fontStyleText_mobile,var(--fontStyleText)); text-decoration: var(--textDecorationText_mobile,var(--textDecorationText)); text-transform: var(--textTransformText_mobile,var(--textTransformText)); } body.adaptive-mobile .form-field-text__input { text-align: var(--formInputJustify_mobile,var(--formInputJustify,"start")); } body.adaptive-mobile .form-field-select .dropdown-select { justify-content: var(--formInputJustify_mobile,var(--formInputJustify,"start")); } body.adaptive-mobile .form-field-input__wrap .form-field-text__input:has(+ .field-units__position-right) { padding-right: calc(var(--formInputGapX_mobile, var(--formInputGapX)) + var(--fieldUnitsWidt, 1.5ex) + 10px); } body.adaptive-mobile .form-field-input__wrap .form-field-text__input:has(+ .field-units__position-left) { padding-left: calc(var(--formInputGapX_mobile, var(--formInputGapX)) + var(--fieldUnitsWidth, 1.5ex) + 10px); } body.adaptive-mobile .form-fields--row, body.adaptive-mobile .form-fields .form-fields-mobile--row { gap: var(--formFieldsGapX_mobile,var(--formFieldsGapX)); align-items: var(--formFieldsAlign_mobile,var(--formFieldsAlign,"end")); } body.adaptive-mobile .form-fields, body.adaptive-mobile .form-fields .form-fields-mobile--column { gap: var(--formFieldsGapY_mobile,var(--formFieldsGapY)); } body.adaptive-mobile .form-field-complex .form-field-title { padding-bottom: var(--formGroupTitleGap_mobile,var(--formTitleGap_mobile,var(--formGroupTitleGap,var(--formTitleGap)))); } body.adaptive-mobile .style-filled .form-field-select .dropdown-select, body.adaptive-mobile .style-filled .form-field-text__input { outline-width: var(--formInputBorderSize_mobile,var(--formInputBorderSize,0)); outline-offset: calc(var(--formInputBorderSize_mobile, var(--formInputBorderSize, 0)) * -1); } body.adaptive-mobile .style-underlined .form-fields .form-field-select .border, body.adaptive-mobile .style-underlined .form-fields .form-field-text .border { height: var(--formInputBorderSize_mobile,var(--formInputBorderSize,0)); } body.adaptive-mobile .style-underlined .form-fields .form-field-date__icon { right: 15px; } body.adaptive-mobile .title-behaviour-dynamic.title-position-inside .form-field-select:has(> .form-field-title), body.adaptive-mobile .title-behaviour-dynamic.title-position-inside .form-field-text__wrap:has(> .form-field-title) { --diff: calc(var(--lineHeightTitleFocusInside_mobile, var(--lineHeightTitleFocusInside)) / 2); --formGapTop_mobile: calc(var(--formInputGapY_mobile, var(--formInputGapY)) + var(--diff)); --formGapBottom_mobile: calc(var(--formInputGapY_mobile, var(--formInputGapY)) - var(--diff)); } body.adaptive-mobile .title-behaviour-dynamic.title-position-inside .form-field-text__wrap:has(.form-field-text__textarea) .form-field-title { top: var(--formInputGapY_mobile,var(--formInputGapY)); } body.adaptive-mobile .title-behaviour-dynamic.title-position-inside .form-field-select .form-field-title, body.adaptive-mobile .title-behaviour-dynamic.title-position-inside .form-field:has(.form-field-text__input.focus) .form-field-title, body.adaptive-mobile .title-behaviour-dynamic.title-position-inside .form-field:has(.form-field-text__input:focus) .form-field-title, body.adaptive-mobile .title-behaviour-dynamic.title-position-inside .form-field:has(.form-field-text__input:not(:placeholder-shown)) .form-field-title { padding-left: var(--formInputGapX_mobile,var(--formInputGapX)); top: calc((var(--formInputGapY_mobile, var(--formInputGapY)) - var(--fontSizeFocusInside_mobile, var(--fontSizeFocusInside)) / 2) / 2); font-size: var(--fontSizeFocusInside_mobile,var(--fontSizeFocusInside)); } body.adaptive-mobile .title-behaviour-dynamic.title-position-inside.style-filled .form-field-text__wrap:has(.form-field-text__textarea) .form-field-title { top: calc(var(--formInputBorderSize_mobile, var(--formInputBorderSize)) + var(--formInputGapY_mobile, var(--formInputGapY))); } body.adaptive-mobile .title-behaviour-dynamic.title-position-inside.style-filled .form-field-select .form-field-title, body.adaptive-mobile .title-behaviour-dynamic.title-position-inside.style-filled .form-field:has(.form-field-text__input.focus) .form-field-title, body.adaptive-mobile .title-behaviour-dynamic.title-position-inside.style-filled .form-field:has(.form-field-text__input:focus) .form-field-title, body.adaptive-mobile .title-behaviour-dynamic.title-position-inside.style-filled .form-field:has(.form-field-text__input:not(:placeholder-shown)) .form-field-title { padding-left: calc(var(--formInputBorderSize_mobile, var(--formInputBorderSize)) + var(--formInputGapX_mobile, var(--formInputGapX))); top: calc(var(--formInputBorderSize_mobile, var(--formInputBorderSize)) + (var(--formInputGapY_mobile, var(--formInputGapY)) - var(--fontSizeFocusInside_mobile, var(--fontSizeFocusInside)) / 2) / 2); } body.adaptive-mobile .title-behaviour-dynamic.title-position-outside.style-filled .form-field-select .form-field-title, body.adaptive-mobile .title-behaviour-dynamic.title-position-outside.style-filled .form-field:has(.form-field-text__input.focus) .form-field-title, body.adaptive-mobile .title-behaviour-dynamic.title-position-outside.style-filled .form-field:has(.form-field-text__input:focus) .form-field-title, body.adaptive-mobile .title-behaviour-dynamic.title-position-outside.style-filled .form-field:has(.form-field-text__input:not(:placeholder-shown)) .form-field-title { padding-left: 0px; } body.adaptive-mobile .title-behaviour-dynamic.title-position-outside .form-field-select .form-field-title, body.adaptive-mobile .title-behaviour-dynamic.title-position-outside .form-field:has(.form-field-text__input.focus) .form-field-title, body.adaptive-mobile .title-behaviour-dynamic.title-position-outside .form-field:has(.form-field-text__input:focus) .form-field-title, body.adaptive-mobile .title-behaviour-dynamic.title-position-outside .form-field:has(.form-field-text__input:not(:placeholder-shown)) .form-field-title { font-size: var(--fontSizeTitle_mobile,var(--fontSizeTitle,var(--fontSizeText_mobile,var(--fontSizeText)))); line-height: var(--lineHeightTitle_mobile,var(--lineHeightTitle,var(--lineHeightText_mobile,var(--lineHeightText)))); font-weight: var(--fontWeightTitle_mobile,var(--fontWeightTitle,var(--fontWeightText_mobile,var(--fontWeightText)))); letter-spacing: var(--letterSpacingTitle_mobile,var(--letterSpacingTitle,var(--letterSpacingText_mobile,var(--letterSpacingText)))); font-style: var(--fontStyleTitle_mobile,var(--fontStyleTitle,var(--fontStyleText_mobile,var(--fontStyleText)))); text-decoration: var(--textDecorationTitle_mobile,var(--textDecorationTitle,var(--textDecorationText_mobile,var(--textDecorationText)))); text-transform: var(--textTransformTitle_mobile,var(--textTransformTitle,var(--textTransformText_mobile,var(--textTransformText)))); } body.adaptive-mobile .title-behaviour-dynamic.title-position-outside .form-field-text__wrap:has(> .form-field-title) { margin-top: calc(var(--lineHeightTitleFocusOutside_mobile, var(--lineHeightTitleFocusOutside)) + var(--formTitleGap_mobile, var(--formTitleGap))); } body.adaptive-mobile .title-behaviour-dynamic.title-position-outside .form-field:has(.form-field-text__input.focus) .form-field-title, body.adaptive-mobile .title-behaviour-dynamic.title-position-outside .form-field:has(.form-field-text__input:focus) .form-field-title, body.adaptive-mobile .title-behaviour-dynamic.title-position-outside .form-field:has(.form-field-text__input:not(:placeholder-shown)) .form-field-title { top: calc((var(--lineHeightTitleFocusOutside_mobile, var(--lineHeightTitleFocusOutside)) + var(--formTitleGap_mobile, var(--formTitleGap))) * -1); } body.adaptive-mobile .title-behaviour-dynamic .form-field-text__wrap .form-field-title { padding-left: var(--formInputGapX_mobile,var(--formInputGapX)); } body.adaptive-mobile .title-behaviour-dynamic .form-field-text__wrap:has(.form-field-text__textarea) .form-field-title { top: var(--formInputGapY_mobile,var(--formInputGapY)); } body.adaptive-mobile .title-behaviour-dynamic .form-field-text .form-field-title { top: calc(50% - (var(--lineHeightTitleDynamic_mobile, var(--lineHeightTitleDynamic)) / 2)); } body.adaptive-mobile .title-behaviour-dynamic .form-field:has(.form-field-text__input) .form-field-title { font-size: var(--fontSizeText_mobile,var(--fontSizeText)); line-height: var(--lineHeightText_mobile,var(--lineHeightText)); font-weight: var(--fontWeightText_mobile,var(--fontWeightText)); letter-spacing: var(--letterSpacingText_mobile,var(--letterSpacingText)); font-style: var(--fontStyleText_mobile,var(--fontStyleText)); text-decoration: var(--textDecorationText_mobile,var(--textDecorationText)); text-transform: var(--textTransformText_mobile,var(--textTransformText)); } body.adaptive-mobile .description-position-bottom .form-field-desc { padding-bottom: 0px; padding-top: var(--formDescGap_mobile,var(--formDescGap)); } body.adaptive-mobile .form-field-shipping-item { margin-bottom: calc(var(--formFieldsGapY_mobile, var(--formFieldsGapY)) / 2); } body.adaptive-mobile .form-field-date__icon { right: calc(var(--formInputBorderSize_mobile, var(--formInputBorderSize)) + 15px); } body.adaptive-mobile .form-fields .form-field-select .dropdown-select { min-height: auto; } body.adaptive-mobile .form-field-date__input { padding-right: calc(var(--formInputGapX_mobile, var(--formInputGapX)) + 20px); } body.adaptive-mobile .form-field[data-type="checkbox"] + [data-type="checkbox"] { margin-top: calc(var(--formFieldsGapY_mobile, var(--formFieldsGapY)) / -2); } body.adaptive-mobile .form-field .form-field-select .dropdown-select { border-radius: var(--formTopLeftRadius) var(--formTopRightRadius) var(--formBottomRightRadius) var(--formBottomLeftRadius); padding: var(--formGapTop_mobile,var(--formGapTop,var(--formInputGapY_mobile,var(--formInputGapY)))) calc(var(--formInputGapX_mobile, var(--formInputGapX)) + 30px) var(--formGapBottom_mobile,var(--formGapBottom,var(--formInputGapY_mobile,var(--formInputGapY)))) var(--formInputGapX_mobile,var(--formInputGapX)); } body.adaptive-mobile .form-field .form-field-text__input { border-radius: var(--formTopLeftRadius) var(--formTopRightRadius) var(--formBottomRightRadius) var(--formBottomLeftRadius); padding: var(--formGapTop_mobile,var(--formGapTop,var(--formInputGapY_mobile,var(--formInputGapY)))) var(--formInputGapX_mobile,var(--formInputGapX)) var(--formGapBottom_mobile,var(--formGapBottom,var(--formInputGapY_mobile,var(--formInputGapY)))); } body.adaptive-mobile .form-field-file .file-item { margin-bottom: calc(var(--formFieldsGapY_mobile, var(--formFieldsGapY)) / 2); } body.adaptive-mobile .form-submit { margin-top: var(--formButtonGap_mobile,var(--formButtonGap,20px)); } body.adaptive-mobile .title-behaviour-dynamic.title-position-outside .form-field-select .form-field-title, body.adaptive-mobile .title-behaviour-dynamic.title-position-outside .form-field:has(.form-field-text__input.focus) .form-field-title, body.adaptive-mobile .title-behaviour-dynamic.title-position-outside .form-field:has(.form-field-text__input:focus) .form-field-title, body.adaptive-mobile .title-behaviour-dynamic.title-position-outside .form-field:has(.form-field-text__input:not(:placeholder-shown)) .form-field-title { padding-left: 0px; padding-bottom: var(--formTitleGap_mobile,var(--formTitleGap)); } .policy-data-warning { --linkOpacity: 0.9; --linkHoverOpacity: 0.75; width: 100%; text-align: left; min-height: 16px; margin-top: 15px; line-height: var(--formElementSize); will-change: opacity; color: var(--currentColor); } .policy-data-warning + .policy-data-warning { margin-top: 8px; } .policy-data-warning--checkbox { display: flex; } .policy-data-warning__content { font-size: var(--formCaptionTextSize); } .policy-data-warning__content ol, .policy-data-warning__content ul { padding-inline-start: 2ch; list-style-position: outside; } .policy-data-warning__content ul { list-style-type: disc; } .policy-data-warning__content ol { list-style-type: decimal; } .policy-data-warning .policy-message { opacity: 0.6; } .policy-data-warning .policy-link { color: var(--linkColor); text-decoration: var(--linkDecoration); opacity: var(--linkOpacity); transition: 0.3s cubic-bezier(0.21, 0.67, 0.58, 1); cursor: pointer; } .policy-data-warning .policy-link:active, .policy-data-warning .policy-link:visited { color: var(--linkColor); } .policy-data-warning .policy-link:hover { color: var(--linkHoverColor); text-decoration: var(--linkHoverDecoration); opacity: var(--linkHoverOpacity); } .policy-data-warning.is_error { --currentColor: #ff714d; --linkOpacity: 1; } .policy-data-warning.is_error .policy-data-warning__box { opacity: 0.35; background: var(--currentColor); } .policy-data-warning.is_error .policy-message { opacity: 1; } .policy-data-warning__name { display: inline-block; vertical-align: middle; line-height: 1.4; text-align: left; user-select: none; max-width: none !important; } .policy-data-warning__input { opacity: 0; pointer-events: none; position: absolute; } .policy-data-warning__box { display: block; flex-shrink: 0; position: relative; box-sizing: border-box; border: 1px solid var(--currentColor); color: var(--contrastColor); border-radius: 0.1875rem; width: 1rem; height: 1rem; margin-right: 0.5rem; opacity: 0.6; transition: 0.3s; } .policy-data-warning__box i { width: 100%; height: 100%; opacity: 0; position: absolute; overflow: hidden; left: 0px; top: 0px; } .policy-data-warning__box i::before { content: ""; display: block; top: 0.25rem; left: 0.1875rem; height: 0.3125rem; width: 0.5rem; position: absolute; transform: rotate(-45deg); border-width: 0px 0px 2px 2px; border-style: none none solid solid; border-color: currentcolor; border-image: none; box-sizing: border-box; transition: width 0.05s; } .policy-data-warning__input:checked + .policy-data-warning__box { background: var(--currentColor); opacity: 1; } .policy-data-warning__input:checked + .policy-data-warning__box i { opacity: 1; width: 100%; animation: 0.3s ease 0s 1 normal none running checkAppearance; } .flexbe-table-container { --paddingX: 5px; --paddingY: 5px; --tableBorderColor: var(--currentColor); --tableBorderWidth: 1px; --tableTopHeaderOddBg: transparent; --tableTopHeaderOddColor: var(--currentColor); --tableTopHeaderOddContrast: var(--currentContrast); --tableTopHeaderEvenBg: transparent; --tableTopHeaderEvenColor: var(--currentColor); --tableTopHeaderEvenContrast: var(--currentContrast); --tableSideHeaderOddBg: transparent; --tableSideHeaderOddColor: var(--currentColor); --tableSideHeaderOddContrast: var(--currentContrast); --tableSideHeaderEvenBg: transparent; --tableSideHeaderEvenColor: var(--currentColor); --tableSideHeaderEvenContrast: var(--currentContrast); --tableOddBg: transparent; --tableOddColor: var(--currentColor); --tableOddContrast: var(--currentContrast); --tableEvenBg: transparent; --tableEvenColor: var(--currentColor); --tableEvenContrast: var(--currentContrast); --tableTopLeftRadius: 0px; --tableTopRightRadius: 0px; --tableBottomRightRadius: 0px; --tableBottomLeftRadius: 0px; border-radius: var(--tableTopLeftRadius,0) var(--tableTopRightRadius,0) var(--tableBottomRightRadius,0) var(--tableBottomLeftRadius,0); } .flexbe-table__font--cell { font-size: var(--tableContentTextSize,var(--fontSize)); font-weight: var(--tableContentTextWeight,var(--fontWeight)); line-height: var(--tableContentTextLine,var(--lineHeight)); letter-spacing: var(--letterSpacing); } .flexbe-table__font--side { font-size: var(--tableSideHeaderTextSize,var(--fontSize)); font-weight: var(--tableSideHeaderTextWeight,var(--fontWeight)); line-height: var(--tableSideHeaderTextLine,var(--lineHeight)); letter-spacing: var(--letterSpacing); } .flexbe-table__font--top { font-size: var(--tableTopHeaderTextSize,var(--fontSize)); font-weight: var(--tableTopHeaderTextWeight,var(--fontWeight)); line-height: var(--tableTopHeaderTextLine,var(--lineHeight)); letter-spacing: var(--letterSpacing); } .flexbe-table__fill--cellOdd { --currentColor: var(--tableOddColor); --contrastColor: var(--tableOddContrast); background: var(--tableOddBg); } .flexbe-table__fill--cellEven { --currentColor: var(--tableEvenColor); --contrastColor: var(--tableEvenContrast); background: var(--tableEvenBg); } .flexbe-table__fill--sideOdd { --currentColor: var(--tableSideHeaderOddColor); --contrastColor: var(--tableSideHeaderOddContrast); background: var(--tableSideHeaderOddBg); } .flexbe-table__fill--sideEven { --currentColor: var(--tableSideHeaderEvenColor); --contrastColor: var(--tableSideHeaderEvenContrast); background: var(--tableSideHeaderEvenBg); } .flexbe-table__fill--topOdd { --currentColor: var(--tableTopHeaderOddColor); --contrastColor: var(--tableTopHeaderOddContrast); background: var(--tableTopHeaderOddBg); } .flexbe-table__fill--topEven { --currentColor: var(--tableTopHeaderEvenColor); --contrastColor: var(--tableTopHeaderEvenContrast); background: var(--tableTopHeaderEvenBg); } .flexbe-table { display: table; table-layout: fixed; border-collapse: collapse; border-spacing: 0px; text-align: center; contain: layout style; } .flexbe-table__head { display: table-header-group; } .flexbe-table__body, .flexbe-table__head { vertical-align: var(--verticalAlign,middle); border-color: inherit; } .flexbe-table__body { display: table-row-group; } .flexbe-table__row { display: table-row; vertical-align: inherit; border-color: inherit; } .flexbe-table__cell { display: table-cell; vertical-align: inherit; padding: var(--paddingY) var(--paddingX); } .flexbe-table__cell--first { padding-left: var(--paddingOuterX,var(--paddingX)); } .flexbe-table__cell--last { padding-right: var(--paddingOuterX,var(--paddingX)); } .flexbe-table__row--first .flexbe-table__cell { width: var(--colWidth,auto); min-width: var(--colWidth,0); padding-top: var(--paddingOuterY,var(--paddingY)); } .flexbe-table__row--last .flexbe-table__cell { padding-bottom: var(--paddingOuterY,var(--paddingY)); } .flexbe-table--border-around, .flexbe-table--border_full .flexbe-table__cell { border: var(--tableBorderWidth) solid var(--tableBorderColor); } .flexbe-table--border_full .flexbe-table__row--first .flexbe-table__cell { border-top: 0px; } .flexbe-table--border_full .flexbe-table__row--last .flexbe-table__cell { border-bottom: 0px; } .flexbe-table--border_full .flexbe-table__cell--first { border-left: 0px; } .flexbe-table--border_full .flexbe-table__cell--last { border-right: 0px; } .flexbe-table--border_vertical .flexbe-table__cell { border-left: var(--tableBorderWidth) solid var(--tableBorderColor); border-right: var(--tableBorderWidth) solid var(--tableBorderColor); } .flexbe-table--border_vertical .flexbe-table__cell--first { border-left: 0px; } .flexbe-table--border_vertical .flexbe-table__cell--last { border-right: 0px; } .flexbe-table--border_horizontal .flexbe-table__cell { border-top: var(--tableBorderWidth) solid var(--tableBorderColor); border-bottom: var(--tableBorderWidth) solid var(--tableBorderColor); } .flexbe-table--border_horizontal .flexbe-table__row--first .flexbe-table__cell { border-top: 0px; } .flexbe-table--border_horizontal .flexbe-table__row--last .flexbe-table__cell { border-bottom: 0px; } [data-e-id="table01"] .flexbe-table-container { flex-shrink: 0; flex-grow: 0; width: var(--tableWidth,100%); max-width: 100%; overflow-wrap: normal; word-break: normal; overflow: auto clip; box-sizing: content-box; min-width: 0px !important; } [data-e-id="table01"] .table-wrap { position: relative; width: 100%; display: flex; flex-flow: wrap; justify-content: inherit; align-items: inherit; } [data-e-id="table01"] .flexbe-table--border-around { max-width: calc(100% - var(--tableBorderWidth, 1px) * 2); } [data-e-id="table01"] .flexbe-table { min-width: 100%; height: 1px; } body.adaptive-mobile [data-e-id="table01"] .flexbe-table-container { scroll-behavior: smooth; scroll-snap-type: both mandatory; } body.adaptive-mobile [data-e-id="table01"] .flexbe-table--border-around .flexbe-table__cell { scroll-margin-left: var(--tableBorderWidth); } body.adaptive-mobile [data-e-id="table01"] .flexbe-table__cell { scroll-snap-align: start; scroll-snap-stop: always; } body.adaptive-mobile [data-e-id="table01"] .element-content--main .flexbe-table__row--first .flexbe-table__cell { --colWidthAdaptive: clamp(var(--minColWidth,0px),calc(var(--100vw) * 0.65),var(--colWidth,1%)); width: var(--colWidthAdaptive); min-width: var(--colWidthAdaptive); } body.adaptive-mobile [data-e-id="table01"] .element-content--adaptive { gap: var(--gapBetween,var(--normalGap)); } body.adaptive-mobile [data-e-id="table01"] .element-content--adaptive .flexbe-table__cell { font-size: var(--fontSize,var(--tableCardsContentTextSize)); font-weight: var(--fontWeight,var(--tableCardsContentTextWeight)); } body.adaptive-mobile [data-e-id="table01"] .element-content--adaptive .flexbe-table__cell, body.adaptive-mobile [data-e-id="table01"] .element-content--adaptive .flexbe-table__cell--cardHeader { line-height: var(--lineHeight); letter-spacing: var(--letterSpacing); font-style: var(--fontStyle,normal); text-decoration: var(--textDecoration,none); text-transform: var(--textTransform,none); } body.adaptive-mobile [data-e-id="table01"] .element-content--adaptive .flexbe-table__cell--cardHeader { font-size: var(--fontSize,var(--tableCardsHeaderTextSize)); font-weight: var(--fontWeight,var(--tableCardsHeaderTextWeight)); } [data-e-id="table_cell"] { --proportion: 100; --imageSize: 80px; --iconSize: 80px; height: 100%; justify-content: var(--elementJustify,inherit); text-align: var(--elementTextAlign,inherit); } [data-e-id="table_cell"][data-element-justify="start"] .component-image[data-img-scale="contain"] { --imagePositionX: 0% !important; --imagePositionY: 50% !important; } [data-e-id="table_cell"][data-element-justify="center"] .component-image[data-img-scale="contain"] { --imagePositionX: 50% !important; --imagePositionY: 50% !important; } [data-e-id="table_cell"][data-element-justify="center"] > div { margin: 0px auto; } [data-e-id="table_cell"][data-element-justify="end"] .component-image[data-img-scale="contain"] { --imagePositionX: 100% !important; --imagePositionY: 50% !important; } [data-e-id="table_cell"][data-element-justify="end"] > div { margin: 0px 0px 0px auto; } [data-e-id="table_cell"].fill-space { padding: 0px !important; } [data-e-id="table_cell"].fill-space .image-holder { min-height: var(--imageHeight); } [data-e-id="table_cell"] .text-holder { min-height: 1lh; } [data-e-id="table_cell"] .content-wrapper { display: flex; align-items: center; justify-content: inherit; } [data-e-id="table_cell"] .content-wrapper .text-holder { flex-shrink: 1; text-align: left !important; } [data-e-id="table_cell"] .content-wrapper .image-holder { align-self: flex-start; flex-shrink: 0; margin-right: clamp(5px,calc(var(--imageSize) * .15),20px); } [data-e-id="table_cell"] .content-wrapper .image-holder.scale--cover { width: var(--imageSize); } [data-e-id="table_cell"] .content-wrapper .image-holder.scale--contain { width: auto; max-width: var(--imageSize); } [data-e-id="table_cell"] .content-wrapper .icon-holder { flex-shrink: 0; margin-right: clamp(5px,calc(var(--iconSize) * .15),20px); } [data-e-id="table_cell"] .content-wrapper .component-image__contain { max-width: var(--imageSize); max-height: var(--imageSize); } [data-e-id="table_cell"] .image-holder { position: relative; width: 100%; } [data-e-id="table_cell"] .component-icon, [data-e-id="table_cell"] .component-image { flex-shrink: 0; } [data-e-id="table_cell"] .component-button { display: inline-flex; } [data-e-id="table_cell"] .component-image { min-width: 32px; width: 100%; height: 100%; contain: inline-size layout; } [data-e-id="table_cell"] .component-socials { display: inline-flex; vertical-align: middle; } [data-e-id="table_cell"] .component-socials.size--small.margin--small { --socialMargin: 4px; } [data-e-id="table_cell"] .component-socials.size--small.margin--medium { --socialMargin: 6px; } [data-e-id="table_cell"] .component-socials.size--small.margin--large { --socialMargin: 8px; } [data-e-id="table_cell"] .component-socials.size--medium.margin--small { --socialMargin: 5px; } [data-e-id="table_cell"] .component-socials.size--medium.margin--medium { --socialMargin: 8px; } [data-e-id="table_cell"] .component-socials.size--medium.margin--large { --socialMargin: 10px; } [data-e-id="table_cell"] .component-socials.size--large.margin--small { --socialMargin: 5px; } [data-e-id="table_cell"] .component-socials.size--large.margin--medium { --socialMargin: 8px; } [data-e-id="table_cell"] .component-socials.size--large.margin--large { --socialMargin: 10px; } [data-e-id="table_cell"] :is(.component-icon, .component-image).size--xsmall { --imageSize: 46px; --iconSize: 32px; } [data-e-id="table_cell"] :is(.component-icon, .component-image).size--small { --imageSize: 60px; --iconSize: 46px; } [data-e-id="table_cell"] :is(.component-icon, .component-image).size--medium { --imageSize: 80px; --iconSize: 60px; } [data-e-id="table_cell"] :is(.component-icon, .component-image).size--large { --imageSize: 100px; --iconSize: 80px; } .element-text[data-is-filled]:not([data-is-filled="computed"]):not([data-is-filled="empty"]) { visibility: hidden; } body.adaptive-desktop .element-text[data-is-filled="computed"] { font-size: calc(var(--100cqi) / (var(--textWidth, 1000) / var(--fillScale, 1))); } body.adaptive-mobile .element-text[data-is-filled="computed"] { font-size: calc(var(--100cqi) / (var(--textWidth, 1000) / var(--fillScale_mobile, var(--fillScale, 1)))); } [data-e-id="text01"] { --elementMinWidth: min-content; } [data-e-id="text01"].element-item--explicit-sizing .element-content { word-break: normal; white-space: normal; } [data-e-id="text01"].fill-space .element-content { align-items: flex-end; } [data-e-id="text01"][data-element-justify="between"] { --elementTextAlign: justify; } [data-e-id="text01"] .element-text { display: block; max-width: 100%; width: 100%; margin: 0px; padding: 0px; } body.adaptive-desktop [data-e-id="text01"].autowidth-desktop:not([data-containment="box"]) > .element-content, body.adaptive-mobile [data-e-id="text01"].autowidth-mobile:not([data-containment="box"]) > .element-content { max-width: var(--elementMaxWidth,100%) !important; } body.adaptive-mobile [data-e-id="text01"][data-am-element-justify="between"] { --elementTextAlign: justify; } [data-e-id="text01"] .quote-mark { display: none; width: 35px; height: 23px; margin-bottom: 20px; order: -1; } [data-e-id="text01"] [data-quote-style="1"] { width: auto; position: relative; padding-left: min(1.5ch, 22px); text-align: left !important; } [data-e-id="text01"] [data-quote-style="1"]::before { content: ""; position: absolute; top: 2px; bottom: 2px; left: 0px; width: 0.08em; min-width: 1px; max-width: 4px; background: currentcolor; } [data-e-id="text01"][data-element-justify="start"] [data-quote-style="1"] { width: 100%; } [data-e-id="zone"] { --paddingTop: 0px; --paddingBottom: 0px; --paddingLeft: 0px; --paddingRight: 0px; display: flex; position: relative; width: 100%; min-height: var(--minHeight,0); opacity: var(--elementOpacity,1); pointer-events: all; padding: var(--borderWidth,0); } [data-e-id="zone"] > .elements-list { justify-content: var(--elementAlign,flex-start); align-items: var(--elementJustify,flex-start); display: flex; flex-flow: column; position: relative; width: 100%; padding: var(--paddingTop) var(--paddingRight) var(--paddingBottom) var(--paddingLeft); z-index: auto !important; } [data-e-id="zone"] .element-item--static { --elementMaxWidth: var(--maxWidthContent,none); } [data-e-id="zone"].has-action { cursor: pointer; } body.adaptive-desktop [data-e-id="zone"].content-zone--double { align-items: stretch; } body.adaptive-desktop [data-e-id="zone"].content-zone--double .elements-list--first { --topRightRadius: 0px; --bottomRightRadius: 0px; padding-right: calc(var(--paddingGap, 0px) / 2); } body.adaptive-desktop [data-e-id="zone"].content-zone--double .elements-list--first .element-item.no-gutter { margin-right: calc(var(--paddingGap, 0px) / -2); } body.adaptive-desktop [data-e-id="zone"].content-zone--double .elements-list--last { --topLeftRadius: 0px; --bottomLeftRadius: 0px; padding-left: calc(var(--paddingGap, 0px) / 2); } body.adaptive-desktop [data-e-id="zone"].content-zone--double .elements-list--last .element-item.no-gutter { margin-left: calc(var(--paddingGap, 0px) / -2); } body.adaptive-mobile [data-e-id="zone"].content-zone--adaptive-row { align-items: stretch; } body.adaptive-mobile [data-e-id="zone"].content-zone--adaptive-row .elements-list--adaptive-first { --topRightRadius: 0px; --bottomRightRadius: 0px; padding-right: calc(var(--paddingGap, 0px) / 2); order: 0; } body.adaptive-mobile [data-e-id="zone"].content-zone--adaptive-row .elements-list--adaptive-first .element-item.no-gutter { margin-right: calc(var(--paddingGap, 0px) / -2); } body.adaptive-mobile [data-e-id="zone"].content-zone--adaptive-row .elements-list--adaptive-last { --topLeftRadius: 0px; --bottomLeftRadius: 0px; padding-left: calc(var(--paddingGap, 0px) / 2); order: 1; } body.adaptive-mobile [data-e-id="zone"].content-zone--adaptive-row .elements-list--adaptive-last .element-item.no-gutter { margin-left: calc(var(--paddingGap, 0px) / -2); } body.adaptive-mobile [data-e-id="zone"].content-zone--adaptive-column { flex-flow: column; height: min-content; } body.adaptive-mobile [data-e-id="zone"].content-zone--adaptive-column .elements-list { max-width: 100%; } body.adaptive-mobile [data-e-id="zone"].content-zone--adaptive-column .elements-list--adaptive-top { --bottomLeftRadius: 0px; --bottomRightRadius: 0px; padding-bottom: calc(var(--paddingGap, 0px) / 2); order: 0; } body.adaptive-mobile [data-e-id="zone"].content-zone--adaptive-column .elements-list--adaptive-top .element-item.is-last-child.no-gutter { margin-bottom: calc(var(--paddingGap, 0px) / -2) !important; } body.adaptive-mobile [data-e-id="zone"].content-zone--adaptive-column .elements-list--adaptive-bottom { --topLeftRadius: 0px; --topRightRadius: 0px; padding-top: calc(var(--paddingGap, 0px) / 2); order: 1; } body.adaptive-mobile [data-e-id="zone"].content-zone--adaptive-column .elements-list--adaptive-bottom .element-item.is-first-child.no-gutter { margin-top: calc(var(--paddingGap, 0px) / -2) !important; } [data-e-id="zone_header"] { --elementMinHeight: 30px; --elementAlign: center; position: relative; display: flex; flex-flow: row; align-items: stretch; justify-content: center; width: var(--headerMaxWidth); margin: 0px auto; } [data-e-id="zone_header"] .element-item { --elementMaxWidth: calc(var(--containerWidth) + var(--elementPaddingRight) + var(--elementPaddingLeft)); --elementPaddingRight: var(--headerElementsGap); --elementPaddingLeft: var(--headerElementsGap); } body.adaptive-mobile [data-e-id="zone_header"][data-am-direction="column"] { --headerMaxWidth: 360px; flex-flow: column; min-height: 0px; padding: 0px; margin: 0px auto; } body.adaptive-mobile [data-e-id="zone_header"][data-am-direction="column"] .element-item:not([data-am-element-justify]) { --elementJustify: center; --elementTextAlign: center; } body.adaptive-mobile [data-e-id="zone_header"][data-am-direction="column"] .element-item { --elementPaddingTop: 7px; --elementPaddingBottom: 7px; --elementPaddingRight: 0px; --elementPaddingLeft: 0px; align-self: var(--elementJustify,center); flex-basis: auto; } body.adaptive-mobile [data-e-id="zone_header"][data-am-direction="column"] [data-e-id="header_divider"], body.adaptive-mobile [data-e-id="zone_header"][data-am-direction="column"] [data-e-id="header_spacer"] { display: none; } body.adaptive-mobile [data-e-id="zone_header"][data-am-direction="column"] [data-e-id="header_logo"] .component-logo { flex-shrink: 0; } [data-m-id="GRID"] .close-times { position: absolute; top: 20px; right: 20px; z-index: 1001; color: rgb(119, 119, 119) !important; } [data-m-id="GRID"] .modal-content { display: flex; flex-flow: wrap; width: 100%; max-width: min(800px,var(--100vw)); } [data-m-id="GRID"] .modal-content.width--s { max-width: min(400px,var(--100vw)); } [data-m-id="GRID"] .modal-content.width--sm { max-width: min(600px,var(--100vw)); } [data-m-id="GRID"] .modal-content.width--m { max-width: min(800px,var(--100vw)); } [data-m-id="GRID"] .modal-content.width--l { max-width: min(960px,var(--100vw)); } [data-m-id="GRID"] .layout-type-column { width: 100%; flex-grow: 1; } body.adaptive-mobile [data-m-id="GRID"] .close-times { font-size: 1.125rem; } body.adaptive-mobile [data-m-id="GRID"] .component-bg { left: var(--fixedOffset); width: var(--100vw); } body.adaptive-mobile [data-m-id="GRID"] .scroller { display: flex; flex-flow: column; justify-content: flex-start; } body.adaptive-mobile [data-m-id="GRID"] .modal-content { flex-grow: 1; flex-shrink: 0; } body.adaptive-mobile [data-m-id="GRID"] .flexbe-row { min-height: 100%; } body.adaptive-mobile [data-m-id="GRID"] .flexbe-column.first-column:not(.last-column) { flex-grow: 0; } body.adaptive-mobile [data-m-id="GRID"] .flexbe-column.first-column.last-column .elements-list { --elementAlign: center; } body.adaptive-mobile [data-m-id="GRID"] .content-zone { --topRightRadius: 0px; --bottomRightRadius: 0px; --topLeftRadius: 0px; --bottomLeftRadius: 0px; } [data-w-id="ANCHORS"] .anchors-list { pointer-events: none; z-index: 2502; padding: 20px 15px; min-width: 48px; min-height: 64px; top: 50%; right: 10px; transform: translate3d(0px, -50%, 0px); color: rgb(255, 255, 255); line-height: 0; letter-spacing: -4px; border-radius: 3px; position: fixed !important; } [data-w-id="ANCHORS"] .anchors-list.hide, [data-w-id="ANCHORS"] .anchors-list.is-empty { display: none; } [data-w-id="ANCHORS"] .anchors-list ul { margin: 0px; padding: 0px; position: relative; } [data-w-id="ANCHORS"] .anchors-list ul > svg { pointer-events: all; } [data-w-id="ANCHORS"] .anchors-list ul > svg circle, [data-w-id="ANCHORS"] .anchors-list ul > svg path { fill: currentcolor; } [data-w-id="ANCHORS"] .anchors-list li { letter-spacing: 0px; display: block; cursor: pointer; pointer-events: all; } [data-w-id="ANCHORS"] .anchors-list li a { display: block; color: inherit; width: 100%; height: 100%; } [data-w-id="ANCHORS"] .anchors-list li[data-title] { position: relative; } [data-w-id="ANCHORS"] .anchors-list li[data-title]:hover::after, [data-w-id="ANCHORS"] .anchors-list li[data-title]:hover::before { transform: translate3d(0px, -50%, 0px); opacity: 1; visibility: visible; pointer-events: all; } [data-w-id="ANCHORS"] .anchors-list li[data-title]::after, [data-w-id="ANCHORS"] .anchors-list li[data-title]::before { position: absolute; top: 50%; right: 100%; display: block; pointer-events: none; opacity: 0; visibility: hidden; transform: translate3d(10px, -50%, 0px); transition: 0.3s cubic-bezier(0.21, 0.67, 0.58, 1) 0.3s; } [data-w-id="ANCHORS"] .anchors-list li[data-title]::before { content: attr(data-title); margin-right: 10px; background: rgb(34, 34, 34); color: rgb(255, 255, 255); white-space: nowrap; font-size: 0.75rem; line-height: 1; padding: 8px 12px; border-radius: 3px; } [data-w-id="ANCHORS"] .anchors-list li[data-title]::after { content: ""; width: 0px; height: 0px; margin-right: -2px; border-width: 6px; border-style: solid; border-color: transparent transparent transparent rgb(34, 34, 34); border-image: none; } [data-w-id="ANCHORS"] .anchors-list li.helper { display: none; opacity: 0; pointer-events: none; } [data-w-id="ANCHORS"] .anchors-list li.helper a { pointer-events: none; } [data-w-id="ANCHORS"] .anchors-list[data-style="1"] li, [data-w-id="ANCHORS"] .anchors-list[data-style="2"] li { padding: 6px 3px; } [data-w-id="ANCHORS"] .anchors-list[data-style="1"] li a, [data-w-id="ANCHORS"] .anchors-list[data-style="2"] li a { width: 12px; height: 12px; border-radius: 50%; } [data-w-id="ANCHORS"] .anchors-list[data-style="1"] { transition: color 0.2s; } [data-w-id="ANCHORS"] .anchors-list[data-style="1"] li a { box-shadow: currentcolor 0px 0px 0px 2px inset; transition: background 0.1s linear 0.15s; } [data-w-id="ANCHORS"] .anchors-list[data-style="1"] li.active a { background: currentcolor; transition-delay: 0s; } [data-w-id="ANCHORS"] .anchors-list[data-style="1"] li.helper { display: block; position: absolute; top: 0px; z-index: 1; margin: 0px; } [data-w-id="ANCHORS"] .anchors-list[data-style="1"] li.helper a { background: currentcolor; transition: background 0.2s; } [data-w-id="ANCHORS"] .anchors-list[data-style="2"] { transition: color 0.2s linear; } [data-w-id="ANCHORS"] .anchors-list[data-style="2"] li a { background: currentcolor; transition: background 0.4s, opacity 0.3s; opacity: 0.35; } [data-w-id="ANCHORS"] .anchors-list[data-style="2"] li.active a { opacity: 1; } [data-w-id="ANCHORS"] .anchors-list[data-style="3"] li { padding: 9px 0px; } [data-w-id="ANCHORS"] .anchors-list[data-style="3"] li a { position: relative; width: 16px; height: 3px; opacity: 0.35; background: currentcolor; transition: background 0.4s, opacity 0.35s; } [data-w-id="ANCHORS"] .anchors-list[data-style="3"] li.active a { opacity: 1; } body.adaptive-mobile [data-w-id="ANCHORS"] { display: none; } [data-w-id="FIXED_AREA"] { inset: 0px; pointer-events: none; z-index: 2502; position: fixed !important; } [data-w-id="MENU01"] { display: none; position: absolute; pointer-events: none; z-index: 2502; top: 0px; left: 0px; width: 100%; } body.adaptive-mobile [data-w-id="MENU01"] { display: flex; flex-flow: column; z-index: 2503; } [data-w-id="MENU01"].show { height: var(--100dvh); } [data-w-id="MENU01"].show .nav-menu { display: flex; } [data-w-id="MENU01"] .mobile-navigation { display: flex; flex-flow: column; flex-grow: 1; position: absolute; top: 0px; left: 0px; width: 100%; height: var(--100dvh); min-height: var(--100svh); z-index: 40; opacity: 0; visibility: hidden; pointer-events: none; } [data-w-id="MENU01"] .mobile-navigation.mobile-navigation--created { opacity: 1; visibility: visible; } [data-w-id="MENU01"] .mobile-navigation.header-style-panel .nav-header-container { max-width: 100%; width: 100%; padding: 0 var(--containerGutter); } [data-w-id="MENU01"] .mobile-navigation[data-enabled="false"] { display: none; } [data-w-id="MENU01"] .mobile-navigation.menu-fixed, [data-w-id="MENU01"] .mobile-navigation[data-opened="true"] { position: fixed; left: var(--fixedOffset); width: var(--100vw); } [data-w-id="MENU01"] .mobile-navigation .hidden-mobile { display: flex; } [data-w-id="MENU01"] .mobile-navigation .hidden-mobile .editor-simple-handle { display: none; } [data-w-id="MENU01"] .nav-header { position: relative; z-index: 1; min-height: 60px; outline: transparent solid 1px; width: 100%; } [data-w-id="MENU01"] .nav-header::before { content: ""; position: absolute; inset: -50px 0px 0px; background: var(--background); opacity: var(--opacity); } [data-w-id="MENU01"] .nav-header-container { display: flex; align-items: center; min-height: 60px; } [data-w-id="MENU01"] .nav-header-content { flex-grow: 1; align-self: stretch; margin-right: 8px; padding: 5px 0px; } [data-w-id="MENU01"] .nav-header-content .component-logo { height: 50px; pointer-events: all; } [data-w-id="MENU01"] .nav-header-controls { position: relative; flex-shrink: 0; display: flex; align-items: center; justify-content: flex-end; padding: 0px; margin-left: auto; min-width: 40px; height: 40px; } [data-w-id="MENU01"] .nav-header-controls li { padding: 5px; margin-right: -5px; margin-left: 14px; height: 40px; touch-action: manipulation; } [data-w-id="MENU01"] .nav-header-controls li:first-child { margin-left: -5px; } [data-w-id="MENU01"] .nav-header-controls--cart { display: flex; align-items: center; cursor: pointer; } [data-w-id="MENU01"] .nav-header-controls--cart .cart-button { position: relative; height: 40px; padding: 0px; transform: translateZ(0px); } [data-w-id="MENU01"] .nav-header-controls--cart .cart-button::before { display: none; } [data-w-id="MENU01"] .nav-header-controls--cart .cart-button.empty .cart-button-count { opacity: 0; } [data-w-id="MENU01"] .nav-header-controls--cart .cart-button-icon { width: 28px; height: 28px; } [data-w-id="MENU01"] .nav-header-controls--cart .cart-element { --iconSize: 28px; } [data-w-id="MENU01"] .nav-header-controls--burger { display: flex; flex-flow: column; align-items: flex-end; justify-content: center; } [data-w-id="MENU01"] .nav-header-controls--burger i { display: block; padding: 3px 0px; transition: transform 0.4s 0.4s, opacity 0.4s 0.4s; will-change: transform; } [data-w-id="MENU01"] .nav-header-controls--burger i::before { content: ""; display: block; height: 2px; width: 30px; background: currentcolor; transition: transform 0.3s; will-change: transform; } [data-w-id="MENU01"] .nav-header-controls--burger.active i { transition: transform 0.3s, opacity 0.3s; } [data-w-id="MENU01"] .nav-header-controls--burger.active i::before { transition: transform 0.45s 0.35s; } [data-w-id="MENU01"] .nav-header-controls--burger.active i:first-child { transform: translateY(8px); } [data-w-id="MENU01"] .nav-header-controls--burger.active i:first-child::before { transform: rotate(-135deg); } [data-w-id="MENU01"] .nav-header-controls--burger.active i:nth-child(2) { opacity: 0; } [data-w-id="MENU01"] .nav-header-controls--burger.active i:nth-child(3) { transform: translateY(-8px); } [data-w-id="MENU01"] .nav-header-controls--burger.active i:nth-child(3)::before { transform: rotate(-225deg); } [data-w-id="MENU01"] .nav-menu { display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; min-height: 100%; flex-flow: column; flex-grow: 1; z-index: 0; overflow: hidden auto; opacity: 0; visibility: hidden; background: var(--background); transition: 0.25s; } [data-w-id="MENU01"] .nav-menu.active { opacity: 1; visibility: visible; pointer-events: all; } [data-w-id="MENU01"] .nav-menu.active .nav-menu-item { opacity: 1; transform: translateZ(0px); transition: 0.45s cubic-bezier(0.21, 0.67, 0.58, 1) 0.15s; } [data-w-id="MENU01"] .nav-menu-container { display: flex; flex-flow: column; position: relative; width: 100%; max-width: 100%; flex-grow: 1; padding: 0 var(--containerGutter); } [data-w-id="MENU01"] .nav-menu-items-wrapper { display: flex; flex-flow: column; flex-grow: 1; flex-shrink: 0; padding: 10px 0px; } [data-w-id="MENU01"] .nav-menu-item { opacity: 0; transform: translateY(25px); flex-shrink: 0; } [data-w-id="MENU01"] .nav-menu-item .element-item { --elementTextAlign: left; --elementJustify: flex-start; flex-grow: 1; width: 100%; max-width: 100%; min-height: 18px; margin: 0px; padding: 5px 0px; } [data-w-id="MENU01"] .nav-menu-item.nav-menu-item--contacts .text-holder { text-align: left; } [data-w-id="MENU01"] .nav-menu-item.nav-menu-item--contacts .text-holder div, [data-w-id="MENU01"] .nav-menu-item.nav-menu-item--contacts .text-holder p, [data-w-id="MENU01"] .nav-menu-item.nav-menu-item--contacts .text-holder span { text-align: inherit !important; } [data-w-id="MENU01"] .nav-menu-item.nav-menu-item--menu { margin-bottom: auto; padding: 5px 0px; } [data-w-id="MENU01"] .nav-menu-item.nav-menu-item--menu .element-item { padding: 0px; } [data-w-id="MENU01"] .nav-menu-item.nav-menu-item--menu .component-menu-list { margin: 0px; justify-content: stretch; } [data-w-id="MENU01"] .header-style-round .nav-header { min-height: 0px; pointer-events: all; } [data-w-id="MENU01"] .header-style-round .nav-header-container { background: inherit; position: relative; height: 0px; min-height: 0px; } [data-w-id="MENU01"] .header-style-round .nav-header-content { display: none; } [data-w-id="MENU01"] .header-style-round .nav-header-controls { position: absolute; top: 25px; right: 12px; width: 50px; height: 50px; align-items: center; justify-content: center; border-radius: 50%; background: var(--background); } [data-w-id="MENU01"] .header-style-round .nav-header-controls.cart-empty, [data-w-id="MENU01"] .header-style-round .nav-header-controls li + li { display: none; } [data-w-id="MENU01"] .header-style-round .nav-header-controls--cart .cart-button-count { top: -15px; } [data-w-id="MENU01"] .header-style-round .nav-header-controls--burger { align-items: center; } [data-w-id="MENU01"] .header-style-round .nav-menu { padding-top: 30px; } [data-w-id="MENU01"] .header-style-round[data-opened="true"] .nav-header { background-color: transparent !important; } [data-w-id="MENU01"] .header-style-panel .nav-header { width: 100%; } [data-w-id="MENU01"] .header-style-panel .nav-menu { padding-top: 60px; } [data-w-id="MENU01"] .header-style-panel .nav-header-controls { pointer-events: all; } [data-w-id="MENU01"] .header-style-panel .nav-header-controls.cart-empty .nav-header-controls--cart, [data-w-id="MENU01"] .header-style-panel .nav-header-controls.cart-optional.cart-empty { display: none; } [data-w-id="MENU01"] .header-style-panel .cart-button-count { font-size: 0.6875rem; line-height: 2; padding: 0px; width: min-content; min-width: 22px; height: 22px; top: 2px; left: 30px; right: auto; transition: opacity 0.2s; } [data-e-id="form01"].element-item--explicit-sizing .component-form { max-width: 100%; } [data-e-id="form01"].fill-space .element-content { display: flex; align-items: flex-end; } [data-e-id="header_divider"] { padding: 0px; pointer-events: none !important; } [data-e-id="header_logo"] .component-logo { max-width: 100%; } [data-e-id="header_logo"][data-element-justify="center"] .component-logo-img { background-position: 50% center; } [data-e-id="header_logo"][data-element-justify="start"] .component-logo-img { background-position: 0px 50%; } [data-e-id="header_logo"][data-element-justify="end"] .component-logo-img { background-position: 100% 50%; } [data-e-id="header_text"] .element-text { max-width: 100%; width: 100%; margin: 0px; padding: 0px; text-align: inherit; } [data-e-id="hr01"] hr { width: var(--hrWidth,100%); height: var(--hrHeight,2px); background: var(--hrBg,currentColor); opacity: var(--hrOpacity,1); min-width: 10px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; margin: 0px; } [data-e-id="hr01"].element-item--explicit-sizing hr { width: 100%; min-width: 0px; } [data-e-id="hr01"].fill-space .element-content { align-items: flex-end; } [data-e-id="icon01"] { --elementProportion: 1; } [data-e-id="icon01"] [data-action-target] { cursor: pointer; } [data-e-id="icon01"].element-item--explicit-sizing .component-icon { --iconSize: 100% !important; --iconSizeFallback: 100% !important; } [data-e-id="icon01"].fill-space .element-content { align-items: flex-end; } [data-b-id="BUNDLE"].cover { display: flex; flex-flow: column; justify-content: center; } [data-b-id="BUNDLE"] .header-area { flex-shrink: 0; } [data-b-id="BUNDLE"] .layout-type-header { padding: 20px 0px; } [data-b-id="BUNDLE"] .position-fixed { padding-top: var(--indent-top-header,20px); padding-bottom: var(--indent-bottom-header,20px); } [data-b-id="BUNDLE"] .fixed-area.position-fixed .floating-header-background { top: var(--componentBgInsetTop,0); left: var(--componentBgInsetLeft,0); right: var(--componentBgInsetRight,0); bottom: var(--componentBgInsetBottom,-1px); height: auto; width: auto; border-radius: var(--componentBgTopLeftRadius,0) var(--componentBgTopRightRadius,0) var(--componentBgBottomRightRadius,0) var(--componentBgBottomLeftRadius,0); } [data-b-id="BUNDLE"] .main-area { --tabTransition: 0.3s; --tabContentTransition: 0.85s; position: relative; display: flex; flex-flow: column; justify-content: var(--contentAlign,center); flex-shrink: 0; flex-grow: 1; width: 100%; } [data-b-id="BUNDLE"] .main-area_spacer { flex-shrink: 0; visibility: hidden; } [data-b-id="BUNDLE"] .main-area_spacer--top { height: var(--indent-top); } [data-b-id="BUNDLE"] .main-area_spacer--bottom { height: var(--indent-bottom); } [data-b-id="BUNDLE"] .tab-content { display: contents; } [data-b-id="BUNDLE"] .tab-content.active > [data-id] { animation: fadeIn var(--tabContentTransition) ease 1 backwards; } body.adaptive-desktop [data-b-id="BUNDLE"] .stretch-content .flexbe-cards-root, body.adaptive-desktop [data-b-id="BUNDLE"] .stretch-content .layout-type-column { flex-grow: 1; } body.adaptive-mobile [data-b-id="BUNDLE"] .layout-type-header { padding: 15px 0px; } body.adaptive-mobile [data-b-id="BUNDLE"] .am-stretch-content .flexbe-cards-root, body.adaptive-mobile [data-b-id="BUNDLE"] .am-stretch-content .layout-type-column { flex-grow: 1; } [data-e-id="button01"].element-item--explicit-sizing .element-content { align-items: center; } [data-e-id="button01"].element-item--explicit-sizing-static .component-button { --buttonWide: 100% !important; --buttonWide_mobile: 100% !important; } [data-e-id="button01"] { --buttonsGap: 10px; } [data-e-id="button01"] .element-content { align-items: center; flex-flow: row; } [data-e-id="button01"] .buttons-holder { width: 100%; display: flex; flex-flow: wrap; align-items: center; justify-content: inherit; pointer-events: none; gap: var(--buttonsGap); } [data-e-id="button01"] .buttons-holder.with-price.single { flex-wrap: nowrap; } [data-e-id="button01"] .buttons-holder.with-price .button-wrapper { flex-shrink: 0; } [data-e-id="button01"] .buttons-holder.price-on-left .text-wrapper { order: -1; } [data-e-id="button01"] .buttons-holder.no-gap .button-1 .component-button::after, [data-e-id="button01"] .buttons-holder.no-gap .button-1 .component-button::before { border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-right-width: calc(var(--borderWidth) / 2); } [data-e-id="button01"] .buttons-holder.no-gap .button-2 .component-button::after, [data-e-id="button01"] .buttons-holder.no-gap .button-2 .component-button::before { border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-left-width: calc(var(--borderWidth) / 2); } [data-e-id="button01"] .button-wrapper, [data-e-id="button01"] .text-wrapper { max-width: 100%; flex-grow: 0; flex-shrink: 1; pointer-events: all; } [data-e-id="button01"] .text-wrapper { min-width: 50px; flex-grow: 1; } [data-e-id="button01"][data-element-justify="center"] .text-wrapper { flex-grow: 0; } [data-e-id="button01"].fill-space .element-content { display: flex; align-items: flex-end; } :root:has(body.adaptive-mobile) { --containerGutter: 15px; --containerWidth: 360px; --zoom: 1; } :root:has(body.adaptive-desktop) { --containerGutter: 25px; --containerWidth: 1150px; } body { --pageBackground: #FFF; } [data-id="470615"], body.adaptive-mobile [data-id="470615"] { --heroHeight: calc(var(--cover) * 100 / 100); --heroHeightMin: 0px; --heroHeightMax: revert; --contentAlign: center; } [data-id="470615"] { --componentBgColor: #000000; --componentBgOpacity: 0; --currentContrast: var(--lightColor); --currentColor: var(--lightText); --contrastColor: var(--lightText_contrast); --indent-top: 20px; --indent-bottom: 20px; } body.adaptive-mobile [data-id="470615"] { --indent-top: 13.33333333px; --indent-bottom: 13.33333333px; } [data-id="539509"], body.adaptive-mobile [data-id="539509"] { --heroHeight: calc(var(--cover) * 100 / 100); --heroHeightMin: 0px; --heroHeightMax: revert; --contentAlign: center; } [data-id="539509"] { --componentBgColor: #000000; --componentBgOpacity: 0; --currentContrast: var(--lightColor); --currentColor: var(--lightText); --contrastColor: var(--lightText_contrast); --indent-top: 20px; --indent-bottom: 20px; } body.adaptive-mobile [data-id="539509"] { --indent-top: 13.33333333px; --indent-bottom: 13.33333333px; } [data-id="986616"], body.adaptive-mobile [data-id="986616"] { --heroHeight: calc(var(--cover) * 100 / 100); --heroHeightMin: 0px; --heroHeightMax: revert; --contentAlign: center; } [data-id="986616"] { --componentBgColor: #000000; --componentBgOpacity: 0; --currentContrast: var(--lightColor); --currentColor: var(--lightText); --contrastColor: var(--lightText_contrast); --indent-top: 20px; --indent-bottom: 20px; } body.adaptive-mobile [data-id="986616"] { --indent-top: 13.33333333px; --indent-bottom: 13.33333333px; } [data-id="104176"] { --elementWidth: 148px; } [data-id="120088"] { --buttonsGap: 15px; } [data-id="120088"], body.adaptive-mobile [data-id="120088"] { --elementPaddingLeft: 0px; --elementPaddingRight: 0px; --elementPaddingTop: 20px; --elementPaddingBottom: 10px; } [data-id="120088"] .button-1 .component-button { --topLeftRadius: 22px; --topRightRadius: 22px; --bottomRightRadius: 22px; --bottomLeftRadius: 22px; --bgColor: #38a817; --underlineBorder: 1px; --underlineColor: var(--currentColor); --fontSize: 15px; --lineHeight: 1.37; --letterSpacing: 0px; --fontWeight: 500; --textAlign: center; --justifyContent: center; --fontStyle: normal; --textDecoration: none; --currentContrast: var(--lightColor_contrast); --currentColor: var(--lightColor); --gapX: 22px; --gapY: 12px; --transitionDuration: 0.2s; --hoverBgColor: #59ad40; --currentColorHover: var(--lightColor); --hoverBgShadow: none; --hoverBorderColor: transparent; --hoverBorderGradient: transparent; --hoverUnderlineBorder: var(--underlineBorder); --hoverUnderlineColor: var(--underlineColor); } [data-id="124375"] { --elementWidth: 0px; } [data-id="139039"] { --topLeftRadius: 0px; --topRightRadius: 0px; --bottomRightRadius: 0px; --bottomLeftRadius: 0px; --underlineBorder: 1px; --underlineColor: var(--currentColor); } [data-id="139039"], body.adaptive-mobile [data-id="139039"] { --elementOpacity: 1; --paddingLeft: 0px; --paddingRight: 0px; --paddingTop: 0px; --paddingBottom: 0px; } [data-id="176995"] { --topLeftRadius: 0px; --topRightRadius: 0px; --bottomRightRadius: 0px; --bottomLeftRadius: 0px; --underlineBorder: 1px; --underlineColor: var(--currentColor); } [data-id="176995"], body.adaptive-mobile [data-id="176995"] { --elementOpacity: 1; --paddingLeft: 0px; --paddingRight: 0px; --paddingTop: 0px; --paddingBottom: 0px; } [data-id="201822"], body.adaptive-mobile [data-id="201822"] { --elementPaddingLeft: 0px; --elementPaddingRight: 0px; --elementPaddingTop: 10px; --elementPaddingBottom: 10px; } [data-id="201822"] .element-text { --fontSize: 22px; --lineHeight: 1.37; --fontWeight: 700; --textAlign: left; --justifyContent: flex-start; } [data-id="222465"] { --topLeftRadius: 4px; --topRightRadius: 4px; --bottomRightRadius: 4px; --bottomLeftRadius: 4px; --currentColor: var(--darkText); --contrastColor: var(--darkText_contrast); --bgColor: rgba(255, 255, 255, 0.88); --underlineBorder: 1px; --underlineColor: var(--currentColor); } [data-id="222465"], body.adaptive-mobile [data-id="222465"] { --elementOpacity: 1; --paddingLeft: 30px; --paddingRight: 30px; --paddingTop: 30px; --paddingBottom: 30px; } [data-id="242292"], body.adaptive-mobile [data-id="242292"] { --elementPaddingLeft: 0px; --elementPaddingRight: 0px; --elementPaddingTop: 5px; --elementPaddingBottom: 5px; } [data-id="242292"] .flexbe-table-container { --verticalAlign: middle; --paddingX: 10px; --paddingY: 10px; --paddingOuterX: 10px; --paddingOuterY: 10px; --tableBorderWidth: 3px; --tableBorderColor: #cdcdcd; --tableTopLeftRadius: 0px; --tableTopRightRadius: 0px; --tableBottomRightRadius: 0px; --tableBottomLeftRadius: 0px; } [data-id="242292"] { --fontSize: 16px; --lineHeight: 1.5; --letterSpacing: 0px; --fontWeight: 400; } [data-id="242292"] .flexbe-table__font--side, [data-id="242292"] .flexbe-table__font--top { --fontSize: 16px; --lineHeight: 1.5; --letterSpacing: 0px; --fontWeight: 500; } [data-id="242292"] .flexbe-table-container { --tableTopHeaderOddBg: #3B3C45; --tableTopHeaderOddColor: var(--lightText); --tableTopHeaderOddContrast: var(--lightText_contrast); --tableSideHeaderOddBg: #3B3C45; --tableSideHeaderOddColor: var(--lightText); --tableSideHeaderOddContrast: var(--lightText_contrast); --tableTopHeaderEvenBg: #3B3C45; --tableTopHeaderEvenColor: var(--lightText); --tableTopHeaderEvenContrast: var(--lightText_contrast); --tableSideHeaderEvenBg: #3B3C45; --tableSideHeaderEvenColor: var(--lightText); --tableSideHeaderEvenContrast: var(--lightText_contrast); --tableOddBg: #ffffff; --tableOddColor: var(--darkText); --tableOddContrast: var(--darkText_contrast); --tableEvenBg: #f5f5f5; --tableEvenColor: var(--darkText); --tableEvenContrast: var(--darkText_contrast); } body.adaptive-mobile [data-id="242292"] .flexbe-table-container { --paddingX: 10px; --paddingY: 10px; --paddingOuterX: 10px; --paddingOuterY: 10px; } [data-id="257567"] { --elementWidth: 0px; } [data-id="290503"], body.adaptive-mobile [data-id="290503"] { --elementPaddingLeft: 0px; --elementPaddingRight: 0px; --elementPaddingTop: 10px; --elementPaddingBottom: 10px; } [data-id="290503"] .element-text { --fontSize: 24px; --lineHeight: 1.37; --fontWeight: 700; } .select-container-in-body .select-container-305241.dropdown-select-ul .option-e { --fontSizeSelect: 16px; --lineHeightSelect: 1.5; --fontWeightSelect: 400; --fontStyleSelect: normal; font-size: var(--fontSizeSelect); line-height: var(--lineHeightSelect); font-weight: var(--fontWeightSelect); letter-spacing: var(--letterSpacingSelect); font-style: var(--fontStyleSelect); text-decoration: var(--textDecorationSelect); text-transform: var(--textTransformSelect); } [data-id="305241"], body.adaptive-mobile [data-id="305241"] { --elementPaddingLeft: 0px; --elementPaddingRight: 0px; --elementPaddingTop: 10px; --elementPaddingBottom: 5px; } [data-id="305241"] .component-form { --formShadow: none; --formInputBorderSize: 1px; --formInputGapX: 15px; --formInputGapY: 11px; --formFieldsGapY: 20px; --formFieldsGapX: 20px; --formButtonGap: 20px; --formTitleGap: 5px; --formDescGap: 10px; --titleInputWeight: 500; --formInputJustify: start; --formButtonJustify: start; --lineHeightTitleDynamic: 24px; --lineHeightTitleFocusInside: 16.8px; --fontSizeFocusInside: 11.2px; --lineHeightTitleFocusOutside: 20.55px; --formInputWidth: 550; --formInputBorderColorContrast: var(--darkBorder); --formInputBg: #ffffff; --formInputBgContrast: var(--darkText); --fontSizeText: 16px; --lineHeightText: 1.5; --fontWeightText: 400; --fontStyleText: normal; --fontSizeTitle: 15px; --lineHeightTitle: 1.37; --fontWeightTitle: 500; --fontStyleTitle: normal; --fontSizeDesc: 13px; --lineHeightDesc: 1.33; --fontWeightDesc: 400; --fontStyleDesc: normal; --formTopLeftRadius: 4px; --formTopRightRadius: 4px; --formBottomRightRadius: 4px; --formBottomLeftRadius: 4px; --formInputBorderHoverColor: var(--darkBorder); --formInputBgHoverContrast: var(--darkText); --formInputBgHover: #ffffff; --formInputBorderFocusColor: var(--darkBorder); --formInputBgFocusContrast: var(--darkText); --formInputBgFocus: #ffffff; } body.adaptive-mobile [data-id="305241"] .component-form { --formTitleGap_mobile: 10px; --formDescGap_mobile: 10px; --lineHeightTitleDynamic_mobile: 24px; --lineHeightTitleFocusInside_mobile: 16.8px; --fontSizeFocusInside_mobile: 11.2px; --lineHeightTitleFocusOutside_mobile: 20.55px; --fontSizeText_mobile: 16px; --fontSizeTitle_mobile: 15px; --fontSizeDesc_mobile: 13px; } [data-id="305241"] .component-button { --buttonWide: 100%; --topLeftRadius: 5px; --topRightRadius: 5px; --bottomRightRadius: 5px; --bottomLeftRadius: 5px; --bgColor: #38a817; --underlineBorder: 1px; --underlineColor: var(--currentColor); --fontSize: 15px; --lineHeight: 1.37; --letterSpacing: 0px; --fontWeight: 500; --textAlign: center; --justifyContent: center; --fontStyle: normal; --textDecoration: none; --currentContrast: var(--lightColor_contrast); --currentColor: var(--lightColor); --gapX: 22px; --gapY: 12px; --transitionDuration: 0.2s; --hoverBgColor: #59ad40; --currentColorHover: var(--lightColor); --hoverBgShadow: none; --hoverBorderColor: transparent; --hoverBorderGradient: transparent; --hoverUnderlineBorder: var(--underlineBorder); --hoverUnderlineColor: var(--underlineColor); } .select-container-in-body .select-container-334292.dropdown-select-ul .option-e { --fontSizeSelect: 16px; --lineHeightSelect: 1.5; --fontWeightSelect: 400; --fontStyleSelect: normal; font-size: var(--fontSizeSelect); line-height: var(--lineHeightSelect); font-weight: var(--fontWeightSelect); letter-spacing: var(--letterSpacingSelect); font-style: var(--fontStyleSelect); text-decoration: var(--textDecorationSelect); text-transform: var(--textTransformSelect); } [data-id="334292"], body.adaptive-mobile [data-id="334292"] { --elementPaddingLeft: 0px; --elementPaddingRight: 0px; --elementPaddingTop: 20px; --elementPaddingBottom: 10px; } [data-id="334292"] .component-form { --formShadow: none; --formInputBorderSize: 1px; --formInputGapX: 15px; --formInputGapY: 11px; --formFieldsGapY: 20px; --formFieldsGapX: 20px; --formButtonGap: 20px; --formTitleGap: 5px; --formDescGap: 10px; --titleInputWeight: 500; --formInputJustify: start; --formButtonJustify: start; --lineHeightTitleDynamic: 24px; --lineHeightTitleFocusInside: 16.8px; --fontSizeFocusInside: 11.2px; --lineHeightTitleFocusOutside: 20.55px; --formInputWidth: 550; --formInputBorderColorContrast: var(--darkBorder); --formInputBg: #ffffff; --formInputBgContrast: var(--darkText); --fontSizeText: 16px; --lineHeightText: 1.5; --fontWeightText: 400; --fontStyleText: normal; --fontSizeTitle: 15px; --lineHeightTitle: 1.37; --fontWeightTitle: 500; --fontStyleTitle: normal; --fontSizeDesc: 13px; --lineHeightDesc: 1.33; --fontWeightDesc: 400; --fontStyleDesc: normal; --formTopLeftRadius: 4px; --formTopRightRadius: 4px; --formBottomRightRadius: 4px; --formBottomLeftRadius: 4px; --formInputBorderHoverColor: var(--darkBorder); --formInputBgHoverContrast: var(--darkText); --formInputBgHover: #ffffff; --formInputBorderFocusColor: var(--darkBorder); --formInputBgFocusContrast: var(--darkText); --formInputBgFocus: #ffffff; } body.adaptive-mobile [data-id="334292"] .component-form { --formTitleGap_mobile: 10px; --formDescGap_mobile: 10px; --lineHeightTitleDynamic_mobile: 24px; --lineHeightTitleFocusInside_mobile: 16.8px; --fontSizeFocusInside_mobile: 11.2px; --lineHeightTitleFocusOutside_mobile: 20.55px; --fontSizeText_mobile: 16px; --fontSizeTitle_mobile: 15px; --fontSizeDesc_mobile: 13px; } [data-id="334292"] .component-button { --buttonWide: 100%; --topLeftRadius: 5px; --topRightRadius: 5px; --bottomRightRadius: 5px; --bottomLeftRadius: 5px; --bgColor: #fff55a; --underlineBorder: 1px; --underlineColor: var(--currentColor); --fontSize: 15px; --lineHeight: 1.37; --letterSpacing: 0px; --fontWeight: 700; --textAlign: center; --justifyContent: center; --fontStyle: normal; --textDecoration: none; --currentContrast: var(--darkColor_contrast); --currentColor: var(--darkColor); --gapX: 22px; --gapY: 12px; --transitionDuration: 0.2s; --hoverBgColor: #eee772; --currentColorHover: var(--darkColor); --hoverBgShadow: none; --hoverBorderColor: transparent; --hoverBorderGradient: transparent; --hoverUnderlineBorder: var(--underlineBorder); --hoverUnderlineColor: var(--underlineColor); } [data-id="345422"] { --elementWidth: 443px; } [data-id="345422"] .element-text { --fontSize: 16px; --lineHeight: 1.5; --fontWeight: 400; --textAlign: left; --justifyContent: flex-start; } [data-id="394149"], body.adaptive-mobile [data-id="394149"] { --elementPaddingLeft: 0px; --elementPaddingRight: 0px; --elementPaddingTop: 10px; --elementPaddingBottom: 10px; } [data-id="394149"] .element-text { --fontSize: 18px; --lineHeight: 1.37; --fontWeight: 700; } [data-id="457636"], body.adaptive-mobile [data-id="457636"] { --elementPaddingLeft: 0px; --elementPaddingRight: 0px; --elementPaddingTop: 10px; --elementPaddingBottom: 10px; } [data-id="457636"] .element-text { --fontSize: 48px; --lineHeight: 1.2; --fontWeight: 700; --textAlign: center; --justifyContent: center; } body.adaptive-mobile [data-id="457636"] .element-text { --fontSize_mobile: 34px; } [data-id="473885"], body.adaptive-mobile [data-id="473885"] { --elementPaddingLeft: 0px; --elementPaddingRight: 0px; --elementPaddingTop: 10px; --elementPaddingBottom: 10px; } [data-id="473885"] .element-text { --fontSize: 16px; --lineHeight: 1.5; --fontWeight: 400; } [data-id="497720"] { --elementWidth: 345px; } [data-id="497720"] .element-text { --fontSize: 36px; --lineHeight: 1.5; --fontWeight: 400; --textAlign: right; --justifyContent: flex-end; } body.adaptive-mobile [data-id="497720"] .element-text { --fontSize_mobile: 31px; } [data-id="498911"], body.adaptive-mobile [data-id="498911"] { --elementPaddingLeft: 0px; --elementPaddingRight: 0px; --elementPaddingTop: 10px; --elementPaddingBottom: 10px; } [data-id="498911"] .element-text { --fontSize: 30px; --lineHeight: 1.2; --fontWeight: 700; } [data-id="529290"] { --fontSize: 13px; --lineHeight: 1.2; --fontWeight: 400; } [data-id="549695"], body.adaptive-mobile [data-id="549695"] { --elementPaddingLeft: 0px; --elementPaddingRight: 0px; --elementPaddingTop: 10px; --elementPaddingBottom: 10px; } [data-id="549695"] { --hrWidth: 100%; --hrHeight: 3px; --hrBg: var(--currentColor); --hrOpacity: 0.25; } [data-id="558378"] { --buttonsGap: 15px; } [data-id="558378"], body.adaptive-mobile [data-id="558378"] { --elementPaddingLeft: 0px; --elementPaddingRight: 0px; --elementPaddingTop: 10px; --elementPaddingBottom: 10px; } [data-id="558378"] .button-1 .component-button { --topLeftRadius: 10px; --topRightRadius: 10px; --bottomRightRadius: 10px; --bottomLeftRadius: 10px; --bgColor: linear-gradient(135deg, #95ef24 0%, #e3f83d 100%); --underlineBorder: 1px; --underlineColor: var(--currentColor); --fontSize: 16px; --lineHeight: 1.25; --letterSpacing: 0px; --fontWeight: 500; --textAlign: center; --justifyContent: center; --fontStyle: normal; --textDecoration: none; --currentContrast: var(--lightColor); --currentColor: #000000; --gapX: 24px; --gapY: 12px; --transitionDuration: 0.35s; --hoverBgShadow: 0px 5px 25px 0px rgba(187, 244, 49, 0.5); --hoverBorderColor: transparent; --hoverBorderGradient: transparent; --hoverShift: -3px; --hoverUnderlineBorder: var(--underlineBorder); --hoverUnderlineColor: var(--underlineColor); } body.adaptive-mobile [data-id="558378"] .button-1 .component-button { --gapX: 24px; --gapY: 12px; } [data-id="560150"] { --elementWidth: 0px; } [data-id="583112"], body.adaptive-mobile [data-id="583112"] { --elementPaddingLeft: 0px; --elementPaddingRight: 0px; --elementPaddingTop: 10px; --elementPaddingBottom: 10px; } [data-id="583112"] .element-text { --fontSize: 33px; --lineHeight: 1.5; --fontWeight: 400; } [data-id="590231"] { --topLeftRadius: 4px; --topRightRadius: 4px; --bottomRightRadius: 4px; --bottomLeftRadius: 4px; --currentColor: var(--darkText); --contrastColor: var(--darkText_contrast); --bgColor: rgba(255, 255, 255, 0.88); --underlineBorder: 1px; --underlineColor: var(--currentColor); } [data-id="590231"], body.adaptive-mobile [data-id="590231"] { --elementOpacity: 1; --paddingLeft: 30px; --paddingRight: 30px; --paddingTop: 30px; --paddingBottom: 30px; } [data-id="633328"] { --topLeftRadius: 4px; --topRightRadius: 4px; --bottomRightRadius: 4px; --bottomLeftRadius: 4px; --currentColor: var(--darkText); --contrastColor: var(--darkText_contrast); --bgColor: #ffffff; --underlineBorder: 1px; --underlineColor: var(--currentColor); --elementOpacity: 1; --paddingLeft: 50px; --paddingRight: 50px; --paddingTop: 50px; --paddingBottom: 50px; } body.adaptive-mobile [data-id="633328"] { --elementOpacity: 1; --paddingLeft: 30px; --paddingRight: 30px; --paddingTop: 30px; --paddingBottom: 30px; } [data-id="683804"], body.adaptive-mobile [data-id="683804"] { --elementPaddingLeft: 0px; --elementPaddingRight: 0px; --elementPaddingTop: 10px; --elementPaddingBottom: 10px; } [data-id="683804"] .element-text { --fontSize: 22px; --lineHeight: 1.37; --fontWeight: 700; --textAlign: left; --justifyContent: flex-start; } [data-id="712347"], body.adaptive-mobile [data-id="712347"] { --elementPaddingLeft: 0px; --elementPaddingRight: 0px; --elementPaddingTop: 10px; --elementPaddingBottom: 10px; } [data-id="712347"] .element-text { --fontSize: 30px; --lineHeight: 1.2; --fontWeight: 700; } [data-id="715049"], body.adaptive-mobile [data-id="715049"] { --elementPaddingLeft: 0px; --elementPaddingRight: 0px; --elementPaddingTop: 10px; --elementPaddingBottom: 10px; } [data-id="715049"] .element-text { --fontSize: 48px; --lineHeight: 1.2; --fontWeight: 700; --textAlign: center; --justifyContent: center; } body.adaptive-mobile [data-id="715049"] .element-text { --fontSize_mobile: 34px; } [data-id="732538"], body.adaptive-mobile [data-id="732538"] { --elementPaddingLeft: 0px; --elementPaddingRight: 0px; --elementPaddingTop: 10px; --elementPaddingBottom: 10px; } [data-id="732538"] .element-text { --fontSize: 16px; --lineHeight: 1.5; --fontWeight: 400; --textAlign: left; --justifyContent: flex-start; } [data-id="793691"], body.adaptive-mobile [data-id="793691"] { --elementPaddingLeft: 0px; --elementPaddingRight: 0px; --elementPaddingTop: 10px; --elementPaddingBottom: 10px; } [data-id="793691"] .element-text { --fontSize: 22px; --lineHeight: 1.37; --fontWeight: 700; } .select-container-in-body .select-container-798532.dropdown-select-ul .option-e { --fontSizeSelect: 16px; --lineHeightSelect: 1.5; --fontWeightSelect: 400; --fontStyleSelect: normal; font-size: var(--fontSizeSelect); line-height: var(--lineHeightSelect); font-weight: var(--fontWeightSelect); letter-spacing: var(--letterSpacingSelect); font-style: var(--fontStyleSelect); text-decoration: var(--textDecorationSelect); text-transform: var(--textTransformSelect); } [data-id="798532"], body.adaptive-mobile [data-id="798532"] { --elementPaddingLeft: 0px; --elementPaddingRight: 0px; --elementPaddingTop: 10px; --elementPaddingBottom: 5px; } [data-id="798532"] .component-form { --formShadow: none; --formInputBorderSize: 1px; --formInputGapX: 15px; --formInputGapY: 11px; --formFieldsGapY: 20px; --formFieldsGapX: 20px; --formButtonGap: 20px; --formTitleGap: 5px; --formDescGap: 10px; --titleInputWeight: 500; --formInputJustify: start; --formButtonJustify: start; --lineHeightTitleDynamic: 24px; --lineHeightTitleFocusInside: 16.8px; --fontSizeFocusInside: 11.2px; --lineHeightTitleFocusOutside: 20.55px; --formInputWidth: 550; --formInputBorderColorContrast: var(--darkBorder); --formInputBg: #ffffff; --formInputBgContrast: var(--darkText); --fontSizeText: 16px; --lineHeightText: 1.5; --fontWeightText: 400; --fontStyleText: normal; --fontSizeTitle: 15px; --lineHeightTitle: 1.37; --fontWeightTitle: 500; --fontStyleTitle: normal; --fontSizeDesc: 13px; --lineHeightDesc: 1.33; --fontWeightDesc: 400; --fontStyleDesc: normal; --formTopLeftRadius: 4px; --formTopRightRadius: 4px; --formBottomRightRadius: 4px; --formBottomLeftRadius: 4px; --formInputBorderHoverColor: var(--darkBorder); --formInputBgHoverContrast: var(--darkText); --formInputBgHover: #ffffff; --formInputBorderFocusColor: var(--darkBorder); --formInputBgFocusContrast: var(--darkText); --formInputBgFocus: #ffffff; } body.adaptive-mobile [data-id="798532"] .component-form { --formTitleGap_mobile: 10px; --formDescGap_mobile: 10px; --lineHeightTitleDynamic_mobile: 24px; --lineHeightTitleFocusInside_mobile: 16.8px; --fontSizeFocusInside_mobile: 11.2px; --lineHeightTitleFocusOutside_mobile: 20.55px; --fontSizeText_mobile: 16px; --fontSizeTitle_mobile: 15px; --fontSizeDesc_mobile: 13px; } [data-id="798532"] .component-button { --buttonWide: 100%; --topLeftRadius: 5px; --topRightRadius: 5px; --bottomRightRadius: 5px; --bottomLeftRadius: 5px; --bgColor: #38a817; --underlineBorder: 1px; --underlineColor: var(--currentColor); --fontSize: 15px; --lineHeight: 1.37; --letterSpacing: 0px; --fontWeight: 500; --textAlign: center; --justifyContent: center; --fontStyle: normal; --textDecoration: none; --currentContrast: var(--lightColor_contrast); --currentColor: var(--lightColor); --gapX: 22px; --gapY: 12px; --transitionDuration: 0.2s; --hoverBgColor: #59ad40; --currentColorHover: var(--lightColor); --hoverBgShadow: none; --hoverBorderColor: transparent; --hoverBorderGradient: transparent; --hoverUnderlineBorder: var(--underlineBorder); --hoverUnderlineColor: var(--underlineColor); } [data-id="800857"] { --fontSize: 15px; --lineHeight: 1.2; --fontWeight: 400; } [data-id="807451"] { --fontSize: 13px; --lineHeight: 1.2; --fontWeight: 400; } [data-id="807953"] { --elementWidth: 0px; } [data-id="815844"], body.adaptive-mobile [data-id="815844"] { --elementPaddingLeft: 0px; --elementPaddingRight: 0px; --elementPaddingTop: 10px; --elementPaddingBottom: 20px; } [data-id="815844"] .component-icon { --scaling: 56%; --iconColor: #38a817; --iconColor_contrast: #ffffff; } [data-id="815844"] .component-icon.hover--color:hover { --iconColor: #999999; --iconColor_contrast: #ffffff; } [data-id="820022"] { --elementWidth: 0px; } [data-id="822961"] { --topLeftRadius: 4px; --topRightRadius: 4px; --bottomRightRadius: 4px; --bottomLeftRadius: 4px; --currentColor: var(--darkText); --contrastColor: var(--darkText_contrast); --bgColor: rgba(255, 255, 255, 0.88); --underlineBorder: 1px; --underlineColor: var(--currentColor); } [data-id="822961"], body.adaptive-mobile [data-id="822961"] { --elementOpacity: 1; --paddingLeft: 30px; --paddingRight: 30px; --paddingTop: 30px; --paddingBottom: 30px; } [data-id="844561"] { --topLeftRadius: 4px; --topRightRadius: 4px; --bottomRightRadius: 4px; --bottomLeftRadius: 4px; --currentColor: var(--darkText); --contrastColor: var(--darkText_contrast); --bgColor: #ffffff; --underlineBorder: 1px; --underlineColor: var(--currentColor); --elementOpacity: 1; --paddingLeft: 40px; --paddingRight: 40px; --paddingTop: 40px; --paddingBottom: 40px; } body.adaptive-mobile [data-id="844561"] { --elementOpacity: 1; --paddingLeft: 30px; --paddingRight: 30px; --paddingTop: 30px; --paddingBottom: 30px; } [data-id="849442"] { --topLeftRadius: 4px; --topRightRadius: 4px; --bottomRightRadius: 4px; --bottomLeftRadius: 4px; --currentColor: var(--darkText); --contrastColor: var(--darkText_contrast); --bgColor: rgba(255, 255, 255, 0.88); --underlineBorder: 1px; --underlineColor: var(--currentColor); } [data-id="849442"], body.adaptive-mobile [data-id="849442"] { --elementOpacity: 1; --paddingLeft: 30px; --paddingRight: 30px; --paddingTop: 30px; --paddingBottom: 30px; } [data-id="870926"] { --elementWidth: 244px; } [data-id="870926"] .component-button { --topLeftRadius: 10px; --topRightRadius: 0px; --bottomRightRadius: 10px; --bottomLeftRadius: 0px; --bgColor: #acf352; --borderWidth: 2px; --borderColor: #000000; --underlineBorder: 1px; --underlineColor: var(--currentColor); --fontSize: 16px; --lineHeight: 1.25; --letterSpacing: 0px; --fontWeight: 500; --textAlign: center; --justifyContent: center; --fontStyle: normal; --textDecoration: none; --currentContrast: var(--lightColor); --currentColor: #000000; --gapX: 24px; --gapY: 12px; --transitionDuration: 0.35s; --hoverBgColor: #f2fc35; --currentColorHover: #000000; --hoverBgShadow: none; --hoverBorderColor: transparent; --hoverBorderGradient: transparent; --hoverUnderlineBorder: var(--underlineBorder); --hoverUnderlineColor: var(--underlineColor); } body.adaptive-mobile [data-id="870926"] .component-button { --gapX: 24px; --gapY: 12px; } [data-id="881016"] { --fontSize: 15px; --lineHeight: 1.2; --fontWeight: 400; } [data-id="889569"], body.adaptive-mobile [data-id="889569"] { --elementPaddingLeft: 0px; --elementPaddingRight: 0px; --elementPaddingTop: 10px; --elementPaddingBottom: 10px; } [data-id="889569"] .element-text { --fontSize: 16px; --lineHeight: 1.5; --fontWeight: 400; --textAlign: left; --justifyContent: flex-start; } [data-id="897797"], body.adaptive-mobile [data-id="897797"] { --elementPaddingLeft: 0px; --elementPaddingRight: 0px; --elementPaddingTop: 5px; --elementPaddingBottom: 5px; } [data-id="897797"] .flexbe-table-container { --verticalAlign: middle; --paddingX: 10px; --paddingY: 10px; --paddingOuterX: 10px; --paddingOuterY: 10px; --tableBorderWidth: 3px; --tableBorderColor: #cdcdcd; --tableTopLeftRadius: 0px; --tableTopRightRadius: 0px; --tableBottomRightRadius: 0px; --tableBottomLeftRadius: 0px; } [data-id="897797"] { --fontSize: 16px; --lineHeight: 1.5; --letterSpacing: 0px; --fontWeight: 400; } [data-id="897797"] .flexbe-table__font--side, [data-id="897797"] .flexbe-table__font--top { --fontSize: 16px; --lineHeight: 1.5; --letterSpacing: 0px; --fontWeight: 500; } [data-id="897797"] .flexbe-table-container { --tableTopHeaderOddBg: #3B3C45; --tableTopHeaderOddColor: var(--lightText); --tableTopHeaderOddContrast: var(--lightText_contrast); --tableSideHeaderOddBg: #3B3C45; --tableSideHeaderOddColor: var(--lightText); --tableSideHeaderOddContrast: var(--lightText_contrast); --tableTopHeaderEvenBg: #3B3C45; --tableTopHeaderEvenColor: var(--lightText); --tableTopHeaderEvenContrast: var(--lightText_contrast); --tableSideHeaderEvenBg: #3B3C45; --tableSideHeaderEvenColor: var(--lightText); --tableSideHeaderEvenContrast: var(--lightText_contrast); --tableOddBg: #ffffff; --tableOddColor: var(--darkText); --tableOddContrast: var(--darkText_contrast); --tableEvenBg: #f5f5f5; --tableEvenColor: var(--darkText); --tableEvenContrast: var(--darkText_contrast); } body.adaptive-mobile [data-id="897797"] .flexbe-table-container { --paddingX: 10px; --paddingY: 10px; --paddingOuterX: 10px; --paddingOuterY: 10px; } [data-id="964848"], body.adaptive-mobile [data-id="964848"] { --elementPaddingLeft: 0px; --elementPaddingRight: 0px; --elementPaddingTop: 10px; --elementPaddingBottom: 10px; } [data-id="964848"] { --hrWidth: 100%; --hrHeight: 3px; --hrBg: var(--currentColor); --hrOpacity: 0.25; } [data-id="form91119"] .modal-data > .component-bg { --componentBgColor: #000000; --componentBgOpacity: 0.8; --currentContrast: var(--lightColor); --currentColor: var(--lightText); --contrastColor: var(--lightText_contrast); } [data-id="form91119"] .modal-data > .close-times { color: var(--lightColor); } [data-id="done81401"] .modal-data > .component-bg { --componentBgColor: #000000; --componentBgOpacity: 0.8; --currentContrast: var(--lightColor); --currentColor: var(--lightText); --contrastColor: var(--lightText_contrast); } [data-id="done81401"] .modal-data > .close-times { color: var(--lightColor); } .is-screenshoter { min-height: 0px !important; } .is-screenshoter * { animation: auto ease 0s 1 normal none running none !important; transition: none !important; } .is-screenshoter .b_block { overflow: hidden; } .is-screenshoter .b_block[data-overlayed]:last-child { position: relative !important; } body:is(.is-view, .mode--preview, .mode--generation, .state--hide-editor) :is(.hover-trigger-shift, .hover-trigger-scale, .hover-trigger-opacity, .bg-border, .bg-fill, .bg-fill-hover, .bg-shadow, .bg-glare-hover) { transition: color var(--transitionDuration) var(--transitionTiming,ease) var(--transitionDelay,0s),border var(--transitionDuration) var(--transitionTiming,ease) var(--transitionDelay,0s),box-shadow var(--transitionDuration) var(--transitionTiming,ease) var(--transitionDelay,0s),opacity var(--transitionDuration) var(--transitionTiming,ease) var(--transitionDelay,0s),transform var(--transitionDuration) var(--transitionTiming,ease) var(--transitionDelay,0s); } body:is(.is-view, .mode--preview, .mode--generation, .state--hide-editor) .hover-trigger-fadein .element-content { opacity: var(--hoverFadeInFrom,0); transition: opacity var(--transitionDuration) var(--transitionTiming,ease); } body:is(.is-view, .mode--preview, .mode--generation, .state--hide-editor) .hover-trigger-fill_circle > .bg-fill-hover { --hoverBgFromDistance: 0; display: flex; clip-path: circle(var(--hoverBgFromDistance) at var(--hoverBgFromX) var(--hoverBgFromY)); transition: clip-path var(--transitionDuration) cubic-bezier(.51,.27,.47,.74),transform var(--transitionDuration) ease; will-change: transform; } body:is(.is-view, .mode--preview, .mode--generation, .state--hide-editor) .hover-trigger-fill_rectangle > .bg-fill-hover { display: flex; clip-path: inset(var(--hoverBgDistance)); transition: clip-path var(--transitionDuration) cubic-bezier(.51,.27,.47,.74),transform var(--transitionDuration) ease; will-change: transform; } body:is(.is-view, .mode--preview, .mode--generation, .state--hide-editor) .hover-trigger-fill_fade > .bg-fill { transition: opacity calc(var(--transitionDuration) * .65) var(--transitionTiming,ease) 0s,transform var(--transitionDuration) ease; opacity: 1; } body:is(.is-view, .mode--preview, .mode--generation, .state--hide-editor) .hover-trigger-fill_fade > .bg-fill-hover { transition: opacity calc(var(--transitionDuration) * .65) var(--transitionTiming,ease) calc(var(--transitionDuration) * .35),transform var(--transitionDuration) ease; display: flex; opacity: 0; } body:is(.is-view, .mode--preview, .mode--generation, .state--hide-editor) .hover-trigger-border > .bg-border { transition: opacity calc(var(--transitionDuration) * .65) var(--transitionTiming,ease) 0s,transform var(--transitionDuration) ease; opacity: 1; } body:is(.is-view, .mode--preview, .mode--generation, .state--hide-editor) .hover-trigger-border > .bg-border-hover { transition: opacity calc(var(--transitionDuration) * .65) var(--transitionTiming,ease) calc(var(--transitionDuration) * .35),transform var(--transitionDuration) ease; display: flex; opacity: 0; } body:is(.is-view, .mode--preview, .mode--generation, .state--hide-editor) .hover.hover-trigger-fadein .element-content { opacity: var(--hoverFadeInTo,1); } body:is(.is-view, .mode--preview, .mode--generation, .state--hide-editor) .hover > .bg-glare-hover::before { width: var(--bgGlareSize,80%); opacity: 1; } body:is(.is-view, .mode--preview, .mode--generation, .state--hide-editor) .hover.hover-trigger-fill_fade > .bg-fill { opacity: 0; transition: opacity calc(var(--transitionDuration) * .65) var(--transitionTiming,ease) calc(var(--transitionDuration) * .35),transform var(--transitionDuration) ease; } body:is(.is-view, .mode--preview, .mode--generation, .state--hide-editor) .hover.hover-trigger-fill_fade > .bg-fill-hover { opacity: 1; transition: opacity calc(var(--transitionDuration) * .65) var(--transitionTiming,ease) 0s,transform var(--transitionDuration) ease; } body:is(.is-view, .mode--preview, .mode--generation, .state--hide-editor) .hover.hover-trigger-border > .bg-border { transition: opacity calc(var(--transitionDuration) * .65) var(--transitionTiming,ease) calc(var(--transitionDuration) * .35),transform var(--transitionDuration) ease; opacity: 0; } body:is(.is-view, .mode--preview, .mode--generation, .state--hide-editor) .hover.hover-trigger-border > .bg-border-hover { transition: opacity calc(var(--transitionDuration) * .65) var(--transitionTiming,ease) 0s,transform var(--transitionDuration) ease; opacity: 1; } body:is(.is-view, .mode--preview, .mode--generation, .state--hide-editor) .hover.hover-trigger-text { --currentColor: var(--currentColorHover) !important; --contrastColor: var(--contrastColorHover) !important; } body:is(.is-view, .mode--preview, .mode--generation, .state--hide-editor) .hover.hover-trigger-fill_circle > .bg-fill-hover { --hoverBgFromDistance: 160%; } body:is(.is-view, .mode--preview, .mode--generation, .state--hide-editor) .hover.hover-trigger-fill_rectangle { --hoverBgDistance: 0 0 0 0 round var(--topLeftRadius,0) var(--topRightRadius,0) var(--bottomRightRadius,0) var(--bottomLeftRadius,0); } body:is(.is-view, .mode--preview, .mode--generation, .state--hide-editor) .hover.hover-trigger-border > .bg-border-hover.is-color { border: var(--borderWidth) solid var(--hoverBorderColor); } body:is(.is-view, .mode--preview, .mode--generation, .state--hide-editor) .hover.hover-trigger-border > .bg-border-hover.is-gradient { background: var(--hoverBorderGradient); } body:is(.is-view, .mode--preview, .mode--generation, .state--hide-editor) .hover.hover-trigger-shadow > .bg-shadow { box-shadow: var(--hoverBgShadow); } body:is(.is-view, .mode--preview, .mode--generation, .state--hide-editor) .hover.hover-trigger-shift { transform: translateY(var(--hoverShift)); } body:is(.is-view, .mode--preview, .mode--generation, .state--hide-editor) .hover.hover-trigger-shift::after, body:is(.is-view, .mode--preview, .mode--generation, .state--hide-editor) .hover.hover-trigger-shift::before { content: ""; display: block; position: absolute; width: 100%; height: max(var(--hoverShift),calc(var(--hoverShift) * -1)); } body:is(.is-view, .mode--preview, .mode--generation, .state--hide-editor) .hover.hover-trigger-shift::before { bottom: 100%; } body:is(.is-view, .mode--preview, .mode--generation, .state--hide-editor) .hover.hover-trigger-shift::after { top: 100%; } body:is(.is-view, .mode--preview, .mode--generation, .state--hide-editor) .hover.hover-trigger-scale.scale-only-bg > .bg-border, body:is(.is-view, .mode--preview, .mode--generation, .state--hide-editor) .hover.hover-trigger-scale.scale-only-bg > .bg-border-hover, body:is(.is-view, .mode--preview, .mode--generation, .state--hide-editor) .hover.hover-trigger-scale.scale-only-bg > .bg-fill, body:is(.is-view, .mode--preview, .mode--generation, .state--hide-editor) .hover.hover-trigger-scale.scale-only-bg > .bg-fill-hover, body:is(.is-view, .mode--preview, .mode--generation, .state--hide-editor) .hover.hover-trigger-scale.scale-only-bg > .bg-glare-hover, body:is(.is-view, .mode--preview, .mode--generation, .state--hide-editor) .hover.hover-trigger-scale.scale-only-bg > .bg-shadow, body:is(.is-view, .mode--preview, .mode--generation, .state--hide-editor) .hover.hover-trigger-scale:not(.scale-only-bg) { transform: scale(var(--hoverScale)); } body:is(.is-view, .mode--preview, .mode--generation, .state--hide-editor) .hover.hover-trigger-shift.hover-trigger-scale:not(.scale-only-bg) { transform: translateY(var(--hoverShift)) scale(var(--hoverScale)); } body:is(.is-view, .mode--preview, .mode--generation, .state--hide-editor) .hover.hover-trigger-opacity { opacity: var(--hoverOpacity,1); } body.mode--editor .hover-trigger-fadein:not(.editor-effects-focus) { --hoverFadeInFrom: 1 !important; }