.six-hs{--six-hs-h: 32px;--six-hs-h-lh: 1.15;--six-hs-lead: 18px;--six-hs-lead-lh: 1.5;--six-hs-title: 18px;--six-hs-title-lh: 1.4;--six-hs-body: 17px;--six-hs-body-lh: 1.6;--six-hs-small: 14px;--six-hs-small-lh: 1.45;--six-hs-space-1: 8px;--six-hs-space-2: 16px;--six-hs-space-3: 24px;--six-hs-space-4: 40px;--six-hs-space-5: 64px;--six-hs-gutter: 16px;--six-hs-y: 64px;--six-hs-radius-md: 16px;--six-hs-radius-full: 999px;--six-hs-shadow-rgb: 26 26 26;--six-hs-shadow: 0 24px 48px -12px rgb(var(--six-hs-shadow-rgb) / .28), 0 4px 12px -4px rgb(var(--six-hs-shadow-rgb) / .16);--six-hs-ring: color-mix(in srgb, var(--six-hs-accent) 80%, var(--color-background));--six-hs-key: var(--six-hs-key-sm);--six-hs-key-h: calc(var(--six-hs-key) / var(--six-hs-key-ratio, 1));--six-hs-label-h: 0px;--six-hs-fade: .45s;--six-hs-col-gap: 32px;position:relative;padding-block:var(--six-hs-y);background:var(--color-background);color:var(--color-foreground)}.six-hs--has-label{--six-hs-label-h: 34px}@media screen and (min-width:750px){.six-hs{--six-hs-h: 52px;--six-hs-lead: 21px;--six-hs-title: 20px;--six-hs-body: 18px;--six-hs-small: 15px;--six-hs-y: 96px;--six-hs-key: var(--six-hs-key-lg)}}.six-hs__page{width:100%;max-width:var(--page-width);margin-inline:auto;padding-inline:var(--six-hs-gutter)}@media screen and (min-width:750px){.six-hs__page{padding-inline:var(--page-margin)}}.six-hs__heading{margin:0;font-size:var(--six-hs-h);line-height:var(--six-hs-h-lh);font-weight:600;letter-spacing:-.01em;text-transform:none;color:var(--color-foreground-heading);text-wrap:balance}.six-hs__intro{max-width:34em;margin:var(--six-hs-space-2) 0 0;font-size:var(--six-hs-lead);line-height:var(--six-hs-lead-lh);font-weight:400;text-wrap:pretty}.six-hs--key-above .six-hs__header,.six-hs--key-edge .six-hs__header{text-align:center}.six-hs--key-above .six-hs__intro,.six-hs--key-edge .six-hs__intro{margin-inline:auto}@media screen and (min-width:990px){.six-hs--head-side .six-hs__header{display:grid;grid-template-columns:repeat(var(--six-hs-head-columns, 2),minmax(0,1fr));column-gap:var(--six-hs-col-gap);align-items:end;align-items:last baseline;text-align:left}.six-hs--head-side .six-hs__heading{grid-column:1;grid-row:1}.six-hs.six-hs--head-side .six-hs__intro{grid-column:2 / -1;grid-row:1;margin:0}.six-hs--head-side .six-hs__key--above{grid-column:1;grid-row:1;justify-self:start;align-self:end}.six-hs--head-side.six-hs--key-above .six-hs__heading,.six-hs.six-hs--head-side.six-hs--key-above .six-hs__intro{grid-row:2}.six-hs--head-center .six-hs__header{display:block;text-align:center}.six-hs.six-hs--head-center .six-hs__intro{max-width:40em;margin:var(--six-hs-space-2) auto 0}}.six-hs__key{display:inline-flex;flex-direction:column;align-items:center;gap:14px;margin:0 0 var(--six-hs-space-3)}.six-hs__key-img{display:block;width:var(--six-hs-key);height:var(--six-hs-key);border-radius:50%;object-fit:cover;box-shadow:var(--six-hs-shadow)}.six-hs__size{display:flex;align-items:center;gap:10px;width:var(--six-hs-key);font-size:14px;line-height:20px;font-weight:600;color:var(--six-hs-accent);white-space:nowrap}.six-hs__size-line{flex:1;height:9px;background:linear-gradient(var(--six-hs-dot),var(--six-hs-dot)) center / 100% 1px no-repeat}.six-hs__size-line:first-child{border-left:1px solid var(--six-hs-dot)}.six-hs__size-line:last-child{border-right:1px solid var(--six-hs-dot)}.six-hs--key-style-as_uploaded .six-hs__key-img{height:auto;border-radius:0;object-fit:contain;box-shadow:none}.six-hs--key-edge{z-index:2;padding-top:calc(var(--six-hs-key-h) * (.5 + var(--six-hs-key-shift, 0)) + var(--six-hs-label-h) + var(--six-hs-space-3));scroll-margin-top:max(0px,calc(var(--six-hs-key-h) * (.5 - var(--six-hs-key-shift, 0))))}.six-hs__key--edge{position:absolute;top:calc(var(--six-hs-key-h) * (var(--six-hs-key-shift, 0) - .5));left:50%;margin:0;transform:translate(-50%)}.six-hs__inline-key{position:relative;display:inline-block;width:calc(var(--six-hs-inline) * 1em);height:calc(var(--six-hs-inline) / var(--six-hs-key-ratio, 1) * 1em);margin:0 .06em;vertical-align:calc((var(--six-hs-inline) / var(--six-hs-key-ratio, 1) - 1) * -.5em - .17em)}.six-hs__inline-img{position:relative;z-index:1;display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;box-shadow:var(--six-hs-shadow)}.six-hs--key-style-as_uploaded .six-hs__inline-img{border-radius:0;object-fit:contain;box-shadow:none}.six-hs__inline-key:before,.six-hs__inline-key:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;opacity:0;pointer-events:none}.six-hs--motion-rings .six-hs__inline-key:before,.six-hs--motion-rings .six-hs__inline-key:after{border:1.5px solid var(--six-hs-ring);animation:six-hs-ring var(--six-hs-speed) cubic-bezier(.2,.6,.3,1) var(--six-hs-rounds) both paused}.six-hs--motion-rings .six-hs__inline-key:after{animation-delay:calc(var(--six-hs-speed) / 2)}@keyframes six-hs-ring{0%{transform:scale(1);opacity:var(--six-hs-ring-opacity)}to{transform:scale(var(--six-hs-ring-scale));opacity:0}}.six-hs--motion-glow .six-hs__inline-key:before{background:radial-gradient(circle,var(--six-hs-ring) 0%,transparent 70%);animation:six-hs-glow var(--six-hs-speed) ease-in-out var(--six-hs-rounds) paused}@keyframes six-hs-glow{0%,to{transform:scale(var(--six-hs-glow-low));opacity:calc(var(--six-hs-glow-opacity) * .4)}50%{transform:scale(var(--six-hs-glow-high));opacity:var(--six-hs-glow-opacity)}}.six-hs.is-animating .six-hs__inline-key:before,.six-hs.is-animating .six-hs__inline-key:after{animation-play-state:running}.six-hs__hint{display:none}.six-hs__track{display:flex;gap:var(--six-hs-space-2);margin:var(--six-hs-space-4) calc(var(--six-hs-gutter) * -1) 0;padding:0 var(--six-hs-gutter);list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--six-hs-gutter);scrollbar-width:none}.six-hs__track::-webkit-scrollbar{display:none}.six-hs__track:focus-visible{outline:2px solid var(--six-hs-accent);outline-offset:4px}.six-hs__item{flex:0 0 82%;min-width:0;margin:0;scroll-snap-align:start;scroll-snap-stop:always}@media screen and (min-width:750px){.six-hs__track{display:grid;grid-template-columns:repeat(var(--six-hs-columns),minmax(0,1fr));gap:var(--six-hs-col-gap);margin:var(--six-hs-space-5) 0 0;padding:0;overflow:visible;scroll-snap-type:none}.six-hs--four{--six-hs-col-gap: var(--six-hs-space-3)}}.six-hs__media{position:relative;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--six-hs-radius-md);background:var(--six-hs-surface);isolation:isolate}.six-hs__video,.six-hs__still{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.six-hs__still{z-index:1;transition:opacity var(--six-hs-fade) ease}.six-hs__media.is-playing .six-hs__still{opacity:0}.six-hs__still--phone{display:none}@media screen and (max-width:749.98px){.six-hs__still--phone{display:block}.six-hs__media--phone-still .six-hs__still--desktop,html.js .six-hs__media--video-first .six-hs__still--desktop{display:none}html.js .six-hs--fallback .six-hs__media--video-first .six-hs__still--desktop{display:block}}@media screen and (max-width:749.98px)and (prefers-reduced-motion:reduce){html.js .six-hs__media--video-first .six-hs__still--desktop{display:block}}.six-hs__video::-webkit-media-controls,.six-hs__video::-webkit-media-controls-start-playback-button{display:none;-webkit-appearance:none}.six-hs__duration,.six-hs__progress{display:none}@media screen and (min-width:750px)and (hover:hover)and (pointer:fine){.six-hs__hint{display:block;margin:var(--six-hs-space-5) 0 0;font-size:var(--six-hs-small);line-height:var(--six-hs-small-lh);font-weight:600;color:var(--six-hs-accent)}.six-hs__hint+.six-hs__track{margin-top:var(--six-hs-space-2)}.six-hs__media[role=button]{cursor:pointer}.six-hs__media[role=button]:focus-visible{outline:2px solid var(--six-hs-accent);outline-offset:4px}.six-hs__duration{position:absolute;top:12px;left:12px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:4px 9px 4px 8px;border-radius:var(--six-hs-radius-full);background:var(--color-background);color:var(--color-foreground);font-size:14px;line-height:20px;font-weight:600;font-variant-numeric:tabular-nums;pointer-events:none;transition:opacity .3s ease}.six-hs__duration svg{width:9px;height:9px;fill:currentColor}.six-hs__media.is-playing .six-hs__duration{opacity:0}.six-hs__progress{position:absolute;right:0;bottom:0;left:0;z-index:2;display:block;height:3px;overflow:hidden;background:rgb(var(--color-foreground-rgb) / .08);pointer-events:none}.six-hs__progress-fill{display:block;height:100%;background:var(--color-foreground);transform:scaleX(0);transform-origin:left}}.six-hs__head{display:flex;align-items:center;gap:12px;margin:var(--six-hs-space-3) 0 0}.six-hs__number{flex:0 0 auto;display:grid;place-items:center;width:28px;height:28px;border-radius:var(--six-hs-radius-full);background:var(--six-hs-surface);color:var(--six-hs-accent);font-size:14px;line-height:1;font-weight:700}.six-hs__title{margin:0;font-size:var(--six-hs-title);line-height:var(--six-hs-title-lh);font-weight:600;letter-spacing:0;text-transform:none;color:var(--color-foreground-heading)}.six-hs__text{margin:var(--six-hs-space-1) 0 0;font-size:var(--six-hs-body);line-height:var(--six-hs-body-lh);font-weight:400}.six-hs__dots{display:flex;justify-content:center;gap:0;margin:var(--six-hs-space-2) 0 0}.six-hs__dot{display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;background:none;cursor:pointer}.six-hs__dot:before{content:"";width:8px;height:8px;border-radius:var(--six-hs-radius-full);background:var(--six-hs-dot);transition:width .3s ease,background-color .3s ease}.six-hs__dot[aria-current=true]{width:40px}.six-hs__dot[aria-current=true]:before{width:24px;background:var(--six-hs-accent)}.six-hs__dot:focus-visible{outline:2px solid var(--six-hs-accent);outline-offset:0;border-radius:var(--six-hs-radius-full)}@media screen and (min-width:750px){.six-hs__dots{display:none}}.six-hs__foot{display:flex;flex-direction:column;margin:var(--six-hs-space-4) 0 0}@media screen and (min-width:750px){.six-hs__foot{align-items:center;margin-top:var(--six-hs-space-5)}}@media(prefers-reduced-motion:reduce){.six-hs--motion-rings .six-hs__inline-key:before,.six-hs--motion-rings .six-hs__inline-key:after,.six-hs--motion-glow .six-hs__inline-key:before{animation:none}.six-hs__video{display:none}.six-hs__media.is-playing .six-hs__still{opacity:1}.six-hs__still,.six-hs__dot:before{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/six-home-steps.css.map */