.bt-how__head{max-width:640px}.bt-how__track{display:flex;gap:var(--aloura-space-4);margin-top:var(--aloura-space-6);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--bt-gutter);padding:0 var(--bt-gutter) var(--aloura-space-2);scrollbar-width:none;overscroll-behavior-x:contain;--bt-gutter:max(var(--aloura-space-5), calc((100vw - 1280px) / 2 + var(--aloura-space-5)))}.bt-how__track::-webkit-scrollbar{display:none}.bt-how__track:focus-visible{outline:2px solid var(--aloura-rose-deep);outline-offset:-2px}.bt-how__slide{flex:0 0 min(1000px,76vw);scroll-snap-align:start;margin:0}.bt-how__visual{position:relative;aspect-ratio:16/9;border-radius:var(--aloura-radius-lg);overflow:hidden;background:var(--aloura-paper-alt);display:grid;place-items:center}.bt-how__visual img{width:100%;height:100%;object-fit:cover;display:block}.bt-how__visual .bt-eye{width:min(82%,620px)}.bt-how__slide:not(.is-active) .bt-how__visual{opacity:.55}.bt-how__visual{transition:opacity .3s ease}.bt-how__cap{display:flex;gap:var(--aloura-space-3);align-items:baseline;margin-top:var(--aloura-space-4)}.bt-how__n{font-size:22px;color:var(--aloura-rose-deep)}.bt-how__name{margin:0;font-family:var(--aloura-font-display);font-weight:500;font-size:clamp(28px,3vw,38px);line-height:1.05;color:var(--aloura-ink)}.bt-how__line{margin:6px 0 0;font-family:var(--aloura-font-ui);font-size:16px;line-height:1.5;color:var(--aloura-ink-soft)}.bt-how__controls{display:flex;align-items:center;gap:var(--aloura-space-3);margin-top:var(--aloura-space-5)}.bt-how__segs{display:flex;gap:6px;flex:1;max-width:320px;margin:0 var(--aloura-space-2)}.bt-how__seg{position:relative;flex:1;height:44px;padding:0;border:0;background:transparent;cursor:pointer}.bt-how__seg:before,.bt-how__seg:after{content:"";position:absolute;left:0;right:0;top:50%;height:3px;margin-top:-1.5px;border-radius:3px}.bt-how__seg:before{background:var(--aloura-line)}.bt-how__seg:after{background:var(--aloura-ink);transform-origin:left center;transform:scaleX(0)}.bt-how__seg[data-state=done]:after,.bt-how__seg[aria-current=step]:after{transform:scaleX(1)}.bt-how[data-playing="1"] .bt-how__seg[aria-current=step]:after{transform:scaleX(0);animation:bt-seg var(--bt-dwell,3.2s) linear forwards}@keyframes bt-seg{to{transform:scaleX(1)}}.bt-how__seg:focus-visible{outline:2px solid var(--aloura-rose-deep);outline-offset:-6px;border-radius:6px}.bt-how__pause svg{display:block}@media(max-width:900px){.bt-how__track{--bt-gutter:var(--aloura-space-4)}.bt-how__slide{flex-basis:84vw}.bt-how__visual{aspect-ratio:4/3}.bt-how__controls{flex-wrap:wrap}.bt-how__segs{max-width:none;order:-1;flex:1 0 100%;margin:0}.bt-how__pause{margin-left:auto}}@media(prefers-reduced-motion:reduce){.bt-how__visual{transition:opacity .15s ease}.bt-how[data-playing="1"] .bt-how__seg[aria-current=step]:after{animation:none;transform:scaleX(1)}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/bt-howto.css.map */