.navigation-section{width:700px;height:130px;display:flex}.navigation-button-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-content:start;margin:6px 30px}.navigation-button{font-family:Rubik,sans-serif;margin:6px 2px;padding:0 0 2px;height:45px;width:97px;border-radius:50px;box-shadow:#84848429 1px 1px 4px 1px;border:1px solid #dddddd;background:linear-gradient(180deg,#ffffff,#ffffff,#ffffff,#dddddd);cursor:pointer;color:#3d3d3d;font-size:14px;font-weight:600;transition:cubic-bezier(.075,.82,.165,1) .1s}.navigation-button-full-width{width:200px}.navigation-button:hover{border:1px solid #c5c5c5}.navigation-button-selected,.navigation-button:active{background:linear-gradient(180deg,#eeeeee,#eeeeee,#eeeeee,#ffffff)}.navigation-button-image{width:32px;height:32px;margin-top:5px;opacity:.6;object-fit:contain;transition:cubic-bezier(.075,.82,.165,1) .2s}.options-section{width:700px;height:270px;border-bottom:1px solid #e4e4e4;display:flex;flex-direction:row;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:.5}to{opacity:1}}.colors-list{display:flex;flex-direction:row-reverse;flex-wrap:wrap;align-content:start;margin:0 5px 5px;height:66px}.color-option{width:29px;height:29px;border-radius:10px;margin:2px;cursor:pointer;transition:all .2s cubic-bezier(.075,.82,.165,1);box-shadow:inset 0 0 4px #0003;opacity:.9}.color-option-check{background-image:url(/generic-symbols/checkmark.png);background-size:20px;margin:5px;opacity:.8;background-repeat:no-repeat;object-fit:contain;height:29px;width:29px;transition:all .2s cubic-bezier(.075,.82,.165,1)}.position-input{width:87px;height:87px;background-color:#ececec;position:relative;border-radius:5px;margin-left:32px;-webkit-user-select:none;user-select:none}.position-dot{width:22px;height:22px;border-radius:50%;position:absolute;background:radial-gradient(circle at 0px 0px,#bec2f3,#999eda,#7075b1);box-shadow:inset 0 0 5px #0003;left:33px;top:33px}.position-dot-disabled{filter:grayscale(1) brightness(1.35);box-shadow:none}.horizontal-line{position:absolute;top:50%;left:0;transform:translateY(-50%);height:6px;width:87px;background-color:#d8d8d8}.vertical-line{position:absolute;top:0;left:50%;transform:translate(-50%);height:87px;width:6px;background-color:#d8d8d8}.vertical-line-disabled,.horizontal-line-disabled{opacity:0}.position-click-box{position:absolute;width:150px;height:150px;left:-30px;top:-30px}.rotation-input{border:8px solid #e2e2e2;width:68px;height:68px;border-radius:50%;position:relative;display:flex;justify-content:center;align-items:center;font-weight:500;margin-left:5px;margin-bottom:22px;margin-top:2px}.rotation-dot{width:22px;height:22px;border-radius:50%;position:absolute;background:radial-gradient(circle at 0px 0px,#bec2f3,#999eda,#7075b1);top:-15px;box-shadow:inset 0 0 5px #0003}.rotation-dot-disabled{filter:grayscale(1) brightness(1.35);box-shadow:none}.rotation-value{font-family:Rubik,sans-serif;-webkit-user-select:none;user-select:none;padding-left:6px;color:#3d3d3d}.rotation-value-disabled{color:#9b9b9b!important}.click-box{width:150px;height:150px;border-radius:50%;position:absolute}.shapes-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:start;align-content:start;height:135px;width:381px;background-color:#f5f5f5;border-radius:10px;margin:7px 5px 5px;padding:5px;border:1px solid rgb(224,224,224);background:linear-gradient(180deg,#f1f1f1,#f8f8f8,#f8f8f8,#f8f8f8);box-shadow:inset 0 0 20px #0000000d;overflow:hidden}.shape-option{width:46px;height:46px;background-size:36px!important;background-repeat:no-repeat!important;background-position:5px 5px!important;border-radius:10px;margin:3px;cursor:pointer;opacity:.5;border:1px solid transparent;transition:all .2s cubic-bezier(.075,.82,.165,1)}.shape-option:hover{opacity:.9;box-shadow:0 0 4px #0006;filter:brightness(1.2);background-color:#c7c7c7!important}.shape-option-selected{width:46px;height:46px;background-size:36px!important;background-repeat:no-repeat!important;background-position:5px 5px!important;border-radius:10px;margin:3px;cursor:pointer;border:1px solid transparent;transition:all .2s cubic-bezier(.075,.82,.165,1);opacity:.9;box-shadow:0 0 4px #0006;filter:brightness(1.2);background-color:#fff!important}.slider-input{width:100%;height:15%;position:relative;border-radius:5px;margin-left:10px;font-family:Rubik,sans-serif;font-weight:400;color:#323232;margin-top:1px}.slider-input-label{position:absolute;top:50%;left:0;transform:translateY(-50%);font-weight:600;color:#9b9b9b;-webkit-user-select:none;user-select:none}.slider-input-line{position:absolute;top:50%;left:33px;transform:translateY(-50%);width:160px;height:8px;background-color:#e2e2e2;border-radius:10px}.slider-input-dot{border-radius:100%;width:22px;height:22px;position:absolute;background:radial-gradient(circle at 0px 0px,#bec2f3,#999eda,#7075b1);box-shadow:inset 0 0 5px #0003;top:6px}.slider-input-dot-disabled{filter:grayscale(1) brightness(1.35);box-shadow:none}.generic-options-left{padding:20px;width:210px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:left;align-content:start}.generic-options-right{width:600px;padding:20px;display:flex;flex-direction:row-reverse;flex-wrap:wrap}.generic-options-tab-title{font-family:Rubik,sans-serif;font-size:20px;font-weight:600;color:#3d3d3d;display:block;margin:5px 5px 30px;width:250px}.finishing-options-left{padding:20px;width:550px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:left;align-content:start}.finishing-options-right{width:550px;padding:20px 25px 20px 20px;display:flex;flex-direction:row-reverse;flex-wrap:wrap}.finishing-options-tab-title{font-family:Rubik,sans-serif;font-size:20px;font-weight:600;color:#3d3d3d;display:block;margin:5px 5px 15px;width:250px}.finishing-options-label{margin:20px 0 5px 10px;font-size:14px;font-weight:500;color:gray;width:100%;font-family:Rubik,sans-serif}.finishing-options-name-input{padding:12px;border-radius:5px;font-size:16px;width:200px;border:1px solid rgb(224,224,224);background:linear-gradient(180deg,#f1f1f1,#f8f8f8,#f8f8f8,#f8f8f8);box-shadow:inset 0 0 20px #0000000d;height:20px;margin-left:10px;margin-top:5px}.finishing-options-name-input[type=text]{font-family:Rubik,sans-serif;font-weight:500;color:#323232}.finishing-options-form-group{display:flex;flex-direction:column;justify-content:end;align-items:end;width:225px;height:130px;margin-bottom:50px}.save-changes-button{font-family:Rubik,sans-serif;margin:6px 2px;padding:0 0 2px;height:43px;width:280px;border-radius:50px;box-shadow:#84848429 1px 1px 4px 1px;border:1px solid #dddddd;background:linear-gradient(180deg,#ffffff,#ffffff,#ffffff,#dddddd);cursor:pointer;color:#3d3d3d;font-size:14px;font-weight:600;transition:cubic-bezier(.075,.82,.165,1) .1s}.save-changes-button:hover{border:1px solid #c5c5c5}.save-changes-button:active{background:linear-gradient(180deg,#eeeeee,#eeeeee,#eeeeee,#ffffff)}.editor-menu{width:700px;height:400px;border-radius:20px 20px 0 0;display:flex;flex-direction:column;justify-content:start;background-color:#fff;border:1px solid #dcdcdc;z-index:1;box-shadow:#0003 0 7px 29px}.container,.docq-container{width:100vw;height:100vh;margin:0;padding:0;display:flex;flex-direction:column-reverse;align-items:center;background-color:#f0f0f0}.docq-options{display:flex;flex-direction:row;margin:auto 0;padding:0}.docq-option{width:270px;height:270px;margin:20px;padding:20px;background-color:#6970d3;border-radius:50px;box-shadow:10px 10px 40px #999,-10px -10px 40px #adadad,inset 0 0 10px #0000001a;background-color:#fff;transition:ease-out .1s;animation-delay:1s;opacity:.4;position:relative}.docq-option:hover{cursor:pointer;transform:scale(1.03)}.docq-option:active{opacity:.3;box-shadow:5px 5px 40px #bbb,-5px -5px 40px #cfcfcf,inset 0 0 10px #0000001a;outline:1px solid rgb(167,167,167)}.docq-option-image{margin-top:-10px;width:100%;height:100%}.docq-option-text{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:20px;color:#000;font-weight:500;font-family:Rubik,sans-serif;margin:20px}.sign-up-container{width:100vw;height:100vh;margin:0;padding:0;display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;background-color:#f0f0f0;color:#323232;font-family:Rubik,sans-serif}.sign-up-display-section{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:40px}.sign-up-profile-picture{height:150px;aspect-ratio:1/1;opacity:1;margin-bottom:20px;background-color:#fff;border-radius:20px;display:flex;justify-content:center;align-items:center}.sign-up-profile-picture-letter{font-size:100px;font-weight:600;color:#868bda;opacity:.8}.sign-up-username-section{display:flex;justify-content:center;align-items:center}.sign-up-username{font-size:40px;font-weight:600;margin:0;height:48px}.sign-up-form-section{width:600px}.sign-up-form{width:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:20px}.sign-up-form-group{display:flex;flex-direction:column;justify-content:end;width:100%}.sign-up-input{padding:12px;border:1px solid rgb(200,200,200);border-radius:5px;font-size:20px}.sign-up-input:focus{background-color:#eceeff;outline:1px solid #6970d3}.sign-up-input:-webkit-autofill,.sign-up-input:-webkit-autofill:hover,.sign-up-input:-webkit-autofill:focus,.sign-up-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #eceeff inset!important}.sign-up-input[type=password],.sign-up-input[type=email],.sign-up-input[type=text]{font-family:Rubik,sans-serif;font-weight:500;color:#323232}.sign-up-submit{width:100%;padding:12px;border:0;border-radius:5px;background-color:#fff;outline:1px solid rgb(196,196,196);color:#6970d3;font-size:20px;font-weight:500;cursor:pointer;transition:cubic-bezier(.075,.82,.165,1) .2s;font-family:Rubik,sans-serif}.sign-up-submit:focus{background-color:#eceeff;outline:1px solid #6970d3}.sign-up-submit:hover{background-color:#868ce0;color:#fff;outline:1px solid #868ce000}.my-avatars-container{width:100vw;height:100vh;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:start;background-color:#f0f0f0;color:#323232;font-family:Rubik,sans-serif}.my-avatars-menu{margin-top:50px;width:700px}.my-avatars-title{font-family:Rubik,sans-serif;font-size:30px;font-weight:600;color:#3d3d3d;display:block;margin:5px 5px 60px;width:250px}.my-avatars-list{display:flex;flex-direction:row;flex-wrap:wrap}.my-avatars-avatar{width:190px;height:140px;background-color:#ececec;border-radius:20px;border:10px solid white;margin-bottom:20px;margin-right:20px;position:relative}.my-avatars-avatar-name{position:absolute;bottom:-9px;left:-9px;background-color:#fff;padding:10px 15px;border-radius:0 20px;line-height:15px}.my-avatars-edit-button{position:absolute;top:5px;right:5px;background:rgba(255,255,255,.7);border:none;border-radius:50%;cursor:pointer;padding:5px;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;width:30px;height:30px;transition:background-color .2s ease}.my-avatars-edit-button:hover{background:rgba(255,255,255,1)}.my-avatars-add-button{width:200px;height:150px;background-color:transparent;border-radius:20px;border:6px dashed #d6d6d6;margin:5px 25px 25px 5px;display:flex;align-items:center;justify-content:center;font-size:50px;color:#acacac;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,scale .2s ease}.my-avatars-add-button:hover{background-color:#e6e6e6;color:#8f8f8f;border-color:#bbb;scale:1.08}