.zone-card.zone-form-card{background:var(--white);border-radius:var(--sp-12);width:379px;height:auto;min-height:432px}@media (max-width:767px){.zone-card.zone-form-card{width:100%}}.zone-form-card__header{justify-content:space-between;align-items:center;display:flex}.zone-form-card__number{background:var(--primary-dark);width:28px;height:28px;font-family:Inter Display,Inter,sans-serif;font-size:var(--text-size-base);font-weight:500;line-height:var(--body-base-line-height);color:var(--white);text-align:center;border-radius:9999px;justify-content:center;align-items:center;display:inline-flex}.zone-form-card__delete{width:28px;height:28px;padding:var(--sp-4);border-radius:var(--sp-24);border:1px solid var(--border-secondary);background:var(--white);color:var(--black);cursor:pointer;box-sizing:border-box;justify-content:center;align-items:center;display:inline-flex}.zone-form-card__delete:focus-visible{outline:2px solid var(--primary-dark);outline-offset:2px}.zone-form-card__separator{border:none;border-top:1px solid var(--black-10);margin:0}.zone-form-card__fields{gap:var(--sp-16);flex-direction:column;display:flex}
.zone-card{gap:var(--sp-16);width:419px;height:116px;padding:var(--sp-16);border:1px solid var(--black-10);background:var(--black-5);box-sizing:border-box;border-radius:1rem;flex-direction:column;display:flex}@media (max-width:767px){.zone-card{width:100%}}
.zone-dropdown{gap:var(--sp-4);width:347px;min-width:190px;padding-right:var(--sp-0);flex-direction:column;display:flex;position:relative}.zone-dropdown__label{height:21px;font-family:Inter Display,Inter,sans-serif;font-size:var(--text-size-sm);font-weight:500;line-height:var(--body-sm-line-height);color:var(--black)}.zone-dropdown__field{align-items:center;gap:var(--sp-2);border-radius:var(--sp-8);border:1px solid var(--border-default);height:46px;padding:var(--sp-8);background:var(--white);box-sizing:border-box;cursor:pointer;display:flex}.zone-dropdown__field:focus-within{border-color:var(--primary-dark);outline:none}.zone-dropdown__input{min-width:0;font-family:Inter Display,Inter,sans-serif;font-size:var(--text-size-base);font-weight:500;line-height:var(--body-base-line-height);color:var(--text-dark-muted);background:0 0;border:none;outline:none;flex:1}.zone-dropdown__input:focus{outline:none}.zone-dropdown__input::placeholder{color:var(--text-dark-muted)}.zone-dropdown__input--with-postfix{field-sizing:content;flex:none}.zone-dropdown__postfix{font-family:Inter Display,Inter,sans-serif;font-size:var(--text-size-base);font-weight:500;line-height:var(--body-base-line-height);color:var(--text-dark-muted);flex-shrink:0}.zone-dropdown__chevron{color:var(--text-dark-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:0;transition:transform .15s;display:inline-flex}.zone-dropdown__chevron:focus-visible{outline:2px solid var(--primary-dark);outline-offset:2px}.zone-dropdown__chevron--open{transform:rotate(180deg)}.zone-dropdown__list{top:calc(100% + var(--sp-4));padding:var(--sp-4) 0;background:var(--white);border:1px solid var(--border-default);border-radius:var(--sp-8);box-shadow:0 4px 12px var(--black-10);z-index:10;max-height:200px;margin:0;list-style:none;position:absolute;left:0;right:0;overflow-y:auto}.zone-dropdown__option{padding:var(--sp-8) var(--sp-12);font-family:Inter Display,Inter,sans-serif;font-size:var(--text-size-base);font-weight:500;line-height:var(--body-base-line-height);color:var(--text-body);cursor:pointer}.zone-dropdown__option:hover,.zone-dropdown__option.zone-dropdown__option--active{background:var(--slate-100)}.zone-dropdown__option--selected{color:var(--primary-dark)}.zone-dropdown__option-postfix{color:var(--text-dark-muted)}.zone-dropdown--drop-up .zone-dropdown__list{top:auto;bottom:calc(100% + var(--sp-4))}.zone-dropdown__option--empty{color:var(--text-muted);cursor:default}.zone-dropdown__option--empty:hover{background:0 0}.zone-dropdown__option--custom{color:var(--primary-dark);font-style:italic}@media (max-width:767px){.zone-dropdown{width:100%;min-width:0}}.zone-dropdown__warning{font-family:Inter Display,Inter,sans-serif;font-size:var(--text-size-xs);color:var(--warning);margin:0;font-weight:500}
.zone-form-group-wrapper{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.zone-card.zone-form-group{box-sizing:border-box;gap:var(--sp-12);background:var(--black-5);scrollbar-width:none;border-radius:1rem;flex:1;width:419px;min-height:0;overflow-y:auto}.zone-card.zone-form-group::-webkit-scrollbar{display:none}@media (max-width:767px){.zone-form-group-wrapper,.zone-card.zone-form-group{width:100%}}
.scroll-track{pointer-events:none;width:12px;position:absolute;top:0;bottom:0;right:6px}.scroll-track__thumb{background:var(--neutral-400);pointer-events:auto;cursor:grab;border-radius:12px;width:12px;position:absolute}.scroll-track__thumb:active{cursor:grabbing}
.zone-selector__header{justify-content:space-between;align-items:center;height:24px;display:flex}.zone-selector__title{font-family:Inter Display,Inter,sans-serif;font-size:var(--text-size-xl);font-weight:700;line-height:var(--heading-xl-line-height);color:var(--black)}.zone-selector__max{font-family:Inter Display,Inter,sans-serif;font-size:var(--text-size-sm);font-weight:500;line-height:var(--body-sm-line-height);color:var(--text-muted)}.zone-selector__separator{border:none;border-top:1px solid var(--black-10);margin:0}.zone-selector__controls{justify-content:space-between;align-items:center;display:flex}.zone-selector__numbers{gap:var(--sp-8);align-items:center;display:flex}.zone-selector__add{border:1px solid var(--primary-dark);background:var(--primary-dark);width:28px;height:28px;color:var(--white);cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.zone-selector__add:focus-visible{outline:2px solid var(--primary-dark);outline-offset:2px}.zone-selector__add:disabled{opacity:.4;cursor:not-allowed}
.segmented-control{align-items:center;gap:var(--sp-6);min-width:153px;height:40px;padding:var(--sp-6);border:1px solid var(--white-50);background:var(--white-50);border-radius:9999px;display:inline-flex;box-shadow:0 2px 4px #0000001a}.segmented-control__button{height:28px;padding:var(--sp-4) var(--sp-12);border:1px solid var(--white);background:var(--white);color:var(--neutral-900);font-family:Inter Display,Inter,sans-serif;font-size:var(--text-size-sm);text-align:center;white-space:nowrap;cursor:pointer;border-radius:9999px;flex:1;font-weight:500;line-height:20px;transition:background .15s,color .15s,border-color .15s}.segmented-control__button:focus-visible{outline:2px solid var(--primary-dark);outline-offset:2px}.segmented-control__button--selected{background:var(--primary-dark);border-color:var(--primary-dark);color:var(--white)}