.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{color:#fff;white-space:normal;background-color:#333;border-radius:4px;outline:0;font-size:14px;line-height:1.4;transition-property:transform,visibility,opacity;position:relative}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{border-width:8px 8px 0;border-top-color:initial;transform-origin:top;bottom:-7px;left:0}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{border-width:0 8px 8px;border-bottom-color:initial;transform-origin:bottom;top:-7px;left:0}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;transform-origin:0;right:-7px}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:100%;left:-7px}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{color:#333;width:16px;height:16px}.tippy-arrow:before{content:"";border-style:solid;border-color:#0000;position:absolute}.tippy-content{z-index:1;padding:5px 9px;position:relative}#animation-player{background:linear-gradient(180deg, var(--bg-alternate), var(--bg-primary));border:1px solid var(--bg-tertiary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10004;border-radius:12px;flex-direction:column;align-items:stretch;gap:.75rem;width:720px;max-width:calc(100% - 48px);min-height:40px;padding:12px;transition:all .3s;display:none;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #0009}@media (width<=1200px){#animation-player{width:520px}}@media (width<=800px){#animation-player{width:calc(100% - 32px);bottom:32px;left:50%;transform:translate(-50%)}}#animation-player.visible{visibility:visible}#animation-player .animation-player-header{flex-wrap:wrap;justify-content:space-between;align-items:stretch;gap:.75rem;width:100%;display:flex}#current-animation-container{flex-direction:column;flex:260px;gap:.2rem;min-width:0;display:flex;position:static}.animation-player-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--text-alternate);font-size:.72rem;font-weight:700}#current-animation-name{text-overflow:ellipsis;white-space:nowrap;font-size:.98rem;font-weight:700;line-height:1.2;overflow:hidden}.animation-player-selection{flex-wrap:wrap;flex:0 auto;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.animation-player-selection label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-alternate);font-size:.78rem;font-weight:700}#animation-select{border:1px solid var(--bg-tertiary);background:var(--bg-primary);min-width:220px;max-width:100%;height:34px;color:var(--text-primary);border-radius:10px;outline:none;padding:0 .75rem}#animation-select:disabled{cursor:not-allowed;opacity:.72}#play-controls{align-items:center;gap:8px;width:100%;padding:0;display:flex}.animation-control-button{background:var(--button-primary-bg);width:30px;height:30px;box-shadow:none;color:#fff;cursor:pointer;border:none;border-radius:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.animation-control-button:hover:not(:disabled){background:var(--button-alternate-bg);transform:scale(1.05)}.animation-control-button .material-symbols-outlined{font-size:22px;font-weight:400}.animation-reset-button{flex:none}#animation-scrubber{background:var(--bg-tertiary);cursor:pointer;appearance:none;border-radius:4px;outline:none;flex:1;min-width:180px;height:4px;margin:0 8px}@media (width<=1000px){#animation-scrubber{display:none}}#animation-scrubber::-webkit-slider-track{background:var(--bg-primary);border-radius:4px;height:8px}#animation-scrubber::-webkit-slider-thumb{appearance:none;opacity:1;background:var(--button-primary-bg);cursor:pointer;border:3px solid var(--text-primary);border-radius:50%;width:15px;height:15px;transition:all .2s;box-shadow:0 2px 6px #0000004d}#animation-scrubber::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 8px #0006}#current-time,#total-time{width:1.2rem}#settings-dropdown-container{z-index:10021;position:relative}#settings-toggle{cursor:pointer;height:var(--navigation-height);width:48px;box-shadow:none;background:0 0;border:none;border-radius:0;justify-content:center;padding:0;transition:all .2s;display:inline-flex}#settings-toggle span{align-content:center}#settings-toggle:hover,#settings-toggle[aria-expanded=true]{background:var(--bg-alternate)}#settings-dropdown-content{background:var(--nav-background);border:1px solid var(--bg-tertiary);z-index:10022;min-width:250px;padding:.5rem;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 6px 16px #00000040}#settings-dropdown-content[hidden]{display:none!important}.settings-dropdown-row{justify-content:space-between;align-items:center;gap:.75rem;padding:.45rem .35rem;display:flex}.settings-dropdown-row label{font-size:.95rem}#theme-toggle .theme-label{margin-left:.45rem;font-size:.95rem}.settings-dropdown-row input[type=checkbox]{width:16px;height:16px}.settings-dropdown-row input[type=color]{border:1px solid var(--bg-tertiary);cursor:pointer;background:0 0;border-radius:8px;width:44px;height:28px;padding:0}.settings-dropdown-row input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.settings-dropdown-row input[type=color]::-webkit-color-swatch{border:none;border-radius:5px}.settings-dropdown-row input[type=color]::-moz-color-swatch{border:none;border-radius:5px}.settings-dropdown-color-controls{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.settings-dropdown-icon-button{border:1px solid var(--bg-tertiary);width:28px;height:28px;color:var(--text-primary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:0;line-height:0;transition:background-color .15s,border-color .15s,transform .1s;display:inline-flex}.settings-dropdown-icon-button:hover{background:var(--bg-alternate);border-color:var(--bg-alternate)}.settings-dropdown-icon-button:active{transform:translateY(1px)}.settings-dropdown-icon-button:focus-visible{outline:2px solid var(--bg-alternate);outline-offset:2px}.settings-dropdown-icon-button .material-symbols-outlined{justify-content:center;align-items:center;width:100%;height:100%;font-size:18px;line-height:1;display:flex}.settings-dropdown-slider-row{flex-direction:column;align-items:flex-start}.settings-dropdown-slider-row input[type=range]{width:100%}.settings-dropdown-slider-row label{margin-bottom:.2rem}