.film-swatches-module__7yK8_a__layout{grid-template-areas:"intro""stage""fan";gap:2rem;display:grid}.film-swatches-module__7yK8_a__intro{grid-area:intro}.film-swatches-module__7yK8_a__stageArea{grid-area:stage}.film-swatches-module__7yK8_a__fanArea{grid-area:fan}@media (min-width:64rem){.film-swatches-module__7yK8_a__layout{grid-template:"intro stage""fan stage"1fr/minmax(0,26rem) minmax(0,1fr);align-items:start;gap:2.5rem clamp(2.5rem,4.5vw,5.5rem)}}.film-swatches-module__7yK8_a__wipe{animation:.7s cubic-bezier(.77,0,.175,1) both film-swatches-module__7yK8_a__wrap}.film-swatches-module__7yK8_a__squeegee{pointer-events:none;animation:.7s cubic-bezier(.77,0,.175,1) both film-swatches-module__7yK8_a__squeegee;position:absolute;inset:0}.film-swatches-module__7yK8_a__squeegee:after{inset-block:0;content:"";background:#fff5d7;background:lab(96.7217% -.167787 15.5479);width:2px;position:absolute;right:0;box-shadow:0 0 1.25rem .25rem #f4d57680;box-shadow:0 0 1.25rem .25rem lab(86.5073% 2.46224 50.641/.5)}@media (prefers-reduced-motion:reduce){.film-swatches-module__7yK8_a__wipe{animation:.4s ease-out both film-swatches-module__7yK8_a__develop}.film-swatches-module__7yK8_a__squeegee{display:none}}@keyframes film-swatches-module__7yK8_a__wrap{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes film-swatches-module__7yK8_a__squeegee{0%{opacity:0;transform:translate(-100%)}8%{opacity:1}88%{opacity:1}to{opacity:0;transform:translate(0)}}@keyframes film-swatches-module__7yK8_a__develop{0%{opacity:0}}.film-swatches-module__7yK8_a__fan{--card-w:clamp(2.75rem, 11vw, 4rem);--card-h:calc(var(--card-w) * 3.4);--spread:12deg;width:100%;max-width:calc(var(--card-h) * 1.55 + var(--card-w));height:calc(var(--card-h) * 1.12);border:0;margin-inline:auto;padding:0;position:relative}.film-swatches-module__7yK8_a__card{--angle:calc((var(--i) - (var(--n) - 1) / 2) * var(--spread));bottom:0;left:calc(50% - var(--card-w) / 2);width:var(--card-w);height:var(--card-h);border-radius:calc(var(--radius) * .8);cursor:pointer;transform-origin:50% 88%;transition:rotate .52s cubic-bezier(.32, .72, 0, 1) calc(var(--i) * 35ms), transform .2s ease-out, box-shadow .2s ease-out;-webkit-tap-highlight-color:transparent;background:#f0eeea;background:lab(94.2245% .165075 2.28339);position:absolute;transform:translateY(0);box-shadow:0 0 0 1px #0000004d,0 .75rem 1.5rem -.5rem #0000008c;box-shadow:0 0 0 1px lab(0% 0 0/.3),0 .75rem 1.5rem -.5rem lab(0% 0 0/.55)}.film-swatches-module__7yK8_a__fan[data-open] .film-swatches-module__7yK8_a__card{rotate:var(--angle)}.film-swatches-module__7yK8_a__card:after{content:"";background:#a2a4ab;background:lab(67.4691% -.038892 -3.78032);border-radius:50%;width:.4375rem;height:.4375rem;position:absolute;bottom:9%;left:50%;translate:-50%;box-shadow:inset 0 1px 1px #00000073;box-shadow:inset 0 1px 1px lab(0% 0 0/.45)}.film-swatches-module__7yK8_a__chip{background:linear-gradient(115deg, #fff0 30%, #ffffff4d 48%, #fff0 66%), var(--swatch);border-radius:calc(var(--radius) * .5);position:absolute;inset:.25rem .25rem 30%}@supports (color:lab(0% 0 0)){.film-swatches-module__7yK8_a__chip{background:linear-gradient(115deg, lab(100% 0 0/0) 30%, lab(100% 0 0/.3) 48%, lab(100% 0 0/0) 66%), var(--swatch)}}.film-swatches-module__7yK8_a__name{inset-inline:0;color:#1f2228;color:lab(12.9317% .0760704 -4.47503);text-align:center;font-size:.75rem;font-weight:600;line-height:1;display:none;position:absolute;bottom:17%}@media (min-width:40rem){.film-swatches-module__7yK8_a__name{display:block}}.film-swatches-module__7yK8_a__card[data-active]{box-shadow:0 0 0 2px var(--primary), 0 1rem 2rem -.5rem #0009;transform:translateY(-1.25rem)}@supports (color:lab(0% 0 0)){.film-swatches-module__7yK8_a__card[data-active]{box-shadow:0 0 0 2px var(--primary), 0 1rem 2rem -.5rem lab(0% 0 0/.6)}}@media (hover:hover){.film-swatches-module__7yK8_a__card:not([data-active]):hover{transform:translateY(-.5rem)}}.film-swatches-module__7yK8_a__card:has(:focus-visible){outline:2px solid var(--ring);outline-offset:3px}@media (prefers-reduced-motion:reduce){.film-swatches-module__7yK8_a__card{transition:none}}