.swatch-order-modal{display:block}.swatch-order-modal__inner{position:relative;top:0;display:flex;overflow:hidden;flex-flow:column;height:calc(100% - 64px);background-color:var(--color-main)}.swatch-order-modal .scroll-holder{overflow-y:scroll}@media (min-width: 1028px){.swatch-order-modal .scroll-holder{padding:var(--spacing-10x) 0}}.swatch-order-modal button[type=submit]{position:absolute;z-index:2;right:0;bottom:var(--spacing-10x);left:0;display:flex;align-content:center;align-self:center;justify-content:center;width:fit-content;margin:0 auto;padding:6px 13px;justify-self:center}@media (min-width: 1028px){.swatch-order-modal button[type=submit]{position:absolute;bottom:var(--spacing-10x)}}.swatch-order-modal button[type=submit]:active svg path{fill:var(--color-dark)}.swatch-order-modal button[type=submit] svg{width:28px;height:28px}.swatch-order-modal .text-holder{max-width:640px;margin:0 auto;padding:var(--spacing-3x) var(--spacing-2x)}.swatch-order-modal .text-holder h2{font-family:MrGinto Nord,georgia;font-size:2.2rem;font-weight:700;font-style:normal;line-height:120%;font-feature-settings:"ss06" on}@media (min-width: 768px){.swatch-order-modal .text-holder h2{font-size:3rem;line-height:130%}}.swatch-order-modal .text-holder h2{margin-bottom:var(--spacing-4x);text-align:center}.swatch-order-modal .text-holder p{font-family:Poppins,georgia;font-size:1.4rem;font-weight:400;font-style:normal;line-height:2.24rem;font-feature-settings:"ss06" on}@media (min-width: 768px){.swatch-order-modal .text-holder p{font-size:1.4rem}}.swatch-order-modal .text-holder p{text-align:center}.swatch-order-modal product-form-swatch{display:flex;flex-flow:column;padding:0 var(--spacing-2x)}.swatch-order-modal product-form-swatch form{display:flex;flex-flow:column}.swatch-order-modal product-form-swatch form .variant--slat-width{order:0}.swatch-order-modal product-form-swatch form .variant--slat-width .variant__list{display:flex;align-items:center;flex-flow:row;justify-content:center;margin-bottom:var(--spacing-2x)}.swatch-order-modal product-form-swatch form .variant--color{order:1;padding:0}.swatch-order-modal product-form-swatch form .variant--color .variant__list{display:grid;padding:0 var(--spacing-2x);grid-template-columns:repeat(2,1fr);grid-gap:var(--spacing-2x)}@media (min-width: 768px){.swatch-order-modal product-form-swatch form .variant--color .variant__list{width:100%;max-width:860px;margin:0 auto;grid-template-columns:repeat(4,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/sections-swatch-order-modal.css.map */