.cp-flip{background:var(--cp-f-bg);color:var(--cp-f-fg);padding-block:clamp(3.5rem,7vw,7rem)}.cp-flip__head{display:flex;flex-wrap:wrap;gap:1.75rem;align-items:flex-end;justify-content:space-between;margin-bottom:2rem}.cp-flip__title{font-size:clamp(1.85rem,4vw,3.1rem)}.cp-flip__hint{opacity:.58}.cp-flip__empty{padding-block:4.5rem;display:grid;gap:.9rem}.cp-flip__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(2rem,3vw,3rem) clamp(.75rem,1.75vw,1.75rem);padding-top:clamp(2rem,3.5vw,3.5rem)}@media(min-width:600px){.cp-flip__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:750px){.cp-flip__grid{grid-template-columns:repeat(var(--cp-f-cols),minmax(0,1fr))}}.cp-flip__link{display:block;text-decoration:none;color:inherit}.cp-flip__media{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--cp-cream-2)}.cp-flip__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .45s var(--cp-ease),transform 1.2s var(--cp-ease)}.cp-flip__ph{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--cp-cream-2)}.cp-flip__media.is-dual .cp-flip__img--front{opacity:0}@media(hover:hover){.cp-flip__link:hover .cp-flip__media.is-dual .cp-flip__img--front{opacity:1}.cp-flip__link:hover .cp-flip__media.is-dual .cp-flip__img--back{opacity:0}.cp-flip__link:hover .cp-flip__img{transform:scale(1.04)}}.cp-flip__card.is-flipped .cp-flip__media.is-dual .cp-flip__img--front{opacity:1}.cp-flip__card.is-flipped .cp-flip__media.is-dual .cp-flip__img--back{opacity:0}.cp-flip__link:focus-visible{outline:2px solid currentColor;outline-offset:6px}.cp-flip__link:focus-visible .cp-flip__media.is-dual .cp-flip__img--front{opacity:1}.cp-flip__link:focus-visible .cp-flip__media.is-dual .cp-flip__img--back{opacity:0}.cp-flip__flag{position:absolute;top:0;left:0;background:var(--cp-ink);color:var(--cp-cream);padding:.55rem .8rem;font-size:.5625rem;font-weight:600;text-transform:uppercase;letter-spacing:.22em}.cp-flip__meta{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:.9rem;padding-top:1rem;border-top:1px solid var(--cp-line);margin-top:1rem}.cp-flip__name{font-size:.9375rem;font-weight:500;letter-spacing:-.01em}.cp-flip__price{font-size:.875rem;font-variant-numeric:tabular-nums;opacity:.72}.cp-flip__price s{opacity:.45;margin-right:.45rem}.cp-buy{margin-top:.9rem;display:grid;gap:.6rem}.cp-buy__sizes{display:flex;flex-wrap:wrap;gap:.4rem}.cp-buy__size{-webkit-appearance:none;appearance:none;cursor:pointer;font-family:var(--cp-sans);font-size:.75rem;font-weight:500;letter-spacing:.06em;min-width:2.75rem;min-height:2.75rem;padding:0 .6rem;color:inherit;background:transparent;border:1px solid var(--cp-line);transition:border-color .25s var(--cp-ease),background-color .25s var(--cp-ease),color .25s var(--cp-ease)}.cp-buy__size:hover:not(:disabled){border-color:currentColor}.cp-buy__size[aria-pressed=true]{background:var(--cp-f-fg);color:var(--cp-f-bg);border-color:var(--cp-f-fg)}.cp-buy__size:disabled{opacity:.3;cursor:not-allowed;text-decoration:line-through}.cp-buy__add{-webkit-appearance:none;appearance:none;cursor:pointer;width:100%;min-height:2.9rem;font-family:var(--cp-sans);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--cp-f-bg);background:var(--cp-f-fg);border:1px solid var(--cp-f-fg);transition:opacity .3s var(--cp-ease)}.cp-buy__add:hover{opacity:.82}.cp-buy__add:disabled{cursor:not-allowed;opacity:.55}.cp-buy__add.is-done{background:transparent;color:var(--cp-f-fg)}.cp-buy__note{font-family:var(--cp-sans);font-size:.6875rem;letter-spacing:.04em;min-height:1.1rem;opacity:.72}.cp-buy__note a{color:inherit}.cp-flip__card{opacity:1;transform:none}@keyframes cp-pop-in{0%{opacity:0;transform:translateY(28px) scale(.94)}to{opacity:1;transform:none}}@supports (animation-timeline:view()){@media(prefers-reduced-motion:no-preference){.cp-flip__card{animation:cp-pop-in linear both;animation-timeline:view();animation-range:entry 2% entry 34%}@media(min-width:750px){.cp-flip__card{animation-range:entry calc(2% + var(--cp-i,0) * 5%) entry calc(34% + var(--cp-i,0) * 5%)}}}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/cp-flip.css.map */