.tw-flow{display:flex;flex-direction:column;gap:24px}.tw-flow__intro{display:flex;flex-direction:column;gap:10px}.tw-flow__eyebrow{margin:0;font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--tw-flow-accent, #c6014b)}.tw-flow__heading{margin:0}.tw-flow__lead{margin:0;opacity:.75}.tw-flow__panels{--tw-flow-ease: cubic-bezier(.22, .61, .36, 1);container-type:inline-size;display:flex;gap:var(--tw-flow-gap, 3px);height:var(--tw-flow-h, 480px);overflow:hidden;border-radius:var(--tw-flow-r, 24px);background:var(--tw-flow-line, #fff)}.tw-flow__panel{position:relative;display:flex;flex:1 1 0;flex-direction:column;justify-content:flex-end;min-width:0;overflow:hidden;background:var(--tw-flow-panel, #8f1840);color:#fff;transition:flex-grow var(--tw-flow-speed, .45s) var(--tw-flow-ease)}.tw-flow__panel.is-open{flex-grow:var(--tw-flow-open, 4)}.tw-flow__img{position:absolute;top:0;left:50%;width:calc((100cqw - (var(--tw-flow-n, 5) - 1) * var(--tw-flow-gap, 3px)) * var(--tw-flow-open, 4) / (var(--tw-flow-open, 4) + var(--tw-flow-n, 5) - 1));max-width:none;height:100%;object-fit:cover;transform:translate(-50%)}.tw-flow__video{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#000}.tw-flow__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgb(0 0 0 / var(--tw-flow-shade, .45)) 0%,rgb(0 0 0 / calc(var(--tw-flow-shade, .45) * .35)) 55%,transparent 100%)}.tw-flow__num{position:absolute;z-index:1;top:22px;left:28px;display:inline-flex;align-items:center;font-size:4rem;font-weight:300;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--tw-flow-num, #fff);text-shadow:0 1px 14px rgb(0 0 0 / .3);transition:font-size var(--tw-flow-speed, .45s) var(--tw-flow-ease)}.tw-flow__num svg{width:1em;height:1em}.tw-flow__num--icon{font-size:2.5rem}.tw-flow__content{z-index:1;display:flex;flex-direction:column;gap:10px;padding:28px}.tw-flow__title{margin:0;font-size:1.75rem;font-weight:600;line-height:1.2;color:inherit}.tw-flow__trigger{display:block;width:100%;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:start;cursor:pointer}.tw-flow__trigger:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.tw-flow__panel.is-open .tw-flow__trigger:after{display:none}.tw-flow__trigger:focus-visible{outline:none}.tw-flow__panel:has(.tw-flow__trigger:focus-visible){outline:3px solid var(--tw-flow-accent, #c6014b);outline-offset:-3px}.tw-flow__body{max-width:46ch;transition:opacity .3s ease .15s}.tw-flow__panel.is-open .tw-flow__content{animation:tw-flow-in-open calc(var(--tw-flow-speed, .45s) + .1s) ease .12s both}.tw-flow__panel:not(.is-open) .tw-flow__content{animation:tw-flow-in-closed calc(var(--tw-flow-speed, .45s) + .1s) ease .12s both}@keyframes tw-flow-in-open{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes tw-flow-in-closed{0%{opacity:0}to{opacity:1}}.tw-flow__text{margin:0;font-size:1rem;line-height:1.5}.tw-flow__play{position:relative;z-index:4;display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:11px 20px;border:0;border-radius:999px;background:#fff;color:#111;font:inherit;font-weight:600;cursor:pointer}.tw-flow__play svg{color:var(--tw-flow-accent, #c6014b)}.tw-flow__play[hidden]{display:none}.tw-flow__panel.is-playing .tw-flow__content,.tw-flow__panel.is-playing .tw-flow__num{opacity:0;pointer-events:none}.tw-flow__panel.is-playing .tw-flow__shade{display:none}.tw-flow__panel:not(.is-open) .tw-flow__body{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;opacity:0}@media(min-width:750px){.tw-flow__panel:not(.is-open) .tw-flow__num{left:0;right:0;justify-content:center;top:20px;font-size:1.5rem;font-weight:400}.tw-flow__panel:not(.is-open) .tw-flow__num--icon{font-size:1.5rem}.tw-flow__panel:not(.is-open) .tw-flow__content{align-items:center;padding:22px 8px}.tw-flow__panel:not(.is-open) .tw-flow__trigger{width:auto}.tw-flow__panel:not(.is-open) .tw-flow__title{font-size:1.0625rem;font-weight:600}.tw-flow__panel:not(.is-open) .tw-flow__label{display:block;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}}@media(max-width:749px){.tw-flow__panels{flex-direction:column;height:auto}.tw-flow__img{top:50%;left:0;width:100%;height:var(--tw-flow-hm, 380px);min-height:100%;transform:translateY(-50%)}.tw-flow__panel{flex:none;justify-content:flex-end;height:76px;min-height:76px;transition:min-height var(--tw-flow-speed, .45s) var(--tw-flow-ease)}.tw-flow__panel.is-open{height:auto;min-height:var(--tw-flow-hm, 380px)}.tw-flow__content{padding:20px}.tw-flow__title{font-size:1.5rem}.tw-flow__num{top:18px;left:20px;font-size:3.25rem}.tw-flow__panel:not(.is-open) .tw-flow__num{top:50%;transform:translateY(-50%);font-size:1.5rem;font-weight:400}.tw-flow__panel:not(.is-open) .tw-flow__num--icon{font-size:1.5rem}.tw-flow__panel:not(.is-open) .tw-flow__content{justify-content:center;height:76px;padding:0 16px 0 64px}.tw-flow__panel:not(.is-open) .tw-flow__title{font-size:1.125rem}}@media(prefers-reduced-motion:reduce){.tw-flow__panel,.tw-flow__body,.tw-flow__num{transition:none}.tw-flow__panel .tw-flow__content{animation:none}}[data-tw-set~=hs] .tw-flow__title{font-size:var(--tw-hs)}[data-tw-set~=hl] .tw-flow__title{line-height:var(--tw-hl)}[data-tw-set~=hw] .tw-flow__title{font-weight:var(--tw-hw)}[data-tw-set~=ts] .tw-flow__text{font-size:var(--tw-ts)}[data-tw-set~=tl] .tw-flow__text{line-height:var(--tw-tl)}[data-tw-set~=tw] .tw-flow__text{font-weight:var(--tw-tw)}.tw-flow__band{position:relative;display:flex;align-items:flex-end;height:var(--tw-flow-vh, 320px);overflow:hidden;border-radius:var(--tw-flow-r, 24px);background:var(--tw-flow-panel, #8f1840);color:#fff;transition:height var(--tw-flow-speed, .45s) var(--tw-flow-ease, ease)}.tw-flow__bandimg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;max-width:none;height:100%;object-fit:cover}.tw-flow__vcontent{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px;max-width:46ch;padding:28px}.tw-flow__play--big{position:absolute;z-index:2;top:50%;left:50%;justify-content:center;width:76px;height:76px;margin:0;padding:0;transform:translate(-50%,-50%);border-radius:50%;background:none;color:#fff;filter:drop-shadow(0 6px 18px rgb(0 0 0 / .3));transition:transform .2s ease}.tw-flow__play--big svg{width:100%;height:100%;color:inherit}.tw-flow__band:hover .tw-flow__play--big{transform:translate(-50%,-50%) scale(1.06)}.tw-flow__band.is-playing .tw-flow__vcontent,.tw-flow__band.is-playing .tw-flow__bandimg{opacity:0;pointer-events:none}.tw-flow__band.is-playing .tw-flow__shade{display:none}@media(max-width:749px){.tw-flow__band{height:var(--tw-flow-vhm, 220px)}.tw-flow__vcontent{padding:20px}.tw-flow__play--big{width:64px;height:64px}}@media(prefers-reduced-motion:reduce){.tw-flow__band{transition:none}}.tw-flow__dialog{width:min(92vw,1100px);max-width:none;max-height:92vh;margin:auto;padding:0;overflow:visible;border:0;border-radius:var(--tw-flow-r, 24px);background:#000;color:#fff}.tw-flow__dialog::backdrop{background:#000000c7}.tw-flow__dialog[open]{animation:tw-flow-pop .25s ease both}@keyframes tw-flow-pop{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.tw-flow__dialog-body{aspect-ratio:var(--tw-flow-ratio, 1.7778);max-height:92vh;overflow:hidden;border-radius:var(--tw-flow-r, 24px);background:#000}.tw-flow__dialog-body video,.tw-flow__dialog-body iframe{display:block;width:100%;max-width:none;height:100%;border:0}.tw-flow__close{position:absolute;z-index:2;top:-14px;right:-14px;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:#fff;color:#111;box-shadow:0 4px 14px #00000059;cursor:pointer}.tw-flow__close:hover{background:#f2f2f2}.tw-flow__close:focus-visible{outline:3px solid var(--tw-flow-accent, #c6014b);outline-offset:2px}@media(max-width:749px){.tw-flow__dialog{width:96vw}.tw-flow__close{top:-12px;right:-6px}}@media(prefers-reduced-motion:reduce){.tw-flow__dialog[open]{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/tw-how-it-works.css.map */