of-featured-carousel{display:block;position:relative;container-type:inline-size;--of-featured-card-width: calc((100cqw - 42px) / 4.5)}.of-featured-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 42px) / 4.5);gap:8px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.of-featured-track::-webkit-scrollbar{display:none}.of-featured-track:focus-visible{outline:2px solid var(--of-copper);outline-offset:5px}.of-featured-card{min-width:0;scroll-snap-align:start}.of-featured-link{display:block;position:relative;text-decoration:none;overflow:hidden}.of-featured-image{overflow:hidden;aspect-ratio:3 / 4}.of-featured-image img{width:100%;height:100%;object-fit:cover;transition:filter .5s ease,transform .7s ease}.of-featured-meta{display:flex;flex-direction:column;gap:.6rem;padding:1rem 0;font:400 .85rem/1.45 var(--of-sans)}.of-featured-price{font-size:.8rem}.of-featured-controls{position:absolute;z-index:2;inset-inline:10px;top:calc(var(--of-featured-card-width) * 2 / 3);transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none}.of-featured-controls button{position:relative;isolation:isolate;display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none;color:#272727;cursor:pointer;font-size:1.5rem;line-height:1;text-shadow:0 1px 6px rgb(255 253 247 / 75%),0 2px 3px rgb(0 0 0 / 16%);pointer-events:auto}.of-featured-controls button:before{content:"";position:absolute;z-index:-1;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;background:radial-gradient(circle,rgb(247 244 237 / 82%) 0%,rgb(247 244 237 / 55%) 35%,rgb(247 244 237 / 15%) 65%,transparent 75%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);mask-image:radial-gradient(circle,#000 25%,transparent 74%);-webkit-mask-image:radial-gradient(circle,#000 25%,transparent 74%);pointer-events:none}.of-featured-controls button:disabled{opacity:.25;cursor:default}.of-featured-controls button:focus-visible,.of-featured-link:focus-visible{outline:2px solid var(--of-copper);outline-offset:-3px}@media(hover:hover)and (pointer:fine)and (min-width:750px){.of-home--collection .of-featured-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgb(0 0 0 / 88%) 0%,rgb(0 0 0 / 48%) 35%,transparent 80%);opacity:0;transition:opacity .5s ease;pointer-events:none}.of-home--collection .of-featured-meta{position:absolute;z-index:1;inset:auto 0 0;color:#fffdf7;padding:1.6rem;opacity:0;transform:translateY(1.2rem);transition:opacity .5s ease,transform .5s ease;pointer-events:none}.of-home--collection .of-featured-link:is(:hover,:focus-visible):after,.of-home--collection .of-featured-link:is(:hover,:focus-visible) .of-featured-meta{opacity:1}.of-home--collection .of-featured-link:is(:hover,:focus-visible) .of-featured-meta{transform:translateY(0)}.of-home--collection .of-featured-link:is(:hover,:focus-visible) img{filter:blur(2px);transform:scale(1.025)}}@media(max-width:749px){.of-featured-track{grid-auto-columns:76%;gap:12px}of-featured-carousel{--of-featured-card-width: 76cqw }.of-featured-meta{font-size:.85rem}}@media(prefers-reduced-motion:reduce){.of-featured-link:after,.of-featured-meta,.of-featured-image img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/origin-featured-carousel.css.map */
