.area-selector-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;visibility:hidden;opacity:0;transition:opacity .2s ease,visibility .2s ease}.area-selector-modal.is-open{visibility:visible;opacity:1}.area-selector-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.area-selector-modal__panel{position:relative;z-index:1;width:min(440px,calc(100vw - 3.2rem));max-height:min(600px,calc(100vh - 6rem));overflow-y:auto;margin:10vh auto 0;background-color:rgb(var(--color-background, 255,255,255));color:rgb(var(--color-foreground, 0,0,0));border-radius:var(--medium-blocks-radius, 12px);padding:2.4rem;box-shadow:0 1.2rem 4rem #0003;transform:translateY(1rem);transition:transform .2s ease}.area-selector-modal.is-open .area-selector-modal__panel{transform:translateY(0)}.area-selector-modal__close-btn{position:absolute;top:1.2rem;inset-inline-end:1.2rem;background:none;border:none;cursor:pointer;color:inherit;padding:.6rem;line-height:0}.area-selector-modal__close-btn:focus-visible{outline:.2rem solid rgb(var(--color-foreground, 0,0,0));outline-offset:.2rem}.area-selector-modal__title{margin:0 2.4rem .75rem 0}.area-selector-modal__subtitle{margin:0 0 2rem;line-height:1.4}.area-selector-modal__field{display:flex;flex-direction:column;gap:1.2rem}.area-selector-modal__select{width:100%;-webkit-appearance:none;appearance:none;font:inherit;font-size:1.5rem;padding:1.2rem 3.6rem 1.2rem 1.6rem;border:.1rem solid rgba(var(--color-border, 229,229,229),1);border-radius:var(--medium-blocks-radius, 8px);background-color:rgb(var(--color-background, 255,255,255));color:rgb(var(--color-foreground, 0,0,0));cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,rgb(var(--color-foreground, 0,0,0)) 50%),linear-gradient(135deg,rgb(var(--color-foreground, 0,0,0)) 50%,transparent 50%);background-position:calc(100% - 2.1rem) center,calc(100% - 1.6rem) center;background-size:.5rem .5rem,.5rem .5rem;background-repeat:no-repeat}.area-selector-modal__select:focus-visible{outline:.2rem solid rgb(var(--color-foreground, 0,0,0));outline-offset:.2rem}.area-selector-modal__confirm-btn{width:100%}.area-selector-modal__empty{margin:0}body.area-selector-modal-open{overflow:hidden}@media(max-width:480px){.area-selector-modal__panel{max-height:calc(100vh - 4rem)}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/area-selector.css.map */