.sp-card{position:relative;display:flex;flex-direction:column}.sp-card__media{position:relative;aspect-ratio:2 / 3;overflow:hidden;border-radius:8px;background:#f3f1ee}.sp-card__imglink{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.sp-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .35s ease}.sp-card__img--hover{opacity:0}@media(hover:hover){.sp-card__media:hover .sp-card__img--hover:not([hidden]){opacity:1}}.sp-card__badge{position:absolute;top:.75rem;left:.75rem;z-index:1;padding:.2rem .55rem .15rem;border-radius:5px;background:var(--sp-plum-soft);color:var(--sp-ink);font-size:.625rem;font-weight:600;letter-spacing:.04em;line-height:1.6;text-transform:uppercase}.sp-card__badge--end{left:auto;right:.75rem;background:var(--sp-night);color:#fff}.sp-card__add{position:absolute;right:.75rem;bottom:.75rem;z-index:2;width:2.75rem;height:2.75rem;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;background:#fff;color:var(--sp-ink);box-shadow:0 1px 4px #00000014;transition:transform .2s ease,background-color .2s ease}.sp-card__add:hover{transform:scale(1.06)}.sp-card__add:focus-visible{outline:2px solid var(--sp-ink);outline-offset:2px}.sp-card__add.is-added{background:var(--sp-night);color:#fff}.sp-card__picker{position:absolute;left:.5rem;right:.5rem;bottom:.5rem;z-index:3;padding:.75rem;border-radius:6px;background:#fffffff7;box-shadow:0 4px 18px #00000014}.sp-card__picker[hidden]{display:none}.sp-card__picker-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.sp-card__picker-title{font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;color:var(--sp-ink-2)}.sp-card__picker-close{border:0;background:none;padding:.25rem;cursor:pointer;color:var(--sp-ink);display:grid}.sp-card__opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(2.6rem,1fr));gap:.4rem}.sp-card__opt{min-height:2.25rem;padding:0 .35rem;border:1px solid var(--sp-rule);border-radius:4px;background:#fff;font-family:var(--font-body--family);font-size:.75rem;color:var(--sp-ink);cursor:pointer}.sp-card__opt:hover:not(:disabled){border-color:var(--sp-ink)}.sp-card__opt:disabled{color:var(--sp-ink-3);text-decoration:line-through;cursor:default;background:#faf8f6}.sp-card__opt[aria-busy=true]{opacity:.5}.sp-card__msg{margin:.5rem 0 0;font-size:.75rem;color:#9b3b36}.sp-card__msg:empty{display:none}.sp-card__swatches{display:flex;align-items:center;gap:.35rem;margin-top:.85rem;min-height:1.75rem}.sp-card__sw{width:1.75rem;height:1.75rem;padding:3.5px;border:0;border-radius:50%;background:none;cursor:pointer;display:grid;place-items:center}.sp-card__sw .swatch{width:100%;height:100%;border-radius:50%;display:block;background:var(--swatch-background);background-size:var(--sp-size, cover);background-position:var(--sp-pos, center);box-shadow:inset 0 0 0 1px #00000014}.sp-card__sw:hover{box-shadow:inset 0 0 0 1px var(--sp-ink-3)}.sp-card__sw[aria-pressed=true],.sp-card__sw[aria-current=true]{box-shadow:inset 0 0 0 1.5px var(--sp-ink)}a.sp-card__sw{text-decoration:none}.sp-card__sw:focus-visible{outline:2px solid var(--sp-ink);outline-offset:0}.sp-card__sw .sp-sw__n{display:none}.sp-card__more{margin-left:.2rem;font-size:.875rem;color:var(--sp-ink);text-decoration:none}.sp-card__more:hover{text-decoration:underline}.sp-card__title{margin:.7rem 0 0;font-family:var(--font-heading--family);font-weight:400;font-size:1.3rem;line-height:1.2;letter-spacing:0}.sp-card__swatches+.sp-card__title{margin-top:.45rem}.sp-card__link{color:var(--sp-ink);text-decoration:none}.sp-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.sp-card__media,.sp-card__swatches{position:relative;z-index:1}.sp-card__link:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.sp-card__sub{margin:.2rem 0 0;font-size:.875rem;color:var(--sp-ink-3)}.sp-card__price{margin:.3rem 0 0;display:flex;gap:.5rem;font-size:.9375rem;color:var(--sp-ink)}.sp-card__was{color:#9b3b36}@media screen and (max-width:749px){.sp-card__title{font-size:1.125rem}.sp-card__sub{font-size:.8125rem}.sp-card__price{font-size:.875rem}.sp-card__add{width:2.4rem;height:2.4rem;right:.5rem;bottom:.5rem}.sp-card__badge{top:.5rem;left:.5rem}.sp-card__badge--end{left:auto;right:.5rem}.sp-card__sw{width:1.5rem;height:1.5rem;padding:3px}}@media(prefers-reduced-motion:reduce){.sp-card__img,.sp-card__add{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/sleepply-cards.css.map */