:root{--primary:#00b786;--secondary:#8ceaf6;--color-black:#000;--color-white:#fff;--color-main:#12151a;--color-main-transparent:#12151ae6;--color-button:#08090b;--color-button-hover:#1c2129;--color-button-gradient-1:#36bbf7;--color-button-gradient-2:#702df9}button,a{-webkit-app-region:no-drag}html,body{height:100%}body{margin:0;font-family:Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow:hidden}#app,.layout_wrapper,.wrapper{height:100%}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-button{width:0;height:0}::-webkit-scrollbar-thumb{background:#666;border-radius:20px;transition:background-color .25s}::-webkit-scrollbar-thumb:hover{background-color:#8c8c8c;transition:background-color .25s}::-webkit-scrollbar-thumb:active{background:#333}::-webkit-scrollbar-track{background:#12151a;border-radius:0 20px 0 0}::-webkit-scrollbar-track:hover{background:#1c2129}::-webkit-scrollbar-track:active{background:#272d38}::-webkit-scrollbar-corner{background:0 0}.container{color:green}.main__container{height:100%}.profile__preview{z-index:0;flex-direction:column;width:100%;min-width:976px;display:flex;position:relative}.profile__preview-container{width:976px;min-height:1080px;margin:0 auto}.profile__preview-header{box-sizing:border-box;width:100%;max-width:976px;min-height:240px;margin:0 auto;padding:32px 26px}.profile__preview-header__avatar{background:linear-gradient(#53a4c4 5%,#458097 95%);border-radius:5px;width:162px;height:162px}.profile__preview-body{box-sizing:border-box;border-radius:0 0 5px 5px;width:976px;margin:0 auto;padding:30px 23px 87px;display:flex}.profile__preview-bg{z-index:-1;justify-content:center;width:100%;display:flex;position:absolute;top:0;left:0}.spacer{margin-bottom:8px}.backgrounds_container{background:var(--color-main);border-radius:10px 10px 0 0;flex-direction:column;align-items:center;width:calc(100% - 759px);height:350px;transition:all .25s ease-in-out;display:flex;position:absolute;bottom:-212px;right:409px;overflow-y:scroll}.backgrounds_container .inventory-list{flex-wrap:wrap;justify-content:center;transition:all .25s ease-in-out;display:flex;position:relative}.backgrounds_container .inventory-list .inventory-item{cursor:pointer;background-color:var(--color-button);background-position:top;background-repeat:no-repeat;border-radius:5px;flex-direction:column;justify-content:center;width:98px;height:98px;margin:3px;display:flex}.backgrounds_container .inventory-list .inventory-item .inventory-item-inner{width:92px;margin-top:4px;margin-left:4px}.backgrounds_container .hover-button{cursor:pointer;background:var(--color-main);width:100%;height:25px;color:var(--color-white);text-align:center;border-style:none;outline:none;margin:10px 0 7px;transition:all .25s ease-in-out;display:block;position:relative}.backgrounds_container .inventory-more{color:var(--color-white);cursor:pointer;border-radius:3px;padding:10px 20px}.backgrounds_container .inventory-more.purple-paradise{background:linear-gradient(45deg,#61045f,#aa076b) 0 0/200% 100%;transition:background .25s;animation:3s infinite alternate gradient}.backgrounds_container .inventory-more.purple-paradise:hover{background:linear-gradient(45deg,#7a0578,#ab076c)}@keyframes gradient{0%{background-position:0%}to{background-position:100%}}.backgrounds_container:hover{bottom:0}.backgrounds_container:hover .inventory-list{opacity:1}.menu__window{background:var(--color-main);-webkit-user-select:none;user-select:none;flex-direction:column;flex-shrink:0;align-items:center;width:250px;height:100%;display:flex}.menu__window-hint{text-align:center;margin:5px 0 20px;padding:0 20px}.menu__window-hint__text{text-align:center;color:#fff;font-size:12px}.menu__window-title{background-color:var(--color-button);box-sizing:border-box;text-align:center;border-radius:3px;justify-content:center;align-items:center;height:27px;margin:0 10px;text-decoration:none;display:flex}.menu__window-section-container{margin-top:10px}.menu__window-discord-image{text-align:center;cursor:pointer;border-radius:3px;height:55px;margin:10px 10px 0;transition:filter .25s;display:flex}.menu__window-discord-image:hover{filter:drop-shadow(0px 3px 10px var(--color-black));transition:filter .25s}.menu__window-button{background-color:var(--color-button);cursor:pointer;text-align:center;border-radius:3px;justify-content:center;align-items:center;margin:10px 10px 0;text-decoration:none;transition:background-color .25s;display:flex}.menu__window-button.purple-paradise{background:linear-gradient(45deg,#61045f,#aa076b) 0 0/200% 100%;transition:background .25s;animation:3s infinite alternate gradient}.menu__window-button.purple-paradise:hover{background:linear-gradient(45deg,#7a0578,#ab076c)}.menu__window-button:hover{background-color:var(--color-button-hover);transition:background-color .25s}.menu__window-button.noclick{cursor:default;filter:initial;background-color:var(--color-button)}.menu__window-button.textbox{cursor:text;border:none;outline:none;width:232px;height:30px;transition:box-shadow .25s ease-in-out}.menu__window-button.textbox:focus{box-shadow:0 0 40px #0006}.menu__window-button.textbox.px{width:55px}.menu__window-button.length__slider{-webkit-appearance:none;background:var(--color-button-hover);float:left;outline:none;width:164px;height:6px;margin:22px 10px 10px 5%}.menu__window-button.length__slider::-webkit-slider-thumb{appearance:none;background:linear-gradient(45deg, var(--color-button-gradient-1) 0%, var(--color-button-gradient-2) 100%);cursor:pointer;border-radius:50%;width:15px;height:15px;box-shadow:0 0 20px #4e73ee80}.menu__window-button.small .menu__window-button-text{margin:4px;font-size:14px}.menu__window-button-text{color:var(--color-white);margin:15px 0;font-size:17px;font-weight:300;text-decoration:none;bottom:11px}.menu__window-button-download{background:linear-gradient(45deg, var(--color-button-gradient-1) 0%, var(--color-button-gradient-2) 100%);z-index:2;opacity:.8;background-size:200% 100%;transition:opacity .25s;animation:3s infinite alternate gradient;position:relative}.menu__window-button-download:hover{opacity:1;transition:opacity .25s}.menu__window-shadow{background:linear-gradient(45deg, var(--color-button-gradient-1) 0%, var(--color-button-gradient-2) 100%);filter:blur(12px);opacity:.5;width:232px;height:53px;margin:10px 10px -63px;position:relative;top:-63px}.menu__window-item{cursor:pointer;text-align:center;justify-content:center;align-items:center;margin:10px 10px 0;transition:filter .25s;display:flex}.menu__window-item:hover{filter:drop-shadow(0px 3px 10px var(--color-black));background-color:var(--color-button-hover);transition:background-color .25s}.menu__window-item-text{color:var(--color-white);margin:0;bottom:11px}#urltextbox{color:var(--color-white)}.menu__window-scale__container{flex-flow:wrap;justify-content:space-between;padding:0 10px;display:flex}.menu__window-scale__input{display:none}.menu__window-scale__input:checked+label{cursor:default;background:#272d38}.menu__window-scale__label{background-color:var(--color-button);cursor:pointer;text-align:center;border-radius:3px;flex:none;width:49%;margin-top:5px;padding:12px;transition:all .25s}.menu__window-scale__label:hover{background:var(--color-button-hover)}.menu__window-scale__button{text-shadow:0px 4px 10px var(--color-black);color:var(--color-white);bottom:11px}.menu__window-credits{position:absolute;bottom:0}.menu__window-credits-text{color:var(--color-white);text-align:center;margin-top:5px;margin-bottom:5px;font-size:11px}.menu__window-icon{color:#fff;fill:currentColor;width:20px;height:20px;margin-right:6px}.menu__window-multi-container{flex-flow:wrap;justify-content:space-between;max-width:250px;padding:0 10px;display:flex}.menu__window-multi-label{background-color:var(--color-button);cursor:pointer;text-align:center;border-radius:3px;flex:none;width:49%;margin-top:5px;padding:12px;text-decoration:none;transition:all .25s}.menu__window-multi-label:hover{background:var(--color-button-hover)}.menu__window-multi-button{text-shadow:0px 4px 10px var(--color-black);color:var(--color-white);bottom:11px}.menu__window,.menu__window *{box-sizing:border-box}@media screen and (width<=560px){.menu__window{flex-direction:column;width:100%;height:auto}.menu__window-buttons{flex-flow:wrap;align-items:flex-start;display:flex}.menu__window-button{width:48%;margin:5px 1%}.menu__window-button.textbox{width:48%;height:53px}.menu__window-button.steam{height:59px}.menu__window-title{background-color:var(--color-button);box-sizing:border-box;text-align:center;border-radius:3px;justify-content:center;align-items:center;width:100%;height:27px;margin:0;text-decoration:none;display:flex}.menu__window-section-container{width:48%;margin:5px 1%}.menu__window-scale__container{padding:0}.menu__window-scale__label{justify-content:center;align-items:center;width:32%;height:27px;padding:0;display:flex}.menu__window-multi-container{max-width:none;padding:0}.menu__window-multi-label{width:32%}.menu__window-credits{width:100%;margin-top:10px;padding:0 1%;position:relative}.menu__window-discord{margin:10px 0 0;display:flex}.menu__window-discord img{margin:0 auto}}.scripts__container{position:absolute;top:-9999px;left:-9999px}.video{border-radius:10px;width:280px;height:560px;margin:10px auto;display:block;position:relative;overflow:hidden}.video video{width:280px}.right__menu{background:var(--color-main);scrollbar-width:thin;text-align:center;flex-direction:column;flex:none;width:309px;height:100%;display:flex;overflow-y:scroll}.right__menu .friends__block{padding:0 10px}.right__menu .friend{background:var(--color-button);cursor:pointer;border-radius:7px;align-items:center;margin:10px 0;padding:5px;text-decoration:none;display:flex}.right__menu .friend:hover{background-color:var(--color-button-hover);transition:background-color .25s}.right__menu .friend-avatar{width:55px;height:55px;margin:0 10px 0 0}.right__menu .friend-avatar img{border-radius:7px;width:55px;height:55px}.right__menu .friend-text .title{color:var(--color-white);font-size:13px;font-weight:600;text-decoration:none}.right__menu .friend-text .description{color:#8f98a0;font-size:13px}.right__menu-header{background-color:var(--color-button);color:var(--color-white);box-sizing:border-box;text-align:center;border-radius:3px;justify-content:center;align-items:center;margin:0 10px;padding:3px 0;text-decoration:none;display:flex}.right__menu-header:first-of-type{margin-top:20px}.mobile__header{box-sizing:border-box;background-color:#111827;border-bottom:1px solid #1f2937;height:63px;display:flex}.mobile__header-container{justify-content:center;align-items:center;width:100%;display:flex}.mobile__header-image{width:48px;height:48px}.mobile__header-name{color:var(--color-white);margin:0 0 0 12px;font-size:1.25em}.row-container{margin:6px auto}.row-container .row-header{cursor:default;justify-content:space-between;display:flex}.row-cancel{cursor:pointer}.progress-container{background:var(--color-main);border-radius:3px;width:256px;height:6px;margin:5px 0 0;padding:1px}.progress-indicator{background-size:100px 100%;background:linear-gradient(45deg, var(--color-button-gradient-1), var(--color-button-gradient-2));border-radius:3px;height:100%;transition:width .25s}.container>.converter__container{background:#000000b3;border-radius:7px;width:auto;max-width:none;margin:10px 0 0;padding:1rem}.container>.converter__container .images__container .item{justify-content:space-between;margin:0;display:flex}.container{color:#fff;z-index:1;background:0 0;border-radius:3px;width:320px;position:absolute;top:32px;left:32px}.container iframe{width:100%;height:100%}.body__wrapper{background-color:var(--color-main);flex-direction:row;height:100%;display:flex}.preview__frame{flex:auto;min-width:0;height:100%;position:relative}.preview__window{background:var(--color-black);border-radius:20px;min-width:0;height:100%;position:relative;overflow-x:hidden}.preview__window::-webkit-scrollbar{width:0;height:0}.wrapper{flex-direction:column;display:flex}.hidden{display:none}.zoom_out{transform-origin:0 0;margin:0}@media screen and (width<=560px){.body__wrapper{flex-direction:column-reverse}}