/* ./index.css */
.code-sample,.code-sample-result{width:75%}@media (width<=829px){.code-sample,.code-sample-result{width:95%}}.code-sample-result .result-content{margin-left:.75em;margin-right:.75em}.code-sample-container{flex:1;justify-content:center;align-items:center;max-width:100%}.dark-theme{& .code-sample pre{background:var(--clr-bg-2);border-radius:8px;padding-left:1em}}.light-theme{& .code-sample pre{background:var(--clr-bg-2);border-radius:8px;padding-left:1em}}.code-sample pre code{& .selector.selector.selector{height:unset;cursor:inherit;background:0 0;border:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;transition:none;display:inline;position:static;&:active,&:hover{background:0 0}}}.example-section{align-items:center;width:max(550px,65vw);padding-bottom:2em}.example-section-content{max-width:100%}.example-section p{place-self:flex-start;max-width:75%;margin-left:12.5%}@media (width<=829px){.example-section.example-section{width:max(200px,87.5vw);padding-left:.25em;padding-right:.25em}.example-section.example-section p{max-width:95%;margin-left:.2em}.example-section.example-section h5{max-width:95%;margin-top:.2em;margin-left:.2em}}.example-section h5{place-self:flex-start;max-width:75%;margin-bottom:0;margin-left:calc(12.5% - 1.995em)}.example-section:not(:last-child){margin-bottom:2em}.example-section h5{align-items:center;display:flex}.header-anchor.header-anchor{object-fit:contain;margin-right:.35em;padding:4px;font-size:.7em}.link-light,.link-dark{display:none}.light-theme .header-anchor .link-light,.dark-theme .header-anchor .link-dark{display:block}.font-size-selector{justify-content:center}.font-size-selector input{text-align:center;user-select:none;width:4em}.font-size-selector .btn{padding:.5em .75em}.left-navbar{width:clamp(200px,20vw,320px);height:100vh;margin:0 .3em;position:sticky;top:0;left:0}.left-navbar>.nav-sidebar{height:100%;overflow:auto}.left-navbar>.separator{width:calc(100% - 1em);margin:.75em .5em 0}.nav-sidebar.nav-sidebar{justify-content:flex-start}.nav-sidebar .nav-sidebar-btn.nav-sidebar-btn{padding:.55em .7em}.navbar-link{flex-direction:column;text-decoration:none;display:flex}a.navbar-link,a.navbar-link button{cursor:pointer}@media (width<=829px){.left-navbar.left-navbar{display:none}.left-navbar-mobile.left-navbar-mobile{display:block}.navbar-container{position:sticky;top:0;left:0}}.left-navbar-mobile{z-index:10;width:100vw;display:none}.left-navbar-mobile dialog{border:unset;margin:unset;padding:unset;background-color:#0000;min-width:100vw;min-height:100vh}.navbar-overlay-backdrop{background-color:#00000073;flex:1}.left-navbar-mobile-overlay{width:max(10em,65vw);min-height:100vh}.navbar-mobile-btn{justify-content:center;align-items:center;margin:.3em;display:flex}.navbar-mobile-btn .light-theme-img,.navbar-mobile-btn .dark-theme-img{--btn-image-dim:2em;width:var(--btn-image-dim);height:var(--btn-image-dim);display:none}.dark-theme .navbar-mobile-btn .dark-theme-img,.light-theme .navbar-mobile-btn .light-theme-img{display:block}.navbar-dialog{position:relative;&::backdrop{background-color:#0000}& .dialog-container{flex:1}& .left-navbar-mobile-overlay{z-index:2;max-height:100vh;animation-duration:.4s;animation-fill-mode:forwards;position:fixed;left:-65%;overflow-y:auto;&>:last-child{padding-bottom:65px}}& .navbar-overlay-backdrop{opacity:0;min-width:100vw;min-height:100vh;animation-duration:.4s;animation-fill-mode:forwards;position:fixed;top:0;left:0}&[open]{display:flex;& .left-navbar-mobile-overlay{animation-name:slideIn}& .navbar-overlay-backdrop{animation-name:fadein}}& .theme-switcher{padding-inline:.35em}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{left:-75%}to{left:0%}}.theme-switcher{place-self:center;margin:.85em 0}.github-badge{justify-content:center;width:16em;height:8em;display:flex;position:fixed;bottom:-4em;right:-8em;transform:rotate(-45deg);& .ghb-dark,& .ghb-light{width:2.5em;height:2.5em;margin-top:.4em;margin-right:.2em;display:none}}.dark-theme .github-badge{background:#f5f5f5;& .ghb-dark{display:block}}.light-theme .github-badge{background:#141414;& .ghb-light{display:block}}@media (width<=830px){.github-badge{display:none}}@font-face{font-family:Noto Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/notosans/v36/o-0mIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjcz6L1SoM-jCpoiyD9A99d.ttf)format("truetype")}@font-face{font-family:Ubuntu;font-style:italic;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/ubuntu/v20/4iCp6KVjbNBYlgoKejYHtGyI.ttf)format("truetype")}@font-face{font-family:Ubuntu;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/ubuntu/v20/4iCv6KVjbNBYlgoC1CzTtw.ttf)format("truetype")}@font-face{font-family:Ubuntu;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/ubuntu/v20/4iCv6KVjbNBYlgoCxCvTtw.ttf)format("truetype")}:root{--border-radius:8px}.dark-theme{--clr-bg-1:#141414;--clr-bg-2:#1f1f1f;--clr-bg-3:#303030;--clr-bg-4:#303030;--clr-bg-5:#3d3d3d;--clr-bg-6:#4b4b4b;--clr-text:#eeeeec;--clr-text-secondary:#a0a0a0;--clr-info-text:#fff;--clr-info-fg:#54affd;--clr-info-bg:#205faa;--clr-success-text:#fff;--clr-success-fg:#8ff0a4;--clr-success-bg:#038d4d;--clr-warning-text:#000c;--clr-warning-fg:#f8e45c;--clr-warning-bg:#c2a131;--clr-error-text:#fff;--clr-error-fg:#ff7b63;--clr-error-bg:#9c101a;--clr-dimmed:#454545;--clr-btn:#464646;--clr-btn-toggled:#343434;--clr-btn-hover:#555;--clr-btn-pressed:#393939;--clr-btn-adaptive:#6060608c;--clr-btn-adaptive-toggled:#3333338c;--clr-btn-adaptive-hover:#6d6d6d8c;--clr-btn-adaptive-pressed:#4747478c;--clr-focus:#546f8e;--clr-primary-text:var(--adw-accent-text,#fff);--clr-primary-000:color-mix(in srgb,var(--adw-accent,#3584e4)70%,black);--clr-primary-100:color-mix(in srgb,var(--adw-accent,#3584e4)80%,black);--clr-primary-200:color-mix(in srgb,var(--adw-accent,#3584e4)90%,black);--clr-primary-300:color-mix(in srgb,var(--adw-accent,#3584e4)95%,black);--clr-primary-400:var(--adw-accent,#3584e4);--clr-primary-500:color-mix(in srgb,var(--adw-accent,#3584e4)95%,white);--clr-primary-600:color-mix(in srgb,var(--adw-accent,#3584e4)93%,white);--clr-primary-700:color-mix(in srgb,var(--adw-accent,#3584e4)85%,white);--clr-primary-800:color-mix(in srgb,var(--adw-accent,#3584e4)80%,white);--clr-primary-900:color-mix(in srgb,var(--adw-accent,#3584e4)75%,white);--clr-danger-text:var(--adw-danger-text,#fff);--clr-danger-000:color-mix(in srgb,var(--adw-danger,#c01c28)70%,black);--clr-danger-100:color-mix(in srgb,var(--adw-danger,#c01c28)80%,black);--clr-danger-200:color-mix(in srgb,var(--adw-danger,#c01c28)90%,black);--clr-danger-300:color-mix(in srgb,var(--adw-danger,#c01c28)95%,black);--clr-danger-400:var(--adw-danger,#c01c28);--clr-danger-500:color-mix(in srgb,var(--adw-danger,#c01c28)95%,white);--clr-danger-600:color-mix(in srgb,var(--adw-danger,#c01c28)93%,white);--clr-danger-700:color-mix(in srgb,var(--adw-danger,#c01c28)85%,white);--clr-danger-800:color-mix(in srgb,var(--adw-danger,#c01c28)80%,white);--clr-danger-900:color-mix(in srgb,var(--adw-danger,#c01c28)75%,white);--clr-list-elem:#3b3b3b;--clr-list-elem-border:#303030;--clr-list-elem-hover:#4e4e4e;--clr-list-elem-2:#2e2e2e;--clr-list-elem-border-2:#1f1f1f;--clr-list-elem-hover-2:#414141;--clr-slider-thumb:#e6e6e6;--clr-spinner-bg:#c6c6c6;--clr-spinner-fg:#313131}.dark-theme *{color:var(--clr-text)}.light-theme{--clr-bg-1:#fff;--clr-bg-2:#f5f5f5;--clr-bg-3:#e8e8e8;--clr-bg-4:#fff;--clr-bg-5:#dbdbdb;--clr-bg-6:#ccc;--clr-text:#000c;--clr-text-secondary:#686868;--clr-info-text:#fff;--clr-info-fg:#277ee7;--clr-info-bg:#5e99e0;--clr-success-text:#fff;--clr-success-fg:#1b8553;--clr-success-bg:#6cc472;--clr-warning-text:#000c;--clr-warning-fg:#9c6e03;--clr-warning-bg:#edd453;--clr-error-text:#fff;--clr-error-fg:#c01c28;--clr-error-bg:#ff4949;--clr-dimmed:#cfcfcf;--clr-btn:#e0e0e0;--clr-btn-toggled:#bababa;--clr-btn-hover:#d4d4d4;--clr-btn-pressed:#bfbfbf;--clr-btn-adaptive:#85858542;--clr-btn-adaptive-toggled:#06060642;--clr-btn-adaptive-hover:#52525242;--clr-btn-adaptive-pressed:#1f1f1f42;--clr-focus:#8db8ec;--clr-primary-text:var(--adw-accent-text,#fff);--clr-primary-000:color-mix(in srgb,var(--adw-accent,#3584e4)70%,black);--clr-primary-100:color-mix(in srgb,var(--adw-accent,#3584e4)80%,black);--clr-primary-200:color-mix(in srgb,var(--adw-accent,#3584e4)90%,black);--clr-primary-300:color-mix(in srgb,var(--adw-accent,#3584e4)95%,black);--clr-primary-400:var(--adw-accent,#3584e4);--clr-primary-500:color-mix(in srgb,var(--adw-accent,#3584e4)95%,white);--clr-primary-600:color-mix(in srgb,var(--adw-accent,#3584e4)93%,white);--clr-primary-700:color-mix(in srgb,var(--adw-accent,#3584e4)85%,white);--clr-primary-800:color-mix(in srgb,var(--adw-accent,#3584e4)80%,white);--clr-primary-900:color-mix(in srgb,var(--adw-accent,#3584e4)75%,white);--clr-danger-text:var(--adw-danger-text,#000c);--clr-danger-000:color-mix(in srgb,var(--adw-danger,#e01b24)70%,black);--clr-danger-100:color-mix(in srgb,var(--adw-danger,#e01b24)80%,black);--clr-danger-200:color-mix(in srgb,var(--adw-danger,#e01b24)90%,black);--clr-danger-300:color-mix(in srgb,var(--adw-danger,#e01b24)95%,black);--clr-danger-400:var(--adw-danger,#e01b24);--clr-danger-500:color-mix(in srgb,var(--adw-danger,#e01b24)95%,white);--clr-danger-600:color-mix(in srgb,var(--adw-danger,#e01b24)93%,white);--clr-danger-700:color-mix(in srgb,var(--adw-danger,#e01b24)85%,white);--clr-danger-800:color-mix(in srgb,var(--adw-danger,#e01b24)80%,white);--clr-danger-900:color-mix(in srgb,var(--adw-danger,#e01b24)75%,white);--clr-list-elem:#ededed;--clr-list-elem-border:#fff;--clr-list-elem-hover:#d4d4d4;--clr-list-elem-2:#fff;--clr-list-elem-border-2:#e0e0e0;--clr-list-elem-hover-2:#f7f7f7;--clr-slider-thumb:#fafafa;--clr-spinner-bg:#a9a9a9;--clr-spinner-fg:#f2f2f2}.light-theme *{color:var(--clr-text)}.alert{background-color:var(--clr-bg-3);border-radius:var(--border-radius);color:var(--clr-text);padding:1.5em;font-family:Ubuntu,sans-serif}.alert.info{background-color:var(--clr-info-bg)}.alert.info,.alert.info *{color:var(--clr-info-text)}.alert.success{background-color:var(--clr-success-bg)}.alert.success,.alert.success *{color:var(--clr-success-text)}.alert.warning{background-color:var(--clr-warning-bg)}.alert.warning,.alert.warning *{color:var(--clr-warning-text)}.alert.error{background-color:var(--clr-error-bg)}.alert.error,.alert.error *{color:var(--clr-error-text)}.box{background-color:var(--clr-bg-2);display:flex}.box::-webkit-scrollbar{border-radius:var(--border-radius);background-color:#0000;width:8px;height:8px}.box::-webkit-scrollbar-track{border-radius:var(--border-radius);margin:6px}.box::-webkit-scrollbar-thumb{background-color:var(--clr-bg-6);border-radius:var(--border-radius)}.box::-webkit-scrollbar-track:hover{background-color:color-mix(in srgb,var(--clr-bg-6),transparent 70%)}.box.rounded{border-radius:var(--border-radius)}.box.bg-1{background-color:var(--clr-bg-1)}.box.bg-2{background-color:var(--clr-bg-2)}.box.bg-3{background-color:var(--clr-bg-3)}.box.bg-4{background-color:var(--clr-bg-4)}.box.bg-5{background-color:var(--clr-bg-5)}.box.bg-6{background-color:var(--clr-bg-6)}.breadcrumbs{background-color:var(--clr-bg-5);border-radius:4px;flex-direction:row;align-items:center;padding:.15em;display:flex}.breadcrumbs .breadcrumb-separator{color:color-mix(in srgb,var(--clr-text)60%,#fff0);height:fit-content;margin:0 .25em}.breadcrumbs .breadcrumb-separator:after{content:"/"}.breadcrumbs .breadcrumb-item{border:unset;outline:unset;background-color:unset;color:color-mix(in srgb,var(--clr-text)60%,#fff0);border-radius:4px;padding:.3em .5em;font-family:Ubuntu,sans-serif;transition:background .2s ease-in-out,background-color .2s ease-in-out}.breadcrumbs .breadcrumb-item.active{color:var(--clr-text)}.breadcrumbs .breadcrumb-item.activable:not(.active):hover{cursor:pointer;color:var(--clr-text);background-color:var(--clr-btn-hover)}.btn{cursor:pointer;background-color:var(--clr-btn);border-radius:var(--border-radius);border:unset;outline:unset;outline-offset:-4px;padding:.5em 1em;font-family:Ubuntu,sans-serif;transition:background .2s ease-in-out,background-color .2s ease-in-out}.btn.adaptive{background-color:var(--clr-btn-adaptive)}.btn.adaptive.toggled{background-color:var(--clr-btn-adaptive-toggled)}.btn.adaptive:not(.toggled,.disabled):active:active{background-color:var(--clr-btn-adaptive-pressed)}.btn.adaptive:hover:not(.toggled,.disabled){background-color:var(--clr-btn-adaptive-hover)}.btn.primary{background-color:var(--clr-primary-300);color:var(--clr-primary-text)}.btn.primary:hover:not(.toggled,.disabled){background-color:var(--clr-primary-500)}.btn.primary:active:active:not(.disabled){background-color:var(--clr-primary-200)}.btn.primary.toggled{background-color:var(--clr-primary-100)}.btn.primary.disabled{background-color:color-mix(in srgb,var(--clr-primary-300)75%,black);color:color-mix(in srgb,var(--clr-primary-text)60%,#fff0)}.btn.danger{background-color:var(--clr-danger-400);color:var(--clr-danger-text)}.btn.danger:hover:not(.toggled,.disabled){background-color:var(--clr-danger-600)}.btn.danger:active:active:not(.disabled){background-color:var(--clr-danger-300)}.btn.danger.toggled{background-color:var(--clr-danger-500)}.btn.danger.disabled{background-color:color-mix(in srgb,var(--clr-danger-300)85%,black);color:color-mix(in srgb,var(--clr-danger-text)60%,#fff0)}.btn.flat{background-color:#0000}.btn.flat:hover:not(.disabled){background-color:var(--clr-btn)}.btn.flat.adaptive:hover:not(.disabled){background-color:var(--clr-btn-adaptive)}.btn.flat:active:active:not(.disabled){background-color:var(--clr-btn-pressed)}.btn.flat:active:active:not(.disabled).adaptive{background-color:var(--clr-btn-adaptive-pressed)}.btn.circular{padding:unset;border-radius:5em;width:2.5em;height:2.5em}.btn.square{padding:unset;width:2.5em;height:2.5em}.btn.pill{border-radius:5em}.btn.toggled{background-color:var(--clr-btn-toggled)}.btn.disabled{color:color-mix(in srgb,var(--clr-text)60%,#fff0);cursor:not-allowed}.btn:hover:not(.toggled,.disabled){background-color:var(--clr-btn-hover)}.btn:not(.toggled,.disabled):active:active{background-color:var(--clr-btn-pressed)}.btn:focus-visible{outline:solid 2px var(--clr-focus);outline-offset:-2px}.card{border-radius:var(--border-radius);background-color:var(--clr-bg-4);padding:.85em 1.15em;-webkit-box-shadow:0 0 8px -4px #868686;-moz-box-shadow:0 0 8px -4px #868686;box-shadow:0 0 8px -4px #868686}.card.activable{transition:background .2s ease-in-out,background-color .2s ease-in-out}.card.activable:hover{background-color:color-mix(in srgb,var(--clr-bg-4)90%,gray)}.checkbox{cursor:pointer;-webkit-appearance:none;appearance:none;font:inherit;color:currentColor;border:2px solid var(--clr-btn-hover);background-color:#fff;border-radius:.2em;place-content:center;width:1.2em;height:1.2em;margin:.1em;transition:background .2s ease-in-out,background-color .2s ease-in-out;display:grid;transform:translateY(-.075em)}.checkbox:before{opacity:0;content:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgdmlld0JveD0iMCAwIDI0IDI0IgogICB3aWR0aD0iMTAwJSIKICAgaGVpZ2h0PSIxMDAlIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmcyIgogICBzb2RpcG9kaTpkb2NuYW1lPSJpY29uczgtY2hlY2ttYXJrLnN2ZyIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4zICgwZTE1MGVkNmM0LCAyMDIzLTA3LTIxKSIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzMiIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgaWQ9Im5hbWVkdmlldzIiCiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjMDAwMDAwIgogICAgIGJvcmRlcm9wYWNpdHk9IjAuMjUiCiAgICAgaW5rc2NhcGU6c2hvd3BhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgICBpbmtzY2FwZTpwYWdlY2hlY2tlcmJvYXJkPSIwIgogICAgIGlua3NjYXBlOmRlc2tjb2xvcj0iI2QxZDFkMSIKICAgICBpbmtzY2FwZTp6b29tPSI2LjA5ODk1ODMiCiAgICAgaW5rc2NhcGU6Y3g9IjQyLjYzMDIzMSIKICAgICBpbmtzY2FwZTpjeT0iNTIuMjIyMDMyIgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMjUwNiIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMzcxIgogICAgIGlua3NjYXBlOndpbmRvdy14PSIwIgogICAgIGlua3NjYXBlOndpbmRvdy15PSIwIgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnMiIgLz4KICA8cGF0aAogICAgIGQ9Im0gOS44MDIzNTA1LDIwLjE3NjI3OSBjIC0wLjU3ODYyMTksMCAtMS4xMzQzMTc1LC0wLjIzMDM1NiAtMS41NDM3MTk1LC0wLjYzOTc1OSBMIDEuMTQzNzYzNywxMi40MjE2NTQgYyAtMC44NTI2NDg1NCwtMC44NTI2NDggLTAuODUyNjQ4NTQsLTIuMjM0NzkxIDAsLTMuMDg3NDM5NSAwLjg1MjY0ODYsLTAuODUyNjQ4NCAyLjIzNDc5MDgsLTAuODUyNjQ4NCAzLjA4NzQzOTMsMCBMIDkuODAyMzUwNSwxNC45MDUzNjEgMTkuNzYwMTA2LDQuOTQ3NjA1NyBjIDAuODUyNjQ5LC0wLjg1MjY0ODUgMi4yMzQ3OTEsLTAuODUyNjQ4NSAzLjA4NzQ0LDAgMC44NTI2NDgsMC44NTI2NDg0IDAuODUyNjQ4LDIuMjM0NzkwMiAwLDMuMDg3NDM4OSBMIDExLjM0NjA3LDE5LjUzNjUyIGMgLTAuNDA5NDAzLDAuNDA5NDAzIC0wLjk2NTA5OCwwLjYzOTc1OSAtMS41NDM3MTk1LDAuNjM5NzU5IHoiCiAgICAgaWQ9InBhdGgxIgogICAgIHN0eWxlPSJzdHJva2Utd2lkdGg6MS4wOTE3NDtmaWxsOiNmOWY5ZjkiIC8+Cjwvc3ZnPg==);width:.75em;height:.75em;transition:opacity .2s;position:absolute;top:.15em;left:.12em}.checkbox:checked{background-color:var(--clr-primary-600)}.checkbox:checked:before{opacity:1}.checkbox:focus-visible{outline:solid 2px var(--clr-focus);outline-offset:0px}.checkbox.disabled{cursor:not-allowed;background-color:#a6a6a6}.dialog{all:revert;background-color:var(--clr-bg-1);border-radius:var(--border-radius);border:none;padding:0}.dialog:is(dialog):modal{max-width:unset;max-height:unset}.dialog:not(dialog),.dialog:is(dialog)[open]{flex-direction:column;display:flex}.dialog .dialog-header{background-color:var(--clr-bg-2);border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);flex-direction:row;justify-content:center;align-items:center;min-height:2.4em;padding:.1em;font-family:Ubuntu,sans-serif;font-size:1em;font-weight:500;display:flex}.dialog .dialog-header .dialog-title{text-align:center;flex:1;margin-inline:.5em}.dialog .dialog-body{padding:.5em}.frame{border:1px solid var(--clr-dimmed)}.frame::-webkit-scrollbar{border-radius:var(--border-radius);background-color:#0000;width:8px;height:8px}.frame::-webkit-scrollbar-track{border-radius:var(--border-radius);margin:6px}.frame::-webkit-scrollbar-thumb{background-color:var(--clr-bg-6);border-radius:var(--border-radius)}.frame::-webkit-scrollbar-track:hover{background-color:color-mix(in srgb,var(--clr-bg-6),transparent 70%)}.input{color:var(--clr-text);background-color:var(--clr-btn);border-radius:var(--border-radius);outline:1px solid var(--clr-btn);outline-offset:-1px;border:none;padding:.3em .5em;font-family:Ubuntu,sans-serif}.input::placeholder{color:color-mix(in srgb,var(--clr-text)40%,gray)}.input.input.input:focus-visible:not(.disabled){outline:1px solid var(--clr-primary-300)}.input.disabled{color:color-mix(in srgb,color-mix(in srgb,var(--clr-text)40%,gray)70%,#fff0);cursor:not-allowed;caret-color:#0000}.input.disabled::placeholder{opacity:.5}.linked{display:flex}.linked:not(.vertical){flex-flow:row}.linked:not(.vertical)>:not(:first-child):is(.btn,.input),.linked:not(.vertical)>:not(:first-child):is(.btn-wrapper,.input-wrapper) :is(.btn,.input){border-left:.5px solid var(--clr-dimmed);border-top-left-radius:0;border-bottom-left-radius:0}.linked:not(.vertical)>:not(:last-child):is(.btn,.input),.linked:not(.vertical)>:not(:last-child):is(.btn-wrapper,.input-wrapper) :is(.btn,.input){border-right:.5px solid var(--clr-dimmed);border-top-right-radius:0;border-bottom-right-radius:0}.linked.vertical{flex-direction:column}.linked.vertical>:not(:first-child):is(.btn,.input),.linked.vertical>:not(:first-child):is(.btn-wrapper,.input-wrapper) :is(.btn,.input){border-top:.5px solid var(--clr-dimmed);border-top-left-radius:0;border-top-right-radius:0}.linked.vertical>:not(:last-child):is(.btn,.input),.linked.vertical>:not(:last-child):is(.btn-wrapper,.input-wrapper) :is(.btn,.input){border-bottom:.5px solid var(--clr-dimmed);border-bottom-right-radius:0;border-bottom-left-radius:0}.list{border-radius:var(--border-radius)}.list::-webkit-scrollbar{border-radius:var(--border-radius);background-color:#0000;width:8px;height:8px}.list::-webkit-scrollbar-track{border-radius:var(--border-radius);margin:6px}.list::-webkit-scrollbar-thumb{background-color:var(--clr-bg-6);border-radius:var(--border-radius)}.list::-webkit-scrollbar-track:hover{background-color:color-mix(in srgb,var(--clr-bg-6),transparent 70%)}.list{-webkit-box-shadow:0 0 8px -4px #868686;-moz-box-shadow:0 0 8px -4px #868686;box-shadow:0 0 8px -4px #868686}.list .list-element{background-color:var(--clr-list-elem);background-clip:padding-box;padding:1em 1.15em;transition:background .1s ease-in-out,background-color .1s ease-in-out}.list .list-element:first-child{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.list .list-element:last-child{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.list .list-element:not(:first-child){border-top:1px solid var(--clr-list-elem-border)}.list .list-element:not(:last-child){border-bottom:1px solid var(--clr-list-elem-border)}.list .list-element.activable:hover{background-color:var(--clr-list-elem-hover)}.list.bg-2 .list-element{background-color:var(--clr-list-elem-2)}.list.bg-2 .list-element:not(:first-child){border-top:1px solid var(--clr-list-elem-border-2)}.list.bg-2 .list-element:not(:last-child){border-bottom:1px solid var(--clr-list-elem-border-2)}.list.bg-2 .list-element.activable:hover{background-color:var(--clr-list-elem-hover-2)}.message{font-family:Ubuntu,sans-serif}.message.info{color:var(--clr-info-fg)}.message.success{color:var(--clr-success-fg)}.message.warning{color:var(--clr-warning-fg)}.message.error{color:var(--clr-error-fg)}.nav-sidebar{flex-direction:column;padding:.25em;display:flex}.nav-sidebar::-webkit-scrollbar{border-radius:var(--border-radius);background-color:#0000;width:8px;height:8px}.nav-sidebar::-webkit-scrollbar-track{border-radius:var(--border-radius);margin:6px}.nav-sidebar::-webkit-scrollbar-thumb{background-color:var(--clr-bg-6);border-radius:var(--border-radius)}.nav-sidebar::-webkit-scrollbar-track:hover{background-color:color-mix(in srgb,var(--clr-bg-6),transparent 70%)}.nav-sidebar .nav-sidebar-btn{font-size:inherit;border:unset;border-radius:var(--border-radius);background-color:#0000;margin:1px 0;padding:.5em .7em;font-family:Ubuntu,sans-serif;transition:background .1s ease-in-out,background-color .1s ease-in-out;display:flex}.nav-sidebar .nav-sidebar-btn.active{background-color:#80808040}.nav-sidebar .nav-sidebar-btn:hover{background-color:#80808033}.nav-sidebar .nav-sidebar-btn:active{background-color:#8080804d}.nav-sidebar .nav-sidebar-btn:focus-visible{outline:solid 2px var(--clr-focus);outline-offset:-2px}.separator{background-color:var(--clr-dimmed)}.separator:not(.vertical){width:100%;height:1px;margin-top:6px;margin-bottom:6px}.separator.vertical{width:1px;margin-left:6px;margin-right:6px}.slider{cursor:pointer;user-select:none;border-radius:6px;flex:1;min-height:1em}.slider.disabled{cursor:not-allowed}.slider.disabled .slider-progress{background-color:color-mix(in srgb,var(--clr-btn)65%,#dfdfdf)}.slider.disabled .slider-thumb{background-color:color-mix(in srgb,var(--clr-slider-thumb)80%,black)}.slider:not(.no-position){position:relative}.slider:focus-visible{outline:solid 2px var(--clr-focus);outline-offset:2px}.slider .slider-track{background-color:color-mix(in srgb,var(--clr-btn)65%,#888);border-radius:18px;height:.3em}.slider .slider-track:not(.no-position){position:absolute;top:.3em;left:0;right:0}.slider .slider-progress{background-color:var(--clr-primary-400);border-radius:18px;height:.3em}.slider .slider-progress:not(.no-position){position:absolute;top:.3em;left:0;right:100%}.slider .slider-thumb{background-color:var(--clr-slider-thumb);border-radius:18px;width:.75em;height:.75em;-webkit-box-shadow:0 0 1.5px 1.5px #868686;-moz-box-shadow:0 0 1.5px 1.5px #868686;box-shadow:0 0 1.5px 1.5px #868686}.slider .slider-thumb:not(.no-position){position:absolute;top:.1em;left:-.3em}.switch{cursor:pointer;user-select:none;background-color:var(--clr-bg-6);border-radius:18px;width:3.4em;height:1.7em;transition:background .2s ease-in-out,background-color .2s ease-in-out}.switch .switch-knob{background-color:#f2f2f2;border-radius:18px;width:1.4em;height:1.4em;margin:.15em;transition:left .2s;position:relative;top:0;left:0}.switch.disabled{cursor:not-allowed}.switch.disabled.active{background-color:color-mix(in srgb,var(--clr-bg-6)60%,gray)}.switch.disabled .switch-knob{background-color:color-mix(in srgb,var(--clr-bg-3)50%,#d9d9d9)}.switch.active{background-color:var(--clr-primary-600)}.switch.active .switch-knob{left:1.7em}.switch:focus-visible{outline:solid 2px var(--clr-focus);outline-offset:2px}.text{font-family:Ubuntu,sans-serif;font-size:1em;font-weight:500}.label{font-family:Ubuntu,sans-serif;font-size:1.1em;font-weight:700}.subtitle{color:var(--clr-text-secondary);font-family:Ubuntu,sans-serif;font-size:.9em;font-weight:500}.header{font-family:Ubuntu,sans-serif;font-size:1.5em;font-weight:700}.suggestions{background-color:var(--clr-btn);border-radius:var(--border-radius)}.suggestions::-webkit-scrollbar{border-radius:var(--border-radius);background-color:#0000;width:8px;height:8px}.suggestions::-webkit-scrollbar-track{border-radius:var(--border-radius);margin:6px}.suggestions::-webkit-scrollbar-thumb{background-color:var(--clr-bg-6);border-radius:var(--border-radius)}.suggestions::-webkit-scrollbar-track:hover{background-color:color-mix(in srgb,var(--clr-bg-6),transparent 70%)}.suggestions .suggestions-option{background-color:var(--clr-btn);background-clip:padding-box;padding:.5em;transition:background .1s ease-in-out,background-color .1s ease-in-out}.suggestions .suggestions-option.active{background-color:var(--clr-btn-hover)}.selector{background-color:var(--clr-btn);border-radius:var(--border-radius);border:1px solid var(--clr-btn);cursor:pointer;flex-direction:row;height:1.8em;font-family:Ubuntu,sans-serif;transition:background .2s ease-in-out,background-color .2s ease-in-out;display:flex}.selector:not(.no-position){position:relative}.selector:focus-visible{border:1px solid var(--clr-primary-300);outline:none}.selector.disabled{cursor:not-allowed}.selector.disabled .selected-option{color:color-mix(in srgb,var(--clr-text)60%,#fff0)}.selector .selected-option{color:var(--clr-text);border-bottom-left-radius:var(--border-radius);border-top-left-radius:var(--border-radius);user-select:none;white-space:nowrap;flex:1;padding:.3em .9em;font-family:Ubuntu,sans-serif;overflow:hidden}.selector .down-button{border-bottom-right-radius:var(--border-radius);border-top-right-radius:var(--border-radius);width:1.8em;height:100%;position:relative}.selector .down-button:before{content:"◢";color:var(--clr-text);font-size:.7em;position:absolute;top:.4em;left:1em;transform:rotate(45deg)}.selector:hover:not(.disabled),.selector.opened{background-color:var(--clr-btn-hover)}.selector:not(.opened,.disabled):active{background-color:var(--clr-btn-pressed)}.selector .options-list{border-radius:var(--border-radius);background-color:var(--clr-btn);flex-direction:column;padding:.4em;display:flex}.selector .options-list::-webkit-scrollbar{border-radius:var(--border-radius);background-color:#0000;width:8px;height:8px}.selector .options-list::-webkit-scrollbar-track{border-radius:var(--border-radius);margin:6px}.selector .options-list::-webkit-scrollbar-thumb{background-color:var(--clr-bg-6);border-radius:var(--border-radius)}.selector .options-list::-webkit-scrollbar-track:hover{background-color:color-mix(in srgb,var(--clr-bg-6),transparent 70%)}.selector .options-list.top{margin-bottom:.3em}.selector .options-list:not(.top){margin-top:.3em}.selector .options-list:not(.no-position).top{position:absolute;bottom:1.8em;left:0;right:0}.selector .options-list:not(.no-position):not(.top){position:absolute;top:1.8em;left:0;right:0}.selector .options-list .option{border-radius:var(--border-radius);border:unset;outline:unset;cursor:pointer;user-select:none;text-align:left;background-color:#0000;justify-content:flex-start;padding:.3em .5em;transition:background .1s ease-in-out,background-color .1s ease-in-out;display:flex}.selector .options-list .option:hover{background-color:var(--clr-btn-hover)}.selector .options-list .option:active{background-color:var(--clr-btn-pressed)}.selector .options-list .option:focus-visible{background-color:var(--clr-bg-6)}.scrollview::-webkit-scrollbar{border-radius:var(--border-radius);background-color:#0000;width:8px;height:8px}.scrollview::-webkit-scrollbar-track{border-radius:var(--border-radius);margin:6px}.scrollview::-webkit-scrollbar-thumb{background-color:var(--clr-bg-6);border-radius:var(--border-radius)}.scrollview::-webkit-scrollbar-track:hover{background-color:color-mix(in srgb,var(--clr-bg-6),transparent 70%)}@keyframes skeleton-msk-anim{0%{mask-position:100% 0}to{mask-position:0 0}}.skeleton{pointer-events:none;animation:1s ease-out infinite skeleton-msk-anim;mask-image:linear-gradient(90deg,#fff0 25%,#000 50%,#fff0 75%);mask-size:400% 100%;mask-repeat:repeat}.skeleton *{pointer-events:inherit;user-select:none}.skeleton input::selection{color:#0000}.skeleton .checkbox.checkbox:checked:before{opacity:0}.skeleton .header,.skeleton .text,.skeleton .label,.skeleton .subtitle,.skeleton .message,.skeleton .alert{color:#0000;background-color:#88888852}.skeleton .alert *{opacity:0}.skeleton .breadcrumbs,.skeleton .btn.btn.btn.btn.btn{color:#0000;background-color:#88888852;border-left:0;border-right:0}.skeleton .breadcrumbs .breadcrumb-separator,.skeleton .breadcrumbs .breadcrumb-item{color:#0000}.skeleton .input.input{color:#0000;background-color:#88888852;outline:0}.skeleton .input.input::placeholder{color:#0000}.skeleton .linked .input,.skeleton .linked .btn{background:#73737352!important;animation:none!important}.skeleton .checkbox{background:#88888852;border:0}.skeleton .selector,.skeleton .switch,.skeleton .slider{background:#88888852}.skeleton .selector>*,.skeleton .switch>*,.skeleton .slider>*{opacity:0;color:#0000}.skeleton .spinner,.skeleton .spinner .inner-circle{background:#88888852}.skeleton .separator{opacity:0}.skeleton .nav-sidebar .nav-sidebar-btn{color:#0000;background:#88888852}.skeleton .nav-sidebar :not(.nav-sidebar-btn){opacity:0}.skeleton .list{background:#88888852}.skeleton .list *{opacity:0}.spinner{background-color:var(--clr-spinner-bg);border-radius:100px;justify-content:center;align-items:flex-start;width:1em;height:1em;animation-name:spinner-spin;animation-duration:.8s;animation-timing-function:linear;animation-iteration-count:infinite;display:flex}.spinner .inner-circle{background-color:var(--clr-spinner-fg);border-radius:100px;width:.8em;height:.8em;display:block}@keyframes spinner-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:not(body,h1,h2,h3,h4,h5,h6){font-size:inherit}h1,h2,h3,h4,h5,h6{font-family:Ubuntu,sans-serif}body{margin:unset;min-height:100vh;display:block!important}#root{min-height:100vh}@media (width<=829px){#root{flex-direction:column}}.flexbox{display:flex}.column{flex-direction:column}.justify-center{justify-content:center}.align-center{align-items:center}.navbar-container{view-transition-name:none;z-index:100}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}::view-transition-old(main-transition){animation-name:fade-out;animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:both}::view-transition-new(main-transition){animation-name:fade-in;animation-duration:.3s;animation-timing-function:ease-in;animation-delay:.2s;animation-fill-mode:both}#example-view{view-transition-name:main-transition;flex:1;justify-content:center;margin-bottom:2em}.contents{display:contents}.extend{flex-grow:1;place-self:stretch stretch}@media (width<=829px){.input{max-width:50vw}}.light-theme code.hljs{background-color:#f4f4f4}code.hljs::-webkit-scrollbar{border-radius:var(--border-radius);background-color:#0000;width:8px;height:8px}code.hljs::-webkit-scrollbar-track{border-radius:var(--border-radius);margin:6px}code.hljs::-webkit-scrollbar-thumb{background-color:var(--clr-bg-4);border-radius:var(--border-radius)}code.hljs::-webkit-scrollbar-track:hover{background-color:color-mix(in srgb,var(--clr-bg-4),transparent 70%)}body:has(dialog[open]){overflow:hidden}