@import"https://fonts.googleapis.com/css2?family=CaskaydiaCove Nerd Font";html{min-width:375px;min-height:375px;height:100%}body{--c-glass: #bbbbbc;--c-light: #fff;--c-dark: #000;--c-content: #224;--c-action: #0052f5;--c-bg: #e8e8e9;--glass-reflex-dark: 1;--glass-reflex-light: 1;--saturation: 150%;font-size:1.1em;font-optical-sizing:auto;background:var(--c-bg);color:var(--c-content);margin:0;text-align:center}body:has(input[value=dark]:checked){--c-glass: #bbbbbc;--c-light: #fff;--c-dark: #000;--c-content: #e1e1e1;--c-action: #03d5ff;--c-bg: #1b1b1d;--glass-reflex-dark: 2;--glass-reflex-light: .3;--saturation: 150%}body:has(input[value=dim]:checked){--c-light: #99deff;--c-dark: #20001b;--c-glass: hsl(335 250% 74% / 1);--c-content: #d5dbe2;--c-action: #ff48a9;--c-bg: #152433;--glass-reflex-dark: 2;--glass-reflex-light: .7;--saturation: 200%}.glass{border:none;border-radius:2em;font-size:var(--fz);background-color:color-mix(in srgb,var(--c-glass) 12%,transparent);backdrop-filter:blur(8px) url(#switcher) saturate(var(--saturation));-webkit-backdrop-filter:blur(8px) saturate(var(--saturation));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 10%),transparent),inset 1.8px 3px 0 -2px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 90%),transparent),inset -2px -2px 0 -2px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 80%),transparent),inset -3px -8px 1px -6px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 60%),transparent),inset -.3px -1px 4px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 12%),transparent),inset -1.5px 2.5px 0 -2px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 20%),transparent),inset 0 3px 4px -2px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 20%),transparent),inset 2px -6.5px 1px -4px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 10%),transparent),0 1px 5px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 10%),transparent),0 6px 16px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 8%),transparent);transition:all .3s ease}.switcher{display:flex;align-items:center;gap:8px;width:244px;max-width:244px;height:70px;box-sizing:border-box;padding:8px 12px 10px;margin-left:16px;margin-right:16px}.switcher__legend{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}.switcher__input{clip:rect(0 0 0 0);clip-path:inset(100%);height:1px;width:1px;overflow:hidden;position:absolute;white-space:nowrap}.switcher__icon{display:block;width:100%;transition:scale .2s cubic-bezier(.5,0,0,1)}.switcher__option{--c: var(--c-content);display:flex;justify-content:center;align-items:center;padding:0 16px;width:68px;height:100%;box-sizing:border-box;opacity:1;transition:all .16s}.switcher__option:hover{--c: var(--c-action);cursor:pointer}.switcher__option:hover .switcher__icon{scale:1.2}.switcher__option:has(input:checked){--c: var(--c-content);cursor:auto}.switcher__option:has(input:checked) .switcher__icon{scale:1}.switcher:after{content:"";position:absolute;left:4px;top:4px;display:block;width:84px;height:calc(100% - 10px);background-color:color-mix(in srgb,var(--c-glass) 36%,transparent);z-index:-1;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 10%),transparent),inset 2px 1px 0 -1px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 90%),transparent),inset -1.5px -1px 0 -1px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 80%),transparent),inset -2px -6px 1px -5px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 60%),transparent),inset -1px 2px 3px -1px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 20%),transparent),inset 0 -4px 1px -2px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 10%),transparent),0 3px 6px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 8%),transparent)}.switcher:has(input[c-option="1"]:checked):after{translate:0 0;transform-origin:right;transition:background-color .4s cubic-bezier(1,0,.4,1),box-shadow .4s cubic-bezier(1,0,.4,1),translate .4s cubic-bezier(1,0,.4,1);animation:scaleToggle .44s ease}.switcher:has(input[c-option="2"]:checked):after{translate:76px 0;transition:background-color .4s cubic-bezier(1,0,.4,1),box-shadow .4s cubic-bezier(1,0,.4,1),translate .4s cubic-bezier(1,0,.4,1);animation:scaleToggle2 .44s ease}.switcher[c-previous="1"]:has(input[c-option="2"]:checked):after{transform-origin:left}.switcher[c-previous="3"]:has(input[c-option="2"]:checked):after{transform-origin:right}.switcher:has(input[c-option="3"]:checked):after{translate:152px 0;transform-origin:left;transition:background-color .4s cubic-bezier(1,0,.4,1),box-shadow .4s cubic-bezier(1,0,.4,1),translate .4s cubic-bezier(1,0,.4,1);animation:scaleToggle3 .44s ease}@keyframes scaleToggle{0%{scale:1 1}50%{scale:1.1 1}to{scale:1 1}}@keyframes scaleToggle2{0%{scale:1 1}50%{scale:1.2 1}to{scale:1 1}}@keyframes scaleToggle3{0%{scale:1 1}50%{scale:1.1 1}to{scale:1 1}}html *{font-family:CaskaydiaCove Nerd Font}#root{line-height:1.5;padding-top:116px;padding-bottom:116px}ul,li,li a,#table,#table a,form,#socials,#links,.textPlace,.downloadPlace{display:flex}ul,li,#table,form{justify-content:center}.textPlace,.downloadPlace{justify-self:center;margin:16px;padding:16px}.downloadPlace,header nav,footer nav,.book,.switcher__option,.switcher:after{border-radius:100em}footer ul{justify-content:space-around}ul,li,li a,form{align-items:center}#table a,form,.textPlace{flex-direction:column}a,input[type=submit],input[type=button],button{text-decoration:inherit;color:var(--c-action)}a:hover,input[type=submit]:hover,input[type=button]:hover,button:hover{color:color-mix(in srgb,var(--c-action),var(--c-content) 40%)}header,footer{position:fixed;width:100%}header nav,footer nav{margin:16px;height:84px}header{top:0}footer{bottom:0}ul{margin:0;padding:0;height:100%}li,input[type=submit],input[type=button],button{cursor:pointer}input,textarea,button{padding:16px 24px;border-radius:1em;font-size:16px;text-align:center}input[type=text],input[type=email],textarea{min-width:200px;max-width:200px;min-height:30px;margin:2px;color:var(--c-content)}input[type=submit],input[type=button],button{margin:8px}input[type=submit]:disabled,input[type=button]:disabled,button:disabled{cursor:not-allowed}#table a,header,footer{font-size:larger}li{margin:16px}.book{max-width:10em}li img{height:36px}#table a{border-radius:1.5em;margin:8px;padding:16px;width:35%}#table a img{border-radius:1em;margin-top:12px;width:100%}#table{flex-wrap:wrap}#table a:hover,input[type=submit]:hover,input[type=button]:hover,button:hover{transform:translateY(-2px)}p,h1,h2,h3,h4,h5,h6{margin:8px}.textPlace{text-align:start}
