.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}}