@import "https://fonts.googleapis.com/css2?family=Jost&display=swap";.brand-logo{align-items:center;margin-right:.4rem;padding:0 .6rem 0 0;text-decoration:none;display:inline-flex}.brand-name{letter-spacing:.02em;color:var(--text-primary);background:linear-gradient(90deg,#af3abe,#497ac8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Jost,sans-serif;font-size:1.6rem;font-weight:600}.brand-logo:hover .brand-name{filter:brightness(1.2)}: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{text-align:right;color:var(--text-alternate);margin-bottom:.25rem;padding-right:.25rem;font-size:.85rem}#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-direction:column;align-items:stretch;gap:.4rem;display:flex}.toolbar-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.toolbar-group{border-right:1px solid var(--bg-tertiary);align-items:center;gap:.25rem;padding-right:.4rem;display:flex}.toolbar-group:last-child{border-right:none;padding-right:0}.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:54rem;max-height:calc(100vh - 27rem);margin-bottom:1rem;display:inline-flex;overflow:hidden auto}@media (width<=1500px){#animations-items{width:41rem}}@media (width<=1100px){#animations-items{width:28rem}}#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)}.user-clip-actions{border-top:1px solid var(--bg-tertiary);justify-content:center;align-items:center;gap:.2rem;min-height:28px;padding:.2rem;display:flex}.user-clip-action-button{border:1px solid var(--bg-tertiary);background:var(--bg-alternate);width:26px;height:24px;color:var(--text-primary);cursor:pointer;border-radius:3px;justify-content:center;align-items:center;padding:0;display:inline-flex}.user-clip-action-button:hover{border-color:var(--text-primary);background:var(--bg-tertiary)}.user-clip-action-button.danger:hover{color:#c94b4b;border-color:#c94b4b}.user-clip-action-button .material-symbols-outlined{font-size:18px}.user-clip-thumbnail{object-fit:cover;border-radius:2px;width:100%;height:120px;display:block}.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:auto;cursor:help;border-radius:3rem;padding:.5rem 1rem;font-size:.9rem;position:absolute;top:.5rem;left:.5rem}.anim-custom-badge .material-symbols-outlined{font-size:1rem;display:block}.mocap-bone-dialog .modal-dialog-content{max-width:560px}.mocap-bone-dialog .mocap-bone-group{border:1px solid var(--bg-tertiary);border-radius:6px;margin:.75rem 0;padding:.5rem .75rem .75rem}.mocap-bone-dialog .mocap-bone-group legend{color:var(--text-primary);padding:0 .5rem;font-weight:600}.mocap-bone-dialog .mocap-bone-toggle{box-sizing:border-box;cursor:pointer;align-items:center;gap:.4rem;width:50%;padding:.25rem 0;display:inline-flex}.mocap-bone-dialog .mocap-bone-toggle input[type=checkbox]{margin:0}.mocap-bone-dialog .mocap-bone-actions{gap:.5rem;margin-top:.5rem;display:flex}.mocap-bone-dialog .mocap-bone-actions button{background:var(--button-alternate-bg);color:var(--text-primary);border:1px solid var(--bg-tertiary);cursor:pointer;border-radius:4px;padding:.3rem .75rem;font-size:.85rem}.mocap-bone-dialog .mocap-bone-actions button:hover{filter:brightness(1.1)}.welcome-workflow-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin:1rem 0 1.5rem;display:grid}.welcome-workflow-card{border:1px solid var(--bg-tertiary);background:var(--bg-alternate);color:var(--text-primary);border-radius:8px;padding:1rem;text-decoration:none;transition:transform .12s,border-color .12s,box-shadow .12s;display:block}.welcome-workflow-card:hover{border-color:var(--button-primary-bg);transform:translateY(-2px);box-shadow:0 4px 14px #0003}.welcome-workflow-card.welcome-workflow-card--passive{cursor:default;opacity:.85}.welcome-workflow-card.welcome-workflow-card--passive:hover{border-color:var(--bg-tertiary);box-shadow:none;transform:none}.welcome-workflow-icon{margin-bottom:.5rem;font-size:1.8rem;line-height:1}.welcome-workflow-title{margin-bottom:.4rem;font-size:1.05rem;font-weight:600}.welcome-workflow-desc{opacity:.85;font-size:.85rem;line-height:1.4}.welcome-dialog .modal-dialog-content{max-width:720px}.animation-filter-row{align-items:stretch;gap:.5rem;margin-bottom:.5rem;display:flex}.animation-filter-row #animation-filter{flex:auto;min-width:0}.animation-filter-row #animation-source-filter{background:var(--bg-alternate);color:var(--text-primary);border:1px solid var(--bg-tertiary);border-radius:4px;flex:none;padding:.25rem .5rem;font-size:.85rem}.action-icon{width:var(--icon-size);height:var(--icon-size)}.nav-icon{width:var(--navigation-icon-size);height:var(--navigation-icon-size)}.secondary-button.toggle-active{background:var(--button-primary-bg,#4a90e2);color:#fff}.mocap-preview{top:calc(var(--navigation-height,40px) + 1rem);border:2px solid var(--button-primary-bg,#af3abe);z-index:1100;cursor:move;-webkit-user-select:none;user-select:none;background:#000;border-radius:8px;width:240px;height:180px;transition:box-shadow .12s;position:fixed;right:1rem;overflow:hidden;box-shadow:0 4px 16px #0006}.mocap-preview.dragging{cursor:grabbing;box-shadow:0 8px 24px #0009}.mocap-preview[hidden]{display:none}.mocap-preview .mocap-preview-video-element{object-fit:cover;pointer-events:none;width:100%;height:100%;transform:scaleX(-1)}.mocap-preview .mocap-preview-loading{color:#fff;pointer-events:none;background:#0009;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:.9rem;display:flex;position:absolute;inset:0}.mocap-preview .mocap-preview-loading:before{content:"";border:3px solid #ffffff40;border-top-color:var(--button-primary-bg,#af3abe);border-radius:50%;width:28px;height:28px;animation:.9s linear infinite meshinator-spinner;display:block}@keyframes meshinator-spinner{to{transform:rotate(360deg)}}.mocap-preview[data-mocap-state=running] .mocap-preview-loading{display:none}.mocap-preview .mocap-preview-label{color:#fff;text-shadow:0 0 4px #000,0 0 6px #000;pointer-events:none;font-size:.75rem;position:absolute;top:.3rem;left:.5rem}@media (width<=1000px){.mocap-preview{width:160px;height:120px}}.pose-bone-picker{top:calc(var(--navigation-height,40px) + 1rem);border:1px solid var(--bg-tertiary);background:var(--bg-primary);z-index:1099;-webkit-user-select:none;user-select:none;width:220px;max-height:calc(100vh - 12rem);color:var(--text-primary);border-radius:6px;flex-direction:column;font-size:.85rem;display:flex;position:fixed;left:1rem;box-shadow:0 4px 16px #0006}.pose-bone-picker[hidden]{display:none}.pose-bone-picker-header{border-bottom:1px solid var(--bg-tertiary);cursor:move;background:var(--bg-alternate);border-top-left-radius:6px;border-top-right-radius:6px;padding:.4rem .6rem}.pose-bone-picker-title{font-size:.8rem;font-weight:600}.pose-bone-picker-body{flex-direction:column;flex:1;gap:.35rem;min-height:0;padding:.4rem;display:flex}.pose-bone-picker-search{box-sizing:border-box;border:1px solid var(--bg-tertiary);background:var(--bg-alternate);width:100%;color:var(--text-primary);border-radius:3px;padding:.3rem .4rem;font-size:.85rem}.pose-bone-picker-search:focus{border-color:var(--button-primary-bg);outline:none}.pose-bone-picker-list{flex-direction:column;flex:1;gap:1px;min-height:0;display:flex;overflow-y:auto}.pose-bone-picker-row{text-align:left;color:var(--text-primary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;padding:.3rem .45rem;font-family:inherit;font-size:.82rem}.pose-bone-picker-row:hover{background:var(--bg-alternate);border-color:var(--bg-tertiary)}.pose-bone-picker-row.selected{background:var(--button-primary-bg);color:#fff;border-color:var(--button-primary-bg)}.pose-bone-picker-empty{color:var(--text-secondary);text-align:center;padding:.5rem;font-style:italic}@media (width<=1000px){.pose-bone-picker,#new-user-clip-button,#bake-pose-button,#pose-mode-button,#mocap-button,#record-mocap-button,#mocap-settings-button{display:none}}.secondary-button.recording-active{color:#fff;background:#d63a3a;animation:1.4s ease-in-out infinite meshinator-record-pulse}@keyframes meshinator-record-pulse{0%,to{box-shadow:0 0 #d63a3a99}50%{box-shadow:0 0 0 6px #d63a3a00}}#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}#scrubber-track{flex:1;min-width:180px;margin:0 8px;position:relative}@media (width<=1000px){#scrubber-track{display:none}}#animation-scrubber{background:var(--bg-tertiary);cursor:pointer;appearance:none;border-radius:4px;outline:none;width:100%;height:4px;margin:0;display:block}#keyframe-markers{pointer-events:none;height:0;position:absolute;top:50%;left:0;right:0}.keyframe-marker{background:var(--button-primary-bg);border:1px solid var(--text-primary);pointer-events:auto;cursor:pointer;z-index:1;border-radius:2px;width:8px;height:12px;margin-left:-4px;transition:transform .15s;position:absolute;top:-7px}.keyframe-marker:hover{transform:scale(1.2)}#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}