.toggle-button{cursor:pointer;width:2em;height:2em;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;font-size:1em;line-height:1;transition:color .2s;display:inline-flex}.toggle-button.is-active{color:var(--color-primary)}.toggle-button-tooltip{background-color:var(--color-bg-input);color:var(--text-color-dark);white-space:nowrap;border-radius:.25rem;margin-top:.25rem;padding:.25rem .5rem;font-size:.75rem;position:absolute;top:100%;right:0}.toggle-button.is-loading{pointer-events:none;opacity:.7}.toggle-button .spin{animation:1s linear infinite spin}.toggle-button.has-error{background:var(--color-alert)}.toggle-button[location=home]{background-color:var(--color-shadow-overlay);transition:background-color .2s,transform .15s;position:absolute;top:.5rem;right:.5rem}.toggle-button[location=home].cache-video-button{right:2.75rem}.toggle-button[location=home]:hover{color:var(--color-text-white);background-color:var(--color-primary-dark);transform:scale(1.1)}.toggle-button[location=video]{border:1px solid var(--color-primary);display:inline-flex;position:relative}.toggle-button[location=video]:hover{color:var(--color-primary-dark);border-color:var(--color-primary-dark)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}