.phone-menu{--menu-headline-size:2.25rem;--menu-action-h:52px;--menu-gap:24px;--menu-row-h:64px;--menu-row-text:24px;animation:.22s ease-out both phone-menu-fade}.phone-menu.site-backdrop{background-color:color-mix(in srgb, var(--bg-base) 99%, transparent)}@media (max-height:680px){.phone-menu{--menu-action-h:44px;--menu-gap:16px;--menu-row-h:54px;--menu-row-text:21px}}@media (max-height:560px){.phone-menu{--menu-headline-size:1.875rem;--menu-row-h:48px;--menu-row-text:19px}}.phone-menu-rise{animation:.7s cubic-bezier(.32,.72,0,1) both phone-menu-rise;animation-delay:calc(var(--i,0) * 70ms + 60ms)}.phone-menu-showcase{flex-direction:column;flex:0 auto;justify-content:center;height:min(292px,40dvh);min-height:0;display:flex;overflow:clip;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);container-type:size}.phone-menu-showcase-tilt{flex-direction:column;gap:12px;display:flex;rotate:-6deg;scale:1.12}.phone-menu-card{width:min(112px,42cqh)}@container (max-height:180px){.phone-menu-track.is-reverse{display:none}.phone-menu-card{width:min(112px,89.2857cqh - 35.7143px)}}@container (max-height:69px){.phone-menu-showcase-tilt{display:none}}.phone-menu-track{gap:12px;width:max-content;animation:36s linear infinite phone-menu-slide;display:flex}.phone-menu-track.is-reverse{animation-duration:42s;animation-direction:reverse}@keyframes phone-menu-fade{0%{opacity:0}to{opacity:1}}@keyframes phone-menu-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes phone-menu-slide{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.phone-menu,.phone-menu-rise,.phone-menu-track{animation:none}}
