html{background:#adabb3;height:100%;width:100%;overflow-x:hidden}body{display:flex;flex-direction:column;color:#4b5563;line-height:1.25rem;font-size:.85rem;font-family:ui-sans-serif,system-ui,-apple-system,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;padding:0;margin:0;height:100vh;overflow:hidden;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-touch-callout:none;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}body>nav,body>content,body>header,body>footer{padding:1.25rem;margin:0;display:flex}body>nav{background:#fff;flex-direction:row;border-top:none;flex-wrap:nowrap;justify-content:space-between}body>nav a{color:#33339d}body>nav a:hover{color:#6366f1}body>nav div{display:flex;align-items:center;min-width:0}body>nav div h1{color:#111827;padding:.625rem}body>nav div span{background:#33339d;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body>content{flex-direction:column;justify-content:space-around;flex:1;overflow-y:auto}body>footer{flex-direction:row;align-items:center;justify-content:flex-start;position:fixed;bottom:0;left:0;right:0;background:#ffffffe6;backdrop-filter:blur(10px);z-index:1000;padding:1rem 0rem;flex-shrink:0}h1,h2,h3,h4,h5,h6{font-weight:600;text-transform:capitalize;color:#9ca3af;padding:0;margin:0}h1,h2{font-size:1.16875rem}h2{color:#4b5563}h3{font-size:.935rem}p{margin-top:.625rem;max-width:95%;color:#4b5563}section{margin-top:2.5rem}button,a.button{border:none;display:block;text-align:center;font-weight:500;text-transform:capitalize;font-size:1.16875rem;border-radius:.5rem;background:#33339d;color:#fff;line-height:1.25rem;padding:.625rem;-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer;transition:background-color .2s ease,transform .1s ease;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}button:active,a.button:active{transform:scale(.98);background:#2a2a7a}a.button,button a{color:#fff}button:hover,a.button:hover{cursor:pointer}nav{border-bottom:1px solid #e5e7eb}ax-set,ax-set li,ax-grid,ax-card,ax-button-group{display:flex}ax-set,ax-card,ax-panel{flex-direction:column;justify-content:space-between}ax-grid,ax-button-group{flex-direction:row}ax-set,ax-grid,ax-button-group,ax-set li{gap:1.25rem}ax-set li,ax-button-group button,ax-button-group a.button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}ax-grid{flex-wrap:wrap}ax-set{padding:.75rem;box-sizing:border-box}ax-set ul{margin:0;padding:0;flex-direction:column;justify-content:space-around}ax-set li{border-radius:.5rem;background:#fff;padding:.375rem 1.25rem;flex-direction:row;align-items:center;min-height:1.5rem;justify-content:flex-start;color:#9ca3af;font-weight:500;margin-bottom:.75rem;transition:opacity .2s ease-out,transform .2s ease-out;opacity:1;transform:translate(0);border:1px solid #e5e7eb;background-color:#ffffff40;backdrop-filter:blur(25px)}ax-set li div{display:flex;align-items:center;padding-right:1.25rem;flex-basis:100%}ax-set li div i,ax-set li div svg{padding-right:1.25rem;min-width:18px;min-height:18px;width:18px;height:18px;flex-shrink:0}ax-set li:last-child{margin-bottom:0}ax-set li .remove,.list-container li .remove{opacity:.5;margin-left:auto;margin-right:0;border-radius:.5rem}ax-set li .remove i,ax-set li .remove svg,.list-container li .remove i,.list-container li .remove svg{min-width:16px;min-height:16px;width:16px;height:16px;flex-shrink:0}ax-set li .remove:active{background:#e5e7eb8c}ax-set li .remove:hover,.list-container li .remove:hover{opacity:1;cursor:pointer}ax-set li[data-id][id^=hosts-]:hover{cursor:pointer}ax-set li span{font-weight:700;background:#e5e7eb40;padding:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:50%}ax-set li.fade-out{animation:fade-out .5s ease-out forwards;pointer-events:none}ax-set li.fade-in{animation:fade-in-with-highlight .8s ease-out forwards}ax-set li.highlight-new{position:relative}ax-set li.highlight-new:after{content:"";position:absolute;inset:0;background-color:#fef3c7;animation:highlight-fade .6s ease-out forwards;pointer-events:none;z-index:1}ax-panel{background:#ffffff73;display:flex;overflow:hidden;border:1px solid rgb(229,231,235,.5);position:relative;border-radius:.5rem;box-shadow:2px 8px 32px #00000014;margin:auto;width:70vw;height:65vh;max-width:1400px;min-width:550px;min-height:500px}ax-panel>div{display:flex;flex-direction:row;width:100%;height:calc(100% - 3rem)}ax-panel aside{width:12rem;min-width:12rem;max-width:16rem;flex-shrink:0;height:100%;background-color:#e5e7eb0d;border-right:1px solid #e5e7eb;padding:.75rem;box-sizing:border-box}ax-panel content{flex:1;min-width:0;overflow-y:scroll;-webkit-overflow-scrolling:touch}ax-panel header{padding:1.25rem;display:flex;flex-direction:column}ax-panel footer{color:#9ca3af;display:flex;align-items:center;justify-content:flex-start;flex-shrink:0;position:sticky;padding:.5rem;bottom:0;background-color:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:10;line-height:1;border-top:1px solid rgba(229,231,235,.3)}body ax-panel footer{display:inherit;bottom:0;background-color:#ffffff26;backdrop-filter:blur(25px);z-index:10}body ax-panel footer span{display:none;padding:.5rem 1rem;border-radius:1rem;background-color:#e5e7eb40;font-weight:600;color:#9ca3af;width:fit-content;white-space:nowrap;overflow:visible;text-overflow:clip}body ax-panel footer span:not(:empty){display:inline-block}ax-card{border:1px solid #e5e7eb;background-color:#fff;border-radius:.1rem;margin-top:1.25rem;margin-right:1.25rem;min-width:17.5rem;float:left}ax-card header{text-transform:capitalize;color:#111827;font-weight:500}ax-card header,ax-card content,ax-card footer{padding:1.25rem}ax-card footer button,ax-card footer a.button{font-size:.935rem;width:100%}ax-grid ax-card{margin-right:0}ax-button-group button:last-child,ax-button-group a.button:last-child{color:#33339d;background:#fff}ax-button-group button:last-child:hover,ax-button-group a.button:last-child:hover{opacity:.9}.hidden ax-tab-bar,.hidden content ax-tab-content{display:none}.hidden{display:none!important}#dashboard:not(.hidden){display:flex!important}.group-number{background:#e5e7eb40;font-weight:500;margin-right:4px;min-width:24px;display:inline-block}.list-wrapper{display:flex;flex-direction:column;width:100%}.list-container{list-style:none;padding:0;margin:0;width:100%}.list-container li{margin-bottom:8px}.loading-spinner{width:16px;height:16px;border:2px solid #e5e7eb;border-top:2px solid #33339d;border-radius:50%;animation:spin 1s linear infinite}.sync-rotating{animation:spin 1s linear infinite}.sync-icon,.sync-icon svg{width:16px!important;height:16px!important}#underlay{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;background-color:#ffffffd9;backdrop-filter:blur(20px);z-index:-5}@keyframes fade-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}@keyframes fade-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fade-in-with-highlight{0%{opacity:0;transform:translate(20px);background-color:#fbbf24!important}50%{opacity:1;transform:translate(0);background-color:#fbbf24!important}to{opacity:1;transform:translate(0);background-color:transparent!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes banner-fade-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}body.offline:not(.attempting):not(.waiting) #offline-banner,body.waiting #offline-banner{display:block!important;visibility:visible!important;opacity:1!important;animation:banner-fade-in .3s ease-out}body.initializing #offline-banner,body.loading #offline-banner{display:none!important;visibility:hidden!important;opacity:0!important}i[data-feather],svg.feather{min-width:16px;min-height:16px;flex-shrink:0}svg[data-feather],svg.feather{display:inline-block;vertical-align:middle}ax-tab-bar{flex-direction:row}ax-tab-bar a,ax-tab-bar button{display:flex;justify-content:left;align-items:center;border-radius:.75rem;font-weight:500;color:#9ca3af;margin:0;text-decoration:none;padding:.75rem 1.25rem;margin-bottom:.45rem;text-align:center;font-size:.85rem;background:inherit;height:2.5rem;width:100%;box-sizing:border-box;-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer;transition:background-color .2s ease,transform .1s ease}ax-tab-bar a i,ax-tab-bar a svg,ax-tab-bar button i,ax-tab-bar button svg{padding-right:.41667rem;min-width:20px;min-height:20px;width:20px;height:20px;flex-shrink:0}ax-tab-bar a:hover{background:#e5e7eb40}ax-tab-bar a:active,ax-tab-bar button:active{background:#e5e7eb8c;transform:scale(.98)}ax-tab-bar a.selected,ax-tab-bar button.selected{background:#e5e7eb80;backdrop-filter:blur(25px);color:#fff;position:relative;z-index:1;border:1px solid rgba(229,231,235,.3)}ax-tab-bar a:focus,ax-tab-bar button:focus{outline:2px solid #e5e7eb;outline-offset:2px}ax-tab-bar a:focus-visible,ax-tab-bar button:focus-visible{outline:2px solid #e5e7eb;outline-offset:2px}ax-tab-content{display:none}ax-tab-content.selected{display:flex;flex-direction:column;height:100%;min-height:0}ax-tab-content section{margin-top:0;position:sticky;top:0;z-index:20;background-color:#ffffff94;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:.75rem;border-bottom:1px solid rgb(229,231,235,.3);box-sizing:border-box}ax-tab-content section ax-button-group{justify-content:flex-start}ax-tab-content section ax-button-group button,ax-tab-content section ax-button-group a.button{flex:1;max-width:none}.count-display{background:#e5e7eb40;padding:.25rem .5rem;margin-top:.5rem;border-radius:.5rem;color:#9ca3af;font-size:.9em;border:1px solid rgba(229,231,235,.3);font-weight:500;text-align:left}.sticky-add-button-container{position:sticky;top:0;z-index:20;background:#ffffff94;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 16px #00000005;padding:1rem;margin-top:0}.sticky-add-button-container .sticky-add-button{height:auto;padding:1rem;min-height:2.5rem;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex:1;max-width:none;background:#e5e7eb;color:#6b7280}.sticky-add-button-container .sticky-add-button:hover{background:#d1d5db;color:#4b5563}.sticky-add-button-container .sticky-add-button:active{background:#9ca3af;color:#374151;transform:scale(.98)}@media only screen and (max-width: 600px){body>content{padding:0!important;margin:0!important}ax-panel{padding:none;margin:none;border:none;box-shadow:none;margin:0;width:100vw;height:100vh;max-width:100vw;max-height:100vh}ax-tab-bar a:last-child{margin-bottom:0rem}ax-panel>div{flex-direction:column;height:100vh}ax-panel aside{width:100%;min-width:0;max-width:100%;height:auto;border-bottom:1px solid #e5e7eb}}