html,body{margin:0;padding:0;background-color:#333232;color:#ffffff;font-family:Rubik,Helvetica,Arial,sans-serif}body{overflow-y:scroll;overflow-x:hidden}p{margin:0;padding:0}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.fullscreen{display:flex;flex-direction:column;min-height:100vh;width:100%}.header{background-color:#333232;font-size:1.3rem;line-height:2;padding-left:15px;font-weight:700;z-index:1}.header img{height:1rem}.header>div{float:left}.header>div.right{float:right}.about{cursor:pointer}.uploads{display:flex;overflow-y:auto;height:150px;background-color:#4f4f4f}.visualFileList{height:135px;margin-left:15px}.visualFileList>div{position:relative;height:120px;width:120px;border-radius:5px;float:left;margin-right:20px;cursor:pointer;transition:all .5s ease;margin-top:15px;text-align:center}.visualFileList>.uploaded-file-container:not(:has(.delete-btn:hover))>img:hover{box-shadow:0 0 6px 4px #e27e12}.visualFileList>.upload>button{background-image:url("../img/upload.png");background-color:#fff;background-size:120px 120px;height:120px;width:120px;cursor:pointer;padding:0;margin:0;border:none;border-radius:5px}.visualFileList>.upload>input{opacity:0;position:absolute;left:0;top:0;height:120px;width:120px;cursor:pointer;user-select:none}.visualFileList>.garbageButton{background-image:url("../img/trash.png");background-color:#fff;background-size:120px 120px;height:120px;width:120px;padding:0;margin:0;margin-top:15px;border:none;border-radius:5px}.workspace{display:flex;flex:1 0 auto;overflow-y:auto;min-height:0}@media screen and (max-width:640px){.workspace{flex-direction:column}}.workspace>.filesGrid{flex:1 0 auto;background-color:#c5c5c5;color:#333232}@media screen and (max-width:640px){.workspace>.filesGrid{min-height:50vh}}.workspace>.filesGrid>p{width:100%;text-align:center;font-size:2rem;line-height:6}.dragging .workspace>.filesGrid>p{pointer-events:none}@media screen and (max-width:640px){.workspace>.filesGrid>p{line-height:1;margin-top:5rem}}.workspace>.filesGrid>.workspaceRow{width:100%;margin:0;padding:0;line-height:2;display:flex;flex-wrap:wrap;border-bottom:black solid 1px}.dragging .workspace>.filesGrid>.workspaceRow{pointer-events:none}.workspace>.filesGrid input{width:60px;outline-style:solid;outline-width:2px}.dragging .workspace>.filesGrid input{pointer-events:none}.workspace>.filesGrid input:focus{outline-color:#e27e12}.workspace>.filesGrid>.workspaceRow:nth-child(even){background-color:#e5e5e5}.workspace>.filesGrid>.workspaceRow>.workspaceRowLabel{width:300px;overflow:hidden;white-space:nowrap}.workspace>.filesGrid>.workspaceRow>div{margin-left:10px;display:flex;align-items:center}@media screen and (max-width:640px){.workspace>.filesGrid>.workspaceRow>div{display:inline-block}}@media screen and (max-width:640px){.workspace>.filesGrid>.workspaceRow>.buttonContainer{line-height:1.3}}.workspace>.filesGrid>.workspaceRow button.workspaceUpButton{background-image:url("../img/workspace-up.png");background-color:#fff;background-size:20px 20px;height:20px;width:20px;cursor:pointer;padding:0;margin:0;border:none;border-radius:5px;transition:all .5s ease}.workspace>.filesGrid>.workspaceRow button.workspaceUpButton:hover{box-shadow:0 0 6px 4px #e27e12}.workspace>.filesGrid>.workspaceRow button.workspaceDownButton{background-image:url("../img/workspace-down.png");background-color:#fff;background-size:20px 20px;height:20px;width:20px;cursor:pointer;padding:0;margin:0;border:none;border-radius:5px;transition:all .5s ease}.workspace>.filesGrid>.workspaceRow button.workspaceDownButton:hover{box-shadow:0 0 6px 4px #e27e12}.workspace>.filesGrid>.workspaceRow button.workspaceDeleteButton{background-image:url("../img/workspace-delete.png");background-color:#fff;background-size:20px 20px;height:20px;width:20px;cursor:pointer;padding:0;margin:0;border:none;border-radius:5px;transition:all .5s ease}.workspace>.filesGrid>.workspaceRow button.workspaceDeleteButton:hover{box-shadow:0 0 6px 4px #e27e12}.workspace>.filesPreviewOuter{flex:0 0 auto;background-color:#4f4f4f;display:flex;flex-direction:column;align-items:center;flex-wrap:wrap}.workspace>.filesPreviewOuter .filesPreviewInnerScrollbar{max-height:70vh;overflow-y:auto;overflow-x:hidden;width:100%}.workspace>.filesPreviewOuter .filesPreviewInner{display:flex;flex-direction:column;align-items:center}.workspace>.filesPreviewOuter .filesPreviewInner>img{margin-top:10px}.preview-interaction{width:300px;margin-top:10px;margin-bottom:20px}.preview-interaction>p,.preview-interaction>input,.preview-interaction>div,.preview-interaction>button{width:90%;margin-left:4%;margin-top:10px}.preview-interaction>button{background-color:#ffffff;color:#560591;background-size:120px 120px;padding:0;border-radius:12px;margin-top:10px;margin-right:0;width:92.5%;font-size:1.6rem;line-height:1.9;outline:0;gap:12px;border:none;cursor:pointer;font-weight:600;box-shadow:0 4px 6px rgba(0,0,0,0.1);background:linear-gradient(to right, #ffffff 50%, #560591 50%);background-size:210% 100%;background-position:left bottom;transition:all .5s ease}.preview-interaction>button:hover,.preview-interaction>button:active{background-position:right bottom;color:#ffffff}.previewFormInputRow{display:flex;flex-direction:row;align-items:center;width:92.5%;font-size:1.2rem}.previewFormInputRow>p{margin-right:10px}.previewFormInputRow>.previewFormInputLabel{width:45%}.previewFormInputRow>input{flex:1 0 auto;outline-style:solid;outline-width:2px;font-size:1.2rem}.dimentions-input:hover,.dimensions-input:active{outline-color:#560591}.previewFormInputRow>select{width:100%;font-size:1.2rem;color:#333232;background-color:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;appearance:none;cursor:pointer;transition:all .2s ease;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%232d3748' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:44px}.previewFormInputRow>select::after{content:'';position:absolute;right:16px;top:50%;transform:translateY(-50%) rotate(45deg);width:8px;height:8px;border-right:2px solid #2d3748;border-bottom:2px solid #2d3748;pointer-events:none;margin-top:10px}.previewFormInputRow>select:focus,.previewFormInputRow>select:hover,.previewFormInputRow>select:active{box-shadow:0 0 0 3px rgba(86,5,145,0.4);outline:none}.footer{background-color:#333232;font-size:1rem;line-height:1.8;padding-left:15px;padding-right:15px}.hidden{display:none}.rotate90{rotate:90deg}.rotate180{rotate:180deg}.rotate270{rotate:270deg}.loading{width:100%;height:100%;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.5)}.loading-wheel{width:20px;height:20px;margin-top:-40px;margin-left:-40px;position:absolute;top:50%;left:50%;border-width:30px;border-radius:50%;-webkit-animation:spin 1s linear infinite;border-style:double;border-color:#ccc transparent}@keyframes spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(-360deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(-360deg)}}.aboutThis{position:absolute;top:0;width:100%;min-height:100vh;background-color:#c5c5c5;color:#333232;font-size:1.4rem;line-height:2;text-align:center}.aboutThisHorse{filter:brightness(0);height:300px}.upload-wrapper{position:relative}.upload-wrapper input{display:none}.upload-btn{position:relative;display:inline-flex;align-items:center;gap:12px;padding:8px 16px;background:white;border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;color:#560591;box-shadow:0 4px 6px rgba(0,0,0,0.1);margin-top:6px;margin-bottom:4px;background:linear-gradient(to right, #ffffff 50%, #560591 50%);outline:0;background-size:210% 100%;background-position:left bottom;transition:all .5s ease}.upload-btn:hover,.upload-btn:active{background-position:right bottom;color:#ffffff}.upload-icon{width:24px;height:24px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.svadlogo{cursor:pointer;background-color:#560591;padding-right:15px;padding-left:15px}.svadlogo div{float:left;line-height:3}.uploaded-file-container{position:relative}.uploaded-file-container .delete-btn{position:absolute;bottom:-10px;right:-10px;width:30px;height:30px;border-radius:50%;background:rgba(64,64,64,0.9);color:white;border:2px solid rgba(128,128,128,0.5);cursor:pointer;font-size:16px;line-height:24px;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,0.5);text-indent:-2px}.uploaded-file-container .delete-btn:hover,.uploaded-file-container .delete-btn:active{background:rgba(128,0,0,0.9)}