:root{--base:#7d7d7d;--backdrop:color-mix(in srgb,var(--base) 30%,transparent);--box-shadow:0 10px 15px light-dark(color-mix(in srgb,var(--black) 25%,transparent),color-mix(in srgb,var(--black) 95%,transparent))}/**/html:has(:popover-open>button.closebg,div.fixed:popover-open){overflow:hidden}body[data-overflow]:has(:popover-open>button.closebg,div.fixed:popover-open){overflow-y:auto;scrollbar-gutter:stable}/**/:popover-open{position:fixed;inset:0}:is(:popover-open:has(button.closebg),div.fixed:popover-open){animation:var(--fadein);overscroll-behavior:none;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none}&:after{position:absolute;content:"";inset:0;z-index:-1;min-height:calc(100dvh + 1px);opacity:0;visibility:hidden;pointer-events:none}&>:not(button){position:fixed;inset:0;background-color:var(--wb);width:100%;height:fit-content;max-width:100%;max-height:100dvh;margin:auto;padding-inline:1.5em;padding-block-start:3.5em;padding-block-end:5em;overflow-y:auto;border-radius:3px}button.closebg{position:absolute;content:" ";inset:0;z-index:-1;&:focus-visible{background-color:color-mix(in srgb,var(--base) 80%,transparent)}}&::backdrop{animation:var(--fadein)}}/**/button.closebtn{position:absolute;top:1px;right:1px;display:grid;place-items:center;width:2em;aspect-ratio:1/1;border-radius:var(--round);padding:1.5em;&::before,&::after{content:" ";position:absolute;width:1.8em;height:0.2em;background-color:var(--color,var(--bw));border-radius:5px}&::before{transform:rotate(45deg)}&::after{transform:rotate(-45deg)}@media(hover:hover){&:hover{background-color:color-mix(in srgb,var(--slight) 80%,var(--wb))}}@media(hover:none){&:active{background-color:color-mix(in srgb,var(--slight) 80%,var(--wb))}}}/**/:has(>p):not(:has(>:not(p))):popover-open{animation:var(--fade);&::backdrop{animation:var(--fade)}&>p{position:fixed;inset:0;margin:auto;border-radius:3px;padding-inline:1.5em;width:fit-content;height:fit-content;padding-block:1em;box-shadow:var(--box-shadow);&::after{white-space:pre-wrap}&:is(.error,.success){color:var(--white);font-weight:bold;display:flex;column-gap:1em;align-items:center;max-width:95%;&.error{background-color:var(--red);span{position:relative;width:2em;aspect-ratio:1/1;&::after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:0.45em;height:0.4em;background-color:var(--white);bottom:-0.2em}&::before{content:"";position:absolute;transform:translateX(-50%);width:0.45em;height:1.6em;background-color:var(--white);top:-0.2em}}}&.success{background-color:var(--green);span{width:2em;aspect-ratio:1/1;&::before{content:"";position:absolute;left:1.5em;width:2em;height:1.2em;border-bottom:0.45em solid var(--white);border-left:0.45em solid var(--white);transform:rotate(-45deg)}}}}}}/**/video{max-width:100%;width:100%;display:inline-block;overflow:hidden;height:auto;cursor:pointer;vertical-align:bottom;border-radius:3px}audio{width:100%;max-width:100%;display:inline-block;overflow:hidden;vertical-align:bottom;border-radius:3px}/**/li{position:relative;&::before{position:absolute}}summary{width:fit-content;list-style:none;&::-webkit-details-marker{display:none}}/**/textarea,input[type="text"]{white-space:pre-wrap;overflow-wrap:break-word;word-break:break-all;-webkit-user-select:auto;user-select:auto;font-family:var(--fonts);padding:5px 8px;text-align:left;cursor:text;background-color:var(--slight);caret-color:var(--color,var(--bw));resize:vertical;&::placeholder{color:color-mix(in srgb,var(--text) 30%,var(--slight));font-size:inherit}&:focus{outline:1px solid var(--color,var(--bw))}@media(hover:hover){font-size:1rem;&:hover:not(:focus){outline:1px solid var(--mlight)}}@media(hover:none){font-size:16px}}/**/label:has(input[type="checkbox"],input[type="radio"]){display:inline-flex;column-gap:0.5em;align-items:center}input[type="checkbox"],input[type="radio"]{width:1.6em;aspect-ratio:1/1;position:relative;background-color:var(--slight);@media(hover:hover){&:hover{outline:1px solid var(--mlight)}}&:active{outline:1px solid var(--color,var(--bw))}&::after{content:"";position:absolute;opacity:0;visibility:hidden;pointer-events:none}&:checked::after{animation:var(--fadein)}&:not([type="radio"]):checked::after{top:0.35em;left:0.32em;width:1em;height:0.6em;border-bottom:0.15em solid var(--color,var(--bw));border-left:0.15em solid var(--color,var(--bw));transform:rotate(-45deg)}&:not([type="checkbox"]){border-radius:var(--round);&:checked::after{inset:0.35em;border-radius:var(--round);background-color:var(--color,var(--bw))}}}/**/select{height:1.6em;text-align-last:center;text-align:center;font-family:var(--fonts);padding-inline:0.3em;line-height:1;background-color:var(--slight);display:flex;justify-content:center;align-items:center;@media(hover:hover){&:hover{outline:1px solid var(--mlight)}}&:active{outline:1px solid var(--color,var(--bw))}}