@layer reset,base,layout,components,utilities;@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap") layer(base);@layer reset{:root,*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}body{min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}}@layer base{:root{--border-radius:4px;--border-width:1px;--border-radius-small:4px;--border-radius-big:8px;--transition-time:2s;--lighter-rgb:rgba(255,255,255,0.9);--darker-rgb:rgba(0,0,0,0.9);--breakpoint-mq1:320px;--breakpoint-mq2:480px;--breakpoint-mq3:768px;--breakpoint-mq4:1024px;--breakpoint-mq5:1280px;--breakpoint-mq6:1440px;--breakpoint-mq7:1680px;--blur:10px;--page-width:1200px;--page-middle:600px}}@layer base{:root{color-scheme:light dark;--color-white:#ffffff;--color-black:#000000;--color-blackish:#0c0c0c;--color-disabled:#c9c4c4;--color-status-red:#eb2220;--color-status-yellow:#fdc602;--color-status-orange:#ce8600;--color-status-green:#00e932;--color-info:#33b5e5;--color-dark:#3c3c3c;--color-darkHover:color-mix(in srgb,var(--color-dark) 80%,white);--color-darkText:white;--color-darkActive:color-mix(in srgb,var(--color-dark) 80%,white);--color-darkActiveHover:color-mix(in srgb,var(--color-dark) 40%,white);--color-light:#f5f4f4;--color-lightHover:color-mix(in srgb,var(--color-light) 90%,black);--color-lightText:var(--color-dark);--color-lightActive:color-mix(in srgb,var(--color-light) 90%,black);--color-lightActiveHover:color-mix(in srgb,var(--color-light) 70%,black);--color-element:#f7f7f7;--color-elementHover:color-mix(in srgb,var(--color-element) 90%,white);--color-elementText:black;--color-elementActive:color-mix(in srgb,var(--color-element) 80%,white);--color-elementActiveHover:color-mix(in srgb,var(--color-element) 70%,white);--color-primary:#193e94;--color-primaryText:#ffffff;--color-primaryHover:color-mix(in srgb,var(--color-primary) 90%,black);--color-primaryActive:color-mix(in srgb,var(--color-primary) 80%,black);--color-primaryActiveHover:color-mix(in srgb,var(--color-primary) 70%,black);--color-focusRing:color-mix(in srgb,var(--color-primary) 25%,transparent);--color-secondary:#00e23f;--color-secondaryText:#1f1f1f;--color-secondaryHover:color-mix(in srgb,var(--color-secondary) 90%,black);--color-secondaryActive:color-mix(in srgb,var(--color-secondary) 80%,black);--color-secondaryActiveHover:color-mix(in srgb,var(--color-secondary) 70%,black);--color-tertiary:#0fd170;--color-tertiaryText:#1f1f1f;--color-tertiaryHover:color-mix(in srgb,var(--color-tertiary) 95%,black);--color-tertiaryActive:color-mix(in srgb,var(--color-tertiary) 90%,black);--color-tertiaryActiveHover:color-mix(in srgb,var(--color-tertiary) 85%,black);--color-text:var(--color-blackish);--color-subtitle:color-mix(in srgb,var(--color-text) 90%,white);--color-background:white;--color-layer:#f3f2f2;--color-shadow:#00000014;--color-border:#cccccc;@media (prefers-color-scheme:dark){--color-element:var(--color-dark);--color-elementHover:var(--color-darkHover);--color-elementText:var(--color-darkText);--color-elementActive:var(--color-darkActive);--color-elementActiveHover:var(--color-darkActiveHover);--color-text:white;--color-subtitle:color-mix(in srgb,var(--color-text) 90%,black);--color-background:var(--color-blackish);--color-layer:#0d031b;--color-shadow:#a3a3a314;--color-border:#424242}}html[data-theme="light"]{--color-element:#f7f7f7;--color-elementHover:var(--color-lightHover);--color-elementText:var(--color-lightText);--color-elementActive:var(--color-lightActive);--color-elementActiveHover:var(--color-lightActiveHover);--color-text:var(--color-blackish);--color-subtitle:color-mix(in srgb,var(--color-text) 90%,white);--color-background:white;--color-layer:#f3f2f2;--color-shadow:#00000014;--color-border:#b6b6b6;color-scheme:light}html[data-theme="dark"]{--color-element:var(--color-dark);--color-elementHover:var(--color-darkHover);--color-elementText:var(--color-darkText);--color-elementActive:var(--color-darkActive);--color-elementActiveHover:var(--color-darkActiveHover);--color-text:white;--color-subtitle:color-mix(in srgb,var(--color-text) 90%,black);--color-background:var(--color-blackish);--color-layer:#111111ca;--color-shadow:#dbdbdb14;--color-border:#808080;color-scheme:dark}:root{--color-error:#ff1f00;--color-userError:#ff552a;--color-validationError:#ff413c;--color-warning:#ffbb33;--color-successfull:#00c851;--color-ok:#009900;--color-check:#7dbc66;--color-message:#0088c6;--color-marker0:#ffff00;--color-marker1:#ff7768;--color-marker2:#f39ffd;--color-marker3:#d9f77b;--color-marker4:#51d9d3;--color-marker5:#5868d5;--color-platin:#e5e4e2;--color-gold:#cc7733;--color-bronze:#cccccc;--color-silver:#c0c0c0}}@layer base{:root{--space-element:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--spacing-default:var(--space-sm);--spacing-responsive:var(--space-sm);--spacingResponsive:var(--space-sm)}@media screen and (min-width:720px){:root{--spacing-responsive:var(--space-md);--spacingResponsive:var(--space-md)}}.mt-0{margin-top:0}.mt-sm{margin-top:var(--space-sm)}.mt{margin-top:var(--spacing-responsive)}.mt-lg{margin-top:var(--space-lg)}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:var(--space-sm)}.mb{margin-bottom:var(--spacing-responsive)}.mb-lg{margin-bottom:var(--space-lg)}.p-0{padding:0}.p-sm{padding:var(--space-sm)}.p{padding:var(--spacing-responsive)}.p-lg{padding:var(--space-lg)}}@layer base{:root{--font-size:14px;--font-sans:"Roboto",system-ui,-apple-system,sans-serif}body{font-size:var(--font-size);font-family:var(--font-sans);font-weight:400;line-height:var(--font-size)}*{color:var(--color-text)}body{background-color:var(--color-background);color:var(--color-text)}h1,h2,h3,h4,h5,h6{color:var(--color-text);font-weight:700;margin-top:0;margin-bottom:0.5em}h1{font-size:1.6rem;line-height:1.6rem}h2{width:fit-content;font-size:1.5rem;line-height:1.5rem;border-bottom:2px solid var(--color-text)}h3{font-size:1.4rem;line-height:1.4rem}h4{font-size:1.3rem;line-height:1.3rem}h5{font-size:1.2rem;line-height:1.2rem}h6{font-size:1.1rem;line-height:1.1rem}p,div,span{&.error{color:var(--color-status-red)}&.note{color:var(--color-status-yellow)}&.warn{color:var(--color-status-orange)}&.success-green{color:var(--color-status-green)}&.info{color:var(--color-info)}&.hint{color:rgb(70,70,70);font-size:0.75rem}&.empty{color:grey;font-style:italic;font-size:0.75rem}&.loading{color:var(--color-primary);font-style:italic}&.datetime{color:grey;font-size:0.75rem}&.description{background:var(--color-element);color:var(--color-subtitle);padding:var(--spacing-responsive);border-radius:var(--border-radius)}}.warning-box{border:var(--border-width) solid var(--color-status-yellow);border-radius:var(--border-radius);padding:var(--space-sm);background:color-mix(in srgb,var(--color-status-yellow) 10%,transparent);ul{margin:var(--space-sm) 0 0;padding-left:1em}}.warning2-box{border:var(--border-width) solid var(--color-status-orange);border-radius:var(--border-radius);padding:var(--space-sm);background:color-mix(in srgb,var(--color-status-orange) 10%,transparent);ul{margin:var(--space-sm) 0 0;padding-left:1em}}.info-box{border:var(--border-width) solid var(--color-info);border-radius:var(--border-radius);padding:var(--space-sm);background:color-mix(in srgb,var(--color-info) 10%,transparent);ul{margin:var(--space-sm) 0 0;padding-left:1em}}.error-box{border:var(--border-width) solid var(--color-status-red);border-radius:var(--border-radius);padding:var(--space-sm);background:color-mix(in srgb,var(--color-status-red) 10%,transparent);ul{margin:var(--space-sm) 0 0;padding-left:1em}}.error-sucess{border:var(--border-width) solid var(--color-status-green);border-radius:var(--border-radius);padding:var(--space-sm);background:color-mix(in srgb,var(--color-status-green) 10%,transparent);ul{margin:var(--space-sm) 0 0;padding-left:1em}}}@layer base{:root{--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%230c0c0c' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");@media (prefers-color-scheme:dark){--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E")}}html[data-theme="light"]{--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%230c0c0c' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E")}html[data-theme="dark"]{--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E")}.fullsize{width:100%;&:is(button,.button){justify-content:center}}input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="tel"],input[type="date"],input[type="time"],input[type="url"],input[type="search"],input[type="file"],select,textarea{appearance:none;height:calc(16px + (var(--spacing-responsive) * 2) + (var(--border-width) * 2));padding:var(--spacing-responsive);font-size:16px;line-height:16px;border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-element);color:var(--color-text);transition:border-color var(--transition-time) ease,box-shadow var(--transition-time) ease;&:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focusRing)}&:disabled{background-color:var(--color-disabled);color:var(--color-dark);cursor:not-allowed}&.valid,&.is-valid{border-color:var(--color-status-green)}&:is(form *,.show-valid-and-invalid,.show-valid-and-invalid *):is(.ng-dirty,.ng-touched).ng-valid:is([placeholder]:not([placeholder=""]):not(:placeholder-shown),:required){border-color:var(--color-status-green)}&.invalid,&.is-invalid,&:is(form *,.show-valid-and-invalid,.show-valid-and-invalid *):is(.ng-dirty,.ng-touched).ng-invalid{border-color:var(--color-status-red)}&.is-warning{border-color:var(--color-status-orange)}&:is(form *,.show-valid-and-invalid,.show-valid-and-invalid *):user-valid:is([placeholder]:not([placeholder=""]):not(:placeholder-shown),:required){border-color:var(--color-status-green)}&:is(form *,.show-valid-and-invalid,.show-valid-and-invalid *):user-invalid{border-color:var(--color-status-red)}&.default{border:var(--border-width) solid var(--color-border) !important;border-radius:var(--border-radius) !important;background-color:var(--color-element) !important;color:var(--color-text) !important;cursor:text !important}&.small{font-size:14px;line-height:14px;padding:var(--space-element);height:26px}}label,label::after{transition:color var(--transition-time) ease}label:is(form *,.show-valid-and-invalid,.show-valid-and-invalid *):has(:is(input,select,textarea):is(.valid,.is-valid,:is(.ng-dirty,.ng-touched).ng-valid:is([placeholder]:not([placeholder=""]):not(:placeholder-shown),:required),:user-valid:is([placeholder]:not([placeholder=""]):not(:placeholder-shown),:required))),label:is(form *,.show-valid-and-invalid,.show-valid-and-invalid *):has(+ :is(input,select,textarea):is(.valid,.is-valid,:is(.ng-dirty,.ng-touched).ng-valid:is([placeholder]:not([placeholder=""]):not(:placeholder-shown),:required),:user-valid:is([placeholder]:not([placeholder=""]):not(:placeholder-shown),:required))),label:is(form *,.show-valid-and-invalid,.show-valid-and-invalid *):has(+ * :is(input,select,textarea):is(.valid,.is-valid,:is(.ng-dirty,.ng-touched).ng-valid:is([placeholder]:not([placeholder=""]):not(:placeholder-shown),:required),:user-valid:is([placeholder]:not([placeholder=""]):not(:placeholder-shown),:required))){color:var(--color-status-green)}label:is(form *,.show-valid-and-invalid,.show-valid-and-invalid *):has(:is(input,select,textarea):is(.invalid,.is-invalid,.ng-dirty.ng-invalid,.ng-touched.ng-invalid,:user-invalid)),label:is(form *,.show-valid-and-invalid,.show-valid-and-invalid *):has(+ :is(input,select,textarea):is(.invalid,.is-invalid,.ng-dirty.ng-invalid,.ng-touched.ng-invalid,:user-invalid)),label:is(form *,.show-valid-and-invalid,.show-valid-and-invalid *):has(+ * :is(input,select,textarea):is(.invalid,.is-invalid,.ng-dirty.ng-invalid,.ng-touched.ng-invalid,:user-invalid)){color:var(--color-status-red)}input[type="file"]{appearance:auto}select{cursor:pointer;background-image:var(--select-arrow);background-repeat:no-repeat;background-position:right var(--spacing-responsive) center;background-size:10px 6px;&.default{cursor:pointer !important}option{font-size:16px;line-height:16px}&.small{font-size:14px;line-height:14px;padding:var(--space-sm)}&.link{appearance:none;padding:0;height:auto;border:none;border-radius:0;background-color:transparent;background-image:none;color:var(--color-secondary) !important;&:hover{color:var(--color-secondaryHover)}&:focus{box-shadow:none}option{background-color:var(--color-background);color:var(--color-secondary);&:hover,&:checked{color:var(--color-secondaryHover)}}}}input[type="checkbox"],input[type="radio"]{appearance:none;-webkit-appearance:none;width:1rem;height:1rem;border-radius:var(--border-radius-small);background-color:var(--color-background);display:inline-grid;place-content:center;cursor:pointer;vertical-align:middle;transition:background-color var(--transition-time) ease,border-color var(--transition-time) ease;--controlColor:var(--color-element);--controlBorderColor:var(--color-border);border:var(--border-width) solid var(--controlBorderColor);&.dark{--controlColor:var(--color-dark)}&.light{--controlColor:var(--color-light)}&.primary{--controlColor:var(--color-primary)}&.secondary{--controlColor:var(--color-secondary)}&.tertiary{--controlColor:var(--color-tertiary)}&:disabled,&[disabled],.disabled{background-color:var(--color-disabled);border-color:var(--color-disabled);color:white}&:checked{background-color:var(--controlColor)}}input[type="checkbox"]{--controlMark:var(--color-elementText);&:indeterminate{background-color:var(--controlColor)}&:indeterminate::before{content:"";width:0.5rem;height:2px;background:var(--controlMark)}&:checked::before{content:"";width:0.6rem;height:0.35rem;border-left:2px solid var(--controlMark);border-bottom:2px solid var(--controlMark);transform:rotate(-45deg) translate(1px,-1px);background:transparent}&.dark{--controlMark:var(--color-darkText)}&.light{--controlMark:var(--color-lightText)}&.primary{--controlMark:var(--color-primaryText)}&.secondary{--controlMark:var(--color-secondaryText)}&.tertiary{--controlMark:var(--color-tertiaryText)}}input[type="radio"]{border-radius:50%;--controlMark:var(--color-elementText);&:checked::before{content:"";width:0.5rem;height:0.5rem;border-radius:50%;background:var(--controlMark)}&.dark{--controlMark:var(--color-darkText)}&.light{--controlMark:var(--color-lightText)}&.primary{--controlMark:var(--color-primaryText)}&.secondary{--controlMark:var(--color-secondaryText)}&.tertiary{--controlMark:var(--color-tertiaryText)}}textarea{height:auto}.switch{position:relative;display:inline-block;width:32px;height:20px;cursor:pointer;--switchActiveBackground:var(--color-primary);&.primary{--switchActiveBackground:var(--color-primary)}&.secondary{--switchActiveBackground:var(--color-secondary)}&.tertiary{--switchActiveBackground:var(--color-tertiary)}& input{position:absolute;opacity:0;width:0;height:0}& .slider{position:absolute;inset:0;background-color:var(--color-elementActive);border-radius:var(--border-radius);transition:background-color var(--transition-time) ease;&::before{content:"";position:absolute;left:4px;bottom:4px;width:12px;height:12px;border-radius:var(--border-radius-small);background-color:var(--color-background);transition:transform var(--transition-time) ease}}& input:checked + .slider{background-color:var(--switchActiveBackground);&::before{transform:translateX(12px)}}& input:focus-visible + .slider{outline:none;box-shadow:0 0 0 3px var(--color-focusRing)}&.round .slider{border-radius:999px;&::before{border-radius:50%}}}.segmented{display:inline-flex;border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);overflow:hidden;& label{display:flex;align-items:center;padding:var(--spacing-responsive) var(--space-lg);cursor:pointer;color:var(--color-text);background-color:var(--color-element);transition:background-color var(--transition-time) ease;& + label{border-left:var(--border-width) solid var(--color-border)}&:hover{background-color:var(--color-elementHover)}&:has(input:checked){background-color:var(--color-primary);color:var(--color-primaryText)}&:has(input:focus-visible){outline:none;box-shadow:0 0 0 3px var(--color-focusRing) inset}}}.password-field{position:relative;display:flex;& input{padding-right:2.75rem}& .password-toggle{position:absolute;top:50%;right:var(--space-sm);transform:translateY(-50%);width:1rem;height:1rem;padding:0;margin:0;background:none;border:none;cursor:pointer;& .icon{position:absolute;top:0;left:0;opacity:0;transition:opacity var(--transition-time) ease}& .eye-show{opacity:1}&.showing{& .eye-show{opacity:0}& .eye-hide{opacity:1}}&:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focusRing);border-radius:var(--border-radius-small)}}}input[type="range"]{--rangeColor:var(--color-secondary);--rangeTrackHeight:0.35rem;--rangeThumbSize:1.1rem;appearance:none;width:100%;height:var(--rangeThumbSize);background:transparent;cursor:pointer;&.primary{--rangeColor:var(--color-primary)}&.tertiary{--rangeColor:var(--color-tertiary)}&::-webkit-slider-runnable-track{height:var(--rangeTrackHeight);border-radius:999px;background-color:var(--color-layer)}&::-moz-range-track{height:var(--rangeTrackHeight);border-radius:999px;background-color:var(--color-layer)}&::-moz-range-progress{height:var(--rangeTrackHeight);border-radius:999px;background-color:var(--rangeColor)}&::-webkit-slider-thumb{appearance:none;width:var(--rangeThumbSize);height:var(--rangeThumbSize);margin-top:calc((var(--rangeTrackHeight) - var(--rangeThumbSize)) / 2);border:2px solid var(--color-background);border-radius:50%;background-color:var(--rangeColor);box-shadow:0 0 0 1px var(--color-border)}&::-moz-range-thumb{width:var(--rangeThumbSize);height:var(--rangeThumbSize);box-sizing:border-box;border:2px solid var(--color-background);border-radius:50%;background-color:var(--rangeColor);box-shadow:0 0 0 1px var(--color-border)}}.input-group{display:flex;align-items:stretch;& > :is(input,select,.addon){border-radius:0}& > :is(input,select,.addon):first-child{border-radius:var(--border-radius) 0 0 var(--border-radius)}& > :is(input,select,.addon):last-child{border-radius:0 var(--border-radius) var(--border-radius) 0}& > * + *{margin-left:calc(-1 * var(--border-width))}& > :is(input,select){flex:1;min-width:0;&:focus{position:relative;z-index:1}}& .addon{display:flex;align-items:center;padding:0 var(--spacing-responsive);border:var(--border-width) solid var(--color-border);background-color:var(--color-layer);color:var(--color-subtitle);white-space:nowrap}}.form-hint{color:var(--color-disabled);&::before{content:"ℹ"}}.field-error{color:var(--color-status-red);&::before{content:"✕"}}.field-success{color:color-mix(in srgb,var(--color-status-green) 80%,black);&::before{content:"✔"}}.field-warning{color:color-mix(in srgb,var(--color-status-orange) 80%,black);&::before{content:"⚠"}}label.required::after{content:"*";margin-left:2px}label.required:has(> *):not(:has(> input[type="checkbox"],> input[type="radio"])){display:flex;flex-wrap:wrap;align-items:baseline;& > *{order:1;flex-basis:100%}}label.required.invalid::after{color:var(--color-status-red)}}@layer layout{:root{--layout-max-width:1280px}.container{width:100%;max-width:var(--layout-max-width);margin-inline:auto;padding-inline:var(--spacing-responsive);&.sm{max-width:640px;margin-inline:auto;padding-inline:var(--spacing-responsive)}&.md{max-width:960px;margin-inline:auto;padding-inline:var(--spacing-responsive)}&.lg{max-width:var(--layout-max-width);margin-inline:auto;padding-inline:var(--spacing-responsive)}}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-sm{gap:var(--space-sm)}.gap{gap:var(--spacing-responsive)}.gap-lg{gap:var(--space-lg)}.stack{display:flex;flex-direction:column;gap:var(--spacing-responsive);&.stack-sm{gap:var(--space-sm)}&.stack-lg{gap:var(--space-lg)}}.cluster{display:flex;flex-wrap:wrap;gap:var(--spacing-responsive);align-items:center}.section{padding-block:3rem}.hidden{display:none}@media (max-width:767px){.hide-mobile{display:none !important}}@media (min-width:768px){.show-mobile{display:none !important}}.scroll-shadow-x,.scroll-shadow-y{--scrollShadowCover:var(--color-background);--scrollShadowColor:color-mix(in srgb,var(--color-text) 30%,transparent)}.scroll-shadow-x{overflow-x:auto;background:linear-gradient(to right,var(--scrollShadowCover) 30%,transparent) left center / 2rem 100% no-repeat local,linear-gradient(to left,var(--scrollShadowCover) 30%,transparent) right center / 2rem 100% no-repeat local,radial-gradient(farthest-side at 0 50%,var(--scrollShadowColor),transparent) left center / 0.75rem 100% no-repeat scroll,radial-gradient(farthest-side at 100% 50%,var(--scrollShadowColor),transparent) right center / 0.75rem 100% no-repeat scroll}.scroll-shadow-y{overflow-y:auto;background:linear-gradient(var(--scrollShadowCover) 30%,transparent) center top / 100% 2rem no-repeat local,linear-gradient(transparent,var(--scrollShadowCover) 70%) center bottom / 100% 2rem no-repeat local,radial-gradient(farthest-side at 50% 0,var(--scrollShadowColor),transparent) center top / 100% 0.75rem no-repeat scroll,radial-gradient(farthest-side at 50% 100%,var(--scrollShadowColor),transparent) center bottom / 100% 0.75rem no-repeat scroll}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2,.line-clamp-3{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-line-clamp:3}.layout-sidebar{display:flex;gap:var(--spacing-responsive);& > aside{flex-shrink:0;width:220px}& > main{flex:1;min-width:0}}.layout-page{display:flex;flex-direction:column;min-height:100vh;& > main{flex:1}}}@layer layout{:root{--grid-columns:12;--grid-gap:var(--spacing-responsive)}.grid{display:grid;grid-template-columns:repeat(var(--grid-columns),1fr);gap:var(--grid-gap);&.grid-gap-sm{gap:var(--space-sm)}&.grid-gap-lg{gap:var(--space-lg)}&.grid-no-gap{gap:0}&.grid-auto-sm{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}&.grid-auto-md{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}&.grid-auto-lg{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}.col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-9{grid-column:span 9}.col-10{grid-column:span 10}.col-11{grid-column:span 11}.col-12{grid-column:span 12}@media (min-width:480px){.col-mq2-1{grid-column:span 1}.col-mq2-2{grid-column:span 2}.col-mq2-3{grid-column:span 3}.col-mq2-4{grid-column:span 4}.col-mq2-5{grid-column:span 5}.col-mq2-6{grid-column:span 6}.col-mq2-7{grid-column:span 7}.col-mq2-8{grid-column:span 8}.col-mq2-9{grid-column:span 9}.col-mq2-10{grid-column:span 10}.col-mq2-11{grid-column:span 11}.col-mq2-12{grid-column:span 12}}@media (min-width:768px){.col-mq3-1{grid-column:span 1}.col-mq3-2{grid-column:span 2}.col-mq3-3{grid-column:span 3}.col-mq3-4{grid-column:span 4}.col-mq3-5{grid-column:span 5}.col-mq3-6{grid-column:span 6}.col-mq3-7{grid-column:span 7}.col-mq3-8{grid-column:span 8}.col-mq3-9{grid-column:span 9}.col-mq3-10{grid-column:span 10}.col-mq3-11{grid-column:span 11}.col-mq3-12{grid-column:span 12}}@media (min-width:1024px){.col-mq4-1{grid-column:span 1}.col-mq4-2{grid-column:span 2}.col-mq4-3{grid-column:span 3}.col-mq4-4{grid-column:span 4}.col-mq4-5{grid-column:span 5}.col-mq4-6{grid-column:span 6}.col-mq4-7{grid-column:span 7}.col-mq4-8{grid-column:span 8}.col-mq4-9{grid-column:span 9}.col-mq4-10{grid-column:span 10}.col-mq4-11{grid-column:span 11}.col-mq4-12{grid-column:span 12}}@media (min-width:1280px){.col-mq5-1{grid-column:span 1}.col-mq5-2{grid-column:span 2}.col-mq5-3{grid-column:span 3}.col-mq5-4{grid-column:span 4}.col-mq5-5{grid-column:span 5}.col-mq5-6{grid-column:span 6}.col-mq5-7{grid-column:span 7}.col-mq5-8{grid-column:span 8}.col-mq5-9{grid-column:span 9}.col-mq5-10{grid-column:span 10}.col-mq5-11{grid-column:span 11}.col-mq5-12{grid-column:span 12}}}@layer layout{.form-group,.form-group fieldset,.form-group details{display:flex;flex-direction:column;gap:var(--spacing-responsive);input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="tel"],input[type="date"],input[type="time"],input[type="url"],input[type="search"],select,textarea{width:100%}label{padding-top:4px}}.form-group details{gap:0}fieldset{border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-responsive);legend{padding:0 var(--spacing-responsive);color:var(--color-text)}}.form-actions{display:flex;width:100%;button,a{&:last-child{margin-left:auto}}}}@layer components{.icon{display:inline-block;width:1rem;height:1rem;stroke-width:2;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;&.status-success{stroke:var(--color-status-green)}&.status-warning{stroke:var(--color-status-yellow)}&.status-error{stroke:var(--color-status-red)}}.table-responsive{width:100%;border-radius:var(--border-radius);border:var(--border-width) solid var(--color-border);&.only-row-borders{width:100%;border-collapse:collapse;border:0;table{border:0;background-color:transparent;th,td{border-bottom:var(--border-width) solid var(--color-border)}}}table{width:100%;border-collapse:collapse;background-color:var(--color-layer);margin:var(--spacing-responsive) 0;th,td{padding:var(--spacing-responsive);border-bottom:var(--border-width) solid var(--color-border);color:var(--color-text);white-space:nowrap;&.actions,&.right{text-align:right;a,button{margin-left:var(--spacing-responsive)}}&.number,&.number-positive,&.number-negative,&.datetime{text-align:right;font-variant-numeric:tabular-nums}}td{&.id,&.datetime{color:color-mix(in srgb,var(--color-text) 60%,transparent)}&.id::before{content:"#"}&.number-positive{color:var(--color-ok)}&.number-negative{color:var(--color-status-red)}}th{font-weight:600;text-align:left}tr{&:last-child td{border-bottom:none}&:hover td{background-color:var(--color-elementHover)}}}&.striped tbody tr:nth-child(even){background-color:color-mix(in srgb,var(--color-text) 5%,transparent)}&.compact table{th,td{padding:var(--space-element) var(--space-sm)}}@media (max-width:768px){border:none;table{thead{display:none}tr{display:block;border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);box-shadow:0 2px 6px var(--color-shadow);&:hover td{background-color:transparent}}td{display:flex;word-break:keep-all;border-bottom:1px dashed var(--color-border);&:last-child{border-bottom:none}&::before{content:attr(data-label);font-weight:600;text-align:left;color:var(--color-secondary);padding-right:1rem}&.id{&::before{content:attr(data-label);order:-2}&::after{content:"#";order:-1}}}}}}.layer{background-color:var(--color-layer)}a:not(.button){color:var(--color-secondary);cursor:pointer;&:hover{color:var(--color-secondaryHover)}}section,.section{margin:var(--spacing-responsive) 0}a[target="_blank"]:not(.button,.no-link-icon)::after{content:"↗";margin-left:0.2em;font-size:0.85em}a[href^="mailto:"]:not(.button,.no-link-icon)::before{content:"✉";margin-right:0.3em}hr{margin:var(--spacing-responsive) 0;border:0;border-top:var(--border-width) solid var(--color-border)}abbr[title]{text-decoration:underline dotted;text-underline-offset:0.2em;cursor:help}sub,sup{position:relative;font-size:0.75em;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}address{font-style:normal;line-height:1.5}body{background-color:var(--color-background)}:root{scrollbar-color:var(--color-primary) var(--color-layer);scrollbar-width:thin;interpolate-size:allow-keywords}.search{width:100px}.bold{font-weight:bold}.textCenter{text-align:center}.textRight{text-align:right}.underlinedLink{text-decoration:underline}.noUnderlinedLink{text-decoration:none}.goldenRatio{display:flex;.goldenRatio-left{width:63%}.goldenRatio-right{width:27%}}.goldenRatioSwapped{display:flex;.goldenRatio-left{width:27%}.goldenRatio-right{width:63%}}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;border-radius:var(--border-radius)}mark{padding:0 0.2em;border-radius:var(--border-radius-small);background-color:color-mix(in srgb,var(--color-status-yellow) 45%,transparent);color:var(--color-text)}del{text-decoration:line-through;text-decoration-color:var(--color-status-red);background-color:color-mix(in srgb,var(--color-status-red) 15%,transparent);border-radius:var(--border-radius-small)}ins{text-decoration:underline;text-decoration-color:var(--color-status-green);background-color:color-mix(in srgb,var(--color-status-green) 20%,transparent);border-radius:var(--border-radius-small)}roman,.roman{counter-reset:roman-counter;&::before{counter-increment:roman-counter;content:counter(roman-counter,upper-roman);margin-right:0.2em}}.absolute-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.content-middle{max-width:1024px;margin:0 auto;position:relative}.background-cover{background-size:cover;background-position:center;background-repeat:no-repeat}dl{display:grid;grid-template-columns:max-content 1fr;gap:var(--space-sm) var(--space-lg);margin:0;& dt{font-weight:600;color:var(--color-subtitle)}& dd{margin:0;color:var(--color-text)}&.stacked{grid-template-columns:1fr;gap:var(--space-element);& dd{margin-bottom:var(--space-md)}}}ul,ol{padding:0;margin:0;list-style-position:inside;li{padding:0;margin:0}}ul{&.list-disc li{list-style-type:disc}&.list-square li{list-style-type:square}&.list-circle li{list-style-type:circle}&.list-checkbox,&.list-check,&.list-x{list-style:none;li{padding:0 0 0 1.5em;position:relative;&::before{position:absolute;left:0;top:50%;transform:translateY(-50%);font-family:sans-serif}}}&.list-checkbox li::before{content:"☐";color:#666}&.list-check li::before{content:"✓";color:#2ec4b6}&.list-x li::before{content:"✗";color:#e63946}}ol{&.list-decimal li{list-style-type:decimal}&.list-leading-zero li{list-style-type:decimal-leading-zero}&.list-alpha li{list-style-type:lower-alpha}&.list-roman li{list-style-type:upper-roman}}ul.columns{list-style-position:inside;list-style-type:none;column-count:4;li{border-right:1px dashed #a1a1a1;padding:var(--spacing-responsive)}@media only screen and (max-width:1024px){column-count:3}@media only screen and (max-width:768px){column-count:1}}.divider{display:flex;align-items:center;gap:var(--spacing-responsive);color:var(--color-disabled);font-size:0.8rem;user-select:none;&::before,&::after{content:"";flex:1;height:1px;background-color:var(--color-border)}&.gradient{&::before{background:linear-gradient(to left,var(--color-primary),transparent)}&::after{background:linear-gradient(to right,var(--color-primary),transparent)}}&.stripes{&::before,&::after{background:repeating-linear-gradient( to right,var(--color-primary),var(--color-primary) 10px,transparent 10px,transparent 20px )}}&.filled{&::before,&::after{background-color:var(--color-primary)}}&.vertical{flex-direction:column;&::before,&::after{width:1px;height:auto}& span{writing-mode:vertical-rl;text-orientation:upright;white-space:nowrap}&.gradient{&::before{background:linear-gradient(to top,var(--color-primary),transparent)}&::after{background:linear-gradient(to bottom,var(--color-primary),transparent)}}&.stripes{&::before,&::after{background:repeating-linear-gradient( to bottom,var(--color-primary),var(--color-primary) 10px,transparent 10px,transparent 20px )}}}}ul.list-unstyled{list-style-position:inside;list-style:none;padding:0;margin:0;li{list-style:none;padding:0;margin:0}}.badge{display:inline-block;padding:4px;font-size:0.75rem;border-radius:var(--border-radius);background-color:var(--color-element);color:var(--color-elementText);&.primary{background-color:var(--color-primary);color:var(--color-primaryText)}&.secondary{background-color:var(--color-secondary);color:var(--color-secondaryText)}&.tertiary{background-color:var(--color-tertiary);color:var(--color-tertiaryText)}&.neutral{background-color:var(--color-light);color:var(--color-lightText)}}.box-alert{padding:var(--spacing-responsive) var(--space-xl);border-radius:var(--border-radius);border-left:4px solid transparent;color:var(--color-text);background-color:var(--color-layer);&.info{border-color:var(--color-info)}&.success{border-color:var(--color-status-green)}&.warning{border-color:var(--color-status-orange)}&.error{border-color:var(--color-status-red)}}.spinner{display:inline-block;width:1.25rem;height:1.25rem;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 0.8s linear infinite;&.sm{width:0.875rem;height:0.875rem;border-width:2px}&.lg{width:2rem;height:2rem;border-width:3px}}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:color-mix(in srgb,var(--color-background) 70%,transparent);backdrop-filter:blur(var(--blur));z-index:10}.notification-dot{position:relative;&::after{content:"";position:absolute;top:-2px;right:-2px;width:0.5rem;height:0.5rem;border-radius:50%;background-color:var(--color-status-red);border:2px solid var(--color-background)}&.primary::after{background-color:var(--color-primary)}&.secondary::after{background-color:var(--color-secondary)}&[data-count]::after{content:attr(data-count);top:-8px;right:-8px;width:1.5rem;height:1.5rem;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1;font-size:0.6rem;font-weight:700;color:var(--color-white)}}progress{width:100%;height:0.6rem;border-radius:999px;overflow:hidden;appearance:none;border:none;background-color:var(--color-layer);&::-webkit-progress-bar{background-color:var(--color-layer)}&::-webkit-progress-value{background-color:var(--color-primary)}&::-moz-progress-bar{background-color:var(--color-primary)}}.progress-segments{display:flex;gap:var(--space-sm);width:100%;--progressSegmentsColor:var(--color-primary);&.primary{--progressSegmentsColor:var(--color-primary)}&.secondary{--progressSegmentsColor:var(--color-secondary)}&.tertiary{--progressSegmentsColor:var(--color-tertiary)}& .segment{flex:1;height:0.35rem;border-radius:999px;background-color:var(--color-layer);overflow:hidden;&.filled{background-color:var(--progressSegmentsColor)}& .fill{display:block;height:100%;background-color:var(--progressSegmentsColor)}}}details{gap:0;border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-responsive);background-color:var(--color-background);background-color:var(--detailsBackground,var(--color-background));color:var(--detailsColor,var(--color-text));border-color:var(--detailsBorder,var(--color-border));& summary:not(.unstyled){color:var(--detailsColor,var(--color-text));&::after{border-right-color:var(--detailsColor,var(--color-text));border-bottom-color:var(--detailsColor,var(--color-text))}}&.light{--detailsBackground:var(--color-light);--detailsColor:var(--color-lightText);--detailsBorder:var(--color-light)}&.dark{--detailsBackground:var(--color-dark);--detailsColor:var(--color-darkText);--detailsBorder:var(--color-dark)}&.primary{--detailsBackground:var(--color-primary);--detailsColor:var(--color-primaryText);--detailsBorder:var(--color-primary)}&.secondary{--detailsBackground:var(--color-secondary);--detailsColor:var(--color-secondaryText);--detailsBorder:var(--color-secondary)}&.tertiary{--detailsBackground:var(--color-tertiary);--detailsColor:var(--color-tertiaryText);--detailsBorder:var(--color-tertiary)}& summary:not(.unstyled){cursor:pointer;color:var(--color-text);display:flex;align-items:center;gap:var(--spacing-responsive);list-style:none;&::-webkit-details-marker{display:none}&::after{content:"";order:-1;width:0.6rem;height:0.6rem;border-right:var(--border-width) solid var(--color-text);border-bottom:var(--border-width) solid var(--color-text);transform:rotate(45deg);transition:transform var(--transition-time)}}&[open] summary:not(.unstyled){margin-bottom:var(--spacing-responsive);&::after{transform:rotate(-135deg)}}&.unstyled{border:0;margin:0;padding:0;border:0;border-radius:0;background-color:transparent}&.link{border:0;margin:0;padding:0;border:0;border-radius:0;background-color:transparent;summary{color:var(--color-secondary) !important;&::after{border-right:var(--border-width) solid var(--color-secondary) !important;border-bottom:var(--border-width) solid var(--color-secondary) !important}}}&.noBorder{border:0 !important;background-color:transparent;summary{border-bottom:1px solid var(--color-border)}}&::details-content{block-size:0;overflow:clip;transition:block-size var(--animationDuration,0.3s) ease,content-visibility var(--animationDuration,0.3s) allow-discrete}&[open]::details-content{block-size:auto}}dialog{border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-responsive);background-color:var(--color-background);color:var(--color-text);box-shadow:0 4px 24px var(--color-shadow);max-width:480px;width:100%;opacity:0;transform:translateY(0.5rem);transition:opacity var(--transition-time) ease,transform var(--transition-time) ease,overlay var(--transition-time) allow-discrete,display var(--transition-time) allow-discrete;&[open]{opacity:1;transform:none;@starting-style{opacity:0;transform:translateY(0.5rem)}}&::backdrop{background-color:transparent;transition:background-color var(--transition-time) ease,overlay var(--transition-time) allow-discrete,display var(--transition-time) allow-discrete}&[open]::backdrop{background-color:rgba(0,0,0,0.4);@starting-style{background-color:transparent}}&:has(> footer){flex-direction:column;overflow:hidden;&[open]{display:flex}> :has(+ footer){flex:1;min-height:0;overflow:auto}> footer{padding-top:var(--space-md)}}&.size-small{max-width:420px}&.size-medium{max-width:640px}&.size-large{width:calc(100vw - 64px);max-width:calc(100vw - 64px);height:calc(100dvh - 64px);max-height:calc(100dvh - 64px);@media (max-width:600px){width:calc(100vw - (var(--space-sm) * 4));max-width:calc(100vw - (var(--space-sm) * 2));height:calc(100dvh - (var(--space-sm) * 2));max-height:calc(100dvh - (var(--space-sm) * 2))}}@media (max-width:600px){width:96vw;max-width:96vw;max-height:92dvh}}figure{margin:0;& figcaption{color:var(--color-disabled);margin-top:var(--space-md)}}[data-tooltip]{position:relative;&::after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-4px);background-color:var(--color-blackish);color:var(--color-white);padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius);font-size:0.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-time) ease;z-index:10}&:hover::after,&:focus-visible::after{opacity:1}&.tooltip-bottom::after{bottom:auto;top:100%;transform:translateX(-50%) translateY(4px)}}.chip{display:inline-flex;align-items:center;gap:var(--space-sm);padding:4px var(--space-md);border-radius:var(--border-radius);background-color:var(--color-element);color:var(--color-elementText);font-size:0.85rem;&.primary{background-color:var(--color-primary);color:var(--color-primaryText)}&.secondary{background-color:var(--color-secondary);color:var(--color-secondaryText)}&.tertiary{background-color:var(--color-tertiary);color:var(--color-tertiaryText)}& .chip-remove{display:inline-flex;border:none;background:none;color:inherit;padding:0;line-height:1;cursor:pointer;&::before{content:"✕"}}}.avatar{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background-color:var(--color-element);color:var(--color-elementText);font-weight:600;vertical-align:middle;& img{width:100%;height:100%;object-fit:cover}&.sm{width:1.75rem;height:1.75rem;font-size:0.75rem}&.lg{width:3.5rem;height:3.5rem;font-size:1.25rem}}.timeline{list-style:none;padding:0;margin:0;--timelineActiveColor:var(--color-primary);&.primary{--timelineActiveColor:var(--color-primary)}&.secondary{--timelineActiveColor:var(--color-secondary)}&.tertiary{--timelineActiveColor:var(--color-tertiary)}&.light{--timelineActiveColor:var(--color-light)}&.dark{--timelineActiveColor:var(--color-dark)}& li{position:relative;padding:0 0 var(--space-lg) var(--space-xl);border-left:var(--border-width) solid var(--color-border);&::before{content:"";position:absolute;left:calc(-0.3rem - (var(--border-width) / 2));top:0.2rem;width:0.6rem;height:0.6rem;border-radius:50%;background-color:var(--color-border)}&:last-child{border-left-color:transparent;padding-bottom:0}&.active::before{background-color:var(--timelineActiveColor)}}& .timeline-time{display:block;font-size:0.75rem;color:var(--color-disabled)}&.horizontal{display:flex;& li{flex:1;padding:var(--space-xl) var(--space-md) 0 0;border-left:none;border-top:var(--border-width) solid var(--color-border);&::before{left:0;top:calc(-0.3rem - (var(--border-width) / 2))}&:last-child{border-top-color:transparent;padding-right:0;flex:0 0 auto}}}}.snackbar-container{position:fixed;bottom:var(--space-xl);right:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-sm);z-index:1000}.snackbar{display:flex;align-items:center;gap:var(--space-md);padding:var(--spacing-responsive) var(--space-xl);border-radius:var(--border-radius);background-color:var(--color-blackish);color:var(--color-white);box-shadow:0 4px 24px var(--color-shadow);color:var(--color-blackish);animation:slide-in-from-right var(--animationDuration,0.3s) ease-out both;&.leaving{animation:fade-out var(--animationDuration,0.3s) ease-in both}span{color:var(--color-blackish)}&.info{background-color:var(--color-info)}&.success{background-color:var(--color-status-green)}&.warning{background-color:var(--color-status-orange)}&.error{background-color:var(--color-status-red)}}}@layer components{button,.button,.component{display:inline-flex;align-items:center;gap:0.4em;border:1px solid var(--color-border);background-color:var(--color-element);color:var(--color-elementText);border-radius:var(--border-radius);padding:var(--spacing-responsive);cursor:pointer;text-decoration:none;font-size:16px;line-height:16px;&::before{font-style:normal}&:hover{background-color:var(--color-elementHover)}&:active,&.active{background-color:var(--color-elementActive);&:hover{background-color:var(--color-elementActiveHover)}}&.primary{background-color:var(--color-primary);color:var(--color-primaryText);&:hover{background-color:var(--color-primaryHover)}&:active,&.active{background-color:var(--color-primaryActive)}}&.secondary{background-color:var(--color-secondary);color:var(--color-secondaryText);&:hover{background-color:var(--color-secondaryHover)}&:active,&.active{background-color:var(--color-secondaryActive)}}&.tertiary{background-color:var(--color-tertiary);color:var(--color-tertiaryText);&:hover{background-color:var(--color-tertiaryHover)}&:active,&.active{background-color:var(--color-tertiaryActive)}}&.warn{background-color:var(--color-status-yellow);color:var(--color-blackish);&:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-status-yellow) 85%,black)}&:active:not(:disabled){background-color:color-mix(in srgb,var(--color-status-yellow) 70%,black)}}&.important{color:white;background-color:#ed281d;border:1px solid #ed0511;&.important:hover{background-color:#dc0e13;border:1px solid #dc0e13}}&.outline{background-color:transparent;border-color:var(--color-primary);color:var(--color-primary);&:hover{background-color:var(--color-primary);color:var(--color-primaryText)}&.secondary{border-color:var(--color-secondary);color:var(--color-secondary);&:hover{background-color:var(--color-secondary);color:var(--color-secondaryText)}}&.btn-tertiary{border-color:var(--color-tertiary);color:var(--color-tertiary);&:hover{background-color:var(--color-tertiary);color:var(--color-tertiaryText)}}}&.ghost,&.link{padding:0;background-color:transparent;border-color:transparent;color:var(--color-secondary);span{color:var(--color-secondary)}&:hover{color:var(--color-secondaryHover);span{color:var(--color-secondaryHover)}}}&.delete,&.block,&.remove,&.decline,&.danger{background-color:var(--color-status-red);color:var(--color-white);&:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-status-red) 85%,black)}&:active:not(:disabled){background-color:color-mix(in srgb,var(--color-status-red) 70%,black)}}&.alert{background-color:var(--color-status-orange);color:var(--color-blackish);&:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-status-orange) 85%,black)}&:active:not(:disabled){background-color:color-mix(in srgb,var(--color-status-orange) 70%,black)}}&.save,&.accept,&.confirm{background-color:var(--color-status-green);color:var(--color-blackish);&:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-status-green) 85%,black)}&:active:not(:disabled){background-color:color-mix(in srgb,var(--color-status-green) 70%,black)}}&.disabled,&[disabled],&.disabled:hover{background-color:var(--color-disabled);border:1px solid #5c5c5c;fill:var(--color-disabled) !important;color:#5c5c5c !important;cursor:not-allowed}.default{background-color:var(--color-element);color:var(--color-elementText);&:hover{background-color:var(--color-elementHover)}&:active,&.active{background-color:var(--color-elementActive);&:hover{background-color:var(--color-elementActiveHover)}}}&.unstyled{padding:0;margin:0;background:none;border:none;padding:0;margin:0;appearance:none}&.loading{position:relative;pointer-events:none;-webkit-text-fill-color:transparent;&::after{content:"";position:absolute;top:50%;left:50%;width:1em;height:1em;margin:-0.5em 0 0 -0.5em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin 0.8s linear infinite}}&.withIcon{&.warn{&::before{content:"⚠"}}&.accept,&.save,&.confirm{&::before{content:"✔"}}&.alert{&::before{content:"!"}}&.add{&::before{content:"+";line-height:1}}&.cancel{&::before{content:"✕"}}&.decline,&.remove,&.delete{&::before{content:"✕"}}&.send::before{content:"➤"}&.edit::before{content:"✎"}&.download::before{content:"↓"}&.upload::before{content:"↑"}&.info::before{content:"ℹ"}&.block::before{content:"⊘"}&.reset{&::before{content:"↺"}}}&.sm{font-size:12px !important;padding:var(--space-sm) var(--space-sm) !important;width:28px;height:28px}&.icon-only{padding:0 var(--spacing-responsive);aspect-ratio:1;justify-content:center;&::before{margin:0}}}}@layer components{:root{--cardBackgroundColor:var(--color-background);--card-shadow-color:#00000029;--card-shadow:0 4px 14px var(--card-shadow-color);--card-border-radius:8px;@media (prefers-color-scheme:dark){--card-shadow-color:#ffffff24}}html[data-theme="light"]{--card-shadow-color:#00000029}html[data-theme="dark"]{--card-shadow-color:#ffffff24}.card{position:relative;padding:var(--spacing-responsive);border-radius:var(--card-border-radius);border:1px solid var(--color-border);box-shadow:var(--card-shadow);background-color:var(--cardBackgroundColor);transition:box-shadow var(--transition-time) ease;display:flex;gap:var(--spacing-responsive);flex-direction:column;&.danger-zone{border-color:var(--color-status-red);h2{color:var(--color-status-red);border-bottom:2px solid var(--color-status-red);margin:0 0 14px}}&:hover *{text-decoration:none}&.hoverable:hover{cursor:pointer;background-color:color-mix(in srgb,var(--cardBackgroundColor) 10%,black 10%);box-shadow:0 6px 20px var(--card-shadow-color)}&.horizontal{aspect-ratio:16 / 9}&.vertical{aspect-ratio:9 / 16}&:has(.card-image,.card-body,.card-footer){padding:0}& .card-image{width:100%;height:auto;display:block;aspect-ratio:16 / 9}& .card-body{padding:var(--spacing-responsive);color:var(--color-text);& .card-title{font-weight:bold;margin:0 0 var(--space-md)}& .card-text{margin:0 0 var(--space-xl)}}& .card-footer{padding:var(--spacing-responsive);border-top:var(--border-width) solid var(--color-border);background-color:var(--color-layer);color:var(--color-text)}}.pick-box{display:flex;align-items:center;gap:var(--spacing-responsive);aspect-ratio:16 / 9;padding:var(--spacing-responsive);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-background);cursor:pointer;transition:border-color var(--transition-time) ease;& .pick-box-text{flex:1;min-width:0;& em{display:block;font-style:normal;font-weight:700}& p{margin:var(--space-element) 0 0;color:var(--color-subtitle)}}& .pick-box-arrow{flex-shrink:0;color:var(--color-disabled);transition:transform var(--transition-time) ease,color var(--transition-time) ease;&::before{content:"→"}}&:hover,&:focus-visible{& .pick-box-arrow{transform:translateX(4px);color:var(--color-primary)}}&:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focusRing)}&.selected,&:has(input:checked){border-color:var(--color-primary)}&:has(input:focus-visible){outline:none;box-shadow:0 0 0 3px var(--color-focusRing)}}.stat-tile{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--spacing-responsive);border-radius:var(--card-border-radius);border:var(--border-width) solid var(--color-border);background-color:var(--color-background);& .stat-label{font-size:0.8rem;color:var(--color-subtitle)}& .stat-value{font-size:1.8rem;font-weight:700;color:var(--color-text)}& .stat-trend{display:inline-flex;align-items:center;gap:0.25rem;width:fit-content;font-size:0.8rem;&.up{color:var(--color-status-green);&::before{content:"▲"}}&.down{color:var(--color-status-red);&::before{content:"▼"}}}}}@layer components{.accordion{display:flex;flex-direction:column;gap:var(--space-sm);&.primary{--detailsBackground:var(--color-primary);--detailsColor:var(--color-primaryText);--detailsBorder:var(--color-primary)}&.secondary{--detailsBackground:var(--color-secondary);--detailsColor:var(--color-secondaryText);--detailsBorder:var(--color-secondary)}&.tertiary{--detailsBackground:var(--color-tertiary);--detailsColor:var(--color-tertiaryText);--detailsBorder:var(--color-tertiary)}&.light{--detailsBackground:var(--color-light);--detailsColor:var(--color-lightText);--detailsBorder:var(--color-light)}&.dark{--detailsBackground:var(--color-dark);--detailsColor:var(--color-darkText);--detailsBorder:var(--color-dark)}&.connected{gap:0;border:var(--border-width) solid var(--detailsBorder,var(--color-border));border-radius:var(--border-radius);& > details{border:0;border-radius:0;border-bottom:var(--border-width) solid var(--detailsBorder,var(--color-border));&:last-of-type{border-bottom:0}}}}}@layer components{nav{display:flex;align-items:center;vertical-align:middle;gap:var(--space-md);background-color:var(--color-primary);color:var(--color-primaryText);padding:var(--spacing-responsive);h1{margin:0 !important;padding:0 !important;font-size:1rem !important}& a{color:var(--color-primaryText);text-decoration:none;border-radius:var(--border-radius);transition:background-color var(--transition-time) ease;&:hover{background-color:var(--color-primaryHover)}&.active{background-color:var(--color-primaryActive)}}&.nav-sidebar{flex-direction:column;align-items:flex-start;min-width:200px;padding:var(--space-xl) var(--space-md);height:100%;& a{width:100%;display:block}}&.nav-light{background-color:var(--color-layer);color:var(--color-text);& a{color:var(--color-text);&:hover{background-color:var(--color-lightHover)}&.active{background-color:var(--color-lightActive)}}}}.spacer{flex:1}.breadcrumb{display:flex;align-items:center;gap:var(--space-sm);list-style:none;padding:0;margin:0;font-size:0.9rem;color:var(--color-text);& li{& + li::before{content:"/";color:var(--color-disabled);margin-right:var(--space-sm)}&:last-child{color:var(--color-disabled)}}& a{color:var(--color-primary);text-decoration:none;&:hover{text-decoration:underline}}}.tabs{display:flex;flex-direction:column;--tabsActiveBackground:var(--color-elementActive);--tabsActiveColor:var(--color-elementText);--tabsActiveBorder:var(--color-border);&.primary{--tabsActiveBackground:var(--color-primary);--tabsActiveColor:var(--color-primaryText);--tabsActiveBorder:var(--color-primary)}&.secondary{--tabsActiveBackground:var(--color-secondary);--tabsActiveColor:var(--color-secondaryText);--tabsActiveBorder:var(--color-secondary)}&.tertiary{--tabsActiveBackground:var(--color-tertiary);--tabsActiveColor:var(--color-tertiaryText);--tabsActiveBorder:var(--color-tertiary)}&.light{--tabsActiveBackground:var(--color-light);--tabsActiveColor:var(--color-lightText);--tabsActiveBorder:var(--color-light)}&.dark{--tabsActiveBackground:var(--color-dark);--tabsActiveColor:var(--color-darkText);--tabsActiveBorder:var(--color-dark)}.topRow{display:flex;align-items:center;gap:var(--space-sm)}.top{display:flex;position:relative;gap:var(--space-sm);flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}.tabArrow{flex-shrink:0;color:var(--tabsActiveBorder)}.tab{position:relative;flex-shrink:0;white-space:nowrap;scroll-snap-align:start;cursor:pointer;padding:var(--spacing-responsive);border:var(--border-width) solid var(--tabsActiveBorder);border-bottom:none;border-radius:var(--border-radius) var(--border-radius) 0 0;background-color:transparent;color:var(--color-text);transition:background-color var(--transition-time) ease;&.active{background-color:var(--tabsActiveBackground);color:var(--tabsActiveColor)}&:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focusRing)}}.content{padding:var(--spacing-responsive);border:var(--border-width) solid var(--tabsActiveBorder);border-radius:0 0 var(--border-radius) var(--border-radius);background-color:transparent;color:var(--color-text)}&.fillBody .content{background-color:var(--tabsActiveBackground);color:var(--tabsActiveColor)}&.brokenLine{.content{border-top:none}.top::after{content:"";flex:1 0 0;align-self:stretch;border-bottom:var(--border-width) solid var(--tabsActiveBorder)}.tab::after{content:"";position:absolute;right:calc(-1 * (var(--border-width) + var(--space-sm)));bottom:0;width:var(--space-sm);height:var(--border-width);background-color:var(--tabsActiveBorder)}}&.vertical{flex-direction:row;.topRow{flex-direction:column}.top{flex-direction:column;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;scroll-snap-type:y mandatory}.tab{border-bottom:var(--border-width) solid var(--tabsActiveBorder);border-right:none;border-radius:var(--border-radius) 0 0 var(--border-radius)}.content{flex:1;align-self:stretch;border-radius:0 var(--border-radius) var(--border-radius) 0}&.brokenLine{.content{border-top:var(--border-width) solid var(--tabsActiveBorder);border-left:none}.top::after{content:"";flex:1 0 0;align-self:stretch;border-bottom:none;border-right:var(--border-width) solid var(--tabsActiveBorder)}.tab::after{right:0;bottom:calc(-1 * (var(--border-width) + var(--space-sm)));left:auto;width:var(--border-width);height:var(--space-sm)}}}}.stepper{display:flex;list-style:none;padding:0;margin:0;counter-reset:step;--stepperActiveBackground:var(--color-primary);--stepperActiveColor:var(--color-primaryText);--stepperActiveBorder:var(--color-primary);&.primary{--stepperActiveBackground:var(--color-primary);--stepperActiveColor:var(--color-primaryText);--stepperActiveBorder:var(--color-primary)}&.secondary{--stepperActiveBackground:var(--color-secondary);--stepperActiveColor:var(--color-secondaryText);--stepperActiveBorder:var(--color-secondary)}&.tertiary{--stepperActiveBackground:var(--color-tertiary);--stepperActiveColor:var(--color-tertiaryText);--stepperActiveBorder:var(--color-tertiary)}&.light{--stepperActiveBackground:var(--color-light);--stepperActiveColor:var(--color-lightText);--stepperActiveBorder:var(--color-light)}&.dark{--stepperActiveBackground:var(--color-dark);--stepperActiveColor:var(--color-darkText);--stepperActiveBorder:var(--color-dark)}& li{counter-increment:step;position:relative;display:flex;align-items:center;gap:var(--space-sm);flex:1;padding-right:var(--space-md);color:var(--color-disabled);font-size:0.9rem;&::before{content:counter(step);display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;flex-shrink:0;border-radius:50%;border:var(--border-width) solid var(--color-border);background-color:var(--color-background);color:var(--color-text)}&:not(:last-child)::after{content:"";flex:1;height:var(--border-width);background-color:var(--color-border)}&:last-child{flex:0 0 auto;padding-right:0}&.active{color:var(--color-text);font-weight:600;&::before{background-color:var(--stepperActiveBackground);border-color:var(--stepperActiveBorder);color:var(--stepperActiveColor)}}&.done{color:var(--color-text);&::before{content:"✓";background-color:var(--color-status-green);border-color:var(--color-status-green);color:white}}&.done:not(:last-child)::after{background-color:var(--color-status-green)}}&.vertical{flex-direction:column;align-items:stretch;& li{flex:none;padding:0 0 var(--space-lg) 0;&:last-child{padding-bottom:0}&:not(:last-child)::after{position:absolute;left:0.85rem;top:1.75rem;bottom:0;width:var(--border-width);height:auto}}}}.pagination{display:flex;align-items:center;gap:var(--space-sm);list-style:none;padding:0;margin:0;& li{& a,& span{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 var(--space-sm);border-radius:var(--border-radius);color:var(--color-text);text-decoration:none}& a:hover{background-color:var(--color-elementHover)}&.active a{background-color:var(--color-primary);color:var(--color-primaryText)}&.disabled span{color:var(--color-disabled);cursor:not-allowed}}}}@layer components{.led,.led-red,.led-yellow,.led-green,.led-blue{--led:var(--color-status-red);--led-size:16px;--led-dome:color-mix(in oklch,var(--led) 58%,black);--led-body:color-mix(in oklch,var(--led) 38%,black);--led-edge:color-mix(in oklch,var(--led) 22%,black);--led-core:color-mix(in oklch,var(--led) 55%,white);--led-rim:color-mix(in oklch,var(--led) 62%,black);--led-glow:color-mix(in oklch,var(--led) 78%,transparent);--led-halo:color-mix(in oklch,var(--led) 38%,transparent);position:relative;display:inline-block;flex:none;vertical-align:middle;width:var(--led-size);height:var(--led-size);margin:auto var(--space-xl);border-radius:50%;background:radial-gradient(circle at 50% 32%,var(--led-dome) 0%,var(--led-body) 58%,var(--led-edge) 100%);box-shadow:0 0 0 1px rgb(0 0 0 / 0.55),0 1px 1px 1px rgb(255 255 255 / 0.35),0 calc(var(--led-size) * 0.19) calc(var(--led-size) * 0.25) rgb(0 0 0 / 0.35),inset 0 calc(var(--led-size) * -0.19) calc(var(--led-size) * 0.25) rgb(0 0 0 / 0.55),inset 0 calc(var(--led-size) * 0.12) calc(var(--led-size) * 0.19) rgb(255 255 255 / 0.18);&::before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 42%,var(--led-core) 0%,var(--led) 45%,var(--led-rim) 100%);box-shadow:0 0 calc(var(--led-size) * 0.5) calc(var(--led-size) * 0.08) var(--led-glow),0 0 calc(var(--led-size) * 1.1) calc(var(--led-size) * 0.1) var(--led-halo),inset 0 calc(var(--led-size) * -0.19) calc(var(--led-size) * 0.25) var(--led-rim),inset 0 0 calc(var(--led-size) * 0.3) var(--led-core);opacity:0;transition:opacity 0.2s}&::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse 50% 32% at 50% 24%,rgb(255 255 255 / 0.9) 0%,rgb(255 255 255 / 0.35) 55%,rgb(255 255 255 / 0) 100%),radial-gradient(ellipse 60% 26% at 50% 96%,rgb(255 255 255 / 0.28) 0%,rgb(255 255 255 / 0) 100%);opacity:0.55;transition:opacity 0.2s;pointer-events:none}&.small{--led-size:16px}&.large{--led-size:32px}&.active{&::before{opacity:1}&::after{opacity:0.9}}&.off{&::before{opacity:0}&::after{opacity:0.55}}&.blink::before{animation:led-blink 0.6s ease-in-out infinite alternate}&.blink::after{animation:led-blink-gloss 0.6s ease-in-out infinite alternate}}.led-yellow{--led:var(--color-status-yellow)}.led-green{--led:var(--color-status-green)}.led-blue{--led:#1e64ff}@keyframes led-blink{from{opacity:0}to{opacity:1}}@keyframes led-blink-gloss{from{opacity:0.55}to{opacity:0.9}}@media (prefers-reduced-motion:reduce){.led.blink::before,.led.blink::after,.led-red.blink::before,.led-red.blink::after,.led-yellow.blink::before,.led-yellow.blink::after,.led-green.blink::before,.led-green.blink::after,.led-blue.blink::before,.led-blue.blink::after{animation:none}}}@layer components{.background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none;background-image:var(--background-image,none);background-repeat:var(--background-repeat,repeat);background-size:var(--background-size,auto);background-position:center;html[data-background="mask"] &:not(.page){background:var(--color-secondary);-webkit-mask-image:var(--background-image,none);mask-image:var(--background-image,none);-webkit-mask-repeat:var(--background-repeat,repeat);mask-repeat:var(--background-repeat,repeat);-webkit-mask-size:var(--background-size,auto);mask-size:var(--background-size,auto)}&.page{position:absolute;width:100%;height:100%;background-image:var(--background-page-image,none);background-repeat:var(--background-page-repeat,repeat);background-size:var(--background-page-size,auto)}}:has(> .background.page){position:relative;isolation:isolate}}@layer utilities{.icon{--hover-mix:blue;--default-icon:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="gray" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/></svg>');display:inline-block;width:100%;height:100%;&[class*="color-"],&.filled{-webkit-mask-image:var(--icon-url,var(--default-icon));mask-image:var(--icon-url,var(--default-icon));-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-position:center}&.color-light{background-color:var(--color-light)}&.color-dark{background-color:var(--color-dark)}&.color-text{background-color:var(--color-text)}&.color-primaryText{background-color:var(--color-primaryText)}&.color-secondaryText{background-color:var(--color-secondaryText)}&.color-tertiaryText{background-color:var(--color-tertiaryText)}&.color-primary{background-color:var(--color-primary)}&.color-secondary{background-color:var(--color-secondary)}&.color-tertiary{background-color:var(--color-tertiary)}&.filled{--current-color:var(--color,var(--icon-color));background-color:var(--current-color)}&:not(.filled):not([class*="color-"]){background-image:var(--icon-url);background-size:cover;background-repeat:no-repeat}&.size-16{width:16px;height:16px}&.size-32{width:32px;height:32px}&.canBeHover:hover{cursor:pointer;background-color:color-mix(in srgb,var(--color),var(--hover-mix) 25%);transform:translateY(-2px)}&.canBeActive:active{transform:scale(0.9)}}}@layer utilities{@keyframes warn{from{background-color:var(--color-status-red)}to{background-color:var(--color-status-orange)}}@keyframes glow{from{text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px var(--color-primary),0 0 40px var(--color-primary),0 0 50px var(--color-primary),0 0 60px var(--color-primary),0 0 70px var(--color-primary)}to{text-shadow:0 0 20px #fff,0 0 30px var(--color-primaryHover),0 0 40px var(--color-primaryHover),0 0 50px var(--color-primaryHover),0 0 60px var(--color-primaryHover),0 0 70px var(--color-primaryHover),0 0 80px var(--color-primaryHover)}}@keyframes shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px,0px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}100%{transform:translate(1px,-2px) rotate(-1deg)}}@keyframes shine{0%{transform:translateX(-100%) translateY(-100%) rotate(30deg)}80%{transform:translateX(-100%) translateY(-100%) rotate(30deg)}100%{transform:translateX(100%) translateY(100%) rotate(30deg)}}@keyframes highlight-fade{from{background-color:var(--highlight-color,var(--color-status-orange))}to{background-color:transparent}}@keyframes skeleton-pulse{0%,100%{opacity:1}50%{opacity:0.4}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes slide-in-from-bottom{from{opacity:0;transform:translateY(var(--animationDistance,1rem))}to{opacity:1;transform:none}}@keyframes slide-in-from-top{from{opacity:0;transform:translateY(calc(-1 * var(--animationDistance,1rem)))}to{opacity:1;transform:none}}@keyframes slide-in-from-left{from{opacity:0;transform:translateX(calc(-1 * var(--animationDistance,1rem)))}to{opacity:1;transform:none}}@keyframes slide-in-from-right{from{opacity:0;transform:translateX(var(--animationDistance,1rem))}to{opacity:1;transform:none}}.animation-highlight{animation:highlight-fade 10s ease-out forwards;border-radius:var(--border-radius)}.animation-warn{width:100px;height:100px;background-color:red;animation-name:warn;animation-duration:4s;animation-iteration-count:infinite}.animation-shake{animation:shake var(--transition-time);animation-iteration-count:infinite}.animation-glow{animation:glow var(--transition-time) ease-in-out infinite alternate}.animation-fade-in{animation:fade-in var(--animationDuration,0.4s) ease-out var(--animationDelay,0s) both}.animation-fade-out{animation:fade-out var(--animationDuration,0.4s) ease-in var(--animationDelay,0s) both}.animation-slide-in-from-bottom{animation:slide-in-from-bottom var(--animationDuration,0.4s) ease-out var(--animationDelay,0s) both}.animation-slide-in-from-top{animation:slide-in-from-top var(--animationDuration,0.4s) ease-out var(--animationDelay,0s) both}.animation-slide-in-from-left{animation:slide-in-from-left var(--animationDuration,0.4s) ease-out var(--animationDelay,0s) both}.animation-slide-in-from-right{animation:slide-in-from-right var(--animationDuration,0.4s) ease-out var(--animationDelay,0s) both}@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:0.85}}@keyframes bounce{0%,100%{transform:none;animation-timing-function:cubic-bezier(0.8,0,1,1)}50%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0,0,0.2,1)}}@keyframes wiggle{0%,100%{transform:rotate(0deg)}20%{transform:rotate(-4deg)}40%{transform:rotate(4deg)}60%{transform:rotate(-3deg)}80%{transform:rotate(2deg)}}@keyframes zoom-in{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:none}}@keyframes zoom-out{from{opacity:1;transform:none}to{opacity:0;transform:scale(0.8)}}@keyframes flip{from{transform:perspective(600px) rotateY(0deg)}to{transform:perspective(600px) rotateY(360deg)}}@keyframes blink{50%{opacity:0}}@keyframes gradient-shift{from{background-position:0% 50%}to{background-position:100% 50%}}@keyframes shimmer{from{background-position:200% 0}to{background-position:-200% 0}}@property --countValue{syntax:"<integer>";initial-value:0;inherits:false}@keyframes count-up{from{--countValue:0}to{--countValue:var(--countTarget,100)}}.animation-pulse{animation:pulse var(--animationDuration,1.5s) ease-in-out var(--animationDelay,0s) infinite}.animation-bounce{animation:bounce var(--animationDuration,1s) var(--animationDelay,0s) infinite}.animation-wiggle{animation:wiggle var(--animationDuration,0.5s) ease-in-out var(--animationDelay,0s) 1 both}.animation-zoom-in{animation:zoom-in var(--animationDuration,0.3s) ease-out var(--animationDelay,0s) both}.animation-zoom-out{animation:zoom-out var(--animationDuration,0.3s) ease-in var(--animationDelay,0s) both}.animation-flip{animation:flip var(--animationDuration,0.8s) ease-in-out var(--animationDelay,0s) 1}.animation-rotate{animation:spin var(--animationDuration,0.6s) ease-in-out var(--animationDelay,0s) 1}.animation-spin{animation:spin var(--animationDuration,1s) linear infinite}.animation-blink{animation:blink var(--animationDuration,1s) step-end infinite}.animation-count-up{animation:count-up var(--animationDuration,1.5s) ease-out var(--animationDelay,0s) both;counter-reset:countNumber var(--countValue);&::after{content:counter(countNumber)}}.animation-gradient-shift{background-image:linear-gradient( 90deg,var(--gradientFrom,var(--color-primary)),var(--gradientTo,var(--color-secondary)),var(--gradientFrom,var(--color-primary)) );background-size:200% 100%;animation:gradient-shift var(--animationDuration,4s) linear infinite}.animation-shimmer{background-image:linear-gradient( 100deg,transparent 30%,color-mix(in srgb,var(--color-text) 15%,transparent) 50%,transparent 70% );background-size:200% 100%;animation:shimmer var(--animationDuration,1.5s) linear infinite}.hover-lift{transition:transform var(--animationDuration,0.2s) ease,box-shadow var(--animationDuration,0.2s) ease;&:hover{transform:translateY(-0.25rem);box-shadow:0 0.5rem 1rem var(--color-shadow)}}.hover-grow{transition:transform var(--animationDuration,0.2s) ease;&:hover{transform:scale(1.05)}}.press-shrink{transition:transform var(--animationDuration,0.1s) ease;&:active{transform:scale(0.95)}}.hover-underline-grow{position:relative;text-decoration:none;&::after{content:"";position:absolute;left:0;bottom:-0.15em;width:100%;height:2px;background-color:currentColor;transform:scaleX(0);transform-origin:left;transition:transform var(--animationDuration,0.2s) ease}&:hover::after{transform:scaleX(1)}}@supports (animation-timeline:view()){.animation-reveal-on-scroll{animation:slide-in-from-bottom linear both;animation-timeline:view();animation-range:entry 0% cover 30%}}.skeleton{display:block;border-radius:var(--border-radius);background-color:var(--color-layer);animation:skeleton-pulse 1.5s ease-in-out infinite;&.text{height:0.9em;width:100%}&.circle{border-radius:50%}}div:has(.animation-shine){overflow:hidden;position:relative;.animation-shine{&:after{content:"";top:0;transform:translateX(100%) rotate(30deg);width:300%;height:300%;position:absolute;z-index:1;animation:shine 8s infinite ease-in;background:linear-gradient( to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(128,186,232,0) 100% )}}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}.spinner,.loading::after{animation-duration:2s !important;animation-iteration-count:infinite !important}}}@layer utilities{:is([class*="color-"],[class*="background-"],[class*="highlight-"],[class*="dotted-"],[class*="dashed-"],[class*="double-"],[class*="fancy-"],[class*="wavy-"]){&[class*="-primary"]{--text-color:var(--color-primary);--text-on:var(--color-primaryText)}&[class*="-secondary"]{--text-color:var(--color-secondary);--text-on:var(--color-secondaryText)}&[class*="-tertiary"]{--text-color:var(--color-tertiary);--text-on:var(--color-tertiaryText)}&[class*="-light"]{--text-color:var(--color-light);--text-on:var(--color-lightText)}&[class*="-dark"]{--text-color:var(--color-dark);--text-on:var(--color-darkText)}&[class*="-black"]{--text-color:var(--color-black);--text-on:var(--color-white)}&[class*="-white"]{--text-color:var(--color-white);--text-on:var(--color-blackish)}&[class*="-red"]{--text-color:var(--color-status-red);--text-on:var(--color-white)}&[class*="-orange"]{--text-color:var(--color-status-orange);--text-on:var(--color-white)}&[class*="-yellow"]{--text-color:var(--color-status-yellow);--text-on:var(--color-blackish)}&[class*="-green"]{--text-color:var(--color-status-green);--text-on:var(--color-blackish)}&[class*="-error"]{--text-color:var(--color-error);--text-on:var(--color-white)}&[class*="-userError"]{--text-color:var(--color-userError);--text-on:var(--color-blackish)}&[class*="-validationError"]{--text-color:var(--color-validationError);--text-on:var(--color-white)}&[class*="-warning"]{--text-color:var(--color-warning);--text-on:var(--color-blackish)}&[class*="-info"]{--text-color:var(--color-info);--text-on:var(--color-white)}&[class*="-successfull"]{--text-color:var(--color-successfull);--text-on:var(--color-blackish)}&[class*="-ok"]{--text-color:var(--color-ok);--text-on:var(--color-white)}&[class*="-check"]{--text-color:var(--color-check);--text-on:var(--color-blackish)}&[class*="-message"]{--text-color:var(--color-message);--text-on:var(--color-white)}&[class*="-marker0"]{--text-color:var(--color-marker0);--text-on:var(--color-blackish)}&[class*="-marker1"]{--text-color:var(--color-marker1);--text-on:var(--color-blackish)}&[class*="-marker2"]{--text-color:var(--color-marker2);--text-on:var(--color-blackish)}&[class*="-marker3"]{--text-color:var(--color-marker3);--text-on:var(--color-blackish)}&[class*="-marker4"]{--text-color:var(--color-marker4);--text-on:var(--color-blackish)}&[class*="-marker5"]{--text-color:var(--color-marker5);--text-on:var(--color-white)}&[class*="-platin"]{--text-color:var(--color-platin);--text-on:var(--color-blackish)}&[class*="-gold"]{--text-color:var(--color-gold);--text-on:var(--color-white)}&[class*="-bronze"]{--text-color:var(--color-bronze);--text-on:var(--color-blackish)}&[class*="-silver"]{--text-color:var(--color-silver);--text-on:var(--color-blackish)}}[class*="color-"]{color:var(--text-color)}[class*="background-"]{background-color:var(--text-color);color:var(--text-on)}[class*="highlight-"]{background-image:linear-gradient(-100deg,transparent,var(--text-color) 90%,transparent)}:is([class*="dotted-"],[class*="dashed-"],[class*="double-"],[class*="wavy-"]){text-decoration:underline var(--text-color) 2px;text-underline-offset:0.2em;&[class*="dotted-"]{text-decoration-style:dotted}&[class*="dashed-"]{text-decoration-style:dashed}&[class*="double-"]{text-decoration-style:double}&[class*="wavy-"]{text-decoration-style:wavy}}[class*="fancy-"]{position:relative;&::after{--decoration-height:0.3125em;content:"";position:absolute;inset:auto 0 calc(var(--decoration-height) * -0.625);height:var(--decoration-height);background:var(--text-color);mask:url("data:image/svg+xml,%3Csvg width='100' height='64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M-17 30.5C-1 22 72-4 54 13 37.9 28.2-2.5 57.5 16 55.5s72-29 104-40' stroke='black' stroke-width='10'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='black' d='M0 0h100v64H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") 0 0 / auto 100%;background-size:auto 100%;background-repeat:round}}}