.mcav{max-width:72rem;margin:0 auto}.mcav .text-muted{color:#aeaeae!important}.mcav-loading{text-align:center;color:#aeaeae;padding:6rem 0}.mcav-drop{text-align:center;background-color:#313131;border:3px dashed #5a5a5a;flex-direction:column;justify-content:center;align-items:center;min-height:20rem;padding:3rem 1.5rem;display:flex}.mcav-drop-title{color:#fff;margin-bottom:.5rem;font-size:1.5rem}.mcav-drop-help{max-width:44ch;margin-bottom:1.5rem}.mcav-file-btn{color:#d1cfce;cursor:pointer;background-color:#404040;margin:0;padding:.5rem 1.1rem;font-size:.875rem;display:inline-block;box-shadow:inset 0 3px #ffffff1f,inset 0 -3px #0006,inset 3px 0 #ffffff0f,inset -3px 0 #00000047}.mcav-file-btn input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.mcav-file-btn:hover,.mcav-file-btn:focus-within{color:#fff;background-color:#5a5a5a}.mcav-file-btn:focus-within{outline-offset:2px;outline:2px solid #04ca67}.mcav-bar{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.mcav-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mcav-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=768px){.mcav-grid{grid-template-columns:22rem 1fr;align-items:start}}.mcav-stage{gap:.75rem;display:grid}@media (width>=768px){.mcav-stage{position:sticky;top:5rem}}.mcav-canvas{box-shadow:0 0 0 1px #ffffff14}.mcav-canvas canvas{width:100%;height:auto;display:block}.mcav-canvas.is-alpha{background:repeating-conic-gradient(#404040 0 25%, #313131 0 50%) 0 0/24px 24px}.mcav-panel{padding:1.25rem}.mcav-field{margin-bottom:1.5rem}.mcav-field:last-child{margin-bottom:0}.mcav-label{float:none;color:#aeaeae;letter-spacing:.08em;text-transform:uppercase;width:auto;margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:block}.mcav-label b{color:#fff}.mcav-poses{grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));gap:.5rem;display:grid}.mcav-pose{color:#d1cfce;cursor:pointer;background-color:#404040;border:0;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .25rem;font-size:.6875rem;line-height:1.25;display:flex;box-shadow:inset 0 3px #ffffff1f,inset 0 -3px #0006,inset 3px 0 #ffffff0f,inset -3px 0 #00000047}.mcav-pose canvas{width:56px;height:56px}.mcav-pose:hover{color:#fff;background-color:#5a5a5a}.mcav-pose.is-on{color:#fff;background-color:#008542}.mcav-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.mcav-chip{color:#d1cfce;cursor:pointer;background-color:#404040;border:0;padding:.4rem .85rem;font-size:.875rem;box-shadow:inset 0 3px #ffffff1f,inset 0 -3px #0006,inset 3px 0 #ffffff0f,inset -3px 0 #00000047}.mcav-chip:hover{color:#fff;background-color:#5a5a5a}.mcav-chip.is-on{color:#fff;background-color:#008542}.mcav-swatch{cursor:pointer;border:0;width:2rem;height:2rem;padding:0;box-shadow:inset 0 0 0 3px #00000059}.mcav-swatch.is-on{box-shadow:inset 0 0 0 3px #04ca67}.mcav-pick{background:conic-gradient(#f43f3f,#fadf3f,#3ff45f,#3fd8f4,#3f5ff4,#d83ff4,#f43f3f);place-items:center;display:grid;overflow:hidden}.mcav-pick input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0}.mcav-num{color:#fff;background-color:#404040;border:0;width:5.5rem;padding:.4rem .6rem;font-size:.875rem;box-shadow:inset 0 3px #ffffff1f,inset 0 -3px #0006,inset 3px 0 #ffffff0f,inset -3px 0 #00000047}.mcav-sliders{gap:.85rem;display:grid}.mcav-sliders input[type=range]{accent-color:#04ca67;width:100%}.mcav-sliders .mcav-label{margin-bottom:.15rem}.mcav-reset{color:#04ca67;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-size:.8125rem;text-decoration:underline}.mcav-reset:hover{color:#11fa86}.mcav-check{color:#d1cfce;cursor:pointer;align-items:center;gap:.5rem;margin:.75rem 0 0;display:flex}.mcav-check input{accent-color:#04ca67;width:1rem;height:1rem}.mcav-hint{margin:.5rem 0 0;font-size:.8125rem}.mcav-chip,.mcav-pose,.mcav-file-btn{transition:background-color .15s ease-out,color .15s ease-out}.mcav-chip:active,.mcav-pose:active,.mcav-file-btn:active{transform:translateY(1px)}@media (width<=767.98px){.mcav-chip,.mcav-file-btn{padding:.7rem 1rem}.mcav-swatch{width:2.75rem;height:2.75rem}.mcav-num{padding:.7rem .6rem}}@media (prefers-reduced-motion:reduce){.mcav-chip,.mcav-pose,.mcav-file-btn{transition:none}.mcav-chip:active,.mcav-pose:active,.mcav-file-btn:active{transform:none}}