.swatch-modal__inner-wrapper{opacity:0;position:fixed;top:0;right:0;bottom:0;left:0;max-height:100%;z-index:1000;transition:opacity var(--transition-large);overflow:auto}@media(min-width:768px){.swatch-modal__inner-wrapper{top:50%;right:unset;bottom:unset;left:50%;width:100vw;max-width:900px;max-height:80vh;transform:translate(-50%,-50%);box-shadow:0 0 12px 2px rgba(0,0,0,0.35)}
}.swatch-modal[open] .swatch-modal__inner-wrapper{opacity:1}.swatch-modal__inner{background:var(--color-white)}.pdp-swatch-modal{--modal-gutters:var(--space-40);display:grid;gap:var(--space-8);--product-image-aspect-ratio:1}.pdp-swatch-modal__title{font:var(--font-sh1);text-transform:var(--font-sh1-text-transform);letter-spacing:var(--font-sh1-letter-spacing);border-bottom:1px solid var(--color-black);padding-bottom:var(--space-24);text-align:center}
.pdp-swatch-modal__copy{margin-block:var(--space-8)}.pdp-swatch-modal__header{padding-inline:var(--modal-gutters);padding-top:var(--space-32);background:var(--color-white);position:sticky;top:0;z-index:10}.pdp-swatch-modal__close{position:absolute;top:24px;right:24px}.pdp-swatch-modal__footer{padding-inline:var(--modal-gutters);padding-bottom:var(--space-32);padding-top:var(--space-24);background:var(--color-grey-1);position:sticky;bottom:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-8);z-index:10}
@media(min-width:768px){.pdp-swatch-modal__footer{background:var(--color-white);padding-top:var(--space-8);align-items:end}}.pdp-swatch-modal__footer-actions{display:flex;flex-direction:column-reverse;align-items:center;gap:var(--space-8)}@media(min-width:768px){.pdp-swatch-modal__footer-actions{align-items:end;flex-direction:row;width:100%}
}.pdp-swatch-modal__checkout{width:100%;margin-left:auto}@media(min-width:768px){.pdp-swatch-modal__checkout{width:auto}}.pdp-swatch-modal__continue-shopping{margin-left:auto}.pdp-swatch-modal__products{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-50)}@media(min-width:768px){.pdp-swatch-modal__products{grid-template-columns:repeat(3,1fr)}
}@media(min-width:1024px){.pdp-swatch-modal__products{grid-template-columns:repeat(4,1fr)}}.pdp-swatch-modal__product-group{padding-inline:var(--modal-gutters);padding-bottom:var(--space-40);margin-bottom:var(--space-24);border-bottom:1px solid var(--color-black)}.pdp-swatch-modal__product-group:last-child{border:0;margin-bottom:0}
.pdp-swatch-modal__product-group-name{font:var(--font-body-bold);text-transform:var(--font-body-bold-text-transform);letter-spacing:var(--font-body-bold-letter-spacing);margin-bottom:var(--space-24)}.pdp-swatch-modal__product{display:flex;flex-direction:column;gap:var(--space-12);min-width:0;position:relative}.pdp-swatch-modal__product-image{width:100%;height:auto;aspect-ratio:var(--product-image-aspect-ratio)}
.pdp-swatch-modal__product-image--blank{background:var(--color-grey-1)}.pdp-swatch-modal__toast{aspect-ratio:var(--product-image-aspect-ratio);position:absolute;top:0;left:0;width:100%;background:var(--color-grey-1);font:var(--font-micro-1);text-transform:var(--font-micro-1-text-transform);letter-spacing:var(--font-micro-1-letter-spacing);z-index:5;text-align:center;display:flex;align-items:center;justify-content:center}
.pdp-swatch-modal__toast--enter{opacity:0}.pdp-swatch-modal__toast--enter-active{opacity:1;transition:opacity 400ms}.pdp-swatch-modal__toast--exit{opacity:1}.pdp-swatch-modal__toast--exit-active{opacity:0;transition:opacity 400ms}.pdp-swatch-modal__product-actions{--button-min-width:0;display:flex;gap:var(--space-8)}
.pdp-swatch-modal__product-actions .button{padding-inline:var(--space-4)}.pdp-swatch-modal__error{color:var(--color-error)}