@import"https://fonts.googleapis.com/css2?family=Cascadia+Mono:ital,wght@0,200..700;1,200..700&family=Inconsolata:wght@200..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Rasa:ital,wght@0,300..700;1,300..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";:root{--spacing-xxs: 2px;--spacing-xs: 4px;--spacing-s: 7px;--spacing-m: 12px;--spacing-l: 24px;--spacing-xl: 32px;--spacing-xxl: 64px;--element-xxs: 95px;--element-xs: 160px;--element-s: 250px;--element-m: 520px;--element-l: 840px;--element-xl: 1200px;--element-xxl: 1900px;--lightness-xxd: 0%;--lightness-xd: 10%;--lightness-d: 25%;--lightness-m: 50%;--lightness-b: 75%;--lightness-xb: 90%;--lightness-xxb: 100%;--radius-xxs: var(--spacing-xxs);--radius-xs: var(--spacing-xs);--radius-s: var(--spacing-s);--radius-m: var(--spacing-m);--radius-l: calc(var(--spacing-m) + var(--spacing-s));--radius-xl: var(--spacing-xl);--radius-xxl: var(--spacing-xxl);--shade-01: hsl(0, 0%, var(--lightness-xxd));--shade-02: hsl(0, 0%, var(--lightness-xd));--shade-03: hsl(0, 0%, var(--lightness-d));--shade-04: hsl(0, 0%, var(--lightness-m));--shade-05: hsl(0, 0%, var(--lightness-b));--shade-06: hsl(0, 0%, var(--lightness-xb));--shade-07: hsl(0, 0%, var(--lightness-xxb));--font-size-xxs: 6pt;--font-size-xs: 7pt;--font-size-s: 9pt;--font-size-m: 11pt;--font-size-l: 14pt;--font-size-xl: 19pt;--font-size-xxl: 24pt;--timing-xxs: .1s;--timing-xs: .2s;--timing-s: .5s;--timing-m: 1s;--timing-l: 1.6s;--timing-xl: 3.8s;--timing-xxl: 6.1s}:root{--font: "Poppins", Helvetica, Arial, sans-serif;--font-monospace: "Inconsolata", "Source Sans Pro", consolas, monospace;--font-icon: "Material Symbols Outlined";--editor-font: var(--font-size-m) var(--font-monospace);--font-xxs: var(--font-size-xxs) var(--font);--font-xxs-bold: bold var(--font-size-xxs) var(--font);--font-xs: var(--font-size-xs) var(--font);--font-xs-bold: bold var(--font-size-xs) var(--font);--font-s: var(--font-size-s) var(--font);--font-s-bold: bold var(--font-size-s) var(--font);--font-m: var(--font-size-m) var(--font);--font-m-bold: bold var(--font-size-m) var(--font);--font-l: var(--font-size-l) var(--font);--font-l-bold: bold var(--font-size-l) var(--font);--font-xl: var(--font-size-xl) var(--font);--font-xl-bold: bold var(--font-size-xl) var(--font);--font-xxl: var(--font-size-xxl) var(--font);--font-xxl-bold: bold var(--font-size-xxl) var(--font);--font-heading-l: bold 2em var(--font);--font-heading-m: bold 1.75em var(--font);--font-heading-s: bold 1.5em var(--font);--icon: 300 1.5em var(--font-icon);--font-article: var(--font-size-m) var(--font);--foreground: var(--foreground-01);--background: var(--background-01);--foreground-secondary: var(--foreground-03);--background-secondary: var(--background-01);--foreground-accent: var(--foreground-07);--background-accent: var(--background-01);--accent-h: 172deg;--accent-s: 22%;--accent-l: 50%;--accent-a: 81%;--accent-a-solid: 81%;--accent: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));--accent-solid: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a-solid));--secondary: #bfbfbfcf;--secondary-solid: #bfbfbfff;--red: #d87171cf;--red-solid: #d87171ff;--green: #9fda97cf;--green-solid: #9fda97ff;--blue: #9ec3d1cf;--blue-solid: #9ec3d1ff;--yellow: #f1e2a1cf;--yellow-solid: #f1e2a1ff;--orange: #e3c39dcf;--orange-solid: #e3c39dff;--border-simple: var(--spacing-xxs) solid var(--foreground-03);--border-dull: 1px solid var(--foreground-05);--border-accent: 3px solid var(--accent);--widget-radius-s: var(--radius-xs);--widget-radius-m: var(--radius-s);--widget-radius-l: var(--radius-m);--shadow-s: 0 0 var(--spacing-s) hsla(0, 0%, var(--lightness-xd), 25%);--shadow-m: 0 0 var(--spacing-m) hsla(0, 0%, var(--lightness-xd), 30%);--shadow-l: 0 0 var(--spacing-l) hsla(0, 0%, var(--lightness-xd), 35%);--widget-shadow: 0}@media screen and (prefers-color-scheme: light){:root{--background-01: var(--shade-07);--foreground-01: var(--shade-01);--background-02: var(--shade-06);--foreground-02: var(--shade-02);--background-03: var(--shade-05);--foreground-03: var(--shade-03);--background-04: var(--shade-04);--foreground-04: var(--shade-04);--background-05: var(--shade-03);--foreground-05: var(--shade-05);--background-06: var(--shade-02);--foreground-06: var(--shade-06);--background-07: var(--shade-01);--foreground-07: var(--shade-07);--background: var(--background-01);--background-dull: rgba(0, 0, 0, .015);--delta: .8;--secondary: #bfbfbfcf;--secondary-solid: #bfbfbfff}}@media screen and (prefers-color-scheme: dark){:root{--background-01: var(--shade-01);--foreground-01: var(--shade-07);--background-02: var(--shade-02);--foreground-02: var(--shade-06);--background-03: var(--shade-03);--foreground-03: var(--shade-05);--background-04: var(--shade-04);--foreground-04: var(--shade-04);--background-05: var(--shade-05);--foreground-05: var(--shade-03);--background-06: var(--shade-06);--foreground-06: var(--shade-02);--background-07: var(--shade-07);--foreground-07: var(--shade-01);--background: var(--background-01);--background-dull: rgba(255, 255, 255, .05);--delta: 1.2;--secondary: #494949CF;--secondary-solid: #494949FF}}button,.button,select,input[type=button],input[type=text],input[type=number],input[type=url],input[type=password],input[type=search]{padding:var(--spacing-s) var(--spacing-m);cursor:pointer;border:none;display:flex;gap:var(--spacing-m);align-items:center;justify-content:center;border-radius:var(--radius-s);white-space:nowrap}button,.button,input[type=button]{text-align:center}select{text-align:left}.button-group :is(button,.button,select,input[type=button],input[type=text],input[type=number],input[type=url],input[type=password],input[type=search]):not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}.button-group :is(button,.button,select,input[type=button],input[type=text],input[type=number],input[type=url],input[type=password],input[type=search]):not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.button-group{display:flex;overflow:visible}.button-group :is(button,.button,select,input[type=button],input[type=text],input[type=number],input[type=url],input[type=password],input[type=search]){box-shadow:none}:is(button,.button,select,input[type=button],input[type=text],input[type=number],input[type=url],input[type=password],input[type=search]):disabled{opacity:.5;filter:brightness(var(--delta))}:is(button,input[type=button],.button,select):hover{filter:brightness(var(--delta))}:is(button,.button,input[type=button]).symbolic{font-size:1em;line-height:1em;padding:var(--spacing-s)}:is(button,.button,input[type=button],select).primary{background:var(--accent);border:var(--border-dull);border-color:var(--accent-solid);color:var(--foreground-accent)}:is(button,.button,input[type=button],select),select,:is(button,.button,input[type=button],select).secondary{background:var(--secondary);border:var(--border-dull);border-color:var(--secondary-solid);color:var(--foreground-secondary)}:is(button,.button,input[type=button],select).tertiary{background:transparent;color:var(--foreground-03)}:is(button,.button,input[type=button]).tertiary.symbolic{background:transparent;color:var(--foreground);border:none;box-shadow:none}:is(button,.button,input[type=button],select).flat{background:transparent;border:none;color:inherit;box-shadow:none;display:inline;padding:0}:is(button,.button,input[type=button],select).success{background:var(--green);border:var(--border-dull);border-color:var(--green-solid);color:var(--foreground)}:is(button,.button,input[type=button],select).warning{background:var(--orange);border:var(--border-dull);border-color:var(--orange-solid);color:var(--foreground)}:is(button,.button,input[type=button],select).danger{background:var(--red);border:var(--border-dull);border-color:var(--red-solid);color:var(--foreground-accent)}input[type=text],input[type=number],input[type=url],input[type=password],input[type=search]{padding:var(--spacing-s) var(--spacing-m);cursor:pointer;border:none;display:flex;gap:var(--spacing-m);font-size:var(--font-size-m);text-align:left;align-items:center;justify-content:center;border-radius:var(--radius-s)}:is(input[type=text],input[type=number],input[type=url],input[type=password],input[type=search]).stretch{flex:1;grid-column:1 / -1}:is(input[type=text],input[type=number],input[type=url],input[type=password],input[type=search]){background:var(--background);border:var(--border-dull);border-color:var(--secondary-solid);color:var(--foreground-secondary)}:is(input[type=text],input[type=number],input[type=url],input[type=password],input[type=search]):focus{outline:none;box-shadow:var(--shadow-l)}:is(input[type=text],input[type=number],input[type=url],input[type=password],input[type=search]).error{border-color:var(--red-solid);color:var(--red-solid)}:is(input[type=text],input[type=number],input[type=url],input[type=password],input[type=search]).warning{border-color:var(--orange-solid);color:var(--orange-solid)}:is(input[type=text],input[type=number],input[type=url],input[type=password],input[type=search]).success{border-color:var(--green-solid);color:var(--green-solid)}#notifications :is(dialog,div[popover]){position:fixed;padding:var(--spacing-m) var(--spacing-xl) var(--spacing-m) var(--spacing-m);margin:0;inset:unset;bottom:var(--spacing-m);left:var(--spacing-m);min-width:var(--element-s)}#notifications :is(dialog,div[popover]) :is(h1,h2,h3,h4,h5,h6){margin:0;padding:0}#notifications :is(dialog,div[popover])>.autoclose-progress{content:"";position:absolute;bottom:0;left:0;width:0;height:var(--spacing-xxs);background:var(--accent)}:is(dialog,div[popover]){position:fixed;padding:var(--spacing-m);min-width:var(--element-s);max-height:90vh;overflow:auto;background:var(--background);border-radius:var(--radius-l);box-shadow:var(--shadow-l);border:var(--border-dull);border-color:var(--background-02);color:var(--foreground-secondary);font-size:var(--font-size-s)}:is(dialog,div[popover])>button.close-btn{position:absolute;width:var(--spacing-xl);height:var(--spacing-xl);color:var(--foreground-secondary);top:var(--spacing-m);right:var(--spacing-m)}.padding-h-xxs{padding-inline:var(--spacing-xxs)}.padding-h-xs{padding-inline:var(--spacing-xs)}.padding-h-s{padding-inline:var(--spacing-s)}.padding-h-m{padding-inline:var(--spacing-m)}.padding-h-l{padding-inline:var(--spacing-l)}.padding-h-xl{padding-inline:var(--spacing-xl)}.padding-h-xxl{padding-inline:var(--spacing-xxl)}.padding-v-xxs{padding-block:var(--spacing-xxs)}.padding-v-xs{padding-block:var(--spacing-xs)}.padding-v-s{padding-block:var(--spacing-s)}.padding-v-m{padding-block:var(--spacing-m)}.padding-v-l{padding-block:var(--spacing-l)}.padding-v-xl{padding-block:var(--spacing-xl)}.padding-v-xxl{padding-block:var(--spacing-xxl)}.max-width-xxs{max-width:var(--element-xxs)}.max-width-xs{max-width:var(--element-xs)}.max-width-s{max-width:var(--element-s)}.max-width-m{max-width:var(--element-m)}.max-width-l{max-width:var(--element-l)}.max-width-xl{max-width:var(--element-xl)}.max-width-xxl{max-width:var(--element-xxl)}.gap-xxs{gap:var(--spacing-xxs);grid-gap:var(--spacing-xxs)}.gap-xs{gap:var(--spacing-xs);grid-gap:var(--spacing-xs)}.gap-s{gap:var(--spacing-s);grid-gap:var(--spacing-s)}.gap-m{gap:var(--spacing-m);grid-gap:var(--spacing-m)}.gap-l{gap:var(--spacing-l);grid-gap:var(--spacing-l)}.gap-xl{gap:var(--spacing-xl);grid-gap:var(--spacing-xl)}.gap-xxl{gap:var(--spacing-xxl);grid-gap:var(--spacing-xxl)}.border-radius-xxs{border-radius:var(--radius-xxs)}.border-radius-xs{border-radius:var(--radius-xs)}.border-radius-s{border-radius:var(--radius-s)}.border-radius-m{border-radius:var(--radius-m)}.border-radius-l{border-radius:var(--radius-l)}.border-radius-xl{border-radius:var(--radius-xl)}.border-radius-xxl{border-radius:var(--radius-xxl)}.border-dull{border:var(--border-dull)}.flex-h{display:flex}.flex-v{display:flex;flex-direction:column}.align-maj-centre{justify-content:center}.align-maj-end{justify-content:flex-end}.align-maj-stretch{justify-content:stretch}.align-min-centre{align-items:center}.align-min-end{align-items:flex-end}.align-min-stretch{align-items:stretch}.fill-maj{flex:1}.fill-min{align-self:stretch}.centre-layout{display:flex;align-items:center;justify-content:center}.form-grid{display:grid;grid-template-columns:auto 1fr;grid-auto-rows:auto;gap:var(--spacing-s)}.form-grid .form-grid-item{grid-column:1 / -1}.form-grid .form-grid-row{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;grid-auto-rows:auto;align-items:center;justify-content:stretch}.subgrid{display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid}.subgrid-v{display:grid;grid-template-rows:subgrid}.subgrid-h{display:grid;grid-template-columns:subgrid}.auto-row{grid-auto-rows:auto}.auto-col{grid-auto-columns:auto}.error{color:var(--red-solid)}.warning{color:var(--orange-solid)}.success{color:var(--green-solid)}table{width:100%;border-collapse:collapse;margin-block:var(--spacing-m)}thead,thead tr,thead th{color:var(--foreground-secondary);text-align:left;border-bottom:var(--border-dull);white-space:nowrap}th:not(:last-child){border-right:var(--border-dull)}th,td{padding:var(--spacing-s) var(--spacing-m);white-space:nowrap}tr:nth-child(2n){background:var(--background-dull)}.tab-list{display:flex;flex-wrap:wrap;padding:var(--spacing-s) 0 0 0}.tab-list>*{flex:1;max-width:var(--element-xs);background:var(--background-02);border:var(--border-dull);border-color:var(--background-03);border-bottom:none;border-radius:var(--radius-m) var(--radius-m) 0 0;padding:var(--spacing-s) var(--spacing-m)}input[type=checkbox].switch{appearance:none;--dim: 16px;box-sizing:border-box;display:inline-flex;align-items:center;width:calc(2 * var(--dim));height:var(--dim);background:var(--background-02);cursor:pointer;border-radius:calc(1.5 * var(--dim));overflow:visible}input[type=checkbox].switch:before{content:"";display:block;box-sizing:border-box;transform:translate(0);background:var(--foreground-secondary);--size: calc(1.15 * var(--dim));width:var(--size);height:var(--size);overflow:hidden;border-radius:var(--size)}input[type=checkbox].switch:checked{justify-content:flex-end}input[type=checkbox].switch:checked:before{background:hsl(var(--accent-h),var(--accent-s),var(--accent-l))}span.capsule{display:inline;padding:0 var(--spacing-s);border-radius:var(--radius-s);font-size:var(--font-size-xs);text-decoration:none;margin-inline:var(--spacing-xs);background:var(--background-03);color:var(--foreground-03)}:root,body,#root,#app{background:var(--background);color:var(--foreground);font:var(--font-m);padding:0;margin:0;width:100vw;height:100vh;max-width:100vw;max-height:100vh;overscroll-behavior:contain;position:relative}#app{display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:auto 1fr auto;grid-template-areas:"header header header" "main   main   main" "status status container"}#app>#nav{grid-area:header}#app>#main{grid-area:main}#app>#container{grid-area:container}#main{display:grid;grid-template-rows:subgrid;grid-template-columns:subgrid;grid-template-areas:"dns-editor dns-editor dns-editor";border-bottom:var(--border-dull)}#container{font-size:var(--font-size-s);padding-inline:var(--spacing-m)}#container .button-group>*{padding:var(--spacing-xs) var(--spacing-s);font-size:var(--font-size-s)}#dns-editor{grid-area:dns-editor}[data-icon]:before{content:attr(data-icon);font:var(--icon)}[data-icon-after]:after{content:attr(data-icon-after);font:var(--icon)}svg{width:100%;height:100%}a{font-weight:700;text-decoration:none;color:var(--accent)}blockquote{background:var(--background-02);border-left:.5em solid var(--background-03);padding:var(--spacing-m) var(--spacing-l);border-radius:.5em;margin:0}blockquote.success{border-color:var(--green-solid);background-color:var(--green);color:var(--foreground)}blockquote.warning{border-color:var(--orange-solid);background-color:var(--orange);color:var(--foreground)}blockquote.error{border-color:var(--red-solid);background-color:var(--red);color:var(--foreground)}blockquote.info{border-color:var(--blue-solid);background-color:var(--blue);color:var(--foreground)}blockquote:is(.success,.warning,.error,.info):before{vertical-align:sub;margin-inline:var(--spacing-s)}