/*! alpha21: LuCI theme for OpenWrt 21.02, Apache-2.0. See NOTICE. */
:root{--p21-bg:#10192b;--p21-card:#222235;--p21-ink:#fff;--p21-dim:#c3c7d4;--p21-rule:rgba(255,255,255,.18);--p21-hover:rgba(255,255,255,.08);--p21-accent:#09c;--p21-accent2:#4dc3ff;--p21-on:#fff;--p21-head:#161624;--font-body:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif}body,body.node-main-login{background-color:#0b2f45;background-image:radial-gradient(1px 1px at 12% 18%,rgba(255,210,170,.8),transparent 60%),radial-gradient(1.5px 1.5px at 72% 12%,rgba(120,255,220,.8),transparent 60%),radial-gradient(1px 1px at 38% 33%,rgba(255,210,170,.7),transparent 60%),radial-gradient(1.5px 1.5px at 86% 41%,rgba(255,210,170,.7),transparent 60%),radial-gradient(1px 1px at 22% 58%,rgba(120,255,220,.6),transparent 60%),radial-gradient(1px 1px at 57% 22%,rgba(255,255,255,.7),transparent 60%),radial-gradient(ellipse 90% 60% at 50% 115%,rgba(40,230,180,.55),rgba(20,120,140,.25) 45%,transparent 70%),radial-gradient(ellipse 120% 90% at 50% 120%,#1d6f86 0%,#134a66 40%,#0b2f45 75%);background-attachment:fixed;background-size:cover}.main>.main-left,.cbi-section,.cbi-section-error,#iptables,.Firewall form,#cbi-network>.cbi-section-node,#cbi-wireless>.cbi-section-node,#cbi-wireless>#wifi_assoclist_table,[data-tab-title],[data-page^="admin-system-admin"]:not(.node-main-login) .cbi-map:not(#cbi-dropbear),[data-page="admin-system-opkg"] #maincontent>.container,.tabs,.cbi-tabmenu,.cbi-tooltip{background-color:#2222359a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.navbar{display:none}.node-main-login header .tengah{max-width:min(220px,60vw);height:auto}@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:0s!important;transition-delay:0s!important;animation-duration:0s!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}html:root .zonebadge[style],html:root .ifacebox-head[style]{color:#111;text-shadow:none}html:root .zonebadge[style] em,html:root .zonebadge[style] strong{color:#111}a:focus-visible,button:focus-visible,.btn:focus-visible,.cbi-button:focus-visible,.cbi-tabmenu a:focus-visible,.tabs a:focus-visible,input[type="checkbox"]:focus-visible,input[type="radio"]:focus-visible{outline:2px solid var(--p21-accent2);outline-offset:2px}.tabs{border-bottom:1px solid var(--p21-rule)}.tabs>li>a,.cbi-tabmenu>li>a{color:var(--p21-ink)}.tabs>li.active>a{color:var(--p21-accent)}.cbi-dropdown[open]>ul.dropdown>li[selected]{background:var(--p21-hover);background:color-mix(in srgb,var(--p21-accent) 16%,transparent);color:var(--p21-ink)}.cbi-dropdown[open]>ul.dropdown>li.focus{background:var(--p21-hover);color:var(--p21-ink);box-shadow:inset 3px 0 0 var(--p21-accent)}.cbi-dropdown[open]>ul.dropdown>li[selected].focus{background:var(--p21-hover);background:color-mix(in srgb,var(--p21-accent) 28%,transparent);color:var(--p21-ink);box-shadow:inset 3px 0 0 var(--p21-accent)}.cbi-dropdown[open]>ul.dropdown>li.p21-create-li{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.cbi-dropdown[open]>ul.dropdown>li.p21-create-li>input.create-item-input{flex:1 1 auto;min-width:0;width:auto}.cbi-dropdown:not([open]) .p21-create-add,.cbi-dropdown:not([open]) .p21-create-error,.cbi-dropdown>ul.preview .p21-create-add,.cbi-dropdown>ul.preview .p21-create-error{display:none}.p21-create-add{flex:0 0 auto;min-width:36px;min-height:32px;padding:0 10px;font-weight:700;line-height:1}.p21-create-error:not(:empty){flex:1 0 100%;padding:4px 6px;font-size:12.5px;white-space:normal;color:var(--p21-err-ink,var(--t-err-ink,var(--error-color-high,#c00)));border-left:3px solid currentColor}.cbi-tooltip{background:var(--p21-card);color:var(--p21-ink);border:1px solid var(--p21-rule)}div.cbi-value var,.td.cbi-value-field var{color:var(--p21-accent)}div.cbi-value var[data-tooltip],.td.cbi-value-field var[data-tooltip],div.cbi-value var.cbi-tooltip-container,.td.cbi-value-field var.cbi-tooltip-container{border-bottom-color:var(--p21-accent)}.cbi-dropdown>.more{color:var(--p21-dim)}.cbi-dropdown:not(.btn):not(.cbi-button)>ul>li[placeholder]{color:inherit}::placeholder{color:var(--p21-dim);opacity:1}:root:not([data-darkmode="true"]) .zonebadge[style],:root:not([data-darkmode="true"]) .ifacebox-head[style]{color:#111;text-shadow:none}:root[data-darkmode="true"] .zonebadge[style],:root[data-darkmode="true"] .ifacebox-head[style]{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.6)}.zonebadge[style]>strong,.zonebadge[style]>em,.zonebadge[style] .cbi-tooltip-container>strong,.ifacebox-head[style] *{color:inherit}.zonebadge-empty{color:var(--p21-ink);border-color:var(--p21-dim)}:root:not([data-darkmode="true"]) .ifacebox-head:not([style]){color:#111}:root[data-darkmode="true"] .ifacebox-head:not([style]){background-color:var(--p21-hover);color:var(--p21-ink)}:root[data-darkmode="true"] #view div[style*="border:1px solid #000;background:#fff"]{background:var(--p21-bg)!important;border-color:var(--p21-rule)!important}:root[data-darkmode="true"] #view div[style*="border:1px solid #000;background:#fff"] svg line{stroke:var(--p21-rule)!important;stroke-width:1px!important}.ifacebox{overflow:visible}.ifacebox>.ifacebox-head{border-top-left-radius:inherit;border-top-right-radius:inherit}.table .td:has(.cbi-tooltip-container){overflow:visible}@media (prefers-reduced-motion:reduce){*::before,*::after{transition:none!important;animation:none!important}}@media (max-width:720px){.cbi-section-node,.table-wrapper{max-width:100%}.table .td.cbi-section-actions>div{flex-wrap:wrap;row-gap:3px}#maincontent .controls>*{min-width:0;max-width:100%;flex-basis:100%;white-space:normal}#maincontent .controls>*>label{min-width:0}#maincontent .control-group{display:flex;flex-wrap:wrap;gap:4px;min-width:0;max-width:100%}#maincontent .control-group>input{flex:1 1 8em;min-width:0;width:auto}#maincontent .control-group>.btn{flex:0 1 auto}}:root{--submenu-bg-hover-active:#0077a3}.cbi-dropdown.cbi-button-apply{background:#058097!important}.cbi-dropdown.cbi-button-apply:hover:not([open]){background:#046a7c!important}.cbi-dropdown.btn>ul>li,.cbi-dropdown.btn>.open{background:transparent!important}html:root .zonebadge[style] *,html:root .ifacebox-head[style] *{color:#111!important;background-color:transparent!important;text-shadow:none}html:root .zonebadge-empty{background-color:#c8ccd2}html:root .zonebadge-empty,html:root .zonebadge-empty *{color:#111!important;text-shadow:none}@media screen and (max-width:2000px){#cbi-firewall-zone .td .cbi-input-select{min-width:7rem}}html:root .cbi-dropdown[open]>ul.dropdown{background-color:#5a5c66!important}.cbi-dropdown[open]>ul.dropdown>li{justify-content:center}#cbi-dhcp-dnsmasq div.cbi-button-add:not(:hover):not(:focus){background:#118096!important}#cbi-firewall-redirect button.cbi-button-add:not(:hover):not(:focus){background:#0d7f96!important}#cbi-firewall-redirect button.cbi-button-edit:not(:hover):not(:focus){background:#0d8097!important}#cbi-firewall-redirect var{color:#00a8e0!important}#cbi-firewall-zone button.cbi-button-add:not(:hover):not(:focus){background:#0f8095!important}#cbi-firewall-zone button.cbi-button-edit:not(:hover):not(:focus){background:#0d7f96!important}.cbi-page-actions.control-group button.cbi-button-save:not(:hover):not(:focus){background:#058097!important}.mobile a{color:#e6e6e6!important}.modal.cbi-modal button.cbi-button-positive:not(:hover):not(:focus){background:#20808b!important}button.cbi-button-action:not(:hover):not(:focus){background:#088097!important}