.menu-close[data-v-f9b54a22]{display:grid;width:var(--menu-close-size,4.5rem);height:var(--menu-close-size,4.5rem);padding:0;place-items:center;border:1px solid var( --menu-close-border,color-mix(in srgb,var(--menu-primary,currentColor) 42%,transparent) );border-radius:9999px;background:var( --menu-close-bg,color-mix(in srgb,var(--menu-bg,Canvas) 82%,var(--menu-primary,currentColor) 18%) );color:var(--menu-close-fg,var(--menu-text,var(--ui-text,currentColor)));cursor:pointer;overflow:hidden;text-decoration:none;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.menu-close--top-right[data-v-f9b54a22]{position:absolute;z-index:50}.menu-close--bottom-left[data-v-f9b54a22]{position:fixed;z-index:50}.menu-close--top-right[data-v-f9b54a22]{top:calc(var(--spacing)*4 + env(safe-area-inset-top));right:calc(var(--spacing)*4 + env(safe-area-inset-right))}.menu-close--bottom-left[data-v-f9b54a22]{bottom:calc(var(--spacing)*4 + env(safe-area-inset-bottom));left:calc(var(--spacing)*4 + env(safe-area-inset-left))}.menu-close[data-v-f9b54a22]:hover{transform:translateY(-2px)}.menu-close[data-v-f9b54a22]:focus-visible{outline:2px solid var(--menu-close-focus,var(--menu-secondary,currentColor));outline-offset:3px}.menu-close[data-v-f9b54a22] .iconify{width:var(--menu-close-icon-size,2.5rem);height:var(--menu-close-icon-size,2.5rem)}@media(min-width:40rem){.menu-close--top-right[data-v-f9b54a22]{top:calc(var(--spacing)*8 + env(safe-area-inset-top));right:calc(var(--spacing)*8 + env(safe-area-inset-right))}.menu-close--bottom-left[data-v-f9b54a22]{bottom:calc(var(--spacing)*8 + env(safe-area-inset-bottom));left:calc(var(--spacing)*8 + env(safe-area-inset-left))}}