.container{display:flex;margin-top:10px}.container>*{margin:0 10px 0 0}.container>*:last-child{margin:0}label[for=image-input],button{display:block;width:100%;font-size:16px;background-color:#d7063e;padding:15px;border-radius:10px;cursor:pointer;color:#fff;font-family:Arial,Helvetica,sans-serif;box-sizing:border-box;text-align:center}input[type=range]{display:inline-block;height:30px;margin:0;width:75%;box-sizing:border-box}div span{width:23%;display:inline-block!important;text-align:center;box-sizing:border-box}body{margin:0}canvas{display:block}#shirt-model-container{width:80%;aspect-ratio:1}main{width:100%;max-width:500px;padding:0 10px;box-sizing:border-box;display:block;margin:10px auto}main>*{margin:13px 0 0!important}main>*:last-child{margin:0!important}#loading-container{width:100%;height:25px;background-color:gray;border-radius:10px;overflow:hidden;margin-top:10px}#loading-fill{background-color:#8a2be2;height:100%;margin:0;padding:0;box-sizing:border-box;display:inline-block}#color-changer-container{width:100%;height:60px;box-sizing:border-box;overflow-y:hidden;overflow-x:auto;text-wrap:nowrap;margin-top:10px}#color-changer-container>*{display:inline-block;margin:0 10px 0 0;height:100%;aspect-ratio:1;border-radius:10px;border:1px solid gray;box-sizing:border-box;cursor:pointer}canvas{border-radius:10px}*{font-family:Arial,Helvetica,sans-serif}.material-symbols-outlined{-webkit-user-select:none;user-select:none;cursor:pointer}#shirt-viewer-container{width:100%;aspect-ratio:1;border-radius:8.5px;display:block;position:relative;overflow:hidden}#shirt-viewer-container canvas{width:100%!important;height:100%!important}#shirt-viewer-container .placeholder-foreground{position:absolute;inset:0;background-color:#e0e0e0;transition:opacity .2s ease;opacity:1}@keyframes spinning-animation{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}#shirt-viewer-container .placeholder-foreground.hidden{opacity:0;pointer-events:none}.placeholder-foreground .spin{position:absolute;--thickness:10px;width:64px;height:64px;border:var(--thickness) solid #d7063e;border-top:var(--thickness) solid transparent;border-radius:50%;top:50%;left:50%;box-sizing:border-box;animation:spinning-animation .5s infinite forwards;transition:opacity .2s cubic-bezier(.25,.1,.49,.64);transition-property:opacity,width,height}.progressbar-bg{position:absolute;width:67%;height:32px;border-radius:8.5px;overflow:hidden;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);background-color:#fff;transition:transform .5s ease;transition-property:transform,opacity}.progressbar-fg{position:absolute;top:0;left:0;height:100%;background-color:#d7063e}.progressbar-bg.hidden{opacity:0;transform:translate(-50%,-50%) scale(.75)}.spin.hidden{opacity:0;height:0;width:0}