.monogram-placement-modal{position:fixed;inset:0;z-index:var(--z-index-popups)}.monogram-placement-modal__wrapper{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-large)}.monogram-placement-modal[open] .monogram-placement-modal__wrapper{opacity:1}
.monogram-placement-modal__panel{width:100%;height:100%;background:var(--color-white);overflow:hidden auto;overscroll-behavior:contain}@media(min-width:1024px){.monogram-placement-modal__panel{width:895px;height:auto;max-width:calc(100% - var(--gutter) * 2);max-height:calc(100% - var(--gutter) * 2)}}.monogram-placement{--monogram-placement-padding-inline:var(--gutter);position:relative;display:flex;flex-direction:column}
@media(min-width:1024px){.monogram-placement{--monogram-placement-padding-inline:var(--space-80)}}.monogram-placement__close{position:absolute;top:var(--space-14);right:var(--space-14);display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--color-grey-8)}@media(min-width:1024px){.monogram-placement__close{top:var(--space-30);right:var(--space-70)}
}.monogram-placement__close svg{display:block;width:24px;height:24px}.monogram-placement__header{display:flex;flex-direction:column;gap:var(--space-40);padding:var(--space-40) var(--monogram-placement-padding-inline)}@media(min-width:1024px){.monogram-placement__header{padding-block:var(--space-80) var(--space-40)}
}@media(min-height:400px){.monogram-placement__header{position:sticky;top:0;z-index:1;background:var(--color-white)}}.monogram-placement__intro{display:flex;flex-direction:column;gap:var(--space-24);text-align:center}.monogram-placement__title{margin:0}.monogram-placement__copy{color:var(--color-grey-7)}.monogram-placement__select-wrapper{display:block}
@media(min-width:1024px){.monogram-placement__select-wrapper{display:none}}.monogram-placement__select{padding:var(--space-12) var(--space-40) var(--space-12) var(--space-12);background-position:right var(--space-12) center;color:var(--color-black)}.monogram-placement__tabs{display:none}@media(min-width:1024px){.monogram-placement__tabs{display:flex;gap:var(--space-40);justify-content:safe center;width:auto;margin-inline:calc(var(--monogram-placement-padding-inline) * -1);padding-inline:var(--monogram-placement-padding-inline);scroll-padding-inline:var(--monogram-placement-padding-inline)}
}.monogram-placement__tab{flex-shrink:0;padding-inline:var(--space-50)}.monogram-placement__tab[aria-selected=true]{border-color:var(--color-grey-8)}.monogram-placement__panels{padding-inline:var(--monogram-placement-padding-inline);padding-block-end:var(--space-40)}@media(min-width:1024px){.monogram-placement__panels{padding-block-end:var(--space-80)}
}