.sa-modal{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:2147483600;display:flex;align-items:center;justify-content:center;padding:1rem;background:#12100e99}.sa-modal[hidden]{display:none!important}.sa-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}.sa-modal__dialog{--sa-paper: #fbf9f5;--sa-ink: #1a1714;--sa-body: rgba(26, 23, 20, .8);--sa-muted: rgba(26, 23, 20, .62);--sa-line: rgba(26, 23, 20, .12);--sa-serif: var(--font-heading-family, Georgia, "Times New Roman", serif);position:relative;width:100%;max-width:860px;max-height:calc(100vh - 2rem);overflow:auto;-webkit-overflow-scrolling:touch;padding:3rem clamp(1.5rem,4vw,3.5rem) 2.5rem;background:var(--sa-paper);color:var(--sa-ink);border-radius:3px;box-shadow:0 24px 60px #00000040;font-size:14px;line-height:1.45}.sa-modal__dialog:focus{outline:none}.sa-modal__dialog:focus-visible{outline:2px solid var(--sa-ink);outline-offset:-2px}.sa-modal__close{position:absolute;top:.85rem;inset-inline-end:.85rem;z-index:3;width:2.75rem;height:2.75rem;display:inline-flex;align-items:center;justify-content:center;padding:0;background:none;border:0;border-radius:50%;cursor:pointer;color:var(--sa-ink)}.sa-modal__close:hover{background:#0000000f}.sa-modal__close:focus-visible{outline:2px solid var(--sa-ink);outline-offset:2px}.sa-modal__close svg{width:26px;height:26px}.sa-modal__close svg path,.sa-modal__close svg line{stroke-width:2}.sa-modal__eyebrow{margin:0 0 .75rem;text-align:center;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--sa-muted)}.sa-modal__title{margin:0;text-align:center;font-family:var(--sa-serif);font-weight:400;font-size:26px;line-height:1.2;letter-spacing:.14em;text-transform:uppercase;color:var(--sa-ink)}.sa-modal__title:after{content:"";display:block;width:40px;height:1px;margin:.9rem auto 0;background:#1a171459}.sa-modal__intro{max-width:54ch;margin:1.25rem auto 0;text-align:center;color:var(--sa-body)}.sa-modal__items{list-style:none;margin:2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,240px));justify-content:center;gap:1.75rem 1.5rem}.sa-modal__item[hidden]{display:none!important}.sa-modal__link{display:flex;flex-direction:column;gap:.6rem;height:100%;color:inherit;text-decoration:none;border-radius:3px}.sa-modal__link:focus-visible{outline:2px solid var(--sa-ink);outline-offset:4px}.sa-modal__media{display:block;aspect-ratio:3 / 4;max-width:100%;overflow:hidden;background:#efebe4;border-radius:2px}.sa-modal__media img,.sa-modal__media svg{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.sa-modal__link:hover .sa-modal__media img{transform:scale(1.03)}@media(prefers-reduced-motion:reduce){.sa-modal__media img{transition:none}.sa-modal__link:hover .sa-modal__media img{transform:none}}.sa-modal__name{display:block;font-size:14px;font-weight:500;line-height:1.35}.sa-modal__meta{display:flex;flex-wrap:wrap;gap:.35rem .6rem;align-items:baseline;font-size:13px;color:var(--sa-body)}.sa-modal__meta:empty{display:none}.sa-modal__colour[hidden],.sa-modal__other-colour[hidden]{display:none!important}.sa-modal__other-colour{font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:.1rem .4rem;border:1px solid var(--sa-line);border-radius:2px;color:var(--sa-muted)}.sa-modal__price{display:flex;gap:.5rem;align-items:baseline;font-size:14px}.sa-modal__compare{color:var(--sa-muted)}.sa-modal__compare[hidden]{display:none!important}.sa-modal__cta{margin-top:auto;padding-top:.25rem;align-self:flex-start;font-size:12px;letter-spacing:.14em;text-transform:uppercase;text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:1px;color:var(--sa-ink)}.sa-modal__link:hover .sa-modal__cta{text-decoration-thickness:2px}.sa-modal__stay{display:block;margin:2.25rem auto 0;padding:.5rem .25rem;background:none;border:0;cursor:pointer;font:inherit;font-size:12px;letter-spacing:.14em;text-transform:uppercase;text-decoration:underline;text-underline-offset:.3em;color:var(--sa-body)}.sa-modal__stay:hover{color:var(--sa-ink)}.sa-modal__stay:focus-visible{outline:2px solid var(--sa-ink);outline-offset:2px}@media(max-width:640px){.sa-modal{padding:.75rem}.sa-modal__dialog{padding:2.5rem 1.1rem 1.75rem;max-height:calc(100vh - 1.5rem)}.sa-modal__title{font-size:20px;letter-spacing:.12em}.sa-modal__items{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem .9rem;margin-top:1.5rem}.sa-modal__name{font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/132/assets/component-size-alternatives.css.map */