.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:0.05s;--transition-timing:ease;--icon-scale-small:0.9;--icon-scale-large:1;right:var(--button-offset);width:var(--button-size);height:var(--button-size);background:rgba(0,0,0,0);cursor:pointer;display:flex;align-items:center;justify-content:center;pointer-events:auto}.expandable-menu-button,.expandable-menu-button:before{position:absolute;top:50%;transform:translateY(-50%);border-radius:var(--border-radius-full)}.expandable-menu-button:before{content:"";right:var(--dot-offset-small);width:var(--dot-size-small);height:var(--dot-size-small);background:var(--tt-brand-color-600);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)}.expandable-menu-button svg{position:relative;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}@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.menu-opened:before,.expandable-menu-button:focus-visible:before,.expandable-menu-button:hover:before{width:var(--dot-size-large);height:var(--dot-size-large);right:var(--dot-offset-large)}.expandable-menu-button.menu-opened svg,.expandable-menu-button:focus-visible svg,.expandable-menu-button:hover 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 svg,.expandable-menu-button:before{transition:none}}