@font-face{font-family:Red Hat Display Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/red-hat-display-latin-ext-wght-normal-Do32GAgg.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Red Hat Display Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/red-hat-display-latin-wght-normal-BX-N26TK.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Red Hat Mono Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/red-hat-mono-latin-ext-wght-normal-BQQ6IFDA.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Red Hat Mono Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/red-hat-mono-latin-wght-normal-Dwfc5A3M.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Red Hat Text Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/red-hat-text-latin-ext-wght-normal-BYbCslLJ.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Red Hat Text Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/red-hat-text-latin-wght-normal-ZHr5wXre.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html,body{margin:0;padding:0;font-family:Red Hat Text Variable,sans-serif;color:#333;background-color:#fff}*{box-sizing:border-box}pre{font-family:Red Hat Mono Variable,monospace}button{font-family:Red Hat Text Variable,sans-serif}a{color:inherit;text-decoration:none;font-family:Red Hat Text Variable,sans-serif;transition:all .2s ease-in-out;cursor:pointer}a:hover{opacity:.8}a:active,a.active{opacity:.2}h1,h2,h3,h4,h5,h6{font-family:Red Hat Display Variable,sans-serif;margin-top:0;margin-bottom:0}h3{color:#609}input,select,textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:16px;font-family:Red Hat Text Variable,monospace}input:focus,select:focus,textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 5px #007bff80}input:disabled,select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed}div:has(>input[type=checkbox]){display:flex;border:2px solid #ccc;border-radius:1.5em;width:3em;height:1.5em;position:relative;transition:all .3s ease-in-out}div:has(>input[type=checkbox]):before{display:flex;content:"";width:50%;height:100%;position:absolute;left:0;background-color:#ccc;border-radius:1.5em;transition:all .3s ease-in-out}div:has(>input[type=checkbox]):has(>input[type=checkbox]:checked){border-color:#80d}div:has(>input[type=checkbox]):has(>input[type=checkbox]:checked):before{left:50%;background-color:#80d}div:has(>input[type=checkbox]):has(>input[type=checkbox]:disabled){border-color:#caf}div:has(>input[type=checkbox]):has(>input[type=checkbox]:disabled):before{left:50%;background-color:#caf}div:has(>input[type=checkbox]) input{opacity:0}button,.Button{padding:5px 20px;border:none;border-radius:5px;background-color:#007bff;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease-in-out;white-space:nowrap}button:hover,.Button:hover{background-color:#0056b3}button:active,.Button:active{background-color:#004080}button:disabled,.Button:disabled{opacity:.5;cursor:not-allowed}button.Outline,.Button.Outline{background-color:transparent;border:2px solid #007bff;color:#007bff}button.Outline:hover,.Button.Outline:hover{background-color:#007bff;color:#fff}button.Outline:active,.Button.Outline:active{background-color:#0056b3;color:#fff}.Row,row{display:flex;flex-direction:row;gap:10px}.Row>*,row>*{margin-top:auto;margin-bottom:auto}.Column,column{display:flex;flex-direction:column;gap:10px}.Column>*,column>*{margin-left:auto;margin-right:auto}.Left{margin-right:auto}.Right{margin-left:auto}.Float{position:absolute}.Float.Left{left:0}.Float.Right{right:0}card{position:relative;margin:20px;padding:20px;border-radius:5px;background-color:#fff;box-shadow:0 0 10px #0000001a}modal{position:fixed;top:0;left:0;right:0;bottom:0}modal:not(:has(>backdrop)),modal:has(backdrop)>*:not(backdrop){position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);flex-direction:column;gap:20px;padding:20px;border-radius:5px;background-color:#fff;box-shadow:0 0 10px #0000001a;display:flex;align-items:center;justify-content:center;z-index:1000}modal backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#7b7b7b80}main.Error{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid #f00;border-radius:24px;padding:20px}.CopiedMessage{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5em;font-weight:700;text-align:center;border-radius:0}.CopiedMessage:before{position:absolute;top:50%;left:50%;opacity:.5;transform:translate(-50%,-50%);width:min(100%,150px);height:1px;content:"";display:block;background-color:#609;box-shadow:0 0 50px 30px #609;border-radius:100px;z-index:1}.CopiedMessage:after{display:block;content:"Copied!";color:#fff;z-index:2}.LoginPage{display:flex;flex-direction:column;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid black;padding:20px;background-color:#f0f0f0;border-radius:5px;box-shadow:0 2px 4px #0000001a}html,body{background-color:#f0f0f0;min-height:100%}header{display:flex;flex-direction:row;gap:20px;background-color:#f0f0f0;text-align:left;border-radius:5px;box-shadow:0 2px 4px #0000001a;font-family:Red Hat Display Variable,sans-serif;font-size:16px;color:#333;border:1px solid #ccc}header *{margin-top:auto;margin-bottom:auto}header .logo{height:96px}header h1{font-size:32px;margin-top:auto;margin-bottom:auto}header>a{display:flex;text-decoration:none;color:#333;font-weight:700;font-size:16px;margin-top:auto;margin-bottom:auto}header>a:hover{text-decoration:underline}header .info{position:relative;margin-left:auto;margin-right:20px;display:flex;flex-direction:row;gap:10px;padding:10px;background-color:#fff;border-radius:5px;box-shadow:0 2px 4px #0000001a;text-align:right}header .info .avatar{height:56px;border-radius:56px}header .info .name{display:flex;flex-direction:column;gap:0px;margin:auto 10px}header .info .name .fullname{font-size:16px;font-weight:700;color:#333}header .info .name .username{font-size:14px;font-weight:400;color:#666}header .info .name .tenant{padding-top:5px;font-size:14px;font-weight:400;color:#639}header .info .dropdown{position:absolute;right:0;top:100%;background-color:#fff;border-radius:5px;box-shadow:0 2px 4px #0000001a;display:none;flex-direction:column;z-index:10}header .info .dropdown a{display:flex;padding:10px}header .info .dropdown a:hover{background-color:#f0f0f0}header .info .dropdown a.selected{background-color:#f0f0ff}header .info:hover{border-bottom-right-radius:0}header .info:hover .dropdown{display:flex}main{padding:20px;background-color:#fff}footer{text-align:center;padding:10px;background-color:#f0f0f0;border-top:1px solid #ccc;margin-top:20px}row{display:flex;flex-direction:row;gap:10px}column{display:flex;flex-direction:column;gap:10px}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:#609;border:1px solid #909;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#000}.DomainList{display:flex;flex-direction:column;gap:10px;width:100%}.DomainList form{display:flex;flex-direction:row;gap:10px;margin-right:auto;margin-left:0;padding:0;max-width:100%}.DomainList form>*{white-space:nowrap;height:fit-content;width:fit-content;margin-top:auto;margin-bottom:auto}.DomainList form input{flex-grow:1;width:400px;min-width:100px;max-width:400px}table.Sortable{border-collapse:collapse;border:1px solid #ccc;border-radius:5px}table.Sortable thead{font-weight:700}table.Sortable thead th{background-color:#f2f2f2}table.Sortable tbody tr{border-bottom:1px solid #ccc}table.Sortable th,table.Sortable td{padding:10px;text-align:left;height:42px}table.Sortable th>div,table.Sortable td>div{display:flex;flex-direction:row;gap:10px;margin-top:auto;margin-bottom:auto}table.Sortable tr:nth-child(2n){background-color:#f2f2f2}table.Sortable tr:nth-child(odd){background-color:#fff}.DomainPage{display:flex;flex-direction:column;gap:10px;width:100%;position:relative}.DomainPage card .Button{float:right}.DomainPage form{display:flex;flex-direction:column;position:relative}.DomainPage form field{display:flex;flex-direction:column}.DomainPage form button,.DomainPage form input,.DomainPage form select{height:48px;margin-top:auto;padding:7px}.DomainPage td div{display:flex;flex-direction:row;position:relative;height:32px;line-height:32px}.DomainPage td div div{padding:0}.DomainPage td div input{background-color:#f0f8ff}.DomainPage td div>*{line-height:32px;margin-top:auto;margin-bottom:auto;padding:5px;padding-inline:10px;border:none;flex-shrink:1}.DomainPage td div.Content{white-space:normal;overflow:hidden;text-overflow:ellipsis}.DomainPage td div.TTL,.DomainPage td div.Priority{width:85px}.redirects{display:flex;flex-direction:column;gap:5px}.redirects row{gap:0;line-height:2em;vertical-align:middle}.redirects row input{min-width:200px;width:min(40vw,400px);padding:0;margin:0;border:none;line-height:1.2em;outline:none}.redirects row .from{width:100px;min-width:100px}.redirects button{margin-left:auto;padding:3px;line-height:1em!important}.DomainSettings,.DomainSettings form{display:flex;flex-direction:column}.DomainSettings form field{display:flex;flex-direction:column}.DomainSettings form field label{font-size:.8rem;font-weight:700}.DomainSettings form row{width:100%}.DomainSettings form row>*{flex-grow:1}.DomainSettings card{display:flex;flex-direction:column}.DomainSettings card button{float:right}.TunnelPage{display:flex;flex-direction:column;gap:10px;width:100%;position:relative}.TunnelPage field{position:relative}.TunnelPage .tab{padding-top:0;padding-bottom:0;padding-inline:.5rem;border:1px solid #999;background-color:transparent;border-radius:0;color:#999}.TunnelPage .tab.active{border:1px solid #609;color:#609}.TunnelPage pre{overflow:auto;max-width:80vw;max-height:50vh;font-size:12px}.NodePage{display:flex;flex-direction:column;gap:10px;width:100%;position:relative}.NodePage .Node{margin:15px}.NodePage .Node label{display:block;margin-top:auto;margin-bottom:auto;font-weight:600;font-size:.8em}.NodePage .Node .Selectors{display:flex;flex-direction:row;flex-wrap:wrap;max-width:95%;gap:20px}.NodePage .Node .Selectors label{width:70px;text-align:right}