@layer components{.cake-slider{container:cake-slider / size;position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate;touch-action:pan-y}.cake-slider__viewport{position:absolute;inset:0}.cake-slider__slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden}.cake-slider__slide.is-active{opacity:1;visibility:visible;z-index:1}.cake-slider__image{display:block;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}.cake-slider__progress{position:absolute;z-index:3;left:.9rem;right:.9rem;bottom:.85rem;display:flex;gap:.35rem;pointer-events:none}.cake-slider__segment{position:relative;flex:1;height:3px;overflow:hidden;border-radius:3px;background:#fffdf9c7;box-shadow:0 1px 3px #54343638}.cake-slider__fill{position:absolute;inset:0;border-radius:inherit;background:var(--color-rose-deep);transform:scaleX(0);transform-origin:0 50%}.cake-slider__controls{position:absolute;z-index:3;top:.75rem;right:.75rem;display:flex;align-items:center;padding:0 .2rem;border:1px solid rgb(185 148 87 / .35);border-radius:999px;background:#fffdf9d1;-webkit-backdrop-filter:blur(8px) saturate(1.2);backdrop-filter:blur(8px) saturate(1.2);box-shadow:0 .4rem 1rem -.5rem #54343673;color:var(--color-rose-darker)}.cake-slider__button{position:relative;display:grid;place-items:center;width:2.5rem;height:2.5rem;padding:0;border:0;border-radius:999px;background:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.cake-slider__button:before{content:"";position:absolute;inset:.3rem;border-radius:999px;background:var(--color-blush);opacity:0;transform:scale(.7);transition:opacity var(--duration-fast) var(--ease-soft),transform var(--duration-fast) var(--ease-soft)}.cake-slider__button:hover:before{opacity:1;transform:scale(1)}.cake-slider__button:focus-visible{outline:2px solid var(--color-rose-deep);outline-offset:-3px}.cake-slider__button svg{position:relative;width:.95rem;height:.95rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--duration-fast) var(--ease-soft)}.cake-slider__button[data-prev]:hover svg{transform:translate(-2px)}.cake-slider__button[data-next]:hover svg{transform:translate(2px)}.cake-slider__button--pause{margin-left:.15rem}.cake-slider__button--pause:after{content:"";position:absolute;left:-.1rem;top:.75rem;bottom:.75rem;width:1px;background:#b9945773}.cake-slider__button--pause svg{width:.8rem;height:.8rem}.cake-slider__icon--play{display:none;fill:currentColor!important;stroke-width:1!important}.cake-slider.is-paused-by-user .cake-slider__icon--pause{display:none}.cake-slider.is-paused-by-user .cake-slider__icon--play{display:block}.cake-slider__count{display:inline-flex;align-items:center;min-width:3.1rem;justify-content:center;font-family:var(--font-display);font-variant-numeric:lining-nums tabular-nums;line-height:1}.cake-slider__count [data-current]{font-size:1.05rem;font-weight:600;color:var(--color-rose-darker)}.cake-slider__sep{display:inline-block;width:1px;height:.85rem;margin:0 .45rem;background:var(--color-gold);transform:rotate(20deg);font-size:0}.cake-slider__total{padding-top:.12rem;font-size:.78rem;font-weight:500;color:var(--color-cocoa-soft)}@container cake-slider (max-width: 30rem){.cake-slider__controls{top:.5rem;right:.5rem}.cake-slider__count{display:none}.cake-slider__button{width:2.35rem;height:2.35rem}.cake-slider__progress{left:.7rem;right:.7rem;bottom:.65rem;gap:.25rem}}.cake-slider[data-await-intro] .cake-slider__controls,.cake-slider[data-await-intro] .cake-slider__progress{opacity:0;transform:translateY(-4px);transition:opacity .5s var(--ease-soft),transform .5s var(--ease-soft)}.cake-slider.is-ready .cake-slider__controls,.cake-slider.is-ready .cake-slider__progress{opacity:1;transform:none}.cake-slider.is-static .cake-slider__progress,.cake-slider.is-static .cake-slider__button--pause{display:none}@media(prefers-reduced-motion:reduce){.cake-slider__button:before,.cake-slider__button svg,.cake-slider[data-await-intro] .cake-slider__controls,.cake-slider[data-await-intro] .cake-slider__progress{transition:none}}}