*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0}:root{background-size:cover;height:100vh;width:100vw;margin:0;display:flex;flex-direction:column;box-sizing:border-box}.object-fit-contain{object-fit:contain}.dp-fullscreen{height:100vh;width:100vw}.dp-flex{display:flex}.dp-none{display:none}.flex-grow{flex-grow:1}.flex-shrink{flex-shrink:0}.flex-dir-col{flex-direction:column}.flex-05{flex:.5}.flex-10{flex:1}.flex-15{flex:1.5}.flex-20{flex:2}.flex-25{flex:2.5}.flex-30{flex:3}.flex-35{flex:3.5}.flex-40{flex:4}.flex-80{flex:8}.of-hidden{overflow:hidden}.of-auto{overflow:auto}.top-0{top:0}.left-0{left:0}.pos-fixed{position:fixed}.height-100p{height:100%}.width-100p{width:100%}.width-48{width:48px}.width-72{width:72px}.width-96{width:96px}.width-108{width:108px}.width-192{width:192px}.width-240{width:240px}.height-24{height:24px}.height-28{height:28px}.height-32{height:32px}.height-36{height:36px}.height-48{height:48px}.height-64{height:64px}.height-72{height:72px}.height-80{height:80px}.height-96{height:96px}.height-120{height:120px}.height-160{height:160px}.height-144{height:144px}.height-300{height:300px}.height-360{height:360px}.align-items-c{align-items:center}.justify-content-c{justify-content:center}.justify-content-fs{justify-content:flex-start}.justify-content-fe{justify-content:flex-end}.justify-content-sa{justify-content:space-around}.text-align-c{text-align:center}.p-5{padding:5px}.p-10{padding:10px}.p-20{padding:20px}.pt-5{padding-top:5px}.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.pb-20{padding-bottom:20px}.pb-25{padding-bottom:25px}.pr-15{padding-right:15px}.pr-20{padding-right:20px}.pl-15{padding-left:15px}.pl-20{padding-left:20px}.td-underline{text-decoration:underline}.outline-none{outline:none}.clr-black{color:#000}.clr-transparent{color:#00000080}.clr-white{color:#fff}.clr-red{color:red}.clr-yellow{color:#ff0}.clr-blue{color:#00f}.fs-12{font-size:12px}.fs-14{font-size:14px}.fs-16{font-size:16px}.fs-18{font-size:18px}.fs-20{font-size:20px}.fs-24{font-size:24px}.fs-32{font-size:32px}.fs-1-25vh{font-size:1.25vh}.fs-2-5vh{font-size:2.5vh}.fw-bold{font-weight:700}.font-dosis{font-family:Dosis,sans-serif}.font-roboto{font-family:Roboto,sans-serif}.font-notosans{font-family:Noto Sans,sans-serif}.font-montserrat{font-family:Montserrat,sans-serif}.font-lato{font-family:Lato,sans-serif}.font-comfortaa{font-family:Comfortaa,sans-serif}.font-urbanist{font-family:Urbanist,sans-serif}.bg-white{background-color:#fff}.bg-shadywhite{background-color:#ddd}.bg-gray{background-color:gray}.bg-ivory{background-color:ivory}.bg-darkgray{background-color:#a9a9a9}.bg-slategray{background-color:#708090}.bg-darkslategray{background-color:#2f4f4f}.bg-black{background-color:#000}.bg-brown{background-color:brown}.bg-charcoal{background-color:#111}.bg-shady{background-color:#222}.bg-shady-alpha{background-color:#222c}.bg-shady3{background-color:#333}.bg-shady4{background-color:#444}.bg-shady5{background-color:#555}.bg-shady6{background-color:#666}.bg-shady8{background-color:#888}.bg-orange{background-color:orange}.bg-limegreen{background-color:#32cd32}.bg-forestgreen{background-color:#228b22}.bg-green{background-color:green}.bg-darkgreen{background-color:#006400}.bg-seagreen{background-color:#2e8b57}.bg-palegreen{background-color:#98fb98}.bg-coral{background-color:coral}.bg-tomato{background-color:tomato}.bg-red{background-color:red}.bg-hotpink{background-color:#ff69b4}.bg-crimson{background-color:#dc143c}.bg-yellow{background-color:#ff0}.bg-blue{background-color:#00f}.bg-cyan{background-color:#0ff}.bg-indigo{background-color:indigo}.bg-dodgerblue{background-color:#1e90ff}.bg-navy{background-color:navy}.bg-magenta{background-color:#f0f}.bg-slateblue{background-color:#6a5acd}.bg-main{background:-webkit-linear-gradient(135deg,rgba(50,50,50,1),rgba(0,0,139,.7),rgba(255,0,255,.5));background:-moz-linear-gradient(135deg,rgba(50,50,50,1),rgba(0,0,139,.7),rgba(255,0,255,.5));background:-o-linear-gradient(135deg,rgba(50,50,50,1),rgba(0,0,139,.7),rgba(255,0,255,.5));background:linear-gradient(135deg,#323232,#00008bb3,#ff00ff80)}.opacity-07{opacity:.7}.bd-none{border:none}.bd-rd-8{border-radius:8px}.bd-rd-16{border-radius:16px}.bd-rd-32{border-radius:32px}.bd-1-black{border:1px solid black}.bd-1-shady8{border:1px solid #888}.cursor-p{cursor:pointer}.sw-btn:hover{background-color:#fff;color:#000;font-weight:700}.modal-content{background:#eee;width:800px;height:500px;position:relative;display:flex;flex-direction:column}.upload-modal-content{background:#fff;width:300px;height:100px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:12px}.footer-modal-content{background:#fff;width:320px;height:120px;position:relative;display:flex;flex-direction:column;justify-content:space-around;align-items:center;border-radius:12px}.activity-modal-content{background:#fff;width:256px;height:96px;position:relative;display:flex;flex-direction:column;justify-content:space-around;align-items:center;border-radius:12px}.mode:hover{background-color:#fff;opacity:.9;color:#000}.mode.mode-select{background-color:#fff;opacity:.7;color:#000;font-weight:700}.icon-option:hover{background-color:#333}.btn-dwld:hover{background-color:#228b22}.btn-apl:hover{background-color:#00f}.btn-rst:hover{background-color:#b22222}.btn-hlp:hover{background-color:#222}.txt-logo:hover{color:#ff0}.editor-upload:hover{color:#fff;background-color:#000}.upload-warning:hover{background-color:red}.preset-btn:hover{background-color:#333;color:#fff}.color-pick:hover{border:2px solid #EEE}.act-conf-btn:hover{background-color:#ccc;color:#333}.activity-btn:hover{background-color:#333;color:#ff0}.modal-btn:hover{background-color:#111}.modal-close:hover{background-color:#b22222;color:#fff;border:none}.slider-container:hover .slider-label{color:#ff0}#displayFrame{position:relative;overflow:hidden}.display-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10}.spinner{width:50px;height:50px;border:6px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.editor-dp{background:repeating-linear-gradient(233deg,rgba(255,255,255,.25),rgba(255,255,255,.25) 1px,transparent -19px,transparent 2px)}.editor-page{display:flex}.editor-warning{display:none}.loading-spinner{display:flex}.loading-disclaimer{display:none}@media screen and (max-width:1024px),screen and (max-height:480px){.editor-page{display:none}.editor-warning{display:flex}.loading-spinner{display:none}.loading-disclaimer{display:flex}}