@layer lib{input,select{padding:1rem;font-weight:700;box-shadow:-.1rem -.1rem .1rem var(--clr-dark, black)}input[type=checkbox]{width:1.4rem;aspect-ratio:1 / 1}textarea{padding:1rem;min-height:10rem;font-weight:700;box-shadow:-.1rem -.1rem .1rem var(--clr-dark, black);resize:none}.flex{display:flex;justify-content:center;align-items:center;gap:.4rem;flex-wrap:wrap}.grid{display:grid;gap:.4rem}.debug{border:.2rem solid red;background:#ff0}.link,.bt{display:inline-block;margin:.2rem;padding:.2rem;font-weight:700}.link{color:#fff;background-color:var(--clr-dark, black);text-decoration:none;text-shadow:2px 2px black}.bt{padding:1rem;cursor:pointer;border:none;background-color:hsl(from var(--clr-light, white) h s l / .2);box-shadow:.1rem .1rem .1rem var(--clr-dark, black);&:active{box-shadow:inset .1rem .1rem .2rem var(--clr-dark, black)}}.form{padding:1rem;background-color:hsl(from var(--clr-light, white) h s l / .2);box-shadow:.1rem .1rem .1rem var(--clr-dark, black)}.copyright{padding:.6rem 2rem;font-size:.8rem;text-align:right}aside:has(.notification){position:fixed;inset:0 0 auto;z-index:1000}.notification{--blue: hsl(240 100% 40%);--green: hsl(120 100% 20%);--red: hsl(0 100% 40%);--background: hsl(0 100% 100% / .8);padding:1rem;font-weight:700;text-align:center;color:var(--blue, blue);background-color:var(--background, white);border:solid var(--blue, blue);border-width:.2rem .2rem 1rem .2rem;&.success{color:var(--green, green);border-color:var(--green, green)}&.error{color:var(--red, red);border-color:var(--red, red)}}.loader{margin:1rem auto;overflow:hidden;&.spin{display:block;width:2rem;aspect-ratio:1 / 1;background:conic-gradient(var(--clr-dark, black),var(--clr-light, white));border-radius:50%;animation:rotate-full 2s infinite linear}p{padding:.4rem;font-size:.6rem;font-weight:700;text-align:center;animation:scale200 2s infinite alternate}}.top{display:block;width:2rem;aspect-ratio:1 / 1;border:1rem solid currentColor;border-bottom:2rem solid transparent;background-color:transparent;cursor:pointer}.galery{overflow-x:scroll;margin:2rem auto;justify-content:start;flex-wrap:nowrap;scroll-snap-type:x mandatory;>img{flex-shrink:0;scroll-snap-align:center}}}