.color-select-drawer{position:relative;z-index:2147483099}.color-select-drawer sl-drawer{--size: 85%}@media screen and (min-width: 768px){.color-select-drawer sl-drawer{--size: 656px}}.color-select-drawer sl-drawer::part(panel){background-color:var(--dna-color-sandstone);display:flex;flex-direction:column;height:85%;overflow:auto}@media screen and (min-width: 768px){.color-select-drawer sl-drawer::part(panel){height:100%}}.color-select-drawer sl-drawer::part(title){font-family:Grifo S;font-weight:300;font-size:32px;line-height:var(--dna-space-8);letter-spacing:0px;vertical-align:middle;margin-top:var(--dna-space-8);margin-left:var(--dna-space-4)}@media screen and (min-width: 768px){.color-select-drawer sl-drawer::part(title){margin-bottom:0;margin-left:var(--dna-space-6)}}.color-select-drawer sl-drawer::part(header),.color-select-drawer sl-drawer::part(body),.color-select-drawer sl-drawer::part(footer){flex:none}.color-select-drawer sl-drawer::part(body){overflow:visible}.color-select-drawer sl-drawer::part(close-button){position:fixed}.color-select-drawer sl-drawer::part(close-button__base){font-size:22px;padding:10px;margin-top:var(--dna-space-3);margin-right:var(--dna-space-2);background-color:var(--dna-color-sandstone);border-radius:50%;color:var(--dna-color-midnight)}.color-select-drawer sl-drawer::part(close-button__base):focus-visible{outline:2px solid var(--dna-utility-focus);border-radius:0}
/*# sourceMappingURL=/cdn/shop/t/1087/assets/snippet-color-select-drawer.css.map */