@layer theme,base;@layer components{.mm-panel{width:min(84vw,20rem);padding-left:env(safe-area-inset-left)}.mm-list{flex-direction:column;padding:.5rem .75rem;display:flex;position:relative}.mm-indicator{background:var(--color-navy-100);opacity:0;pointer-events:none;border-radius:.875rem;height:3rem;transition:transform .38s cubic-bezier(.22,1,.36,1),width .38s cubic-bezier(.22,1,.36,1),height .38s cubic-bezier(.22,1,.36,1),opacity .22s;position:absolute;top:0;left:0}.mm-row{z-index:1;min-height:3rem;color:var(--color-ink);border-radius:.875rem;align-items:center;gap:.875rem;padding:.5rem .875rem;font-size:1.0625rem;font-weight:500;line-height:1.25;transition:color .22s,transform .24s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.mm-row:active{transform:scale(.985)}.mm-icon{width:2.25rem;height:2.25rem;color:var(--color-navy);background:#fff;border-radius:.625rem;flex-shrink:0;place-items:center;transition:background-color .26s,color .26s,box-shadow .26s,transform .38s cubic-bezier(.34,1.56,.64,1);display:grid;box-shadow:0 1px 2px #0b294214,0 0 0 1px #14496e0f}.mm-icon svg{width:1.0625rem;height:1.0625rem}.mm-label{flex:auto;min-width:0;transition:transform .3s cubic-bezier(.22,1,.36,1)}.mm-arrow{width:1rem;height:1rem;color:var(--color-navy);opacity:0;flex-shrink:0;transition:opacity .2s,transform .32s cubic-bezier(.22,1,.36,1);transform:translate(-.5rem)}.mm-row-active{color:var(--color-navy);font-weight:600}.mm-row-active .mm-icon{background:var(--color-navy);color:#fff;box-shadow:0 6px 14px -6px #14496e8c}@media (hover:hover) and (pointer:fine){.mm-row:hover{color:var(--color-navy)}.mm-row:hover .mm-icon{transform:scale(1.08)}.mm-row:hover .mm-label{transform:translate(.25rem)}.mm-row:hover .mm-arrow{opacity:1;transform:translate(0)}}.mm-close{transition:background-color .18s,transform .16s}.mm-close svg{transition:transform .36s cubic-bezier(.22,1,.36,1)}.mm-close:active{transform:scale(.94)}@media (hover:hover) and (pointer:fine){.mm-close:hover{background-color:var(--color-surface)}.mm-close:hover svg{transform:rotate(90deg)}}@media (max-height:560px){.mm-panel{width:min(88vw,40rem)}.mm-row{gap:.625rem;padding-inline:.625rem}.mm-arrow{display:none}.mm-list{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;column-gap:.5rem;padding:.25rem .5rem;display:grid}}@media (prefers-reduced-motion:reduce){.mm-indicator,.mm-row,.mm-icon,.mm-label,.mm-arrow,.mm-close,.mm-close svg{transition:none}.mm-row:active,.mm-close:active{transform:none}}}@layer utilities;