.popover{border:1px solid rgba(var(--contrastcard-background-color)/var(--contrastcard-border-alpha));width:fit-content;height:fit-content;color:var(--text-color);background:rgba(var(--contrastcard-background-color)/var(--contrastcard-background-alpha));-webkit-backdrop-filter:blur(var(--card-background-blur));backdrop-filter:blur(var(--card-background-blur));z-index:1000;opacity:0;pointer-events:none;border-radius:10px 5px 10px 10px;max-width:90vw;max-height:90vh;padding:1rem;transition:opacity .2s,transform .2s;position:fixed;overflow:auto;box-shadow:0 4px 16px #00000026}.popover:popover-open{opacity:1;pointer-events:auto}.popover.popover-center{margin:auto;inset:0}@supports (anchor-name:--anchor){.popover.popover-top{position-anchor:var(--popover-anchor-name);top:anchor(top);left:anchor(center);margin:0;transform:translate(-50%,calc(-100% - .5rem))scale(.95)}.popover.popover-top:popover-open{transform:translate(-50%,calc(-100% - .2rem))scale(1)}.popover.popover-bottom{position-anchor:var(--popover-anchor-name);top:anchor(bottom);left:anchor(center);transform:translate(-50%,.2rem)scale(.95)}.popover.popover-bottom:popover-open{transform:translate(-50%,.2rem)scale(1)}.popover.popover-left{position-anchor:var(--popover-anchor-name);left:anchor(left);top:anchor(center);margin:0;transform:translate(calc(-100% - .2rem),-50%)scale(.95)}.popover.popover-left:popover-open{transform:translate(calc(-100% - .2rem),-50%)scale(1)}.popover.popover-right{position-anchor:var(--popover-anchor-name);left:anchor(right);top:anchor(center);margin-left:.2rem;transform:translate(.2rem,-50%)scale(.95)}.popover.popover-right:popover-open{transform:translate(.2rem,-50%)scale(1)}.popover.popover-bottom-end{position-anchor:var(--popover-anchor-name);top:anchor(bottom);right:anchor(right);margin:0;left:auto;transform:translateY(.2rem)scale(.95)}.popover.popover-bottom-end:popover-open{transform:translateY(.2rem)scale(1)}}@supports not (anchor-name:--anchor){.popover.popover-top{margin:0;inset:1rem auto 0 50%;transform:translate(-50%)scale(.95)}.popover.popover-top:popover-open{transform:translate(-50%)scale(1)}.popover.popover-bottom{margin:0;inset:0 auto 1rem 50%;transform:translate(-50%)scale(.95)}.popover.popover-bottom:popover-open{transform:translate(-50%)scale(1)}.popover.popover-left{margin:0;inset:50% auto auto 1rem;transform:translateY(-50%)scale(.95)}.popover.popover-left:popover-open{transform:translateY(-50%)scale(1)}.popover.popover-right{margin:0;inset:50% 1rem auto auto;transform:translateY(-50%)scale(.95)}.popover.popover-right:popover-open{transform:translateY(-50%)scale(1)}.popover.popover-bottom-end{inset:auto 1rem 1rem auto;transform:scale(.95)}.popover.popover-bottom-end:popover-open{transform:scale(1)}}.popover-trigger{cursor:pointer;transition:all .2s}.popover-trigger:hover{opacity:.9}.popover-trigger:focus{outline:2px solid rgba(var(--light-purple)/.9);outline-offset:2px}.popover::backdrop{-webkit-backdrop-filter:blur(2px);opacity:0;background:#0000004d;transition:opacity .2s}.popover:popover-open::backdrop{opacity:1}.popover.no-backdrop::backdrop{opacity:0;pointer-events:none;display:none}.popover>*{margin:0}.popover>*+*{margin-top:.75rem}.popover-close-button{color:var(--text-color-secondary);cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex;position:absolute;top:.5rem;right:.5rem}.popover-close-button:hover{opacity:1;background:rgba(var(--card-background-color)/.5)}.popover-close-button:focus{outline:2px solid rgba(var(--light-purple)/.9);outline-offset:2px}@media (max-width:768px){.popover{max-width:95vw;max-height:85vh;padding:.75rem}.popover.popover-top,.popover.popover-bottom{width:calc(100% - 2rem);left:1rem;right:1rem;transform:scale(.95)}:is(.popover.popover-top:popover-open,.popover.popover-bottom:popover-open){transform:scale(1)}.popover.popover-left,.popover.popover-right{width:calc(100% - 2rem);top:50%;left:1rem;right:1rem;transform:translateY(-50%)scale(.95)}:is(.popover.popover-left:popover-open,.popover.popover-right:popover-open){transform:translateY(-50%)scale(1)}}@keyframes popoverFadeIn{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.popover.animate{animation:.2s ease-out popoverFadeIn}
