.swatch-popup{width:100%;min-height:var(--viewport-height, 100%);max-height:var(--viewport-height, 100%);background-color:#fcfaf5;display:flex;flex-direction:column}@media screen and (min-width: 1024px){.swatch-popup{border:1px solid;max-width:50vw;min-height:unset;max-height:unset;padding:24px;height:calc(214px + (50vw - 24px) / 2 * 2 / 3)}}.swatch-popup__open{text-decoration:underline;display:block;margin-top:16px;line-height:1;cursor:pointer;font-size:1.2rem}.swatch-popup__overlay{width:100%;min-height:100%;max-height:100%;background-color:#fcfaf5e6;position:fixed;top:0;left:0;z-index:10001;display:flex;cursor:pointer}@media screen and (min-width: 1024px){.swatch-popup__overlay{align-items:center;justify-content:center}}.swatch-popup__header{padding:var(--responsive-spacer-lg);display:flex;justify-content:flex-end;align-items:center;padding-bottom:0;background-color:#fcfaf5}@media screen and (max-width: 1024px){.swatch-popup__header .icon-close{width:16px;height:16px}}@media screen and (min-width: 1024px){.swatch-popup__header{padding:0}}.swatch-popup__close{cursor:pointer;display:flex;align-items:center}.swatch-popup__container{display:flex;flex-direction:column;height:100%}@media screen and (min-width: 1024px){.swatch-popup__container{flex-direction:row;-moz-column-gap:24px;column-gap:24px}}.swatch-popup__desktop-image{display:none}.swatch-popup__desktop-image img{aspect-ratio:3/2}@media screen and (min-width: 1024px){.swatch-popup__desktop-image{display:flex}}.swatch-popup__content{display:flex;flex-direction:column;row-gap:24px;padding:var(--responsive-spacer-lg);flex-grow:1;overflow-y:auto}@media screen and (min-width: 1024px){.swatch-popup__content{padding:0;margin-top:40px}}.swatch-popup__title{font-size:14px;line-height:1;text-transform:uppercase}.swatch-popup__material{font-size:16px;line-height:1;margin:0}@media screen and (min-width: 1024px){.swatch-popup__material{display:none}}.swatch-popup__desktop-material{display:none}@media screen and (min-width: 1024px){.swatch-popup__desktop-material{display:block}}.swatch-popup__desktop-material .swatch-popup__material{display:block}.swatch-popup__image{aspect-ratio:3/2}@media screen and (min-width: 1024px){.swatch-popup__image{display:none}}.swatch-popup__description p{font-size:1.2rem;line-height:1.6rem}.swatch-popup__description .metafield-rich_text_field>*:first-child{margin-top:0}.swatch-popup__description .metafield-rich_text_field>*:last-child{margin-bottom:0}.swatch-popup__table{font-size:1.2rem;line-height:1.6rem;border-top:1px solid #dcd9c9;border-spacing:0}.swatch-popup__table tr{height:48px}.swatch-popup__table td{padding:0;min-height:2rem;border-bottom:1px solid #dcd9c9}.swatch-popup__table td:first-child{border-right:1px solid #dcd9c9;padding-right:12px}.swatch-popup__table td:last-child{padding-left:12px}.swatch-popup__request{background-color:#dcd9c9;padding:24px var(--responsive-spacer-lg);display:flex;align-items:center}.swatch-popup__request p{margin:0;font-size:1.2rem;line-height:1.6rem}.swatch-popup__request a{color:currentColor}@media screen and (min-width: 1024px){.swatch-popup__request{padding:24px}}@media screen and (min-width: 1024px){.swatch-popup__request-container{display:flex;flex-direction:column;justify-content:space-between;row-gap:24px;order:-1;flex-basis:50%}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-swatch-popup.css.map */