html:has(#visitor-setting-dialog[open]){overflow:hidden}#visitor-setting-dialog{--font-weight-link:var(--fw-light);--text-decoration-link:underline;background-color:#0000;border:none;width:calc(100% - 2rem);max-width:44rem;max-height:calc(100dvh - 2rem);margin:auto;overflow:visible;&::backdrop{backdrop-filter:blur(3px);background-color:#0009}& .dialog-content{--padding-block:clamp(1rem, 2.5vw, 2rem);color:var(--color-txt);font-size:var(--fs-fix-sm);gap:var(--s-8);max-height:inherit;padding-block-start:var(--padding-block);padding-inline:var(--padding-block);scrollbar-width:thin;background-color:#fff;flex-direction:column;display:flex;overflow-y:auto;container-type:inline-size;@media (width>=600px){font-size:var(--fs-fix-base)}&>h2{font-size:var(--fs-2xl);font-weight:var(--fw-light);text-wrap:balance;&:focus{outline:none}@media (width>=600px){font-size:var(--fs-fix-2xl)}}&>form{gap:var(--s-6);grid-template-columns:minmax(0,1fr);display:grid;@media (width>=600px){grid-template-columns:minmax(0,1fr) minmax(0,20rem)}&>*{grid-column:1/-1}&>fieldset{gap:var(--s-6) var(--s-8);border:none;flex-wrap:wrap;display:flex;&>[role=alert]{color:var(--color-primary);font-weight:var(--fw-bold);flex-basis:100%}}&>section{gap:var(--s-4);flex-direction:column;display:flex;&>h3{font-size:var(--fs-fix-lg);font-weight:var(--fw-light);@media (width>=600px){font-size:var(--fs-fix-xl)}}}& p{line-height:1.5}& :is(article,[aria-label=Cookie\ Details]){background-color:var(--color-gray-light);gap:var(--s-6);padding:var(--s-4);flex-direction:column;display:flex;@media (width>=600px){padding:var(--s-6)}&>section{gap:var(--s-1);flex-direction:column;display:flex}& :is(h3,h4){font-size:inherit;font-weight:var(--fw-bold);line-height:1.3}}& label{font-weight:var(--fw-bold);align-items:flex-start;gap:var(--s-2);-webkit-user-select:none;user-select:none;line-height:1.3;display:flex;position:relative;&:after{content:"";position:absolute;inset:calc(.5lh - 22px) 0}&:has([disabled]){pointer-events:none}&:has([disabled]:not(:checked,[type=hidden])){opacity:.5}&>input{--size:1lh;appearance:none;border:1px solid var(--color-txt);height:var(--size);width:var(--size);z-index:1;background:0 0;flex-shrink:0;position:relative;&:focus{box-shadow:none;outline:0}&:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}&:disabled:checked{opacity:.5}}&>[type=radio]{border-radius:50%;&:checked{background:radial-gradient(var(--color-txt) 45%, #0000 50%)}}&>[type=checkbox]:checked{background-color:var(--color-txt);&:before{content:"";height:calc(var(--size) * .7);left:calc(var(--size) * .25);width:calc(var(--size) * .4);border-bottom:3px solid #fff;border-right:3px solid #fff;display:inline-block;position:absolute;rotate:45deg}}}&>footer{background:linear-gradient(#fff0, #fff var(--s-6));grid-template-columns:subgrid;padding-block:var(--s-6) var(--padding-block);row-gap:var(--s-3);z-index:1;margin-block-start:calc(-1 * var(--s-6));display:grid;position:sticky;bottom:0;@container (width>=720px){column-gap:var(--s-3);grid-template-columns:repeat(3,minmax(0,1fr))}&:has(button+button){@container (width<720px){@media (height<=700px){position:static}}}&>button{--bg:var(--color-primary-muted);--fw:var(--fw-bold);--pb:var(--s-3);--pi:var(--s-2);font-size:var(--fs-fix-sm);white-space:normal;grid-column:-2;@container (width>=720px){grid-column:auto;&:only-child{grid-column:3}}}}}}}