.expandable-menu-button{--button-size:16px;--button-offset:-8px;--dot-size-small:8px;--dot-size-large:16px;--dot-offset-small:3px;--dot-offset-large:0;--border-radius-full:9999px;--transition-duration:50ms;--transition-timing:ease;--icon-scale-small:.9;--icon-scale-large:1;top:50%;right:var(--button-offset);width:var(--button-size);height:var(--button-size);border-radius:var(--border-radius-full);cursor:pointer;pointer-events:auto;background:0 0;justify-content:center;align-items:center;display:flex;position:absolute;transform:translateY(-50%)}.expandable-menu-button:before{content:"";top:50%;right:var(--dot-offset-small);width:var(--dot-size-small);height:var(--dot-size-small);background:var(--tt-brand-color-600);border-radius:var(--border-radius-full);transition:width var(--transition-duration) var(--transition-timing),height var(--transition-duration) var(--transition-timing),right var(--transition-duration) var(--transition-timing),background var(--transition-duration) var(--transition-timing);position:absolute;transform:translateY(-50%)}.expandable-menu-button svg{z-index:1;width:var(--button-size);height:var(--button-size);color:var(--white);opacity:0;transform:scale(var(--icon-scale-small));transition:opacity var(--transition-duration) var(--transition-timing),transform var(--transition-duration) var(--transition-timing);pointer-events:none;flex-shrink:0;position:relative}@media (hover:none) and (pointer:coarse){.expandable-menu-button:before{width:var(--dot-size-large);height:var(--dot-size-large);right:var(--dot-offset-large)}.expandable-menu-button svg{opacity:1;transform:scale(var(--icon-scale-large))}}@media (hover:hover){.expandable-menu-button:hover:before,.expandable-menu-button:focus-visible:before,.expandable-menu-button.menu-opened:before{width:var(--dot-size-large);height:var(--dot-size-large);right:var(--dot-offset-large)}.expandable-menu-button:hover svg,.expandable-menu-button:focus-visible svg,.expandable-menu-button.menu-opened svg{opacity:1;transform:scale(var(--icon-scale-large))}}.expandable-menu-button:focus-visible{outline:2px solid var(--tt-brand-color-600);outline-offset:2px}.expandable-menu-button:disabled{cursor:not-allowed;opacity:.5}.expandable-menu-button:disabled:before{background:var(--tt-disabled-color,#ccc)}@media (prefers-reduced-motion:reduce){.expandable-menu-button:before,.expandable-menu-button svg{transition:none}}