.ui-btn{min-height:44px;font:inherit;letter-spacing:-.005em;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:700;line-height:1.2;transition:background-color .14s,border-color .14s,box-shadow .14s,filter .14s,transform 80ms;display:inline-flex}.ui-btn--block{width:100%}.ui-btn:focus-visible{outline:2px solid var(--color-primary-ink);outline-offset:2px}.ui-btn:active:not(:disabled){transform:scale(.98)}.ui-btn:disabled{cursor:not-allowed;opacity:.45;box-shadow:none;filter:none}.ui-btn--primary{background:linear-gradient(180deg, color-mix(in srgb, var(--color-primary) 86%, #fff 14%), var(--color-primary));color:var(--color-primary-contrast);box-shadow:inset 0 1px #ffffff29,0 2px 6px #0000002e}.ui-btn--primary:active:not(:disabled){background:var(--color-primary-hover,var(--color-primary))}.ui-btn--secondary{background:var(--color-surface);border:1.5px solid var(--color-primary-ink);color:var(--color-primary-ink)}.ui-btn--secondary:active:not(:disabled){background:color-mix(in srgb, var(--color-primary-ink) 14%, var(--color-surface))}.ui-btn--neutral{background:var(--color-surface-2);border-color:var(--color-border-strong);color:var(--color-text)}:root[data-superficie=escura] .ui-btn--neutral{background:color-mix(in srgb, var(--color-text) 6%, var(--color-surface))}.ui-btn--neutral:active:not(:disabled){background:color-mix(in srgb, var(--color-text) 10%, var(--color-surface-2))}.ui-btn--danger{background:linear-gradient(180deg, color-mix(in srgb, var(--color-danger) 94%, #fff 6%), var(--color-danger));color:#fff;box-shadow:inset 0 1px #ffffff29,0 2px 6px #00000029}.ui-btn--danger:active:not(:disabled){background:color-mix(in srgb, var(--color-danger) 88%, #000 12%)}.ui-btn--danger-outline{background:var(--color-surface);border:1.5px solid var(--color-danger-ink);color:var(--color-danger-ink)}.ui-btn--danger-outline:active:not(:disabled){background:color-mix(in srgb, var(--color-danger) 16%, var(--color-surface))}@media (hover:hover){.ui-btn--primary:hover:not(:disabled),.ui-btn--danger:hover:not(:disabled){filter:brightness(1.07)}.ui-btn--secondary:hover:not(:disabled){background:color-mix(in srgb, var(--color-primary-ink) 8%, var(--color-surface))}.ui-btn--neutral:hover:not(:disabled){background:color-mix(in srgb, var(--color-text) 6%, var(--color-surface-2))}.ui-btn--danger-outline:hover:not(:disabled){background:color-mix(in srgb, var(--color-danger) 8%, var(--color-surface))}}.ui-ibtn{border:1px solid var(--color-border-strong);background:linear-gradient(180deg, var(--color-surface), var(--color-surface-2));width:44px;height:44px;color:var(--color-text);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:50%;flex:none;place-items:center;padding:0;transition:background-color .14s,box-shadow .14s,transform 80ms;display:inline-grid;box-shadow:0 1px 2px #00000014,inset 0 1px #ffffffb3}:root[data-superficie=escura] .ui-ibtn{box-shadow:0 1px 2px #0006,inset 0 1px #ffffff0d}.ui-ibtn--on-primary,:root[data-superficie=escura] .ui-ibtn--on-primary{color:#fff;background:#ffffff24;border-color:#ffffff47;box-shadow:inset 0 1px #ffffff38,0 1px 2px #0000002e}.ui-ibtn:focus-visible{outline:2px solid var(--color-primary-ink);outline-offset:2px}.ui-ibtn--on-primary:focus-visible{outline-color:#fff}.ui-ibtn:active:not(:disabled){transform:scale(.94)}.ui-ibtn:disabled{cursor:not-allowed;opacity:.45}@media (hover:hover){.ui-ibtn:hover:not(:disabled){background:var(--color-surface-2)}.ui-ibtn--on-primary:hover:not(:disabled){background:#ffffff38}}.ui-field{gap:6px;min-width:0;display:grid}.ui-field__label{color:var(--color-text);font-size:13px;font-weight:700;line-height:1.3}.ui-field__help{color:var(--color-text-muted);margin:0;font-size:13px;line-height:1.4}.ui-field__error{color:var(--color-danger-ink);align-items:flex-start;gap:6px;margin:0;font-size:13px;font-weight:700;line-height:1.4;display:flex}.ui-field__error-icon{flex:none;margin-top:1px}.ui-control{box-sizing:border-box;border:1px solid var(--color-control-border);background-color:var(--color-surface);width:100%;min-height:46px;color:var(--color-text);font:inherit;border-radius:12px;margin:0;padding:0 14px;font-size:16px;line-height:1.3;transition:border-color .14s,box-shadow .14s;box-shadow:inset 0 1px 2px #0000000d}.ui-control::placeholder{color:var(--color-text-muted);opacity:1}.ui-control:focus{border-color:var(--color-primary-ink);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary-ink) 32%, transparent);outline:none}.ui-control[aria-invalid=true]{border-color:var(--color-danger-ink);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-danger) 18%, transparent)}.ui-control:disabled{background-color:var(--color-surface-2);color:var(--color-text-muted);cursor:not-allowed;box-shadow:none}textarea.ui-control{resize:vertical;min-height:96px;padding:12px 14px;line-height:1.45}select.ui-control{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--color-text-muted) 50%), linear-gradient(135deg, var(--color-text-muted) 50%, transparent 50%);cursor:pointer;background-position:calc(100% - 21px),calc(100% - 15px);background-repeat:no-repeat;background-size:6px 6px;padding-right:40px}.ui-alert{border:1px solid color-mix(in srgb, var(--color-danger) 35%, transparent);background:color-mix(in srgb, var(--color-danger) 12%, var(--color-surface));color:var(--color-danger-ink);border-radius:12px;margin:0;padding:10px 12px;font-size:14px;font-weight:600;line-height:1.4}.ui-seg{background:color-mix(in srgb, var(--color-text) 7%, transparent);border:1px solid color-mix(in srgb, var(--color-text) 14%, transparent);box-sizing:border-box;border-radius:13px;gap:2px;width:100%;padding:3px;display:flex}.ui-seg__option{min-width:0;min-height:40px;color:color-mix(in srgb, var(--color-text) 76%, transparent);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:10px;flex:1 1 0;padding:0 12px;font-size:14px;font-weight:700;transition:background-color .14s,color .14s,box-shadow .14s}.ui-seg__option[aria-pressed=true]{background:var(--color-surface);color:var(--color-text);box-shadow:0 1px 3px #00000029, 0 0 0 1px var(--color-border)}:root[data-superficie=escura] .ui-seg__option[aria-pressed=true]{background:color-mix(in srgb, var(--color-text) 14%, var(--color-surface));box-shadow:0 1px 3px #00000073,inset 0 1px #ffffff0f}.ui-seg__option:focus-visible{outline:2px solid var(--color-primary-ink);outline-offset:1px}@media (hover:hover){.ui-seg__option:not([aria-pressed=true]):hover{color:var(--color-text)}}.ui-tabs{background:var(--color-sunken);scrollbar-width:none;border-radius:14px;gap:4px;width:max-content;max-width:100%;padding:4px;display:flex;overflow-x:auto}.ui-tabs::-webkit-scrollbar{display:none}.ui-tab{min-height:40px;color:color-mix(in srgb, var(--color-text) 72%, var(--color-sunken));font:inherit;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:10px;flex:none;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:700;transition:background-color .14s,color .14s,box-shadow .14s;display:inline-flex}.ui-tab[aria-selected=true]{background:var(--color-surface);color:var(--color-text);box-shadow:0 1px 3px #00000024, 0 0 0 1px var(--color-border)}:root[data-superficie=escura] .ui-tab[aria-selected=true]{box-shadow:0 1px 3px #00000073, inset 0 1px 0 #ffffff0f, 0 0 0 1px var(--color-border-strong)}.ui-tab:focus-visible{box-shadow:inset 0 0 0 2px var(--color-primary-ink);outline:none}@media (width<=559px){.ui-tabs:has(.ui-tab>svg){width:100%}.ui-tabs:has(.ui-tab>svg) .ui-tab{flex-direction:column;flex:1 1 0;justify-content:center;gap:3px;min-width:0;min-height:54px;padding:6px 4px;font-size:12.5px}}@media (hover:hover){.ui-tab:not([aria-selected=true]):hover{color:var(--color-text)}}@media (prefers-reduced-motion:reduce){.ui-btn,.ui-ibtn,.ui-tab,.ui-seg__option,.ui-control{transition:none}.ui-btn:active:not(:disabled),.ui-ibtn:active:not(:disabled){transform:none}}.op-scope{--op-row:44px;--op-cap-pad:5px;--op-gap-y:6px;--op-count-h:0px;--op-cap-h:calc(var(--op-row) + var(--op-cap-pad) * 2 + var(--op-count-h));--op-bar-h:calc(var(--op-cap-h) + var(--op-gap-y) * 2);--op-top:calc(var(--demo-banner-total-h,0px) + var(--demo-header-h,58px));--op-pad-left:max(12px, var(--app-safe-left,0px));--op-pad-right:max(12px, var(--app-safe-right,0px));--op-veil:#fcfcf980;--op-panel-veil:#fcfcf9db;--op-filter:blur(24px) saturate(.35) brightness(1.1);--op-edge:#ffffffb8;--op-hairline:#00000017;--op-reflex:#ffffffd9;--op-shadow:0 16px 40px #1e241429, 0 2px 8px #0000000f;--op-cap-shadow:0 8px 22px #1e241424, 0 1px 3px #0000000f;--op-well:#ffffff9e;--op-well-border:#0000001f;--op-chip-bg:#ffffff8c;--op-chip-border:#0000001f;--op-ink-2:color-mix(in srgb, var(--color-text) 80%, transparent)}:root[data-superficie=escura] .op-scope{--op-veil:#2224288f;--op-panel-veil:#222428e0;--op-filter:blur(24px) saturate(.45) brightness(.55);--op-edge:#ffffff21;--op-hairline:#0006;--op-reflex:#ffffff17;--op-shadow:0 18px 44px #00000080, 0 2px 8px #0000004d;--op-cap-shadow:0 8px 24px #00000073, 0 1px 3px #0000004d;--op-well:#00000042;--op-well-border:#ffffff1f;--op-chip-bg:#ffffff12;--op-chip-border:#ffffff24;--op-ink-2:color-mix(in srgb, var(--color-text) 86%, transparent)}@media (width<=767px){.op-scope--count{--op-count-h:20px}}.op-bar__inner,.op-panel{isolation:isolate;background:var(--op-veil);border:1px solid var(--op-edge);outline:.5px solid var(--op-hairline);box-shadow:inset 0 1px 0 var(--op-reflex);position:relative}.op-panel{background:var(--op-panel-veil)}.op-bar__inner:before,.op-panel:before{content:"";z-index:-1;border-radius:inherit;-webkit-backdrop-filter:var(--op-filter);backdrop-filter:var(--op-filter);position:absolute;inset:0}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.op-bar__inner,.op-panel{background:var(--glass-fallback,var(--color-surface))}}.op-bar{box-sizing:border-box;height:var(--op-bar-h);padding:var(--op-gap-y) var(--op-pad-right) var(--op-gap-y) var(--op-pad-left)}.op-bar--fixed{top:var(--op-top);z-index:32;background:0 0;position:fixed;left:0;right:0}.op-bar--flow{z-index:2;flex:none;position:relative}.op-bar--flow :is(.op-bar__inner,.op-bar__group,.order-control-bar__actions):before{-webkit-backdrop-filter:none;backdrop-filter:none}.op-bar__inner{box-sizing:border-box;height:var(--op-cap-h);max-width:1800px;padding:var(--op-cap-pad);box-shadow:inset 0 1px 0 var(--op-reflex), var(--op-cap-shadow);border-radius:20px;flex-wrap:wrap;align-content:flex-start;align-items:center;gap:0 6px;margin:0 auto;display:flex}.op-bar-spacer{height:var(--op-bar-h)}.op-bar-spacer--below-header{height:calc(var(--demo-header-h,58px) + var(--op-bar-h))}.op-bar-spacer--in-panel{height:calc(var(--op-bar-h) - 8px)}.op-search-wrap{min-width:0;height:var(--op-row);flex:1 1 0;order:1;margin:0}.op-search{box-sizing:border-box;border:1px solid var(--op-well-border);background:var(--op-well);border-radius:15px;align-items:center;gap:8px;height:100%;padding:0 5px 0 12px;transition:border-color .14s,box-shadow .14s;display:flex;box-shadow:inset 0 1px 2px #0000000f}.op-search:focus-within{border-color:var(--color-primary-ink);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary-ink) 30%, transparent)}.op-search__field{cursor:text;flex:auto;align-items:center;gap:8px;min-width:0;height:100%;display:flex}.op-search__icon{flex:none;place-items:center;display:grid}.op-search__input{min-width:0;height:100%;color:var(--color-text);font:inherit;appearance:none;background:0 0;border:0;outline:none;flex:auto;margin:0;padding:0;font-size:16px}.op-search__input:focus,.op-search__input:focus-visible{outline:none}.op-search,.op-search *{-webkit-tap-highlight-color:transparent}.op-search__input::-webkit-search-decoration{-webkit-appearance:none}.op-search__input::placeholder{color:var(--op-ink-2);opacity:1}.op-search__submit{border:1px solid color-mix(in srgb, var(--color-primary-ink) 30%, transparent);background:color-mix(in srgb, var(--color-primary-ink) 10%, transparent);min-height:36px;color:var(--color-primary-ink);font:inherit;cursor:pointer;border-radius:11px;flex:none;padding:0 12px;font-size:13px;font-weight:700}.op-search__submit:focus-visible{outline:2px solid var(--color-primary-ink);outline-offset:2px}@media (hover:hover){.op-search__submit:hover{background:color-mix(in srgb, var(--color-primary-ink) 16%, transparent)}}@media (width<=767px){.op-search__submit{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;min-height:0;padding:0;position:absolute;overflow:hidden}}.op-glass-btn{height:var(--op-row);border:1px solid var(--op-chip-border);background:var(--op-chip-bg);color:var(--color-text);font:inherit;white-space:nowrap;cursor:pointer;box-shadow:inset 0 1px 0 var(--op-reflex);-webkit-tap-highlight-color:transparent;border-radius:15px;flex:none;order:2;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:600;transition:background-color .14s,box-shadow .14s,transform 80ms;display:inline-flex}.op-glass-btn--compact{width:var(--op-row);padding:0}.op-glass-btn[aria-expanded=true]{background:var(--color-surface);border-color:color-mix(in srgb, var(--color-primary-ink) 45%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-primary-ink) 45%, transparent), 0 3px 10px #0000001f}:root[data-superficie=escura] .op-glass-btn[aria-expanded=true]{background:color-mix(in srgb, var(--color-text) 16%, var(--color-surface))}.op-glass-btn[aria-pressed=true]{background:var(--color-primary);color:var(--color-primary-contrast);border-color:#0000;box-shadow:inset 0 1px #ffffff29}.op-glass-btn:focus-visible{outline:2px solid var(--color-primary-ink);outline-offset:2px}.op-glass-btn:active:not(:disabled){transform:scale(.97)}.op-glass-btn:disabled{cursor:not-allowed;opacity:.5}@media (hover:hover){.op-glass-btn:not([aria-pressed=true],[aria-expanded=true]):hover:not(:disabled){background:color-mix(in srgb, var(--color-surface) 80%, transparent)}:root[data-superficie=escura] .op-glass-btn:not([aria-pressed=true],[aria-expanded=true]):hover:not(:disabled){background:#ffffff21}}.op-glass-btn .spinner{margin-right:2px}@media (width<=767px){.op-glass-btn--collapse{width:var(--op-row);padding:0}.op-glass-btn--collapse .op-glass-btn__label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.op-count{box-sizing:border-box;background:color-mix(in srgb, var(--color-text) 6%, transparent);min-width:21ch;height:32px;color:var(--op-ink-2);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;order:3;justify-content:center;align-items:center;margin:0 0 0 auto;padding:0 12px;font-size:13px;font-weight:600;line-height:1;display:inline-flex}@media (width<=767px){.op-count{min-width:0;height:var(--op-count-h);text-overflow:ellipsis;background:0 0;flex:1 0 100%;order:10;margin:0;padding:2px 0 0;font-size:12.5px;overflow:hidden}}.op-panel{z-index:31;top:calc(var(--op-top) + var(--op-bar-h) + 2px);left:calc(var(--op-pad-left) + max(0px, (100vw - var(--op-pad-left) - var(--op-pad-right) - 1800px) / 2) + 2px);width:min(760px, calc(100vw - var(--op-pad-left) - var(--op-pad-right) - 4px));max-height:calc(100dvh - var(--op-top) - var(--op-bar-h) - 14px - var(--app-safe-bottom,0px));box-sizing:border-box;box-shadow:inset 0 1px 0 var(--op-reflex), var(--op-shadow);border-radius:22px;flex-direction:column;display:flex;position:fixed;overflow:hidden}@media (width<=767px){.op-panel{left:var(--op-pad-left);right:var(--op-pad-right);width:auto}}.op-panel__body{overscroll-behavior:contain;gap:16px;padding:16px;display:grid;overflow-y:auto}.op-panel__footer{border-top:1px solid var(--op-chip-border);justify-content:flex-end;gap:10px;padding:12px 16px 16px;display:flex}.op-panel__footer>*{min-width:128px}.op-panel [role=alert]{color:var(--color-danger-ink);margin:0;font-size:14px;font-weight:700}.op-group{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.op-group__label{letter-spacing:.07em;text-transform:uppercase;color:var(--op-ink-2);margin:0 0 2px;padding:0;font-size:11px;font-weight:800}p.op-group__label{margin:0}.op-panel .ui-seg{background:color-mix(in srgb, var(--color-text) 6%, transparent);border-color:var(--op-chip-border);max-width:420px}.op-panel .ui-seg__option{color:var(--op-ink-2)}.op-panel .ui-seg__option[aria-pressed=true]{color:var(--color-text)}.op-chips{flex-wrap:wrap;gap:8px;display:flex}.op-chip{border:1px solid var(--op-chip-border);background:var(--op-chip-bg);min-height:38px;color:var(--op-ink-2);font:inherit;text-align:left;cursor:pointer;box-shadow:inset 0 1px 0 var(--op-reflex);-webkit-tap-highlight-color:transparent;border-radius:999px;align-items:center;gap:7px;padding:5px 14px;font-size:13.5px;font-weight:600;line-height:1.25;transition:background-color .14s,box-shadow .14s,color .14s,transform 80ms;display:inline-flex}.op-chip__dot{opacity:.45;border:1px solid #00000038;border-radius:50%;flex:none;width:10px;height:10px}.op-chip small{margin-left:4px;font-size:12px;font-weight:500}.op-chip[aria-pressed=true]{background:var(--color-surface);border-color:color-mix(in srgb, var(--color-primary-ink) 70%, transparent);color:var(--color-text);box-shadow:inset 0 0 0 .5px color-mix(in srgb, var(--color-primary-ink) 70%, transparent), 0 2px 6px #0000001a;font-weight:700}:root[data-superficie=escura] .op-chip[aria-pressed=true]{background:color-mix(in srgb, var(--color-text) 15%, var(--color-surface));box-shadow:inset 0 0 0 .5px color-mix(in srgb, var(--color-primary-ink) 70%, transparent), 0 2px 8px #0006}.op-chip[aria-pressed=true] .op-chip__dot{opacity:1}.op-chip[aria-pressed=true] small{color:var(--op-ink-2)}.op-chip:focus-visible{outline:2px solid var(--color-primary-ink);outline-offset:2px}.op-chip:active{transform:scale(.97)}@media (hover:hover){.op-chip[aria-pressed=false]:hover{color:var(--color-text);background:color-mix(in srgb, var(--color-surface) 70%, transparent)}}@media (width>=768px){.op-search-wrap{flex:0 620px}}.order-control.demo-root>.order-control-scroll{margin-top:0;padding-top:0;scroll-padding-top:0}@media (width<=767px){.order-control-bar:has(+.order-control-scroll){margin-bottom:calc(-1 * var(--op-bar-h))}.order-control.demo-root>.order-control-bar+.order-control-scroll{scroll-padding-top:var(--op-bar-h)}.order-control-bar+.order-control-scroll:before{content:"";height:var(--op-bar-h);display:block}.order-control-bar:has(+.order-control-scroll) .op-bar__inner:before{-webkit-backdrop-filter:var(--op-filter);backdrop-filter:var(--op-filter)}}.order-control-bar__actions{flex:none;order:4;gap:6px;display:flex}@media (width>=768px){.order-control.op-scope{--op-pad-left:max(24px, var(--app-safe-left,0px));--op-pad-right:max(24px, var(--app-safe-right,0px))}.order-control-bar .op-bar__inner{max-width:none}.order-control .op-panel{left:calc(var(--op-pad-left) + 2px)}.order-control-bar .op-count{margin-left:6px}.order-control-bar__actions{margin-left:auto}.order-control-bar__print{min-width:232px}}.order-control-panel__dates{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:4px;display:grid}@media (prefers-reduced-motion:reduce){.op-search,.op-glass-btn,.op-chip{transition:none}.op-glass-btn:active:not(:disabled),.op-chip:active{transform:none}}@media (width<=767px){.op-bar__group{display:contents}}@media (width>=768px){.op-bar__inner{box-shadow:none;background:0 0;border:0;outline:0;gap:0 12px;padding:0}.op-bar__inner:before{-webkit-backdrop-filter:none;backdrop-filter:none;display:none}.op-bar__group,.order-control-bar__actions{isolation:isolate;box-sizing:border-box;height:var(--op-cap-h);max-width:100%;padding:var(--op-cap-pad);background:var(--op-veil);border:1px solid var(--op-edge);outline:.5px solid var(--op-hairline);box-shadow:inset 0 1px 0 var(--op-reflex), var(--op-cap-shadow);border-radius:20px;align-items:center;gap:6px;display:flex;position:relative}.op-bar__group:before,.order-control-bar__actions:before{content:"";z-index:-1;border-radius:inherit;-webkit-backdrop-filter:var(--op-filter);backdrop-filter:var(--op-filter);position:absolute;inset:0}.op-bar__group{flex:0 auto;order:1;min-width:0}.op-bar__group .op-count{margin-left:0}.op-bar__group .op-search-wrap{flex:0 auto;width:620px;min-width:220px}.op-bar--fixed .op-bar__group .op-search-wrap{width:720px}.op-bar--flow :is(.op-bar__group,.order-control-bar__actions):before{-webkit-backdrop-filter:none;backdrop-filter:none}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.op-bar__group,.order-control-bar__actions{background:var(--glass-fallback,var(--color-surface))}}@media (width<=767px){.order-control.op-scope:has(.op-panel) .op-count{display:none}.order-control.op-scope:has(.op-panel) .op-bar__inner{height:calc(var(--op-row) + var(--op-cap-pad) * 2)}.order-control .op-panel{top:calc(var(--op-top) + var(--op-gap-y) + var(--op-row) + var(--op-cap-pad) * 2 + 6px);max-height:calc(100dvh - var(--op-top) - var(--op-gap-y) - var(--op-row) - var(--op-cap-pad) * 2 - 18px - var(--app-safe-bottom,0px))}.order-control .op-panel__body{gap:10px;padding:12px}.order-control .op-group,.order-control .op-chips{gap:6px}.order-control .op-chip{min-height:36px;padding-block:4px}.order-control .op-panel__footer{padding:10px 12px 12px}}.op-scope:has(.op-panel[data-scrolls]) .order-control-scroll{overflow:hidden}.op-scope.demo-root:not(.order-control):has(.op-panel[data-scrolls]){overflow:hidden}html[data-ios-viewport-lock],html[data-ios-viewport-lock] body{overscroll-behavior:none}html[data-ios-viewport-lock] body{width:100%;height:100%;position:fixed;inset:0;overflow:hidden}html[data-ios-viewport-lock] .demo-root.desktop-separation,html[data-ios-viewport-lock] .demo-root.desktop-kits{height:var(--vv-height,100dvh);overscroll-behavior-y:contain}html[data-ios-viewport-lock] .desktop-kits .demo-painel-wrap--static{min-height:var(--vv-height,100dvh)}html[data-ios-viewport-lock][data-ios-keyboard] body{position:absolute}html[data-ios-viewport-lock][data-ios-keyboard] :is(body,#root){background-color:var(--color-bg)}html[data-ios-viewport-lock] .demo-root.order-control{height:calc(var(--vv-height,100dvh) - var(--demo-banner-total-h,0px))}html[data-ios-viewport-lock] .order-control-scroll{overscroll-behavior-y:contain}html[data-ios-viewport-lock] :is(.desktop-separation,.order-control,.desktop-kits) .op-panel{max-height:calc(var(--vv-height,100dvh) - var(--op-top) - var(--op-bar-h) - 14px - var(--app-safe-bottom,0px))}@media (width<=767px){html[data-ios-viewport-lock] .order-control .op-panel{max-height:calc(var(--vv-height,100dvh) - var(--op-top) - var(--op-gap-y) - var(--op-row) - var(--op-cap-pad) * 2 - 18px - var(--app-safe-bottom,0px))}}html[data-ios-keyboard] :is(.demo-topbar,.op-bar),html[data-ios-keyboard] :is(.demo-topbar,.op-bar) :not(input,textarea,[contenteditable]){touch-action:none!important}html[data-ios-viewport-lock] .demo-modal-bg{height:var(--vv-height,100dvh);bottom:auto}html[data-ios-viewport-lock] .demo-modal{max-height:calc(var(--vv-height,100dvh) - 32px - env(safe-area-inset-bottom,0px))}