.pcard{--frame: 1.1s;position:relative;display:grid;gap:var(--s-3);color:var(--c-ink);font-family:var(--font-sans)}:where(.pcard) a{color:inherit;text-decoration:none}:where(.pcard) button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.pcard__media{position:relative;aspect-ratio:3 / 4;overflow:hidden;background:var(--c-ivory)}.pcard__link{position:absolute;top:0;right:0;bottom:0;left:0}.pcard__img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;isolation:isolate;background:var(--c-ivory);opacity:0;transition:opacity .45s var(--ease-soft),transform 1.6s var(--ease-soft)}.pcard__img[data-active=true]{z-index:1;opacity:1}.pcard__img img{display:block;width:100%;height:100%;object-fit:cover}.pcard__img[data-flat] img{object-fit:contain;padding:10%;mix-blend-mode:multiply}.pcard[data-hovered=true] .pcard__img[data-active=true]{transform:scale(1.04)}.pcard__bars{position:absolute;z-index:2;top:10px;left:10px;right:54px;display:flex;gap:4px;opacity:0;translate:0 -4px;transition:opacity .42s var(--ease-soft),translate .6s var(--ease-soft);pointer-events:none}.pcard[data-hovered=true] .pcard__bars{opacity:1;translate:0 0}.pcard__bar{position:relative;flex:1;height:2px;overflow:hidden;border-radius:2px;background:#1c1b1924}.pcard__bar[data-state=done]{background:#1c1b1999}.pcard__bar-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--c-ink);transform-origin:left;animation:pcard-fill var(--frame) linear both}@keyframes pcard-fill{0%{transform:scaleX(0)}}.pcard__flag{position:absolute;z-index:2;left:10px;bottom:10px;padding:5px 8px;background:var(--c-bone);color:var(--c-stone);font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.pcard[data-soldout] .pcard__img img{filter:grayscale(.35);opacity:.72}.pcard__heart,.pcard__bag{position:absolute;z-index:3;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fbf9f5d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--c-ink);transition:opacity .42s var(--ease-soft),transform .56s var(--ease-soft),color var(--dur-1)}.pcard__heart{top:6px;right:6px}.pcard__heart[aria-pressed=true]{color:var(--c-rosewood)}.pcard__heart[aria-pressed=true] svg{fill:currentColor;animation:heart-pop .52s var(--ease-soft)}@keyframes heart-pop{30%{transform:scale(1.35)}}.pcard__heart:hover{transform:scale(1.08)}.pcard__bag{right:6px;bottom:6px}.pcard__quick{position:absolute;z-index:3;left:8px;right:8px;bottom:8px;display:grid;gap:8px;padding:10px;background:#f5f1eae6;-webkit-backdrop-filter:blur(12px) saturate(1.3);backdrop-filter:blur(12px) saturate(1.3);opacity:0;transform:translateY(calc(100% + 12px));visibility:hidden;transition:transform .6s var(--ease-soft),opacity .32s var(--ease-soft),visibility 0s linear .6s}.pcard[data-sheet=true] .pcard__quick{opacity:1;transform:none;visibility:visible;transition:transform .6s var(--ease-soft),opacity .32s var(--ease-soft),visibility 0s}.pcard[data-sheet=true] .pcard__bag{opacity:0;pointer-events:none}.pcard__quick-label{margin:0;font-size:10.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--c-stone)}.pcard__quick-label[data-error]{color:var(--c-rosewood)}.pcard__sizes{display:flex;flex-wrap:wrap;gap:6px}.pcard__size{flex:1 0 auto;min-width:38px;height:36px;padding:0 8px;border:1px solid rgb(28 27 25 / .18);background:var(--c-ivory);font-size:12px;font-weight:500;opacity:0;translate:0 8px;transition:background-color .3s var(--ease-soft),color .3s var(--ease-soft),border-color .3s var(--ease-soft),opacity .4s var(--ease-soft),translate .6s var(--ease-soft)}.pcard[data-sheet=true] .pcard__size{opacity:1;translate:0 0;transition-delay:0s,0s,0s,calc(80ms + var(--i, 0) * 35ms),calc(80ms + var(--i, 0) * 35ms)}.pcard__size:not(:disabled):hover,.pcard__size[data-added]{background:var(--c-ink);border-color:var(--c-ink);color:var(--c-ivory)}.pcard__size[data-busy]{opacity:.6;pointer-events:none}.pcard__size:disabled{color:#1c1b194d;background:transparent;text-decoration:line-through;cursor:not-allowed}@media(hover:hover)and (pointer:fine){.pcard__bag{display:none}.pcard__heart:not([aria-pressed=true]){opacity:0;transform:translateY(-4px)}.pcard[data-hovered=true] .pcard__heart,.pcard__heart:focus-visible{opacity:1;transform:none}.pcard[data-hovered=true] .pcard__quick,.pcard__quick:focus-within{opacity:1;transform:none;visibility:visible;transition:transform .6s var(--ease-soft),opacity .32s var(--ease-soft),visibility 0s}.pcard[data-hovered=true] .pcard__size,.pcard__quick:focus-within .pcard__size{opacity:1;translate:0 0;transition-delay:0s,0s,0s,calc(80ms + var(--i, 0) * 35ms),calc(80ms + var(--i, 0) * 35ms)}}.pcard__info{display:grid;gap:4px;justify-items:start}.pcard__title{font:500 var(--fs-body-s) / 1.35 var(--font-display);letter-spacing:-.01em;background:linear-gradient(currentColor,currentColor) 100% 100% / 0 1px no-repeat;transition:background-size .62s var(--ease-soft)}@media(hover:hover){.pcard[data-hovered=true] .pcard__title,.pcard__info:hover .pcard__title{background-position:0 100%;background-size:100% 1px}}.pcard__price{font-size:var(--fs-ui);color:var(--c-stone);font-variant-numeric:tabular-nums}.pcard__compare{margin-right:6px;opacity:.7}@media(min-width:1100px){.pcard__title{font-size:15px}}@media(prefers-reduced-motion:reduce){.pcard__img,.pcard__img[data-active=true],.pcard__quick,.pcard__size{transition:none}.pcard__heart[aria-pressed=true] svg,.pcard__bar-fill{animation:none}}.yushe-fly{position:fixed;z-index:200;object-fit:cover;border-radius:50%;pointer-events:none;box-shadow:0 18px 40px -18px #1c1b1980}@keyframes yushe-bag-bump{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.hdr__bag[data-bump],.dock__bag[data-bump]{animation:yushe-bag-bump .5s var(--ease-soft)}.pcard__role{position:absolute;z-index:2;left:10px;top:10px;padding:5px 8px;background:var(--c-ivory);color:var(--c-ink);font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;pointer-events:none}.pcard__flag,.pcard__role{font-size:11px}.pcard__info{display:block;padding-bottom:4px;min-height:44px}
/*# sourceMappingURL=/cdn/shop/t/5/assets/yushe-cards.css.map */