.popoverLayer{z-index:10010;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}.popoverHandleArea{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;width:100%;min-height:2.75rem;display:flex}.popoverHandleArea:active{cursor:grabbing}.popoverHandleArea:active .popoverHandle{background:color-mix(in srgb, var(--text) 26%, transparent);width:3rem}.popoverHandle{background:color-mix(in srgb, var(--text) 18%, transparent);border-radius:var(--radius-pill);width:2.5rem;height:.25rem;transition:width .14s,background-color .14s}@media (max-width:480px){.popoverSheet.drawer{width:100vw}}.popoverSheet.bottomSheet{will-change:transform;overscroll-behavior-y:contain}@media (prefers-reduced-motion:reduce){.popoverHandle{transition:none}}