.noir-card{--noir-card-w: 80%;--noir-card-shadow: drop-shadow(0 18px 16px rgba(0, 0, 0, .22));min-width:0;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;color:var(--noir-ink);font-family:var(--noir-font-text)}.noir-card [hidden]{display:none!important}.noir-card__window{position:relative;width:100%}.noir-card__link{display:block;color:inherit;text-decoration:none}.noir-card .noir-card__arch{--noir-arch: var(--noir-arch-155);--noir-arch-pad: 5px;aspect-ratio:100 / 155}.noir-card__layer{position:absolute;top:0;right:0;bottom:0;left:0;display:block;opacity:0;transition:opacity .45s ease}.noir-card__layer.is-active{opacity:1}.noir-card .noir-card__img{position:absolute;top:58%;left:50%;display:block;width:var(--noir-card-w);height:56%;max-width:none;margin:0;object-fit:contain;transform:translate(-50%,-50%);filter:var(--noir-card-shadow)}.noir-card--multi .noir-card__img{top:52%;height:44%}.noir-card__swatches{position:absolute;left:50%;bottom:22px;z-index:1;display:flex;align-items:flex-end;gap:10px;transform:translate(-50%)}.noir-card__swatch{display:block;width:46px;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:inherit;cursor:pointer;-webkit-appearance:none;appearance:none}.noir-card .noir-card__swatch-arch{--noir-arch: var(--noir-arch-13);--noir-arch-pad: 1px;width:100%;aspect-ratio:100 / 130;background:var(--noir-mist)}.noir-card__swatch[aria-pressed=true] .noir-card__swatch-arch{--noir-arch-pad: 2px;background:var(--noir-black)}.noir-card .noir-card__swatch-arch .noir-arch__in{background:var(--noir-white)}.noir-card .noir-card__swatch-img{position:absolute;top:62%;left:50%;display:block;width:86%;height:auto;max-width:none;margin:0;transform:translate(-50%,-50%)}.noir-card__title{margin:0;padding-top:12px;font-family:var(--noir-font-display);font-size:36px;font-weight:400;font-style:normal;line-height:1.1;letter-spacing:0;text-transform:none}.noir-card__name{position:relative;display:inline-block;padding:max(0px,(44px - 1.1em) / 2) 0;padding:max(0px,(44px - 1lh) / 2) 0;margin:min(0px,(1.1em - 44px) / 2) 0;margin:min(0px,(1lh - 44px) / 2) 0;color:var(--noir-ink);font:inherit;text-decoration:none;transition:color .2s ease}.noir-card__name:hover{color:var(--noir-oxblood)}.noir-card__line{margin:-4px 0 0;color:var(--noir-ink-soft);font-size:18px;line-height:1.35}.noir-card__buy{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;width:100%;padding-top:6px;box-sizing:border-box}.noir-card__price{color:var(--noir-ink);font-size:21px;line-height:1.2;white-space:nowrap}.noir-card__compare{margin-right:8px;color:var(--noir-graphite);font-size:.85em}.noir-card__form{margin:0}.noir-card__add{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:0;padding:13px 26px;box-sizing:border-box;border:0;border-radius:0;box-shadow:none;background:var(--noir-black);color:var(--noir-paper);font-family:var(--noir-font-text);font-size:18px;font-weight:400;line-height:1.2;font-variant-caps:all-small-caps;letter-spacing:.1em;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color .2s ease}.noir-card__add:hover{background:var(--noir-ink);color:var(--noir-paper)}.noir-card__add[aria-disabled=true],.noir-card__add.loading{cursor:progress}.noir-card__add:disabled,.noir-card__add:disabled:hover{background:var(--noir-graphite);color:var(--noir-paper);cursor:not-allowed}.noir-card__error{flex:1 0 100%;margin:0;color:var(--noir-oxblood);font-size:16px;line-height:1.35;text-align:center}@media screen and (max-width:989px){.noir-card{--noir-card-shadow: drop-shadow(0 12px 10px rgba(0, 0, 0, .22))}.noir-card--large{gap:8px}.noir-card--large .noir-card__window{width:300px;max-width:100%}.noir-card--large .noir-card__arch{--noir-arch: var(--noir-arch-145);--noir-arch-pad: 4px;aspect-ratio:100 / 145}.noir-card--large .noir-card__swatches{bottom:18px}.noir-card--large .noir-card__swatch{width:44px}.noir-card--large .noir-card__title{padding-top:8px;font-size:32px}.noir-card--large .noir-card__line{font-size:16px}.noir-card--large .noir-card__buy{width:auto;max-width:100%;gap:16px;padding-top:4px}.noir-card--large .noir-card__price{font-size:19px}.noir-card--large .noir-card__add{padding:12px 24px;font-size:17px}.noir-card--compact{gap:6px}.noir-card--compact .noir-card__arch{--noir-arch-pad: 3px}.noir-card--compact .noir-card__swatches{bottom:10px;gap:6px}.noir-card--compact .noir-card__swatch{position:relative;width:28px}.noir-card--compact .noir-card__swatch:before{content:"";position:absolute;left:-8px;right:-8px;bottom:0;height:44px}.noir-card--compact .noir-card__swatch-arch{z-index:1;width:28px}.noir-card--compact .noir-card__title{padding-top:6px;font-size:23px}.noir-card--compact .noir-card__line{margin-top:0;font-size:14px;line-height:1.35}.noir-card--compact .noir-card__buy{flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:6px;padding-top:0}.noir-card--compact .noir-card__price{font-size:17px;text-align:center;white-space:normal}.noir-card--compact .noir-card__form,.noir-card--compact .noir-card__add{width:100%}.noir-card--compact .noir-card__add{padding:10px;font-size:16px;white-space:normal}}@media(prefers-reduced-motion:reduce){.noir-card__layer,.noir-card__name,.noir-card__add{transition:none}}@media(forced-colors:active){.noir-card__swatch[aria-pressed=true]{outline:2px solid CanvasText;outline-offset:2px}.noir-card__add{border:1px solid ButtonText}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/noir-card.css.map */