.delivery-area-control{margin-block:1rem;max-width:100%;min-width:0}.area-open{display:flex;align-items:center;gap:.6rem;max-width:100%;text-align:start;white-space:normal;overflow-wrap:anywhere;min-height:48px}.area-open span{flex:1}.area-dialog{width:min(38rem,calc(100% - 1.25rem));max-height:85dvh;border:0;border-radius:1.25rem;padding:1rem;color:inherit;background:var(--bs-body-bg,#fff);box-shadow:0 12px 60px #122e2840}.area-dialog[open]{display:flex;flex-direction:column;gap:.8rem}.area-dialog::backdrop{background:#102b2566}.area-dialog header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.area-dialog h2{font-size:1.2rem;margin:0}.area-options{overflow-y:auto;overscroll-behavior:contain;min-height:5rem}.area-option{display:flex;gap:.8rem;align-items:center;min-height:60px;padding:.85rem .4rem;border-bottom:1px solid #e7eeea;cursor:pointer;overflow-wrap:anywhere}.area-option[hidden]{display:none}.area-option input{accent-color:var(--bs-primary,#146b49);width:20px;height:20px;flex-shrink:0}.area-option:has(input:checked){background:#e8f3ee}.order-deadline{padding:.55rem .75rem;border-radius:.6rem;background:#e8f3ee;color:#164e39;font-size:.9rem;margin-block:.6rem;overflow-wrap:anywhere}.order-deadline.is-urgent{background:#fff0dc;color:#7a4900}.order-deadline.is-overdue{background:#fff0dc;color:#7a4900}.coverage-list{max-height:26rem;overflow-y:auto}.coverage-list label{display:flex;gap:.7rem;padding:.65rem;min-height:48px;align-items:center;overflow-wrap:anywhere}.coverage-list label[hidden]{display:none}.push-prepermission{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.65rem .8rem;border-radius:.75rem;background:#eef5f1;font-size:.85rem}.push-prepermission[hidden]{display:none}.push-prepermission p{margin:0}.push-prepermission .push-copy{flex:1;min-width:10rem}.push-prepermission .btn{font-size:.8rem}
@media(max-width:575px){.area-dialog{margin: auto auto 0;width:100%;max-width:100%;max-height:88dvh;border-radius:1.25rem 1.25rem 0 0;padding-bottom:max(1rem,env(safe-area-inset-bottom))}}
[data-area-custom-control] .area-dialog>[data-area-search]{flex-shrink:0;min-height:48px;font-size:1rem}.area-custom-use{min-height:48px;white-space:normal;overflow-wrap:anywhere}.area-dialog>[data-area-custom-option]{flex-shrink:0}.area-dialog [data-area-custom-option][hidden],.area-dialog [data-area-custom-error][hidden]{display:none}