dialog.cookie-consent{--pad:clamp(1.25rem, 1.2vw + .95rem, 2rem);box-sizing:border-box;width:min(34rem,100vw - 2rem);max-width:none;max-height:calc(100dvh - 2rem);padding:var(--pad);border:1px solid var(--line);background-color:var(--clr-surface);color:var(--clr-black-900);overscroll-behavior:contain;visibility:hidden;margin:auto;overflow-y:auto;box-shadow:0 2rem 4rem -2rem #15141466}dialog.cookie-consent::backdrop{background-color:#1514146b;transition:background-color .5s cubic-bezier(.2,.8,.2,1),-webkit-backdrop-filter .5s cubic-bezier(.2,.8,.2,1),backdrop-filter .5s cubic-bezier(.2,.8,.2,1)}@media (hover:hover){dialog.cookie-consent::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}}@starting-style{dialog.cookie-consent[open]::backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();background-color:#15141400}}dialog.cookie-consent.leaving::backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();background-color:#15141400}dialog.cookie-consent div.top{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}dialog.cookie-consent span.pixel-cookie{grid-template-columns:repeat(11,.3125rem);grid-auto-rows:.3125rem;gap:.125rem;display:grid}dialog.cookie-consent span.pixel-cookie span.rim{background-color:var(--clr-celadon-400)}dialog.cookie-consent span.pixel-cookie span.dough{background-color:var(--clr-celadon-200)}dialog.cookie-consent span.pixel-cookie span.chip{background-color:var(--clr-black-900)}dialog.cookie-consent span.pixel-cookie span.crumb{background-color:var(--clr-celadon-400);opacity:0}dialog.cookie-consent span.pixel-cookie.eaten span.bite{visibility:hidden}dialog.cookie-consent button.close{width:2.25rem;height:2.25rem;color:var(--clr-black-900);cursor:pointer;transition:background-color .4s var(--ease);place-items:center;margin:-.625rem -.625rem 0 0;display:grid}dialog.cookie-consent button.close svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:.75rem;height:.75rem}@media (hover:hover){dialog.cookie-consent button.close:hover{background-color:var(--clr-celadon-50)}}dialog.cookie-consent button.close:focus-visible{outline:1px solid var(--clr-black-900);outline-offset:-1px}dialog.cookie-consent h2{letter-spacing:-.04rem;outline:none;margin:0 0 .75rem;font-size:clamp(1.5rem,.6vw + 1.35rem,1.875rem);line-height:1.15}dialog.cookie-consent div.text p{color:var(--clr-body);margin:0}dialog.cookie-consent div.text p+p{margin-top:.625rem}dialog.cookie-consent div.text a{color:var(--clr-black-900);text-underline-offset:.15em;text-decoration:underline}dialog.cookie-consent div.actions{justify-content:space-between;align-items:center;gap:.5rem;margin-top:1.75rem;display:flex}dialog.cookie-consent div.actions.end div.btn:nth-child(2){margin-left:auto}dialog.cookie-consent div.btn .btn-inner.primary,dialog.cookie-consent div.btn .btn-inner.secondary{justify-content:center;padding-block:.875em;padding-inline:1.25em}dialog.cookie-consent div.btn .btn-inner.secondary{padding-block:calc(.875em - 1px)}dialog.cookie-consent ul.kinds{border:1px solid var(--line);background-color:var(--clr-mint-50);margin:1.25rem 0 0;padding:0;list-style:none}dialog.cookie-consent ul.kinds li+li{border-top:1px solid var(--line)}dialog.cookie-consent .kind{box-sizing:border-box;text-align:left;width:100%;color:var(--clr-black-900);transition:background-color .4s var(--ease);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.25rem .875rem;padding:.875rem 1rem;display:grid}dialog.cookie-consent button.kind{cursor:pointer}@media (hover:hover){dialog.cookie-consent button.kind:hover{background-color:var(--clr-celadon-50)}}dialog.cookie-consent button.kind:focus-visible{outline:1px solid var(--clr-black-900);outline-offset:-1px}dialog.cookie-consent .kind span.switch{border:1px solid var(--clr-mint-300);width:2.25rem;height:1.25rem;transition:background-color .4s var(--ease), border-color .4s var(--ease);background:#fff;grid-row:1;position:relative}dialog.cookie-consent .kind span.switch:after{content:"";background:var(--clr-mint-300);width:.75rem;height:.75rem;transition:transform .4s var(--ease), background-color .4s var(--ease);position:absolute;top:.1875rem;left:.1875rem}dialog.cookie-consent .kind.on span.switch,dialog.cookie-consent .kind.always span.switch{border-color:var(--clr-black-900);background:var(--clr-black-900)}dialog.cookie-consent .kind.on span.switch:after,dialog.cookie-consent .kind.always span.switch:after{background:var(--clr-celadon-400);transform:translate(1rem)}dialog.cookie-consent .kind.always span.switch{opacity:.4}dialog.cookie-consent .kind span.name{letter-spacing:-.02625rem;flex-wrap:wrap;grid-row:1;align-items:center;gap:.25rem .5rem;font-size:.875rem;font-weight:600;display:flex}dialog.cookie-consent .kind span.tag{border:1px solid var(--line);background:var(--clr-mint-100);color:var(--clr-body);white-space:nowrap;padding:.1rem .45rem}dialog.cookie-consent .kind span.about{color:var(--clr-body);grid-column:2;line-height:1.4}@media not (min-width:36rem){dialog.cookie-consent div.top{margin-bottom:1.25rem}dialog.cookie-consent div.actions{grid-template-columns:1fr 1fr;align-items:stretch;margin-top:1.5rem;display:grid}dialog.cookie-consent div.actions.end div.btn:last-child{grid-column:1/-1}dialog.cookie-consent div.actions.end div.btn:nth-child(2){margin-left:0}dialog.cookie-consent div.actions div.btn{width:100%}dialog.cookie-consent div.actions div.btn .btn-inner{white-space:normal;text-align:center}}
