.ss-reel{padding-top:var(--ss-pt, 64px);padding-bottom:var(--ss-pb, 64px);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}@media screen and (max-width:749px){.ss-reel{padding-top:calc(var(--ss-pt, 64px) * .7);padding-bottom:calc(var(--ss-pb, 64px) * .7)}}.ss-reel__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.ss-reel__title{margin:0;font-size:2.4rem;font-weight:500;letter-spacing:-.01em;line-height:1.2}@media screen and (min-width:750px){.ss-reel__title{font-size:3.2rem}}.ss-reel__note{margin:8px 0 0;font-size:1.3rem;line-height:1.5;color:rgba(var(--color-foreground),.62)}.ss-reel__navs{display:none;gap:8px;flex:0 0 auto}@media screen and (min-width:990px){.ss-reel__navs{display:flex}}.ss-reel__nav{width:40px;height:40px;display:grid;place-items:center;padding:0;border:1px solid rgba(var(--color-foreground),.22);border-radius:50%;background:transparent;color:rgb(var(--color-foreground));cursor:pointer;transition:background-color .15s ease,border-color .15s ease,opacity .15s ease}.ss-reel__nav svg{width:18px;height:18px}.ss-reel__nav:hover:not(:disabled){background:rgba(var(--color-foreground),.06);border-color:rgba(var(--color-foreground),.4)}.ss-reel__nav:disabled{opacity:.3;cursor:default}.ss-reel__rail{--ss-gutter: 1.5rem;--ss-rail-pad: max(var(--ss-gutter), calc((100% - var(--page-width)) / 2 + var(--ss-gutter)));display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-inline:var(--ss-rail-pad);scroll-padding-inline:var(--ss-rail-pad);padding-block:2px}.ss-reel__rail::-webkit-scrollbar{display:none}@media screen and (min-width:990px){.ss-reel__rail{--ss-gutter: 5rem}}.ss-reel__tile{position:relative;flex:0 0 auto;width:clamp(148px,44vw,190px);scroll-snap-align:start;background:#f4f2ef;overflow:hidden}@media screen and (min-width:750px){.ss-reel__tile{width:208px}}.ss-reel__media-wrap{position:relative;display:block;aspect-ratio:9 / 16;overflow:hidden}.ss-reel__media{display:block;width:100%;height:100%;object-fit:cover;background:#f4f2ef;transition:transform .4s ease}@media(hover:hover){.ss-reel__tile:hover .ss-reel__media{transform:scale(1.03)}}@media(prefers-reduced-motion:reduce){.ss-reel__media{transition:none}.ss-reel__tile:hover .ss-reel__media{transform:none}}.ss-reel__scrim{position:absolute;inset:auto 0 0 0;height:46%;background:linear-gradient(to top,#000000b8,#00000047 45%,#0000);pointer-events:none}.ss-reel__link{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;text-decoration:none;color:#fff;z-index:1}.ss-reel__link:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.ss-reel__meta{display:block;width:100%;padding:12px}.ss-reel__name{display:block;font-size:1.3rem;font-weight:600;line-height:1.3;letter-spacing:0;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}.ss-reel__price{display:block;margin-top:2px;font-size:1.25rem;font-weight:500;color:#ffffffeb;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.35)}.ss-reel__price s{margin-left:6px;opacity:.7;font-weight:400}.ss-reel__sound{position:absolute;top:8px;right:8px;z-index:2;width:36px;height:36px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#14141480;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background-color .15s ease}@media(hover:hover)and (min-width:750px){.ss-reel__sound{width:30px;height:30px}}.ss-reel__sound:hover{background:#141414b8}.ss-reel__sound:focus-visible{outline:2px solid #fff;outline-offset:2px}.ss-reel__ico{width:16px;height:16px}.ss-reel__ico--on,.ss-reel__tile.is-loud .ss-reel__ico--off{display:none}.ss-reel__tile.is-loud .ss-reel__ico--on{display:block}.ss-reel__tile.is-loud .ss-reel__sound{background:#4b1d3fe6}.ss-reel__cta{margin-top:28px;text-align:center}
/*# sourceMappingURL=/cdn/shop/t/27/assets/stillsoft-reel.css.map */