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