.resty-light-clips{--clips-ink: var(--resty-black, #090909);--clips-paper: var(--resty-white, #ffffff);--clips-text: var(--clips-ink);--clips-text-soft: rgb(9 9 9 / .82);--clips-text-dim: rgb(9 9 9 / .62);--clips-small: rgb(9 9 9 / .7);--clips-track: rgb(123 137 135 / .4);--clips-fill: var(--clips-ink);--clips-line: rgb(123 137 135 / .55);--clips-ring: var(--clips-ink);--clips-hairline: rgb(123 137 135 / .4);--clips-space: var(--section-vertical-spacing-override, var(--section-vertical-spacing, 56px));--clips-fade: .24s;border-top:1px solid var(--clips-hairline)}.resty-light-clips[data-calm]{--clips-fade: 0s}.resty-light-clips__band{background:var(--clips-paper);color:var(--clips-text)}.resty-light-clips__layout{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"head head" "steps media";column-gap:48px;align-items:start}.resty-light-clips__head{grid-area:head;max-width:760px;margin-bottom:40px}.resty-light-clips__media{grid-area:media;min-width:0}.resty-light-clips .resty-light-clips__eyebrow{margin:0;font-size:.75rem;font-weight:600;line-height:1.5;letter-spacing:.08em}.resty-light-clips .resty-light-clips__heading{margin:12px 0 0;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;line-height:1.15;letter-spacing:-.035em;color:var(--clips-text);text-wrap:balance}.resty-light-clips .resty-light-clips__nowrap{display:inline-block;max-width:100%}.resty-light-clips__stage{position:relative;display:grid}.resty-light-clips .resty-light-clips__video{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;background:var(--clips-ink)}.resty-light-clips[data-state] .resty-light-clips__stage{display:block;aspect-ratio:16 / 9;overflow:hidden;background:var(--clips-ink)}.resty-light-clips[data-state] .resty-light-clips__video{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;opacity:0;visibility:hidden;transition:opacity var(--clips-fade) ease,visibility 0s linear var(--clips-fade)}.resty-light-clips[data-state] .resty-light-clips__video.is-leaving{z-index:1;opacity:1;visibility:visible;transition:none}.resty-light-clips[data-state] .resty-light-clips__video.is-current{z-index:2;opacity:1;visibility:visible;transition:opacity var(--clips-fade) ease,visibility 0s}.resty-light-clips[data-state] .resty-light-clips__stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:var(--clips-still, none) center / cover no-repeat;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--clips-fade) ease,visibility 0s linear var(--clips-fade)}.resty-light-clips[data-state] .resty-light-clips__stage.is-still:after{opacity:1;visibility:visible;transition:none}.resty-light-clips .resty-light-clips__poster-label{display:none}.resty-light-clips:not([data-state]) .resty-light-clips__poster-label{display:block;margin:8px 0 20px;font-size:.8125rem;line-height:1.5;color:var(--clips-text-soft)}.resty-light-clips:not([data-state]) .resty-light-clips__poster-label:last-child{margin-bottom:0}.resty-light-clips .resty-light-clips__poster-label .resty-light-clips__number{margin-inline-end:8px}.resty-light-clips .resty-light-clips__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px}.resty-light-clips .resty-light-clips__media-label{margin:0;font-size:.75rem;font-weight:600;line-height:1.5;letter-spacing:.08em;color:var(--clips-small)}.resty-light-clips .resty-light-clips__button{display:inline-grid;flex:none;place-items:center;width:44px;height:44px;margin:0;padding:0;border:1px solid var(--clips-line);border-radius:0;background:transparent;color:var(--clips-text);cursor:pointer}.resty-light-clips .resty-light-clips__button:hover{border-color:var(--clips-text)}.resty-light-clips .resty-light-clips__button svg{display:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.resty-light-clips .resty-light-clips__button[data-clip-icon=pause] .resty-light-clips__icon-pause,.resty-light-clips .resty-light-clips__button[data-clip-icon=play] .resty-light-clips__icon-play,.resty-light-clips .resty-light-clips__button[data-clip-icon=replay] .resty-light-clips__icon-replay{display:block}.resty-light-clips:not([data-state]) .resty-light-clips__button{display:none}.resty-light-clips .resty-light-clips__steps{grid-area:steps;display:grid;gap:4px;min-width:0;margin:0;padding:0;list-style:none}.resty-light-clips .resty-light-clips__step{position:relative;margin:0;padding:0 0 10px 20px;color:var(--clips-text-dim)}.resty-light-clips .resty-light-clips__step[aria-current=step],.resty-light-clips:not([data-state]) .resty-light-clips__step{color:var(--clips-text)}.resty-light-clips .resty-light-clips__rail{position:absolute;inset-block:0;inset-inline-start:0;width:2px;overflow:hidden;background:var(--clips-track)}.resty-light-clips .resty-light-clips__fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--clips-fill);transform:scaleY(var(--clips-progress, 0));transform-origin:50% 0}.resty-light-clips .resty-light-clips__step-button{display:grid;grid-template-columns:32px minmax(0,1fr);align-content:center;align-items:baseline;width:100%;min-height:44px;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-align:start;cursor:pointer}.resty-light-clips .resty-light-clips__step-button:hover{color:var(--clips-text)}.resty-light-clips .resty-light-clips__number{font-size:.75rem;font-weight:600;line-height:1;letter-spacing:.08em;color:var(--clips-small);font-variant-numeric:tabular-nums}.resty-light-clips .resty-light-clips__step-title{font-size:1.125rem;font-weight:600;line-height:1.4}.resty-light-clips .resty-light-clips__step-body{padding-inline-start:32px}.resty-light-clips .resty-light-clips__step-text{margin:0;font-size:.9375rem;line-height:1.6;color:var(--clips-text-dim);text-wrap:pretty}.resty-light-clips .resty-light-clips__step[aria-current=step] .resty-light-clips__step-text,.resty-light-clips:not([data-state]) .resty-light-clips__step-text{color:var(--clips-text-soft)}.resty-light-clips .resty-light-clips__step-source{margin:8px 0 0;font-size:.75rem;line-height:1.5;color:var(--clips-small)}.resty-light-clips .resty-light-clips__button:focus-visible,.resty-light-clips .resty-light-clips__step-button:focus-visible,.resty-light-clips .resty-light-clips__cards:focus-visible{outline:2px solid var(--clips-ring);outline-offset:2px}.resty-light-clips :is(.resty-light-clips__button,.resty-light-clips__step-button){scroll-margin-block:192px 112px}.resty-light-clips__studies{margin-block-start:var(--clips-space);color:var(--clips-ink)}.resty-light-clips__studies>.container{padding-block-start:var(--clips-space);border-top:1px solid var(--clips-hairline)}.resty-light-clips__studies-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 24px;margin-bottom:24px}.resty-light-clips .resty-light-clips__studies-heading{margin:0;font-size:1.5rem;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--clips-ink);text-wrap:balance}.resty-light-clips .resty-light-clips__checked{margin:0;font-size:.75rem;line-height:1.5;color:var(--clips-small)}.resty-light-clips .resty-light-clips__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.resty-light-clips .resty-light-clips__card{min-width:0;margin:0;padding:32px;border:1px solid var(--clips-hairline);background:var(--clips-paper)}.resty-light-clips .resty-light-clips__card-kicker{margin:0;font-size:.75rem;font-weight:600;line-height:1.5;letter-spacing:.08em;color:var(--clips-small)}.resty-light-clips .resty-light-clips__card-figure{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;column-gap:12px;margin:16px 0 0}.resty-light-clips .resty-light-clips__card-number{font-size:2.5rem;font-weight:500;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.resty-light-clips .resty-light-clips__card-unit{font-size:1rem;line-height:1.5;color:var(--clips-text-soft);text-wrap:pretty}.resty-light-clips .resty-light-clips__card-text{max-width:36em;margin:16px 0 0;font-size:1rem;line-height:1.6;text-wrap:pretty}.resty-light-clips .resty-light-clips__card-facts{display:grid;grid-template-columns:fit-content(40%) minmax(0,1fr);margin:20px 0 0;font-size:.8125rem;line-height:1.5}.resty-light-clips .resty-light-clips__card-facts dt,.resty-light-clips .resty-light-clips__card-facts dd{margin:0;padding:8px 0;border-top:1px solid rgb(123 137 135 / .3)}.resty-light-clips .resty-light-clips__card-facts dt{padding-inline-end:20px;color:var(--clips-small)}@media(prefers-reduced-motion:reduce){.resty-light-clips{--clips-fade: 0s}}@media screen and (max-width:1279px){.resty-light-clips[data-state]:not([data-calm]) .resty-light-clips__steps{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto;gap:12px 10px}.resty-light-clips[data-state]:not([data-calm]) .resty-light-clips__step{display:grid;grid-column:1 / -1;grid-row:1 / -1;grid-template-columns:subgrid;grid-template-rows:subgrid;padding:0;pointer-events:none}.resty-light-clips[data-state]:not([data-calm]) .resty-light-clips__step-button{position:relative;display:flex;grid-row:1;align-items:baseline;gap:5px;padding-top:12px;pointer-events:auto}.resty-light-clips[data-state]:not([data-calm]) .resty-light-clips__step:nth-child(1) .resty-light-clips__step-button{grid-column:1}.resty-light-clips[data-state]:not([data-calm]) .resty-light-clips__step:nth-child(2) .resty-light-clips__step-button{grid-column:2}.resty-light-clips[data-state]:not([data-calm]) .resty-light-clips__step:nth-child(3) .resty-light-clips__step-button{grid-column:3}.resty-light-clips[data-state]:not([data-calm]) .resty-light-clips__number{flex:none}.resty-light-clips[data-state]:not([data-calm]) .resty-light-clips__step-title{flex:1 1 auto;min-width:0;font-size:.875rem;line-height:1.35;text-wrap:balance}.resty-light-clips[data-state]:not([data-calm]) .resty-light-clips__rail{inset:0 0 auto;width:auto;height:2px}.resty-light-clips[data-state]:not([data-calm]) .resty-light-clips__fill{transform:scaleX(var(--clips-progress, 0));transform-origin:0 50%}.resty-light-clips[data-state]:not([data-calm]) .resty-light-clips__step-body{grid-column:1 / -1;grid-row:2;max-width:38em;padding:0;opacity:0;pointer-events:none;transition:opacity var(--clips-fade) ease}.resty-light-clips[data-state]:not([data-calm]) .resty-light-clips__step[aria-current=step] .resty-light-clips__step-body{opacity:1;pointer-events:auto}}@media screen and (max-width:999px){.resty-light-clips__layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "media" "steps"}.resty-light-clips__head{margin-bottom:20px}.resty-light-clips .resty-light-clips__steps{margin-top:8px}}@media screen and (max-width:699px){.resty-light-clips .resty-light-clips__studies-heading{font-size:1.25rem}.resty-light-clips .resty-light-clips__cards{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc(100% - 1.5rem);gap:12px;margin-inline:calc(-1 * var(--container-gutter, 20px));padding-inline:var(--container-gutter, 20px);overflow-x:auto;overscroll-behavior-x:contain;scroll-padding-inline:var(--container-gutter, 20px);scroll-snap-type:x mandatory;scrollbar-width:none}.resty-light-clips .resty-light-clips__cards::-webkit-scrollbar{display:none}.resty-light-clips .resty-light-clips__card{padding:20px;scroll-snap-align:start}.resty-light-clips .resty-light-clips__card-number{font-size:2rem}.resty-light-clips .resty-light-clips__card-text{font-size:.9375rem}.resty-light-clips .resty-light-clips__card-facts dt{padding-inline-end:14px}}@media screen and (max-width:379px){.resty-light-clips .resty-light-clips__card{padding:16px}.resty-light-clips[data-state]:not([data-calm]) .resty-light-clips__steps{column-gap:6px}.resty-light-clips[data-state]:not([data-calm]) .resty-light-clips__step-button{gap:4px}.resty-light-clips[data-state]:not([data-calm]) .resty-light-clips__number{letter-spacing:0}.resty-light-clips[data-state]:not([data-calm]) .resty-light-clips__step-title{font-size:.8125rem}}@media(forced-colors:active){.resty-light-clips .resty-light-clips__step .resty-light-clips__fill{border:1px solid}.resty-light-clips .resty-light-clips__step[aria-current=step] .resty-light-clips__step-title{text-decoration:underline}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/resty-light-clips.css.map */
