.cd-card{position:relative;display:flex;flex-direction:column;gap:.5rem;box-sizing:border-box;min-inline-size:0;padding:1.25rem;border:1px solid var(--line);border-radius:var(--radius);background-color:var(--white);color:var(--ink)}.cd-card :is(h2,h3,h4,p){margin:0}.cd-card p{color:var(--ink-soft);font-size:.875rem;line-height:1.55}.cd-price{color:var(--ink);font-size:1rem;font-weight:700}.cd-card__media{position:relative;margin:-1.25rem -1.25rem .25rem;aspect-ratio:25 / 11;overflow:hidden;border-radius:calc(var(--radius) - 1px) calc(var(--radius) - 1px) 0 0;background-color:var(--wash)}.cd-card__media :is(img,svg){display:block;inline-size:100%;block-size:100%;object-fit:cover}.cd-card__title{font-size:1.0625rem;font-weight:700;line-height:1.3}.cd-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.cd-card__head>.cd-card__title{flex:1 1 auto;min-inline-size:0}.cd-card__link{position:static;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:start;text-decoration:none;cursor:pointer}.cd-card__link:after,.cd-card__summary:after{content:"";position:absolute;inset:0}.cd-card__link:focus-visible,.cd-card__summary:focus-visible{outline:none}.cd-card:has(.cd-card__link:focus-visible,.cd-card__summary:focus-visible){outline:2px solid currentColor;outline-offset:4px}.cd-card__name{display:inline-block;min-block-size:1.5rem;color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}.cd-card__name:hover{color:var(--lilac-deep);text-decoration-thickness:3px}.cd-card[data-stretch] :is(a,button,input,select,textarea,label,fieldset):not(.cd-card__link){position:relative;z-index:1}.cd-card[data-stretch]{cursor:pointer}@media(hover:hover){.cd-card[data-stretch]:hover{box-shadow:0 6px 16px #16161a1f}}.cd-card[data-stretch]:is(:hover,:has(:focus-visible)) .cd-card__link{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em}@media(hover:hover)and (prefers-reduced-motion:no-preference){.cd-card[data-stretch]{transition:translate .15s,box-shadow .15s}.cd-card[data-stretch]:hover{translate:0 -2px}}.cd-card__swap{position:absolute;inset:0;opacity:0}.cd-card:has(:focus-visible) .cd-card__swap{opacity:1}@media(hover:hover){.cd-card:hover .cd-card__swap{opacity:1}}@media(prefers-reduced-motion:no-preference){.cd-card__swap{transition:opacity .2s}}.cd-card__details{display:grid;gap:.5rem}.cd-card__summary{position:relative;cursor:pointer}.cd-card__summary>.cd-card__title{display:inline}.cd-card__controls{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-block-start:auto;padding-block-start:.5rem}.cd-save{display:inline-grid;flex:none;place-items:center;box-sizing:border-box;inline-size:2.75rem;block-size:2.75rem;padding:0;border:1.5px solid var(--ink);border-radius:50%;background-color:var(--white);color:var(--ink);cursor:pointer}.cd-save svg{inline-size:1.25rem;block-size:1.25rem}.cd-save[aria-pressed=true] svg{fill:var(--lilac);color:var(--lilac)}.cd-stay{display:contents}.cd-art{inline-size:100%;block-size:100%;background:radial-gradient(circle at 30% 35%,hsl(var(--hue) 55% 86%) 0 18%,transparent 19%),linear-gradient(160deg,hsl(var(--hue) 55% 78%),hsl(calc(var(--hue) + 40) 55% 68%))}.cd-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:1rem;margin:0;padding:0;list-style:none}.cd-grid>li{display:grid;min-inline-size:0}.cd-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;padding:0;border:0}.cd-swatches>legend{float:inline-start;margin-inline-end:.5rem;padding:0;color:var(--ink);font-size:.875rem;font-weight:700}.cd-swatch{position:relative;display:inline-grid;place-items:center;inline-size:2.75rem;block-size:2.75rem;cursor:pointer}.cd-swatch>input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.cd-swatch>span[aria-hidden=true]{inline-size:1.5rem;block-size:1.5rem;border:1.5px solid var(--ink);border-radius:50%;background-color:var(--swatch)}.cd-swatch>input:checked+span{outline:2px solid var(--ink);outline-offset:3px}.cd-swatch>input:focus-visible+span{outline:3px solid #1b4fd1;outline-offset:3px}@media(forced-colors:active){.cd-save[aria-pressed=true]{border-width:3px}}