.pair-with-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;display:grid;place-items:center;padding:2rem;background:#1414148c;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}.pair-with-popup[open]{opacity:1;visibility:visible}.pair-with-popup__dialog{position:relative;width:min(68rem,100%);max-height:calc(100vh - 4rem);overflow:auto;background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 2rem 6rem #00000040}.pair-with-popup__content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center}.pair-with-popup__media{align-self:stretch;min-height:34rem;background:rgba(var(--color-foreground),.04)}.pair-with-popup__image{display:block;width:100%;height:100%;object-fit:cover}.pair-with-popup__details{padding:5rem 4.5rem}.pair-with-popup__eyebrow{margin:0 0 1rem;font-size:1.2rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.pair-with-popup__title{margin:0 0 1.5rem;font-size:clamp(2.4rem,4vw,3.6rem);line-height:1.1}.pair-with-popup__price{margin:0 0 1.5rem;font-size:1.8rem;font-weight:600}.pair-with-popup__description{margin:0 0 1.5rem;line-height:1.55}.pair-with-popup__close{position:absolute;z-index:1;top:1.2rem;right:1.2rem;display:grid;width:4rem;height:4rem;padding:1rem;place-items:center;border:0;border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer}.pair-with-popup__close svg{width:100%;height:100%}.pair-with-popup__add{min-height:4.8rem}.pair-with-popup__spinner{width:1.8rem;height:1.8rem;margin-left:1rem;border:.2rem solid currentColor;border-right-color:transparent;border-radius:50%;animation:pair-with-spin .7s linear infinite}.pair-with-popup__add.is-loading .pair-with-popup__spinner{display:inline-block}.pair-with-popup__error{margin:1rem 0 0;color:#b3261e;font-size:1.3rem}body.pair-with-popup-open{overflow:hidden}@keyframes pair-with-spin{to{transform:rotate(360deg)}}@media screen and (max-width:749px){.pair-with-popup{padding:1.5rem}.pair-with-popup__content{grid-template-columns:1fr}.pair-with-popup__media{min-height:0}.pair-with-popup__image{height:auto;max-height:42rem;object-fit:contain}.pair-with-popup__details{padding:3rem 2.5rem}}@media(prefers-reduced-motion:reduce){.pair-with-popup{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/131/assets/pair-with-popup.css.map */