@layer layout{.theme-controls--panel .theme-controls__header,[data-context-note-host]{position:relative;anchor-name:--theme-note-card;anchor-scope:--theme-note-card,--theme-note-trigger,--theme-note-popover}.theme-note{position:absolute;top:calc(var(--theme-note-corner-inset) - var(--theme-note-target-size) / 2);left:calc(var(--theme-note-corner-inset) - var(--theme-note-target-size) / 2);display:flex;flex:0 0 auto;justify-content:center;inline-size:var(--theme-note-target-size)}.theme-note--contained{top:0;left:0;z-index:3;--theme-note-bridge-outset: 0px}.theme-note--contained .theme-note__dot{translate:var(--theme-note-contained-dot-offset) var(--theme-note-contained-dot-offset)}.theme-note--contained.theme-note--right{left:auto;right:0}.theme-note--contained.theme-note--right .theme-note__dot{translate:calc(-1 * var(--theme-note-contained-dot-offset)) var(--theme-note-contained-dot-offset)}.theme-note--right .theme-note__content{transform-origin:right bottom}.theme-note__trigger{anchor-name:--theme-note-trigger;interest-delay:var(--theme-note-hover-open-delay) var(--theme-note-hover-close-delay);display:grid;flex:0 0 auto;place-items:center;inline-size:var(--theme-note-target-size);block-size:var(--theme-note-target-size);padding:0;border:0;border-radius:var(--theme-note-trigger-radius);corner-shape:var(--theme-note-corner-shape);color:var(--theme-note-color);background:transparent;font:inherit;font-size:var(--theme-note-label-size);cursor:pointer}.theme-note__dot{position:relative;display:grid;place-items:center;flex:0 0 auto;inline-size:var(--theme-note-dot-size);block-size:var(--theme-note-dot-size);border-radius:var(--theme-note-dot-radius);border:var(--theme-note-border-width) var(--theme-note-border-style) var(--theme-note-border-color)}.theme-note__dot svg{position:absolute;inset:50% auto auto 50%;translate:-50% -50%;scale:var(--theme-note-indicator-scale);overflow:visible}.theme-note__halo{opacity:var(--theme-note-glow-strength)}.theme-note__fill{scale:1;transition:scale var(--theme-note-duration) var(--theme-note-ease)}.theme-note__fill,.theme-note__core,.theme-note__halo{transform-box:fill-box;transform-origin:center}@media(prefers-reduced-motion:no-preference){.theme-note__core{animation:theme-note-core-pulse var(--theme-note-pulse-duration) var(--theme-note-pulse-ease) infinite}.theme-note__halo{animation:theme-note-halo-pulse var(--theme-note-pulse-duration) var(--theme-note-pulse-ease) infinite}}@keyframes theme-note-core-pulse{0%,to{scale:1;opacity:.5}50%{scale:var(--theme-note-core-pulse-scale);opacity:1}}@keyframes theme-note-halo-pulse{0%,to{scale:1;opacity:calc(var(--theme-note-glow-strength) * .55)}50%{scale:var(--theme-note-halo-pulse-scale);opacity:var(--theme-note-glow-strength)}}.theme-note__trigger:is(:hover,:focus-visible) .theme-note__fill,.theme-note:has(:popover-open) .theme-note__fill{scale:var(--theme-note-core-active-scale)}.theme-note__trigger:is(:hover,:focus-visible) .theme-note__core,.theme-note:has(:popover-open) .theme-note__core{animation:none;opacity:1}.theme-note__popover{anchor-name:--theme-note-popover;position:fixed;inset:50% auto auto 50%;translate:-50% -50%;inline-size:min(var(--theme-note-width),calc(100vi - 2 * var(--theme-note-gap)));margin:0;padding:0;border:0;overflow:visible;background:transparent;opacity:0;pointer-events:none;transition:opacity var(--theme-note-duration) var(--theme-note-ease),display var(--theme-note-duration) allow-discrete,overlay var(--theme-note-duration) allow-discrete}.theme-note__content{max-block-size:calc(100dvb - 2 * var(--theme-note-gap));padding:var(--theme-note-padding);overflow:auto;border:var(--theme-note-border-width) var(--theme-note-border-style) var(--theme-note-border-color);border-radius:var(--theme-note-radius);corner-shape:var(--theme-note-corner-shape);color:var(--theme-note-color);background-color:var(--theme-note-background);background-image:var(--theme-note-texture);box-shadow:var(--theme-note-shadow);font-family:var(--theme-note-font-family);font-size:var(--theme-note-body-size);line-height:var(--theme-note-line-height);scale:var(--theme-note-enter-scale);filter:blur(var(--theme-note-transition-blur));transform-origin:left bottom;transition:scale var(--theme-note-duration) var(--theme-note-ease),filter var(--theme-note-duration) var(--theme-note-ease)}.theme-note__popover:popover-open{opacity:1;pointer-events:auto}.theme-note__popover:popover-open .theme-note__content{scale:1;filter:blur(0)}@starting-style{.theme-note__popover:popover-open{opacity:0}.theme-note__popover:popover-open .theme-note__content{scale:var(--theme-note-enter-scale);filter:blur(var(--theme-note-transition-blur))}}@supports (top: anchor(top)) and (clip-path: shape(from 0% 0%,line to 100% 100%,close)){@media(hover:hover)and (pointer:fine){.theme-note__popover:popover-open:interest-target:before,.theme-note__popover:popover-open:interest-target:after{content:"";position:fixed;position-anchor:--theme-note-trigger;right:anchor(--theme-note-popover right)}.theme-note__popover:before{top:anchor(--theme-note-popover bottom);bottom:anchor(--theme-note-trigger bottom);left:anchor(--theme-note-trigger right);clip-path:shape(from 0% 0%,line to 100% 0%,line to 0% 100%,close)}.theme-note__popover:after{top:anchor(--theme-note-trigger top);bottom:anchor(--theme-note-popover top);left:min(anchor(--theme-note-popover left),anchor(--theme-note-trigger left));clip-path:shape(from var(--theme-note-target-size) 0%,line to 100% 100%,line to var(--theme-note-bridge-outset) 100%,line to 0% var(--theme-note-target-size),line to var(--theme-note-target-size) var(--theme-note-target-size),close)}.theme-note--right .theme-note__popover:before{left:anchor(--theme-note-popover left);right:anchor(--theme-note-trigger left);clip-path:shape(from 0% 0%,line to 100% 0%,line to 100% 100%,close)}.theme-note--right .theme-note__popover:after{left:anchor(--theme-note-popover left);right:min(anchor(--theme-note-popover right),anchor(--theme-note-trigger right));clip-path:shape(from calc(100% - var(--theme-note-target-size)) 0%,line to 0% 100%,line to calc(100% - var(--theme-note-bridge-outset)) 100%,line to 100% var(--theme-note-target-size),line to calc(100% - var(--theme-note-target-size)) var(--theme-note-target-size),close)}}}@supports (top: anchor(top)){.theme-note__popover{position-anchor:--theme-note-card;inset:auto;left:clamp(var(--theme-note-gap),anchor(left),calc(100vi - var(--theme-note-width) - var(--theme-note-gap)));bottom:calc(anchor(top) + var(--theme-note-small-gap));translate:none;position-try-fallbacks:flip-block}.theme-note--contained .theme-note__popover{position-anchor:--theme-note-trigger;left:clamp(var(--theme-note-gap),anchor(left),calc(100vi - var(--theme-note-width) - var(--theme-note-gap)));top:calc(anchor(bottom) + var(--theme-note-small-gap));bottom:auto}.theme-note--contained.theme-note--right .theme-note__popover{left:auto;right:clamp(var(--theme-note-gap),anchor(right),calc(100vi - var(--theme-note-width) - var(--theme-note-gap)))}}.theme-note__popover p{margin:0}.theme-note__content a{color:inherit;text-decoration:underline;text-underline-offset:.15em}.theme-note :is(button,a,input,summary):focus-visible{outline:var(--theme-note-focus-width) var(--theme-note-focus-style) var(--theme-note-focus-color);outline-offset:var(--theme-note-focus-offset)}.theme-note--contained .theme-note__trigger:focus-visible{outline-offset:calc(-1 * var(--theme-note-focus-width))}@media(prefers-reduced-motion:reduce){.theme-note__fill,.theme-note__popover,.theme-note__content{transition:none}}}