@layer theme,base;@layer components{.pop-backdrop{background:#140f0a59}.pop-panel{inset-inline:0;background:var(--surface);max-height:80vh;color:var(--ink);box-shadow:var(--shadow-tile),inset 0 0 0 1px var(--line);padding-bottom:env(safe-area-inset-bottom);border-radius:1.5rem 1.5rem 0 0;position:absolute;bottom:0;overflow-y:auto}.pop-item{text-align:left;align-items:center;gap:.875rem;width:100%;padding:.75rem 1rem;font-size:.9375rem;font-weight:500;transition:background-color .15s;display:flex}.pop-item:focus-visible,.pop-item:hover{background:var(--surface-2);outline:none}.pop-menu-enter-active,.pop-menu-leave-active{transition:opacity .2s}.pop-menu-enter-active .pop-panel,.pop-menu-leave-active .pop-panel{transition:transform .25s cubic-bezier(.2,.8,.2,1)}.pop-menu-enter-from,.pop-menu-leave-to{opacity:0}.pop-menu-enter-from .pop-panel,.pop-menu-leave-to .pop-panel{transform:translateY(24px)}@media (width>=640px){.pop-backdrop{background:0 0}.pop-panel{inset-inline:auto;border-radius:1.25rem;padding-bottom:0;bottom:auto}.pop-menu-enter-from .pop-panel,.pop-menu-leave-to .pop-panel{transform:translateY(-4px)}}}@layer utilities;