.pcard{transition-property:box-shadow,border-color;transition-duration:var(--dur-3);transition-timing-function:var(--ease-out)}.pcard:hover,.pcard:focus-within{box-shadow:var(--shadow-pop)}.pcard__media{position:relative;display:block;isolation:isolate}.pcard__box{--media-pad: 1.5rem;background-color:transparent}.pcard__box .media__img{transition:transform var(--dur-4) var(--ease-out);will-change:transform}.pcard:hover .pcard__box .media__img,.pcard:focus-within .pcard__box .media__img{transform:scale(1.05)}.pcard__alt{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:0;pointer-events:none;transition:opacity var(--dur-3) var(--ease-out)}.pcard__alt .pcard__box{height:100%;aspect-ratio:auto}.pcard:hover .pcard__alt,.pcard:focus-within .pcard__alt{opacity:1}.pcard__body{gap:.75rem;padding:1.25rem}@media(min-width:640px){.pcard__body{padding:1.25rem}}.pcard__chips{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem}.pcard__title{margin:0;font-family:var(--font-display);font-size:1.25rem;font-weight:800;letter-spacing:-.02em;line-height:1.15;text-wrap:balance}.pcard__link{color:inherit;text-decoration:none;transition:color var(--dur-1) var(--ease-out)}.pcard__link:hover{color:var(--blue)}.pcard__vendor{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.08em;line-height:1.4;text-transform:uppercase;color:var(--slate)}.pcard__excerpt{margin:0;font-size:.875rem;line-height:1.6;color:var(--slate)}.pcard__foot{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.75rem;margin-top:auto;padding-top:.5rem}.pcard__actions{display:flex;align-items:center;gap:.5rem;margin-inline-start:auto}.pcard__quick,.pcard__form{display:flex}.pcard__add:active{transform:translateY(2px);box-shadow:none}.pcard__view:active{transform:translateY(2px)}.pcard.is-adding .pcard__add{pointer-events:none;opacity:.65}.price{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;color:var(--ink)}.price__row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem}.price__from{font-family:var(--font-display);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--slate)}.price__current{font-family:var(--font-mono);font-size:1.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums}.price__compare{font-family:var(--font-mono);font-size:.875rem;font-weight:500;color:var(--slate);text-decoration-line:line-through;text-decoration-thickness:2px;text-underline-offset:2px}.price__save{align-self:flex-start}.price__unit{font-family:var(--font-mono);font-size:.72rem;font-weight:600;color:var(--slate)}.price__sold{align-self:flex-start}.price--sold-out .price__current{color:var(--slate)}.price--card .price__current{font-size:1.5rem}.price--sm .price__current{font-size:1.05rem}.price--sm .price__compare{font-size:.78rem}.price--lg .price__current{font-size:clamp(1.9rem,4.4vw,2.4rem)}.price--lg .price__compare{font-size:1.05rem}.price--inline{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:.625rem}.qty{display:inline-flex;align-items:center;gap:.125rem;padding:.25rem;border:var(--bw) solid var(--ink);border-radius:var(--r-pill);background-color:var(--white);color:var(--ink);transition:transform var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out)}.qty:focus-within{transform:translateY(-2px);box-shadow:var(--shadow-pop-sm)}.qty__btn{display:grid;place-items:center;flex:none;width:2.25rem;height:2.25rem;padding:0;border:0;border-radius:var(--r-pill);background-color:transparent;color:inherit;cursor:pointer;transition:background-color var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-out)}.qty__btn:hover{background-color:var(--blue-soft)}.qty__btn:active{transform:translateY(1px)}.qty__btn[disabled],.qty__btn[aria-disabled=true]{opacity:.4;cursor:not-allowed}.qty__input{width:2.75rem;min-height:2.25rem;padding:0;border:0;background-color:transparent;color:inherit;font-family:var(--font-mono);font-size:1.05rem;font-weight:800;line-height:1;text-align:center;font-variant-numeric:tabular-nums;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.qty__input::-webkit-outer-spin-button,.qty__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty__input:focus,.qty__input:focus-visible{outline:none}.qty--sm .qty__btn{width:1.875rem;height:1.875rem}.qty--sm .qty__input{width:2.25rem;min-height:1.875rem;font-size:.95rem}.inv{display:inline-flex;align-items:center;gap:.5rem;margin:0;font-size:.82rem;font-weight:600;line-height:1.4;color:var(--slate)}.inv__dot{position:relative;flex:none;width:.5rem;height:.5rem;border-radius:var(--r-pill);background-color:var(--slate)}.inv__count{font-family:var(--font-mono);font-size:.78rem;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.inv--in{color:var(--slate)}.inv--in .inv__dot{background-color:var(--lime-deep)}.inv--low{color:var(--ink);font-weight:700}.inv--low .inv__dot{background-color:var(--coral)}.inv--low .inv__dot:after{content:"";position:absolute;top:-.25rem;right:-.25rem;bottom:-.25rem;left:-.25rem;border-radius:var(--r-pill);background-color:#ff6b8a73;background-color:color-mix(in srgb,var(--coral) 45%,transparent);animation:pulse-ring 2.8s ease-out infinite;pointer-events:none}.inv--out .inv__dot{background-color:var(--line);border:var(--bw-thin) solid var(--slate)}.ccard{position:relative;display:block;overflow:hidden;border:var(--bw) solid var(--ink);border-radius:var(--r-card);background-color:var(--white);color:var(--fixed-white);text-decoration:none;box-shadow:var(--shadow-pop-sm);transition-property:transform,box-shadow;transition-duration:var(--dur-2);transition-timing-function:var(--ease-out)}.ccard:hover{transform:translateY(-6px);box-shadow:var(--shadow-pop)}.ccard:active{transform:translateY(3px);box-shadow:none}.ccard__media{display:block}.ccard__box{background-color:var(--paper-2)}.ccard__box .media__img{transition:transform var(--dur-4) var(--ease-out);will-change:transform}.ccard:hover .ccard__box .media__img{transform:scale(1.06)}.ccard__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(180deg,#080d1f00 28%,#080d1f2e 52%,#080d1fdb);pointer-events:none}.ccard__body{position:absolute;inset-inline:0;bottom:0;display:flex;flex-direction:column;gap:.5rem;padding:1.25rem 4.25rem 1.25rem 1.25rem}.ccard__head{display:flex;flex-wrap:wrap;align-items:center;gap:.625rem}.ccard__title{font-family:var(--font-display);font-size:1.25rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;text-wrap:balance}.ccard__count{padding:.05rem .5rem;border:var(--bw-thin) solid rgba(255,255,255,.55);border-radius:var(--r-pill);font-family:var(--font-mono);font-size:.7rem;font-weight:700;line-height:1.6;font-variant-numeric:tabular-nums}.ccard__excerpt{font-size:.85rem;line-height:1.5;color:#ffffffd6}.ccard__arrow{position:absolute;right:1.25rem;bottom:1.25rem;display:grid;place-items:center;width:2.5rem;height:2.5rem;border:var(--bw) solid var(--fixed-ink);border-radius:var(--r-pill);background-color:var(--fixed-white);color:var(--fixed-ink);transition:transform var(--dur-2) var(--ease-out),background-color var(--dur-2) var(--ease-out)}.ccard:hover .ccard__arrow,.ccard:focus-visible .ccard__arrow{transform:translate(5px);background-color:var(--lime)}.ccard--tile .ccard__body{gap:.375rem;padding:1rem 3.5rem 1rem 1rem}.ccard--tile .ccard__title{font-size:1rem}.ccard--tile .ccard__arrow{right:1rem;bottom:1rem;width:2rem;height:2rem}@media(min-width:640px){.ccard--wide .ccard__body{gap:.625rem;padding:1.75rem 5.5rem 1.75rem 1.75rem}.ccard--wide .ccard__title{font-size:1.6rem}.ccard--wide .ccard__arrow{right:1.75rem;bottom:1.75rem;width:3rem;height:3rem}.ccard--tall .ccard__title{font-size:1.4rem}}.acard__media{background-image:linear-gradient(135deg,var(--lilac-soft) 0%,var(--white) 55%,var(--blue-soft) 100%)}.acard__box{background-color:var(--paper-2)}.acard__body{gap:.625rem}.acard__tags{display:flex;flex-wrap:wrap;gap:.375rem}.acard__title{margin:0;font-family:var(--font-display);font-size:1.125rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;text-wrap:balance}@media(min-width:640px){.acard__title{font-size:1.25rem}}.acard__link{color:inherit;text-decoration:none;transition:color var(--dur-1) var(--ease-out)}.acard__link:hover{color:var(--blue)}.acard__excerpt{margin:0;font-size:.875rem;line-height:1.6;color:var(--slate)}.acard__foot{margin-top:auto;padding-top:.625rem;border-top:var(--bw-thin) solid var(--line)}.ameta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.78rem;line-height:1.4;color:var(--slate)}.ameta__author{display:inline-flex;align-items:center;gap:.5rem}.ameta__avatar{display:grid;place-items:center;flex:none;width:1.75rem;height:1.75rem;border:var(--bw) solid var(--ink);border-radius:var(--r-pill);background-color:var(--blue-soft);color:var(--ink);font-family:var(--font-display);font-size:.78rem;font-weight:800;line-height:1}.ameta__name{font-weight:600;color:var(--ink)}.ameta__by{font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;color:var(--slate)}.ameta__sep{flex:none;width:.25rem;height:.25rem;border-radius:var(--r-pill);background-color:var(--line)}.ameta__date{font-family:var(--font-mono);font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums}.ameta__read{font-size:.75rem;font-weight:600}.ameta__read .mono{font-weight:700}.band--ink .ameta__avatar{background-color:#0b5cff59;background-color:color-mix(in srgb,var(--fixed-blue) 35%,transparent)}@media(prefers-reduced-motion:reduce){.pcard,.pcard__alt,.pcard__box .media__img,.pcard__link,.qty,.qty__btn,.ccard,.ccard__box .media__img,.ccard__arrow,.acard__link{transition-duration:.001ms!important}.pcard:hover .pcard__box .media__img,.pcard:focus-within .pcard__box .media__img,.ccard:hover .ccard__box .media__img{transform:none}.ccard:hover,.ccard:active,.qty:focus-within,.pcard__add:active,.pcard__view:active,.qty__btn:active{transform:none}.ccard:hover .ccard__arrow,.ccard:focus-visible .ccard__arrow{transform:none}.inv--low .inv__dot:after{animation:none;opacity:.5}}html.no-anim .pcard:hover .pcard__box .media__img,html.no-anim .pcard:focus-within .pcard__box .media__img,html.no-anim .ccard:hover .ccard__box .media__img{transform:none}html.no-anim .inv--low .inv__dot:after{animation:none;opacity:.5}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-card.css.map */