.sui-phone-menu__button{border-radius:var(--radius-md);min-width:3rem;min-height:3rem;color:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.sui-phone-menu__button:focus-visible,.sui-phone-menu__close:focus-visible{outline-offset:2px;outline:2px solid}.sui-phone-menu__backdrop{z-index:60;background:var(--color-scrim);opacity:0;visibility:hidden;transition:opacity .2s var(--ease-smooth), visibility 0s linear .2s;position:fixed;inset:0}.sui-phone-menu__panel{z-index:61;gap:var(--spacing-xs);background:var(--color-surface);color:var(--color-foreground);width:85vw;padding:var(--spacing-md);border-left:1px solid var(--color-border);box-shadow:var(--shadow-lg);visibility:hidden;transition:transform .2s var(--ease-smooth), opacity .2s var(--ease-smooth), visibility 0s linear .2s;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.sui-phone-menu__close{border-radius:var(--radius-md);min-width:3rem;min-height:3rem;color:var(--color-foreground);cursor:pointer;background:0 0;border:0;justify-content:center;align-self:flex-end;align-items:center;display:inline-flex}.sui-phone-menu__panel[data-open=true]{opacity:1;visibility:visible;transition:transform .2s var(--ease-smooth), opacity .2s var(--ease-smooth), visibility 0s;transform:none}.sui-phone-menu__backdrop[data-open=true]{opacity:1;visibility:visible;transition:opacity .2s var(--ease-smooth), visibility 0s}@media (min-width:768px){.sui-phone-menu__button,.sui-phone-menu__backdrop,.sui-phone-menu__panel{display:none}}@media (prefers-reduced-motion:reduce){.sui-phone-menu__backdrop,.sui-phone-menu__panel,.sui-phone-menu__panel[data-open=true],.sui-phone-menu__backdrop[data-open=true]{transition:none}}