.popoverLayer{z-index:10000;pointer-events:none;position:fixed;inset:0}.popoverBackdrop{z-index:0;background:color-mix(in srgb,var(--black)42%,transparent);pointer-events:auto;position:absolute;inset:0}.popoverPanel,.popoverSheet{z-index:1;pointer-events:auto;background:color-mix(in srgb,var(--background)90%,transparent);border:1px solid color-mix(in srgb,var(--text)10%,transparent);box-shadow:0 1.6em 3.5em color-mix(in srgb,var(--black)34%,transparent),inset -1px -1px color-mix(in srgb,var(--text)5%,transparent);-webkit-backdrop-filter:blur(2em);backdrop-filter:blur(2em);flex-direction:column;display:flex;overflow:hidden}.popoverPanel{border-radius:var(--radius-xl);corner-shape:superellipse(1.5);transform-origin:top;position:fixed}.popoverSheet{position:fixed}.popoverSheet.drawer{width:min(100vw,26rem);max-width:100%;top:0;bottom:0}.popoverSheet.drawer.left{border-radius:0 var(--radius-xl)var(--radius-xl)0;left:0}.popoverSheet.drawer.right{border-radius:var(--radius-xl)0 0 var(--radius-xl);right:0}.popoverSheet.bottomSheet{border-radius:var(--radius-xl)var(--radius-xl)0 0;corner-shape:superellipse(1.3);max-height:89svh;bottom:0;left:0;right:0}.popoverHandle{background:color-mix(in srgb,var(--text)15%,transparent);border-radius:var(--radius-pill);width:2.5em;height:.25em;margin:var(--spacing-sm)auto var(--spacing-sm);flex-shrink:0}@media (max-width:480px){.popoverSheet.drawer{width:100vw}}