*{margin:0;padding:0;box-sizing:border-box;cursor:default;-webkit-user-select:none;user-select:none}:root{--white: #ffffff;--black: #000000;--background-primary-color: #1a1a1a;--background-secondary-color: #d8322d;--text-primary-color: #f3f3f3;--text-secondary-color: #898989;--text-tetiary-color: #d8322d;--font-family-primary: "Montserrat", sans-serif;--font-family-secondary: "Berkshire Swash", serif;--font-size-xxs: .6rem;--font-size-xs: .7rem;--font-size-small: .8rem;--font-size-normal: .9rem;--font-size-medium: 1rem;--font-size-large: 1.2rem;--font-size-xl: 1.4rem;--font-size-xxl: 1.6rem;--font-size-xxxl: 1.8rem}button,a,button *,a *{cursor:pointer}button{-webkit-user-select:none;user-select:none}input,select{font-family:var(--font-family-primary)}.side-nav{position:fixed;top:0;left:0;border-right:1px solid var(--text-tetiary-color);background-color:var(--background-primary-color);height:100vh;transform:translate(-100%);z-index:40;overflow-y:auto;overflow-x:hidden;opacity:0;box-shadow:0 0 0 100vmax #00000080;transition:transform .4s ease-out,opacity .4s ease-out;pointer-events:all;width:100%;max-width:380px}.side-nav.open{opacity:1;transform:translate(0)}.side-nav>.side-nav-content-wrapper{padding:140px 0 40px;display:flex;flex-direction:column;gap:32px;position:relative;isolation:isolate;height:auto;min-height:100vh}.side-nav>.side-nav-content-wrapper:before{content:"";z-index:-10;position:absolute;right:0;bottom:0;width:100%;height:100%;opacity:.3;top:0;left:0;background:linear-gradient(0deg,var(--text-tetiary-color) 0%,var(--background-primary-color) 100%)}.side-nav ul{margin-inline:42px;display:grid;color:#fff;gap:16px;list-style:none}.side-nav a{font-size:18px;font-weight:500;transition:all .25s ease-out;padding:12px;display:inline-block;position:relative;transition-delay:.15s}.side-nav a:before{content:"";position:absolute;top:0;left:0;width:3px;background-color:var(--text-tetiary-color);height:100%;mix-blend-mode:overlay;opacity:0;transform:translate(-15px);display:inline-block;transition:all .25s ease-out;transition-delay:0s}.side-nav a.active,.side-nav a:hover{padding-left:16px;line-height:normal;transition-delay:0s}.side-nav a.active:before,.side-nav a:hover:before{opacity:1;transform:translate(0);transition-delay:.15s}.side-nav footer{justify-self:flex-end;padding:40px 42px 0;margin-top:auto;position:relative;display:flex;flex-direction:column}.side-nav footer:before{content:"";position:absolute;top:0;left:0;width:100%;background-color:var(--text-tetiary-color);height:1px;mix-blend-mode:overlay}.side-nav footer a{font-size:18px;font-weight:500;color:#fff;display:block;align-items:center;text-align:left;gap:16px}.side-nav footer div{display:flex;justify-content:space-between}.side-nav footer button{border:1px solid var(--text-tetiary-color);padding:6px 8px 4px;background-color:#fff0;border-radius:9999px;cursor:pointer}.side-nav footer button:hover{background-color:var(--text-tetiary-color)}@media (max-width: 640px){.side-nav>.side-nav-content-wrapper{padding-top:100px}}.drop-down-container{display:flex;flex-direction:column;margin-inline:42px;gap:10px;margin-bottom:-1rem;transition:margin-bottom .5s ease}.tools{padding:0 12px 12px}.drop-down-container header{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.drop-down-container header h2{font-size:18px;font-weight:600}.drop-down-container:nth-child(2){padding:12px}.drop-down-container header h2 span{font-family:Berkshire Swash;font-weight:400}.drop-down-container ul{margin-inline:4px;gap:0;visibility:hidden;opacity:0;max-height:0;transition:max-height .5s ease,opacity .5s ease}.section-drop-down-control{transition:all .5s ease}.drop-down-container.open ul{margin-bottom:0;opacity:1;max-height:500px;visibility:visible}.drop-down-container.open.section-drop-down-control{transform:rotate(180deg)}.drop-down-container ul a{white-space:nowrap}.active{border-left:var(--text-primary-color)}.drop-down-container ul a:not([href]){display:none}.toggle-side-bar{border-radius:0 12px 12px 0;border:1px solid var(--text-tetiary-color);border-left:none;background:var(--background-primary-color);display:flex;align-items:center;column-gap:16px;padding:16px 32px;position:relative;z-index:80}.toggle-side-bar span:before{position:relative;content:attr(data-close-text)}.toggle-side-bar.open span:before{content:attr(data-open-text)}.toggle-side-bar.open.hamburger-menu{transform:translate(-11px)}.toggle-side-bar.open.hamburger-menu>:first-child{transform:rotate(135deg) translateY(-11px)}.toggle-side-bar.open.hamburger-menu>:last-child{transform:rotate(-135deg) translateY(11px)}.toggle-side-bar.open.hamburger-menu>:nth-child(2){opacity:0;transform:translate(-100%)}.hamburger-menu{display:grid;gap:6px;width:24px;transition:transform .3s ease-out}.hamburger-menu>div{width:100%;height:2px;background-color:#fff;border-radius:99px;transform-origin:center center;transition:all .3s ease-out}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{width:5px;height:5px;border-radius:10px;background-color:var(--text-tetiary-color)}.radio-group input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border:1px solid #6a6a6a;border-radius:50%;background:#4a4a4a;position:relative;cursor:pointer;transition:all .3s ease-out}.radio-group input[type=radio]:checked{border-color:var(--white);background:#fff0}.radio-group input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#fff;border-radius:50%}.radio-group input[type=radio]:focus{outline:none}.radio-group:hover input[type=radio]:not(:checked){border-color:var(--text-secondary-color)}.checkbox-group{display:flex;align-items:center;margin-top:12px;pointer-events:all}.checkbox-group.disabled{pointer-events:none}.checkbox-group input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;margin-right:8px;background:#4a4a4a;border:1px solid #5a5a5a;border-radius:50%;cursor:pointer;position:relative;transition:all .2s;opacity:1;pointer-events:all}.checkbox-group.disabled input[type=checkbox]{opacity:.5;pointer-events:none}.checkbox-group input[type=checkbox]:checked{background:#0ea5e9;border-color:#0ea5e9}.checkbox-group.disabled input[type=checkbox]:checked{background:#4c4c4c;border-color:#4c4c4c}.checkbox-group.disabled input[type=checkbox]:after{border:solid #c8c5c5;border-width:0 1.8px 1.8px 0}.checkbox-group input[type=checkbox]:after{content:"";position:absolute;top:1px;left:4px;width:2px;height:6px;border:solid #000;border-width:0 1.8px 1.8px 0;transform:rotate(45deg);padding:1px}.checkbox-group input[type=checkbox]:hover:not(:checked){background:#5a5a5a}.checkbox-group input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 2px #0ea5e94d}.checkbox-group label{font-size:var(--font-size-normal);color:var(--background-secondary-color);margin:0;cursor:pointer;-webkit-user-select:none;user-select:none}.select-group{display:flex;flex-direction:row;align-items:center;gap:10px;font-size:var(--font-size-normal);padding-inline:30px;justify-content:flex-end;margin-bottom:15px;pointer-events:auto;cursor:pointer;opacity:1}.select-group.disabled{pointer-events:none;cursor:not-allowed;opacity:.5}.select-label{color:var(--text-secondary-color);text-align:right;width:fit-content}.select-trigger{padding:8px 12px 8px 19px;width:210px;height:44px;background:#ffffff1a;border-radius:20px;color:var(--text-primary-color);font-size:var(--font-size-small);border:none;pointer-events:auto;cursor:pointer}.select-group.disabled .select-trigger{pointer-events:none;cursor:not-allowed}.select-group .custom-select{position:relative;width:fit-content}.select-group .custom-select .select-trigger{color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .2s}.select-group .custom-select .select-trigger .arrow{transition:transform .2s;background:#ffffff1a;padding:5px;border-radius:50%;cursor:pointer;transform:rotate(180deg)}.select-group .custom-select .select-trigger.open .arrow{transform:rotate(0)}.select-group .custom-select .custom-options{position:absolute;top:100%;left:0;right:0;background:#2a2a2a;border:1px solid #ffffff1a;padding:5px;border-radius:20px;max-height:200px;overflow-y:auto;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-20px);transition:all .2s;width:210px;margin-top:5px}.select-group .custom-select .custom-options.show{opacity:1;visibility:visible;transform:translateY(0)}.select-group .custom-select .custom-option{padding:10px 12px;color:#fff;cursor:pointer;transition:background-color .2s;border-radius:8px;font-size:var(--font-size-small)}.select-group .custom-select .custom-option:hover{background:#ffffff16}.select-group .custom-select .custom-option.selected{background:#ffffff2d}.flip-horizontal{transform:scaleX(-1)}.flip-vertical{transform:scaleY(-1)}dialog{background:#1a1a1a;color:var(--text-primary-color);border:none;border-radius:1rem;width:90%;max-width:500px;box-shadow:0 4px 20px #0000004d;padding:0;z-index:3000;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden}dialog::backdrop{background:#0000006b;z-index:4000;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}dialog .modal-header{display:flex;align-items:center;gap:.7rem;padding:1rem;border-bottom:1px solid #313131}dialog .modal-header img{width:20px;height:20px}dialog .modal-header h2{font-size:var(--font-size-small);color:var(--text-secondary-color);margin:0}dialog .modal-body{padding:1.5rem 1rem;text-align:center}dialog .modal-body h3{margin:0 0 .5rem;font-size:var(--font-size-xl);font-weight:400}dialog .modal-body p{margin:0;font-size:var(--font-size-medium);color:var(--text-secondary-color);line-height:1.4}dialog .modal-body .browser-list{width:100%;display:flex;flex-direction:row;gap:35px;align-items:center;justify-content:center;margin-top:15px;margin-bottom:20px}dialog .modal-body .browser-list li{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;font-size:var(--font-size-normal)}dialog#deviceUnsupportedModal .modal-body h3,dialog#deviceUnsupportedModal .modal-body>p,dialog#deviceUnsupportedModal .modal-body>div{margin:0 0 1.5rem}dialog#deviceUnsupportedModal .modal-body>p{margin-block:2rem}dialog#deviceUnsupportedModal .modal-body .warning-note,dialog#fileSizeWarningModal .modal-body .warning-note{display:flex;flex-direction:row;gap:8px;align-items:start;justify-content:center;background-color:#ffffff0d;padding:12px;border-radius:16px}dialog#deviceUnsupportedModal .modal-body .warning-note p,dialog#fileSizeWarningModal .modal-body .warning-note p{font-size:var(--font-size-small);text-align:left}dialog .modal-footer{padding-bottom:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}dialog .modal-footer button{outline:none;padding:12px 30px;box-shadow:none;color:var(--text-secondary-color);font-size:var(--font-size-normal);cursor:pointer;transition:all .2s;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;width:fit-content;height:51px;background:#ffffff1a;border:1px solid rgb(255 255 255 / .2);-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);border-radius:30px}dialog .modal-footer button:hover{background:#ffffff28;border:1px solid rgb(255 255 255 / .816);color:var(--text-primary-color)}dialog .modal-footer button:active{transform:scale(.98)}dialog .modal-footer button.cancel-btn{outline:none;padding:12px 30px;box-shadow:none;background:#fff0;border-color:#fff0}#notification-container{position:fixed;top:120px;right:20px;display:flex;flex-direction:column;align-items:end;gap:10px;z-index:3000}#notification-container.centered{left:50%;right:auto;transform:translate(-50%);align-items:center}.notification{position:relative;max-width:fit-content;padding:8px 20px;border-radius:5px;color:#fff;font-weight:500;font-size:var(--font-size-small);line-height:1.4;box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(450px);opacity:0;transition:all .1s cubic-bezier(.68,-.55,.265,1.55);overflow:hidden;animation:slideInRight .2s ease-in-out}#notification-container.centered .notification{transform:translateY(-120px);animation:slideInTop .2s ease-in-out}.notification:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:inherit;opacity:.9;z-index:-1}.notification.show{transform:translate(0);opacity:1}#notification-container.centered .notification.show{transform:translateY(0);opacity:1}.notification-info{background:linear-gradient(135deg,#3498db,#2980b9);border-left-color:#74b9ff}.notification-success{background:linear-gradient(135deg,#2ecc71,#27ae60);border-left-color:#00b894}.notification-warning{background:linear-gradient(135deg,#f39c12,#e67e22);border-left-color:#fdcb6e}.notification-error{background:linear-gradient(135deg,#e74c3c,#c0392b);border-left-color:#fd79a8}.notification:after{content:"";position:absolute;right:15px;top:50%;transform:translateY(-50%);width:20px;height:20px;opacity:.7}.loading-container{text-align:center;height:100vh;position:absolute;top:0;left:0;width:100vw;display:flex;align-items:center;justify-content:center;opacity:.5}.loading-circle{width:60px;height:60px;border:6px solid rgba(255,255,255,.3);border-top:6px solid #ffffff;border-radius:50%;margin:0 auto 20px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:#fff;font-size:18px;font-weight:300;letter-spacing:1px}.main-content{display:none;text-align:center;color:#fff;animation:fadeIn .5s ease-in}.main-content h1{font-size:48px;margin-bottom:20px}.main-content p{font-size:18px;opacity:.8}.hide{display:none!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-out{animation:fadeOut .5s ease-out forwards}@keyframes fadeOut{to{opacity:0;transform:scale(.9)}}@keyframes slideInRight{0%{transform:translate(450px) scale(.8);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes slideInTop{0%{transform:translateY(-120px) scale(.8);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@media (max-width: 668px){:root{--font-size-normal: .85rem;--font-size-medium: .95rem}}@media (max-width: 640px){.side-nav>.side-nav-content-wrapper{padding-top:80px}header#page-header>:where(a,button,span){padding:12px 17.5px;font-size:14px}.hamburger-menu{width:20px}.email-icon{width:35px}header#page-header a.brand-button.button-right{padding:12px 14px}}@media (max-width: 568px){:root{--white: #ffffff;--black: #000000;--background-primary-color: #1a1a1a;--background-secondary-color: #d8322d;--text-primary-color: #f3f3f3;--text-secondary-color: #ffffff80;--text-tetiary-color: #d8322d;--font-family-primary: "Montserrat", sans-serif;--font-family-secondary: "Berkshire Swash", serif;--font-size-xxs: .5rem;--font-size-xs: .6rem;--font-size-small: .7rem;--font-size-normal: .8rem;--font-size-medium: .9rem;--font-size-large: 1.1rem;--font-size-xl: 1.2rem;--font-size-xxl: 1.4rem;--font-size-xxxl: 1.6rem}.signup main{margin-top:8rem}.input-group{grid-column:span 2 / span 2}menu button img{width:20px;height:auto;margin-left:-.8rem}dialog{width:95%;max-width:95%}}