:root{--layout:oklch(.197 .017 252.6);--primary:#455fff;--bg-light:oklch(from var(--layout) calc(l + .09) c h);--bg:oklch(from var(--layout) calc(l + .045) c h);--bg-dark:var(--layout);--text:#ffffff;--text-muted:#b0bdcc;--border:oklch(.39 .017 252.6);--border-muted:oklch(.32 .017 252.6);--border-1:1px solid var(--border);--border-muted-1:1px solid var(--border-muted);--round:.5rem;--info:#2a8ae3;--success:#32bc6e;--warning:#edaa24;--danger:#e12e4f;--info-grad:linear-gradient(90deg, #3fbecf, #593fcf);--success-grad:linear-gradient(90deg, #c5cf3f, #3fcf66);--warning-grad:linear-gradient(90deg, #dbac00, #db5b00);--danger-grad:linear-gradient(90deg, #db7800, #db0000);--transitions:all 176ms cubic-bezier(.4, 0, .2, 1);--slow:all .4s cubic-bezier(.4, 0, .2, 1);--shadow-color:oklch(from var(--layout) .05 c h / .8);--shadow-low:1px 2px 2px var(--shadow-color);--shadow-low-up:0px -2px 4px var(--shadow-color);--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:3rem;--font-thin:100;--font:400;--font-bold:600;--pulse-size:1.05;--fb-bottom:16px;--fb-right:16px;--layout-header:3rem;--layout-width:max(min(100%, 80rem), 360px);--layout-footer:10rem}*,*:before,*:after{box-sizing:border-box}*::selection{background:var(--primary);color:var(--text)}html,body{background:var(--bg-dark);color:var(--text-muted);font:var(--font)16px barlow condensed,sans-serif;min-width:calc(100dvw - 20px);min-height:100dvh;padding:0;margin:0;color-scheme:dark}input{background-color:var(--bg-dark);border:1px solid var(--border);color:var(--text);border-radius:var(--round);padding:4px 8px;outline-color:var(--text);&:focus{outline:1px solid var(--primary)}&.sm{font-size:var(--text-sm);padding:2px 6px}&.md{font-size:var(--text-md)}&.lg{font-size:var(--text-lg);padding:6px 10px}&.xl{font-size:var(--text-xl);padding:8px 12px}}ul{margin:0;padding:0;list-style:none}article{background-color:var(--bg);border:var(--border-muted-1);border-radius:var(--round);padding:16px;transition:var(--transitions);box-shadow:var(--shadow-low)}p,li{text-wrap:pretty}fieldset{border:none}hr{border:none;border-top:1px solid var(--border);width:100%}hr[aria-label]{color:var(--text-muted);overflow:visible;text-align:center;height:5px;&:after{background:var(--bg);content:attr(aria-label);padding:0 4px;position:relative;top:-13px;font-size:.8rem}}.cards{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:16px;>*{flex:1 1 300px}}#theme-toggle{position:fixed;bottom:var(--fb-bottom);right:var(--fb-right);z-index:100;background-color:var(--bg-light);border:var(--border-muted-1);border-radius:var(--round);padding:8px;backface-visibility:hidden;>i{font-size:24px;line-height:0;color:var(--text-muted)}&:hover{box-shadow:var(--shadow-low);cursor:pointer;text-decoration:none}}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scaleX(var(--pulse-size))}to{transform:scaleX(1)}}form.vertical{fieldset{display:flex;flex-direction:column;gap:16px;align-items:stretch;justify-content:stretch}width:100%;legend{font-size:2rem;font-weight:thin;display:block;text-align:center}label{display:block;width:100%;font-size:1rem}small{font-size:var(--text-sm);color:var(--text-muted)}}main{min-height:110dvh}.hide-lg{display:none}.hide-md,.hide-sm,.show-lg{display:unset}.show-md,.show-sm{display:none!important}@media(min-width:640px)and (max-width:1100px){.hide-lg{display:unset}.hide-md{display:none!important}.hide-sm{display:unset}.show-lg{display:none!important}.show-md{display:unset}.show-sm{display:none!important}}@media(max-width:639px){.hide-lg,.hide-md{display:unset}.hide-sm,.show-lg,.show-md{display:none!important}.show-sm{display:unset}}.center{display:flex;align-items:center;justify-content:center}.gap-sm{gap:.5rem}.gap{gap:1rem}.gap-lg{gap:2rem}.grow{flex-grow:1}.container-fluid{width:100%;margin-inline:auto}.container{width:min(var(--layout-width),calc(100% - 2rem));margin-inline:auto}a{color:var(--primary);text-decoration:none;cursor:pointer;transition:var(--transitions);&:hover{text-decoration:underline}}button{background:0 0;border:none;padding:0;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);background-color:var(--bg);border:var(--border-muted-1);padding:8px 16px;border-radius:var(--round);cursor:pointer;&:hover{color:var(--text);background-color:var(--bg-light);border-color:var(--border);box-shadow:var(--shadow-low);animation:pulse .6s infinite}&.xs{padding:4px 8px}&.sm{padding:6px 12px}&.lg{padding:10px 20px}&.link{background-color:transparent;border-color:transparent;&:hover{background-color:transparent;text-decoration:underline;box-shadow:none}}}.block{display:block;width:100%}.info{color:var(--info);border-color:var(--info);background-color:rgb(from var(--info) r g b/12%);&:hover{color:var(--bg-light);border-color:var(--info);background-color:rgb(from var(--info) r g b/65%)}}.success{color:var(--success);border-color:var(--success);background-color:rgb(from var(--success) r g b/12%);&:hover{color:var(--bg-light);border-color:var(--success);background-color:rgb(from var(--success) r g b/65%)}}.warning{color:var(--warning);border-color:var(--warning);background-color:rgb(from var(--warning) r g b/12%);&:hover{color:var(--bg-light);border-color:var(--warning);background-color:rgb(from var(--warning) r g b/65%)}}.danger{color:var(--danger);border-color:var(--danger);background-color:rgb(from var(--danger) r g b/12%);&:hover{color:var(--bg-light);border-color:var(--danger);background-color:rgb(from var(--danger) r g b/65%)}}.primary{color:var(--primary);border-color:var(--primary);background-color:rgb(from var(--primary) r g b/12%);&:hover{color:var(--bg-light);border-color:var(--primary);background-color:rgb(from var(--primary) r g b/65%)}}table.table{border-spacing:0;border-collapse:separate;width:100%;box-shadow:var(--shadow-low);background-color:var(--bg-dark);border-radius:var(--round);>thead{color:var(--text);font-weight:700;>tr{>th{padding:4px 8px;text-align:center;font-size:var(--text-lg);font-weight:400;background-color:var(--bg-light);border:var(--border-muted-1);&:first-of-type{border-top-left-radius:var(--round)}&:last-of-type{border-top-right-radius:var(--round)}}}}>tbody{>tr{>td{background-color:var(--bg);padding:8px;border-bottom:var(--border-muted-1);&:first-of-type{border-left:var(--border-muted-1)}&:last-of-type{border-right:var(--border-muted-1)}&.empty{text-align:center;padding:48px 0;font-size:var(--text-lg);font-weight:100}}&:hover{>td{background-color:var(--bg-light)}}&:last-of-type{>td{&:first-of-type{border-bottom-left-radius:var(--round)}&:last-of-type{border-bottom-right-radius:var(--round)}}}}}>tfoot{background-color:var(--bg-light);color:var(--text);font-weight:700;border-top:var(--border-muted-1)}>:has(tfoot){>tbody>tr:last-of-type>td{border-radius:0}}}.toasts{position:fixed;right:var(--fb-right);bottom:calc(var(--fb-bottom) + 48px);width:320px;z-index:20;&:hover>div{animation-play-state:paused;&:before{animation-play-state:paused}}>div{background:var(--bg-light);color:var(--text-muted);position:relative;overflow-y:hidden;width:100%;padding:12px 22px 12px 40px;margin-top:8px;border-radius:var(--round);cursor:pointer;animation:.5s cubic-bezier(.68,-.55,0,1.65) 0s 1 normal forwards toast-in,.5s cubic-bezier(.68,-.55,0,1.65) 5s 1 reverse forwards toast-in,1ms ease 5.5s 1 normal forwards dis-hide;border:var(--border-muted-1);&:hover{color:var(--text);border-color:var(--border);box-shadow:var(--shadow-low)}&:after{display:block;position:absolute;top:8px;left:8px;font-size:20px;font-family:monospace;width:20px;height:20px;line-height:20px;color:var(--text);text-align:center;transition:var(--transitions);font-family:icons!important;font-style:normal;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}&:before{content:"";display:block;position:absolute;border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);left:0;right:0;bottom:0;height:3px;animation:shrink forwards;animation-duration:4.7s;animation-delay:.3s;background-repeat:repeat-y;background-position:left;background-color:var(--bg)}}>div.danger:before{background-image:var(--danger-grad)}>div.success:before{background-image:var(--success-grad)}>div.warning:before{background-image:var(--warning-grad)}>div.info:before{background-image:var(--info-grad)}>div.warning:after{content:"\e012";color:var(--warning)}>div.info:after{content:"\e010";color:var(--info)}>div.danger:after{content:"\e013";color:var(--danger)}>div.success:after{content:"\e011";color:var(--success)}}@keyframes toast-in{0%{transform:translate(calc(var(--fb-right) + 328px));opacity:.1;height:0}to{transform:translate(0);opacity:1;height:auto}}@keyframes shrink{0%{background-size:100%}to{background-size:0%}}@keyframes dis-hide{to{display:none}}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:100;text-wrap:balance}i[class^=ic-],i[class*=" ic-"]{vertical-align:middle;line-height:0}.xs{font-size:var(--text-xs)}.sm{font-size:var(--text-sm)}.lg{font-size:var(--text-lg)}.xl{font-size:var(--text-xl)}.text-c{text-align:center}.dots{background-image:radial-gradient(var(--border-muted) 1px,transparent .5px);background-size:20px 20px;background-position:50% 0;background-attachment:fixed}.flow,#logo,#logo:hover{background:linear-gradient(130deg,#9d00db,#3fbecf,#593fcf,#9d00db);background-size:300% 300%;background-position:100% 0;animation:flowr 6s infinite;color:var(--text);>a{color:var(--text);&:hover{text-decoration:none}}}@keyframes flowr{0%{background-position:100% 0}50%{background-position:0 100%}to{background-position:100% 0}}body{>footer{>.container{background:var(--bg);border:var(--border-muted-1);padding:1rem;box-shadow:var(--shadow-low);margin-bottom:2rem;border-radius:var(--round);display:flex;flex-flow:row wrap;align-items:stretch;justify-content:space-between;gap:16px;>section{flex:1 0 320px;border-right:var(--border-muted-1);&:last-of-type{border-right:none}>h4{font-size:var(--text-xl);margin:0 0 16px;font-weight:var(--bold)}>ul{list-style:circle;padding-left:20px}>dl{margin:16px;>dt{font-weight:700}>dd{margin:0 0 8px 16px}}.contacts{display:flex;flex-direction:row;gap:12px;>a{font-size:var(--text-xl);color:var(--text-muted);&:hover{color:var(--primary);text-decoration:none}}}}}}}body{--fb-bottom:32px;>main{display:flex;align-items:center;justify-content:center;min-height:calc(100dvh - 16px);>article{width:min(calc(100dvw - 16px),620px);aspect-ratio:4 / 3;display:flex;flex-direction:column;margin:1rem auto}}}article{background-color:var(--bg);padding:8px;flex-direction:column;gap:16px;border-radius:var(--round);align-items:stretch;img.cover{width:100%;margin:0 auto;border-radius:var(--round);aspect-ratio:1 / 1;object-fit:contain;background-color:var(--bg-dark);box-shadow:inset var(--shadow-low-up);padding:1rem;display:block}}.splitter{gap:16px;display:flex;flex:1;align-items:stretch;justify-content:stretch;flex-direction:row;>div{border-radius:var(--round)}>div:first-of-type{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--bg-dark);container-type:inline-size;>h2{font-size:min(8cqb,3rem);font-weight:100;text-align:center}}>div:last-of-type{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:16px;header.flow{display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:24px;border-radius:var(--round);width:100%;padding:4px;margin-bottom:16px}}}.socials{display:flex;align-items:center;justify-content:space-between}.social{color:var(--text-muted);transition:var(--transitions);margin:.25rem 0;display:inline-flex;line-height:0;cursor:pointer;background:var(--bg-light);border-radius:var(--round);padding:2px 4px;font-size:0;>i{font-size:3rem}align-items:center;justify-content:space-between;flex-direction:column;&:hover{border-color:var(--primary);background-color:var(--primary);color:var(--bg-light)}}