.product-components-modal{background:transparent;border:0;height:100%;margin:auto;max-height:100%;max-width:100%;overflow:hidden;padding:16px;width:100%}.product-components-modal::backdrop{background:#000000b8}.product-components-modal[open]{align-items:center;display:flex;justify-content:center}.product-components-modal__panel{background:#fff;border-radius:10px;box-shadow:0 24px 64px #00000047;display:flex;flex-direction:column;max-height:min(84dvh,52rem);max-width:75rem;overflow:hidden;width:100%}.product-components-modal__header{align-items:center;border-bottom:1px solid #d6dce3;display:flex;flex:0 0 auto;justify-content:space-between;min-height:72px;padding:12px 20px 12px 28px}.product-components-modal__header h2{color:#111827;font-size:1.5rem;font-weight:700;line-height:1.2;margin:0}.product-components-modal__close{align-items:center;background:#3d5a80;border:2px solid #3d5a80;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;flex:0 0 auto;height:44px;justify-content:center;padding:11px;transition:background-color .18s ease,border-color .18s ease,color .18s ease;width:44px}.product-components-modal__close svg{display:block;height:100%;width:100%}.product-components-modal__close:hover,.product-components-modal__close:focus-visible{background:#fff;color:#3d5a80}.product-components-modal__close:focus-visible{outline:3px solid rgba(61,90,128,.35);outline-offset:3px}.product-components-modal__scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:28px}.product-components-modal__list{list-style:none;margin:0;padding:0}.product-components-modal__item{height:auto}.product-components-is-open{overflow:hidden}@media(max-width:639px){.product-components-modal{padding:8px}.product-components-modal__panel{max-height:calc(100dvh - 16px)}.product-components-modal__header{min-height:64px;padding:10px 12px 10px 18px}.product-components-modal__header h2{font-size:1.375rem}.product-components-modal__scroll{padding:20px 16px 28px}}@media(prefers-reduced-motion:no-preference){.product-components-modal__panel{animation:product-components-enter .18s ease-out both}@keyframes product-components-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}
/*# sourceMappingURL=/cdn/shop/t/395/assets/product-components-modal.css.map */