.hero-botslab{--hero-fg: #222;--hero-container: 1280px;--hero-gutter: 24px;--hero-title-size: clamp(30px, 8vw , 36px);--hero-title-line: calc(var(--hero-title-size) * 1.2);--hero-sub-size: clamp(12px, 3.2vw , 14.4px);--hero-sub-line: calc(var(--hero-sub-size) * 1.25);--hero-sub-max: clamp(286px, calc(100vw / 1.311), 343px);--hero-btn-w: clamp(137px, calc(100vw / 2.737), 164px);--hero-btn-h: clamp(43px, calc(100vw / 8.721), 52px);--hero-btn-gap: clamp(5px, calc(100vw / 75), 6px);--hero-btn-size: clamp(16px, calc(100vw / 23.438), 19px);--hero-gap-title-sub: 5px;--hero-gap-sub-btn: 30px;--hero-top: 55px;--hero-shift: 0px;--hero-dot-w: clamp(8px, calc(100vw / 34.1), 14px);--hero-dot-h: var(--hero-dot-w);--hero-dot-radius: 50%;--hero-dot-gap: clamp(5px, calc(100vw / 47.7), 10px);--hero-dot-bottom: 25px;--hero-dot-on: #898989;--hero-dot-off: #fff;position:relative}@media screen and (min-width:768px){.hero-botslab{--hero-gutter: 20px;--hero-title-size: 40px;--hero-title-line: 48px;--hero-sub-size: 16px;--hero-sub-line: normal;--hero-sub-max: 549px;--hero-btn-w: 180px;--hero-btn-h: 47px;--hero-btn-gap: 15px;--hero-gap-title-sub: 15px;--hero-gap-sub-btn: 26px;--hero-top: 0px;--hero-shift: clamp(60px, calc(9.766vw - 15px) , 110px);--hero-min-h: 480px;--hero-dot-w: clamp(48px, calc(100vw / 15), 128px);--hero-dot-gap: clamp(6px, calc(100vw / 192), 10px);--hero-dot-bottom: 43px;--hero-dot-h: 4px;--hero-dot-radius: 2px;--hero-dot-on: #595959;--hero-dot-off: rgba(89, 89, 89, .34)}}@media screen and (min-width:1280px){.hero-botslab{--hero-gutter: 0px}}@media screen and (min-width:768px){.hero-botslab .banner.media--adapt{padding-block-end:max(var(--ratio-percent, 45.3125%),var(--hero-min-h, 480px))}}.hero-botslab__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;padding-top:var(--hero-top);pointer-events:none}.hero-botslab__words{display:grid;width:100%}.hero-botslab__word{--hero-badge-1-h: var(--hero-badge-1-mob, 64px);--hero-badge-2-h: var(--hero-badge-2-mob, 57px);grid-area:1 / 1;display:flex;align-items:flex-start;justify-content:center;width:100%;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease}.hero-botslab__word[aria-current=true]{opacity:1;visibility:visible}@media screen and (max-width:767px){.hero-botslab__word--light-mob{--hero-fg: #fff;--hero-btn-solid-bg: #fff;--hero-btn-solid-fg: #000}}@media screen and (min-width:768px){.hero-botslab__word--light-pc{--hero-fg: #fff;--hero-btn-solid-bg: #fff;--hero-btn-solid-fg: #222}}.hero-botslab__content{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:var(--hero-container);padding-inline:var(--hero-gutter);margin-bottom:var(--hero-shift);color:var(--hero-fg)}@media screen and (min-width:768px){.hero-botslab__word{--hero-badge-1-h: var(--hero-badge-1-pc, 95px);--hero-badge-2-h: var(--hero-badge-2-pc, 68px)}.hero-botslab__overlay,.hero-botslab__word{align-items:center}.hero-botslab__content{align-items:flex-start;text-align:left}.hero-botslab__subtitle{margin-inline:0}[dir=rtl] .hero-botslab__content{align-items:flex-end}}.hero-botslab__badges{position:absolute;top:100%;right:20px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;max-width:calc(100% - 40px);margin-top:12px}.hero-botslab__badge{display:block;flex:none;width:auto;max-width:100%;height:var(--hero-badge-1-h);object-fit:contain;object-position:left bottom}.hero-botslab__badge--2{height:var(--hero-badge-2-h)}@media screen and (min-width:768px){.hero-botslab__word--light-pc .hero-botslab__badge{filter:brightness(0) invert(1)}}.hero-botslab__text{order:1}.hero-botslab__actions{order:2}@media screen and (min-width:768px){.hero-botslab__badges{top:auto;right:auto;bottom:100%;left:var(--hero-gutter);flex-direction:row;align-items:flex-end;gap:16px;max-width:calc(100% - var(--hero-gutter) * 2);margin-top:0;margin-bottom:10px}}.hero-botslab__title{margin:0;font-size:var(--hero-title-size);line-height:var(--hero-title-line);font-weight:700;letter-spacing:0;color:inherit}.hero-botslab__subtitle{margin:var(--hero-gap-title-sub) auto 0;max-width:var(--hero-sub-max);font-size:var(--hero-sub-size);line-height:var(--hero-sub-line, normal);font-weight:500;color:inherit}.hero-botslab__actions{display:flex;gap:var(--hero-btn-gap);margin-top:var(--hero-gap-sub-btn);pointer-events:auto}.hero-botslab__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:var(--hero-btn-w);height:var(--hero-btn-h);padding:0;border-radius:58px;font-family:inherit;cursor:pointer;font-size:var(--hero-btn-size);font-weight:600;line-height:1;text-transform:capitalize;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.hero-botslab__btn--solid{background:var(--hero-btn-solid-bg, var(--hero-fg));color:var(--hero-btn-solid-fg, #fff);border:1.5px solid var(--hero-btn-solid-bg, var(--hero-fg))}.hero-botslab__btn--outline{background:transparent;color:var(--hero-fg);border:1.5px solid var(--hero-fg)}.hero-botslab__btn--solid:hover,.hero-botslab__btn--solid:focus-visible,.hero-botslab__btn--solid:active{background:var(--hero-btn-hover-bg, #2cd5c4);border-color:var(--hero-btn-hover-bg, #2cd5c4);color:#fff}.hero-botslab__btn--outline:hover,.hero-botslab__btn--outline:focus-visible,.hero-botslab__btn--outline:active{background:var(--hero-fg);border-color:var(--hero-fg);color:var(--hero-btn-solid-fg, #fff)}.hero-botslab__btn-icon{display:block;width:10px;height:11px;flex:none}@media screen and (min-width:768px){.hero-botslab__btn-icon{width:14px;height:15px}}.hero-botslab__dots{position:absolute;left:50%;bottom:var(--hero-dot-bottom);transform:translate(-50%);display:flex;gap:var(--hero-dot-gap);padding:0;margin:0;width:auto;pointer-events:auto;z-index:2}.hero-botslab__dot{flex:none;width:var(--hero-dot-w);height:var(--hero-dot-h);padding:0;border:0;border-radius:var(--hero-dot-radius);background:var(--hero-dot-off);cursor:pointer;transition:background-color .3s ease}.hero-botslab__dot[aria-current=true]{background:var(--hero-dot-on)}.hero-botslab__arrow{display:none}@media screen and (min-width:1440px){.hero-botslab__arrow{position:absolute;top:50%;transform:translateY(-50%);display:block;width:40px;height:40px;padding:0;border:0;background:none;color:var(--hero-arrow-color, #333);opacity:.4;cursor:pointer;pointer-events:auto;z-index:2;transition:opacity .2s ease}.hero-botslab__arrow:hover,.hero-botslab__arrow:focus-visible{opacity:1}.hero-botslab__arrow--prev{left:max(16px,calc(50% - var(--hero-container) / 2 - 128px))}.hero-botslab__arrow--next{right:max(16px,calc(50% - var(--hero-container) / 2 - 128px))}.hero-botslab__arrow svg{display:block;width:40px;height:40px}.hero-botslab__arrow--next svg{transform:rotate(180deg)}}.hero-botslab__lightbox{display:none}.hero-botslab__lightbox:not([hidden]){position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .25s ease}.hero-botslab__lightbox[active]{opacity:1}.hero-botslab__lightbox-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:#000000d1;cursor:pointer}.hero-botslab__lightbox-inner{position:relative;width:min(1120px,100%,138vh)}.hero-botslab__lightbox-frame{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:12px;background:#000}.hero-botslab__lightbox-frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.hero-botslab__lightbox-frame iframe:fullscreen{position:fixed;width:100%;height:100%}.hero-botslab__lightbox-frame iframe:-webkit-full-screen{position:fixed;width:100%;height:100%}.hero-botslab__lightbox-close{position:absolute;inset-block-end:100%;inset-inline-end:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin-block-end:10px;padding:0;border:0;border-radius:50%;background:#ffffff29;color:#fff;cursor:pointer;transition:background-color .2s ease}.hero-botslab__lightbox-close:hover,.hero-botslab__lightbox-close:focus-visible{background:#ffffff52}.hero-botslab__lightbox-close svg{display:block;width:18px;height:18px}@media(prefers-reduced-motion:reduce){.hero-botslab__word,.hero-botslab__dot,.hero-botslab__btn,.hero-botslab__arrow,.hero-botslab__lightbox{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/61/assets/hero-botslab.css.map */