@import "https://fonts.googleapis.com/css2?family=Jost&display=swap";.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}:root{--text-primary:white;--text-alternate:#dae2e6;--link-color:#d0d0d0;--bg-primary:#2b4353;--bg-alternate:#426074;--bg-tertiary:#7a97aa;--nav-background:#1c3445;--nav-active-item-bg:#4f6074;--button-primary-bg:#af3abe;--button-alternate-bg:#af3abe85;--button-shadow-color:#41307cb4;--current-step-indicator:#142b3b;--radio-button-group-bg:#517297;--radio-button-group-hover:#254161;--navigation-height:40px;--icon-size:20px;--navigation-icon-size:30px}[data-theme=light]{--text-primary:#2c3e50;--text-alternate:#96a5ac;--link-color:#3b6081;--nav-background:#d9e5ee;--nav-active-item-bg:#b9d2d6;--bg-primary:#d5dde9;--bg-alternate:#c5dff0;--bg-tertiary:#a7c7e9;--button-primary-bg:#73b6e2f8;--button-alternate-bg:#b0d8f0;--button-shadow-color:#70a3c5;--current-step-indicator:#a9cdd6;--radio-button-group-bg:#a9c1e0;--radio-button-group-hover:#dde3f1}body.light-theme img[src$=\.svg],body.light-theme img[src$=\.png]{filter:invert(.7)}ul{padding:.5rem}nav{width:100vw;height:var(--navigation-height);background:var(--nav-background);z-index:1;border-bottom:1px solid gray;justify-content:space-between;align-items:center;display:inline-flex;position:relative}nav a,nav span{height:var(--navigation-height);align-items:center;padding:0 1.25rem;font-size:1rem;line-height:100%;text-decoration:none;transition:all .5s;display:inline-flex}nav .active-nav-item,nav a:hover{background:var(--nav-active-item-bg);text-decoration:none}html,body,li,p,div,span,label,input,h1,h2,h3,h4,h5,h6,input,button,select{color:var(--text-primary);font-family:Jost,sans-serif;font-size:14px;font-weight:400;display:inline-block}div,p{display:block}a{color:var(--link-color);font-size:80%}a:hover{text-decoration:none}.icon-toggle label{cursor:pointer;color:#888;background:0 0;border-radius:6px;align-items:center;padding:6px;transition:background .2s,color .2s;display:inline-flex}.icon-toggle input[type=checkbox]:checked+label,.icon-toggle input[type=checkbox]+label:hover{background:var(--button-primary-bg)}.icon-toggle input[type=checkbox]:checked+label:hover{background:var(--button-alternate-bg)}#skeleton-toggle{margin:0;padding:0}#skinned-step-tools{flex-direction:column;row-gap:1rem}#animation-listing-count{color:var(--text-alternate);position:absolute;top:5rem;right:3rem}#animation-selection-count{color:var(--text-primary);background-color:var(--bg-primary);border-radius:50%;padding:.1rem .5rem;font-size:80%}hr{border:1px solid var(--bg-alternate);width:100%;margin:1rem 0}li{color:var(--text-primary);line-height:135%;display:list-item}html{height:100%}body{background:var(--bg-primary);background:linear-gradient(180deg, var(--bg-primary) 41%, var(--bg-tertiary) 100%)}body.solid-background{background:var(--bg-primary)}#tool-selection-group{margin-bottom:2rem}div{padding:.25rem}input[type=number]{background:var(--bg-primary);border:1px solid #878787;border-radius:3px;width:40px;padding:.5rem}input[type=text]{background-color:var(--bg-primary);background-color:var(--bg-primary);border:none;border:1px solid var(--bg-tertiary);width:95%;color:var(--text-primary);border-radius:4px;margin-bottom:.5rem;padding:.5rem}input[type=text]::placeholder{color:var(--text-primary);opacity:1;font-style:italic}button.secondary-button{background:linear-gradient(0deg, var(--bg-alternate) 0%, var(--bg-tertiary) 100%);box-shadow:2px 2px 3px var(--button-shadow-color);cursor:pointer;border:0;border-radius:3px;transition:transform .2s;transform:scale(1)}button.secondary-button:hover{background:var(--bg-alternate);transform:scale(1.05)}button.secondary-button.play{box-shadow:none;border:none;border:1px solid var(--bg-tertiary);border-radius:0;flex-grow:1;align-items:center;margin-right:0;padding:0;display:inline-flex;transform:scale(1)}button.secondary-button.play:hover{border:1px solid var(--text-primary);transition:all .4s;transform:scale(1)}button.no-style-button{box-shadow:none;background:0 0;border:none}button.no-style-button:hover{background:var(--bg-primary)}button,.button{background:var(--button-primary-bg);background:linear-gradient(180deg, var(--button-primary-bg) 0%, var(--button-alternate-bg) 100%);box-shadow:3px 3px 2px var(--button-shadow-color);border:1px solid var(--button-shadow-color);cursor:pointer;text-align:center;border-radius:.25rem;margin-right:.5rem;padding:.5rem 1rem;transition:all .1s}button:hover,.button:hover{transform:scale(1.05)}button:active,.button:active{transform:scale(.98)}button:disabled{background:var(--button-alternate-bg);opacity:.5;cursor:not-allowed;border:none}.button-icon-group{justify-content:center;align-items:end;column-gap:6px;display:flex}.button-icon-group span{align-self:center}.download-actions-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.download-combo{align-items:center;display:inline-flex}.download-combo #export-button{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0;margin-right:0}.download-settings-popup-container{align-items:center;display:inline-flex;position:relative}#download-settings-toggle.download-split-toggle{border-left:1px solid #ffffff59;border-radius:0 .25rem .25rem 0;justify-content:center;align-items:center;min-width:2.2rem;margin-right:0;padding:.5rem .35rem;display:inline-flex}#download-settings-toggle.download-split-toggle .material-symbols-outlined{font-size:1.35rem;line-height:1}.download-settings-panel{z-index:1000;border:1px solid var(--bg-tertiary);background:color-mix(in srgb, var(--bg-primary) 90%, black);border-radius:6px;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;display:inline-flex;position:absolute;bottom:calc(100% + .35rem);right:0;box-shadow:0 6px 14px #00000040}.download-settings-panel[hidden]{display:none}.download-settings-label{color:var(--text-alternate);white-space:pre;font-size:1rem}#download-bone-naming-group{gap:0}#download-bone-naming-group input+label{padding:.3rem .6rem;font-size:.9rem}.transform-icons{border:1px solid var(--text-primary);cursor:pointer;border-radius:4px;width:25px;height:25px;padding:.4rem}.transform-icons:hover{background:var(--bg-primary)}canvas{z-index:-1;position:fixed;inset:0}select{background:var(--bg-alternate);border:1px solid var(--text-alternate);color:var(--text-primary);border-radius:4px;padding:.5rem}option{background:var(--bg-primary);color:var(--text-primary);border:none;border-radius:0}#current-step-label{font-size:20px}#load-model-tools,#load-skeleton-tools,#transform-controls,#skeleton-step-actions{flex-direction:column;row-gap:.4rem;display:flex}#tool-panel{background:var(--bg-tertiary);background:radial-gradient(circle, var(--bg-alternate) 0%, var(--bg-primary) 100%);height:fit-content;box-shadow:1px 1px 8px 0px var(--bg-primary);top:var(--navigation-height);border-left:1px solid var(--bg-tertiary);box-sizing:border-box;height:100%;padding:1rem;position:fixed;right:0;overflow:hidden auto}#animations-listing{flex-direction:column;width:100%;display:flex}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--bg-alternate);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--bg-primary)}#animations-items{background:var(--bg-alternate);border:1px solid var(--bg-tertiary);flex-flow:wrap;gap:.25rem;width:24rem;max-height:calc(100vh - 27rem);margin-bottom:1rem;display:inline-flex;overflow:hidden auto}#animations-items div{padding:0;display:inline-flex}#animations-items>div:nth-child(odd){background:var(--bg-alternate)}.anim-item,.anim-custom-item{flex-direction:column;justify-content:space-between;width:103px;height:160px;padding:0;transition:box-shadow .2s ease-in-out;display:flex}.anim-custom-item{background:var(--bg-primary);border:1px solid var(--bg-tertiary)}.anim-preview-label{cursor:pointer;text-align:left;font-size:90%;line-height:110%}input[type=file]{display:none}#github-logo{padding:.5rem;text-decoration:none;transition:opacity .5s ease-in-out}#github-logo:hover{opacity:.6}#github-logo img{width:50px;height:auto}.dropdown{display:inline-block;position:relative}.dropdown-content{background-color:var(--bg-tertiary);z-index:1;min-width:160px;display:none;position:absolute;box-shadow:0 8px 16px #0003}.dropdown-content a{color:var(--text-primary);padding:12px 16px;text-decoration:none;display:block}.dropdown-content a:hover{background-color:var(--text-primary)}.show{display:block}#header-ui{flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:140px;left:5px}.step-instructions{max-width:220px}.tippy-box[data-theme~=mesh2motion]{background-color:var(--bg-primary);color:var(--text-primary);padding:.5rem;box-shadow:3px 3px 6px #1420276b}.styled-checkbox{align-self:start;align-items:center;gap:.2rem;margin-top:.4rem;margin-bottom:.4rem;display:flex}.styled-checkbox input[type=checkbox]{cursor:pointer;width:20px;height:20px;accent-color:var(--text-alternate)}.styled-checkbox label{cursor:pointer;padding:.2rem .5rem;font-size:1rem}#bone-selection-section{background:var(--bg-alternate);border-radius:3px;flex-direction:column;margin:0;padding:.5rem}.alternate-background-section{background-color:var(--bg-alternate);flex-direction:column;gap:1rem;padding:1rem;display:flex}#theme-toggle{cursor:pointer;box-shadow:none;background:0 0;border:none;border-radius:0;align-items:center;width:100%;padding:0;transition:all .2s;display:flex}#theme-toggle:hover{background:var(--bg-alternate)}#theme-toggle .theme-icon{padding:0;font-size:30px;transition:transform .2s}#theme-toggle:hover .theme-icon{transform:rotate(20deg)}#view-control-hitbox{width:120px;height:120px;position:absolute;bottom:0;left:0}#animations-items .no-animations-message{padding:.5rem;font-size:90%;font-style:italic}#build-version{color:var(--text-alternate);padding:.5rem .7rem;font-size:.8rem;position:fixed;bottom:0;left:0}#animation-progress-loader-container{flex-direction:column;align-items:center;gap:0;width:100%;margin-bottom:1rem}#animation-progress-loader-container #loading-progress-bar{background-color:var(--button-primary-bg);border:1px solid gray;justify-content:center;width:0%;height:auto;transition:width .3s;display:flex}#animation-progress-loader-container #current-file-progress-bar{background-color:var(--button-alternate-bg);border:1px solid gray;width:0%;height:4px;margin-top:2px;transition:width .3s}#animation-progress-loader-container #loading-status-text{color:var(--text-primary);font-size:1.1rem}.anim-custom-badge{background:var(--button-alternate-bg);color:#fff;pointer-events:none;border-radius:3rem;padding:.5rem 1rem;font-size:.9rem;position:absolute;top:.5rem;left:.5rem}.action-icon{width:var(--icon-size);height:var(--icon-size)}.nav-icon{width:var(--navigation-icon-size);height:var(--navigation-icon-size)}#animation-player{background:var(--bg-primary);border:1px solid var(--bg-tertiary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-radius:0;flex-direction:column;align-items:center;gap:0;width:40rem;padding:0;transition:all .3s;display:none;position:fixed;bottom:0;left:38%;transform:translate(-50%)}@media (width<=1200px){#animation-player{width:30rem}}@media (width<=1000px){#animation-player{width:8rem}}#animation-player.visible{visibility:visible}#current-animation-container{position:absolute;top:-2.2rem}#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-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}.modal-dialog-content hr{margin:3rem 0}.modal-dialog-overlay{z-index:9999;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-dialog-content{background:var(--bg-primary);text-align:center;border-radius:5px;max-width:80%;padding:2rem;animation:.3s ease-out modal-dialog-bounce-in;overflow-y:auto;box-shadow:0 0 5rem #0b1d36}@keyframes modal-dialog-bounce-in{0%{opacity:0;transform:scale(.4)}70%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}.modal-dialog-body{background:var(--bg-alternate);text-align:left;border-radius:5px;max-height:65vh;padding:2rem;overflow-y:auto}.modal-dialog-content p{margin-bottom:2rem}.modal-dialog-content h2{color:var(--text-primary);margin:0 0 2rem;font-size:2rem;display:block}.modal-dialog-content *{color:var(--text-primary);margin:.5rem;font-size:1.1rem;line-height:125%}.modal-dialog-close{margin-top:1em;padding:.5em 1.5em;font-size:1em}.learning-resources-content{text-align:left}.learning-video-list{gap:1.2rem;margin-top:1rem;display:grid}.learning-video-item{border:1px solid var(--border-color);border-radius:8px;padding:.8rem}.learning-video-item iframe{aspect-ratio:16/9;border:0;width:100%}.variation-dialog{width:60vw;animation:.3s ease-out variation-dialog-bounce-in;box-shadow:0 0 7rem #08161e9e}@keyframes variation-dialog-bounce-in{0%{opacity:0;transform:scale(.4)}70%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}.variation-grid{background:var(--bg-alternate);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:0;max-height:40vh;padding:0;display:grid;overflow:auto}.variation-card{border:2px solid var(--border-color);cursor:pointer;text-align:center;background:var(--bg-alternate);border-radius:8px;padding:.25rem;transition:box-shadow .25s,transform .25s;transform:scale(.95)}.variation-card:hover{box-shadow:0 0 0 2px var(--text-alternate);transform:scale(1)}.variation-card:active{transform:scale(.95)}.variation-card.selected{box-shadow:0 0 0 2px var(--text-primary)}.variation-preview-image{object-fit:contain;background:var(--bg-primary);border-radius:12px;width:100%;margin:0;filter:none!important}.variation-name{font-size:1.3rem}.variation-license-chip{background:color-mix(in srgb, var(--text-alternate) 22%, var(--bg-primary));margin:0;padding:.5rem 1rem;font-size:90%}.variation-license-chip:hover{background:color-mix(in srgb, var(--text-alternate) 32%, var(--bg-primary))}.variation-attribution{opacity:.7}.variation-loading-container{flex-direction:column;gap:0;margin:0;display:flex}.variation-loading-track{background:var(--bg-alternate);border:1px solid var(--border-color);border-radius:4px;flex-direction:row;align-items:center;gap:1rem;width:100%;display:flex;overflow:hidden}.variation-loading-bar{background-color:var(--button-primary-bg);transform-origin:0;border-radius:4px;flex:1;height:100%;transition:transform .2s;display:block;transform:scaleX(0)}.variation-loading-text{color:var(--text-alternate);white-space:nowrap;flex-shrink:0}.variation-dialog-buttons{justify-content:flex-end;gap:.75rem;margin-top:1rem;display:flex}#settings-dropdown-container{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:25;min-width:250px;padding:.5rem;position:absolute;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-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}