@layer sections{.wc-fyc{overflow:clip}.wc-fyc__inner{display:grid;grid-template-columns:minmax(0,1fr)}.wc-fyc__filters{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4);justify-items:center;margin-bottom:clamp(var(--space-8),5vw,var(--space-12))}.wc-fyc__group{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:var(--space-2);max-width:100%}.wc-fyc__legend{margin-bottom:var(--space-2);font:500 var(--text-eyebrow)/1.2 var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--color-fg-muted);text-align:center}.wc-fyc__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.wc-fyc__chips .wc-chip{cursor:pointer}@media(max-width:639px){.wc-fyc__group{justify-items:stretch;width:100%}.wc-fyc__chips{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--container-pad) * -1);padding:2px var(--container-pad) 4px}.wc-fyc__chips::-webkit-scrollbar{display:none}.wc-fyc__chips .wc-chip{flex:none}}.wc-fyc__cup{width:min(13rem,52vw);margin:0 auto var(--space-8);aspect-ratio:1}.wc-fyc__cup>img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 26px rgba(42,24,16,.22))}.wc-fyc__list{display:grid;gap:var(--space-3);list-style:none;padding:0}@media(min-width:640px)and (max-width:1023px){.wc-fyc__list{grid-template-columns:repeat(2,minmax(0,1fr))}}.wc-fyc__item{transition:opacity .4s ease,scale .6s var(--ease-out),filter .4s ease}.wc-fyc__item.is-dim{opacity:.38;scale:.94;filter:saturate(.35)}.wc-fyc__empty{margin-top:var(--space-6);text-align:center;color:var(--color-fg-muted)}.wc-fyc__cta{display:flex;justify-content:center;margin-top:clamp(var(--space-8),5vw,var(--space-12))}.wc-product-card{background:var(--wc-paper);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:0 20px 60px -20px #2a181040;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--wc-espresso)}.wc-product-card__eyebrow{display:flex;align-items:center;gap:.5rem;font:500 var(--text-eyebrow)/1.2 var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--wc-espresso-72)}.wc-product-card__title{font:600 var(--text-h3)/1.15 var(--font-serif);letter-spacing:-.01em}.wc-fyc__card{position:relative;display:grid;grid-template-columns:4.5rem minmax(0,1fr);align-items:center;gap:var(--space-4);padding:var(--space-4)}.wc-fyc__media{display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);place-items:end center;aspect-ratio:.56;padding-top:6%;border-radius:var(--radius-md);background:color-mix(in srgb,var(--accent) 18%,var(--wc-cream));overflow:hidden}.wc-fyc__img{width:100%;height:100%;object-fit:contain;object-position:center bottom}.wc-fyc__seal{display:grid;place-items:center;width:100%;height:100%;background:color-mix(in srgb,var(--wc-gold) 24%,var(--wc-cream));color:var(--wc-brown)}.wc-fyc__seal .wc-icon{width:1.75rem;height:1.75rem}.wc-fyc__body{display:grid;gap:.3rem;min-width:0}.wc-fyc__link{text-decoration:none}.wc-fyc__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:var(--radius-lg)}.wc-fyc__link:focus-visible{outline:none}.wc-fyc__link:focus-visible:after{outline:2px solid var(--wc-gold-deep);outline-offset:3px}.wc-fyc__profile{font:italic 400 .9375rem/1.3 var(--font-serif);color:var(--wc-espresso-72)}.wc-fyc__buy{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-1)}.wc-fyc__price{font-size:var(--text-xs);color:var(--wc-espresso-72);font-variant-numeric:tabular-nums}.wc-fyc__price [data-fyc-price]{font-weight:600;font-size:var(--text-sm);color:var(--wc-espresso)}.wc-fyc__form{display:grid;justify-items:end}.wc-fyc__form .wc-btn{width:2.5rem;min-height:2.5rem;padding:0;--btn-bg: var(--wc-espresso);--btn-fg: var(--wc-cream);--btn-hover: var(--wc-brown)}.wc-fyc__form .wc-btn .wc-icon{width:1.125rem;height:1.125rem}.wc-fyc__form .wc-form-msg{position:absolute;right:0;top:calc(100% + .5rem);width:14rem;z-index:3}@media(min-width:1024px){.wc-fyc__stage{position:relative;height:clamp(38rem,50vw,46rem);container-type:size}.wc-fyc__cup{position:absolute;left:50%;top:50%;width:clamp(15rem,24cqi,22rem);margin:0;translate:-50% -50%;rotate:calc(var(--mx, 0) * -8deg);transition:rotate .8s var(--ease-out)}.wc-fyc__list{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.wc-fyc__item{--x: 0;--y: 0;--depth: 1;--s: 1;position:absolute;left:50%;top:50%;z-index:3;width:min(17.5rem,26cqi);translate:calc(-50% + var(--x) * 1cqi + var(--mx, 0) * var(--depth) * 26px) calc(-50% + var(--y) * 1cqb + var(--my, 0) * var(--depth) * 26px);scale:var(--s);transition:translate .8s var(--ease-out),scale .6s var(--ease-out),opacity .4s ease,filter .4s ease}.wc-fyc__item[data-slot="0"]{--x: -31;--y: -25;--depth: 1;z-index:6}.wc-fyc__item[data-slot="1"]{--x: 31;--y: -27;--depth: 1;z-index:6}.wc-fyc__item[data-slot="2"]{--x: -37;--y: 5;--depth: .75;z-index:5}.wc-fyc__item[data-slot="3"]{--x: 37;--y: 3;--depth: .75;z-index:5}.wc-fyc__item[data-slot="4"]{--x: -22;--y: 33;--depth: .5;--s: .94;z-index:4}.wc-fyc__item[data-slot="5"]{--x: 22;--y: 34;--depth: .5;--s: .94;z-index:4}.wc-fyc__item.is-dim{scale:calc(var(--s) * .9)}.wc-fyc__empty{position:absolute;left:50%;bottom:0;translate:-50% 0}.wc-fyc__card{transition:box-shadow var(--dur) var(--ease-out)}.wc-fyc__item:hover .wc-fyc__card{box-shadow:0 28px 70px -24px #2a181066}}@media(min-width:1024px)and (prefers-reduced-motion:no-preference){.wc-fyc__card{animation:wc-bob 7s ease-in-out infinite;animation-delay:calc(var(--i, 0) * -1.2s)}}@keyframes wc-bob{50%{transform:translateY(-7px)}}.wc-fyc.is-vt .wc-fyc__item{transition:none}::view-transition-group(*){animation-duration:.6s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-old(root),::view-transition-new(root){animation:none}@media(prefers-reduced-motion:reduce){.wc-fyc__item,.wc-fyc__cup{transition:none}}.wc-fyc__cup-img--default{border-radius:50%;-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 0 97%,transparent 100%);mask-image:radial-gradient(circle at 50% 50%,#000 0 97%,transparent 100%)}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-find-your-cup.css.map */