.tl-btn{cursor:pointer;color:#1d1d1f;background:0 0;border:1px solid #4a003914;border-radius:10px;place-items:center;width:36px;height:36px;padding:0;transition:background .22s,border-color .22s,transform .22s cubic-bezier(.2,.9,.2,1);display:grid}.tl-btn:hover{background:#fff;border-color:#7a005d33}.tl-btn:active{transform:scale(.96)}.tl-btn:focus-visible{outline-offset:2px;outline:2px solid #c13da0}.tl-btn[data-state=open]{background:#faf0f7;border-color:#7a005d47}.tl-btn svg circle{transform-origin:50%;transform-box:fill-box;transition:fill .26s,transform .26s cubic-bezier(.2,.9,.2,1),opacity .2s}.tl-diag{fill:#1d1d1f}.tl-btn:hover .tl-off,.tl-btn[data-state=open] .tl-off{opacity:.5}.tl-btn:hover .tl-d1,.tl-btn[data-state=open] .tl-d1{fill:#7a005d;transform:scale(1.15)}.tl-btn:hover .tl-d2,.tl-btn[data-state=open] .tl-d2{fill:#a81e7e;transform:scale(1.25)}.tl-btn:hover .tl-d3,.tl-btn[data-state=open] .tl-d3{fill:#c13da0;transform:scale(1.15)}@media (prefers-reduced-motion:reduce){.tl-btn,.tl-btn svg circle{transition:none!important}.tl-btn:active{transform:none}}.tl-menu{border-radius:12px!important;min-width:240px!important;padding:6px!important;box-shadow:0 12px 32px -8px #4a00392e,0 2px 6px #4a00390f!important}