#alert b{padding:7px 6px 7px 6px}#alert b i,#alert b span{padding-bottom:1px;box-sizing:border-box}#alert b i{transform:scale(1.3);margin:0 4px 0 5px}#alert b:hover{cursor:pointer}#alert b.blue{background-color:var(--blue);color:var(--white)}#alert b.red{background-color:var(--red);color:var(--white)}#alert b.invert{background-color:var(--text);color:var(--background)}#alert b.green{background-color:var(--green)}#toast{position:fixed;bottom:25px;float:right;opacity:1;right:25px;display:flex;flex-direction:column;background-color:var(--layer);backdrop-filter:blur(3px);border-radius:var(--borderRadiusMd);transition:var(--transition);box-shadow:var(--shadow);z-index:50000;transform:translateY(0);transform-origin:center right;border:1px solid var(--inputBorder);background-color:var(--blue);color:var(--white)}@media (max-width:500px){#toast{right:unset;width:100%;border-radius:0;bottom:0;padding:8px 0}}#toast.red{background-color:var(--red)}#toast.green{background-color:var(--green);color:var(--inputBorder)}#toast.yellow{background-color:var(--yellow);color:var(--inputBorder)}#toast.hide{bottom:-250px;transition:var(--transition)}#toast .toast-close{position:absolute;font-size:18px;right:3px;top:3px;height:24px;width:24px;border-radius:50%;color:var(--inputBorder);text-align:center;display:flex;flex-direction:column;justify-content:center;background-color:transparent;transition:var(--transition);opacity:.5}@media (max-width:500px){#toast .toast-close{width:30px;height:30px;right:6px;top:6px;opacity:.7}}#toast .toast-close i{font-weight:400}#toast:hover{cursor:pointer;transform:translateY(3px);transition:var(--bezierTransition)}#toast:hover .toast-close{transition:var(--transition);opacity:.8}#toast .toast-content{flex-grow:3;box-sizing:border-box;padding:14px 12px 16px 10px;display:flex}@media (max-width:500px){#toast .toast-content{padding:18px 25px 18px 15px}}#toast .toast-content .toast-icon{display:flex;flex-direction:column;justify-content:center;text-align:center;width:44px;min-width:44px;max-width:44px;font-size:36px;box-sizing:content-box;padding-bottom:2px;height:auto}@media (max-width:500px){#toast .toast-content .toast-icon{font-size:46px;min-width:60px;max-width:60px}}#toast .toast-content .toast-text{flex-grow:3;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;padding-left:8px;max-width:280px;min-width:160px}@media (max-width:500px){#toast .toast-content .toast-text{max-width:none;min-width:0;padding-left:8px}}#toast .toast-content .toast-text .toast-title{font-size:16px;font-weight:700;letter-spacing:.25px;padding-bottom:3px}@media (max-width:500px){#toast .toast-content .toast-text .toast-title{padding-bottom:4px}}#toast .toast-content .toast-text .toast-body{font-size:13px;line-height:18px;letter-spacing:.35px;font-weight:500;font-family:var(--systemFont)}@media (max-width:500px){#toast .toast-content .toast-text .toast-body{font-size:13px;line-height:16px}}#toast .toast-bar{position:absolute;bottom:0;display:block;width:100%;height:6px;min-height:6px;max-height:6px}@media (max-width:500px){#toast .toast-bar{height:6px;min-height:6px;max-height:6px}}#toast .toast-bar:after{content:" ";display:flex;width:0;height:100%;background-color:var(--inputBorder);border-bottom-left-radius:var(--borderRadiusMd)}#toast .toast-bar.progress:after{animation:toastBar 4s linear 0s 1}@keyframes toastBar{0%{width:0}1%{width:100%}to{width:0}}.toast-enter-active{animation:toast-in .22s}.toast-leave-active{animation:toast-out .3s}@keyframes toast-in{0%{opacity:0;transform:translateY(250px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(250px)}}#alert{position:fixed;left:0;bottom:10vh;z-index:5000;display:flex;justify-content:center;width:100%}#alert b{background-color:var(--yellow);color:var(--black);box-sizing:border-box;padding:5px 6px 6px 6px;border-radius:var(--borderRadius);font-size:14px;box-shadow:var(--shadow);font-weight:700;margin:0 auto;border:var(--borderWidth) solid var(--border);max-width:300px;display:flex;justify-content:space-between;line-height:18px}#alert b i,#alert b span{display:flex;flex-direction:column;justify-content:center}#alert b i{padding-right:5px}.alert-enter-active{animation:alert-in .1s}.alert-leave-active{animation:alert-out .15s}@keyframes alert-in{0%{opacity:0;transform:scale(0)}80%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}@keyframes alert-out{0%{transform:scale(1);opacity:1}20%{transform:scale(1.1);opacity:1}to{transform:scale(0);opacity:0}}.lightbox{width:100vw;background-color:var(--lightbox);bottom:0;z-index:500;backdrop-filter:blur(2px)}.lightbox,.modal-wrapper{height:100%;position:fixed;left:0}.modal-wrapper{display:flex;flex-direction:column;justify-content:center;width:100%;top:0;z-index:1000;transform:scaleX(1);transition:var(--transition);transform-origin:bottom center}.modal-wrapper .modal{display:flex;flex-direction:column;background-color:var(--pageBackground);margin:0 auto;width:90%;max-width:500px;border-radius:var(--borderRadiusMd);position:relative;max-height:75vh;border:var(--borderWidth) solid var(--border)}@media (max-width:500px){.modal-wrapper .modal{width:100%;position:absolute;bottom:0;left:-1px;max-width:100%;border-top-left-radius:30px;border-top-right-radius:30px}}.modal-wrapper .modal .modal-title{display:block;box-sizing:border-box;padding:0 20px 0 20px;border-top-right-radius:var(--borderRadiusMd);border-top-left-radius:var(--borderRadiusMd);color:var(--text);font-weight:600;letter-spacing:.25px;font-size:20px;text-align:left;height:66px;min-height:66px;border-bottom:var(--borderWidth) solid var(--border);display:flex;justify-content:space-between}@media (max-width:500px){.modal-wrapper .modal .modal-title{border-top-right-radius:30px;border-top-left-radius:30px;padding:0 30px 0 30px}}.modal-wrapper .modal .modal-title i,.modal-wrapper .modal .modal-title span{display:flex;flex-direction:column;justify-content:center}.modal-wrapper .modal .modal-title i{transform:scale(1.2)}.modal-wrapper .modal .modal-title img{height:30px;margin-top:16px;transition:var(--transition);transform:scale(1)}@media (max-width:500px){.modal-wrapper .modal .modal-title img{margin-top:18px}}.modal-wrapper .modal .modal-title img:hover{cursor:pointer;transform:scale(.95);transition:var(--transition)}.modal-wrapper .modal .modal-title img.invert{filter:invert(100%)}.modal-wrapper .modal .modal-body{box-sizing:border-box;padding:20px;overflow:scroll;flex-grow:3}@media (max-width:500px){.modal-wrapper .modal .modal-body{padding:20px 30px}}.modal-wrapper .modal .modal-footer{display:flex;justify-content:space-between;box-sizing:border-box;height:66px;min-height:70px;padding:15px 20px;border-top:var(--borderWidth) solid var(--border);border-bottom-right-radius:var(--borderRadiusMd);border-bottom-left-radius:var(--borderRadiusMd)}@media (max-width:500px){.modal-wrapper .modal .modal-footer{border-radius:0;padding:10px 5px;height:66px;min-height:66px}.modal-wrapper .modal .modal-footer button{border-radius:0;height:100%;width:100%;font-weight:500;margin:0 5px}}.modal-wrapper .modal .modal-footer.center{justify-content:space-around}.modal-wrapper .modal .modal-footer.right{justify-content:flex-end}.modal-wrapper .modal .modal-footer.right button{margin-left:12px}.modal-wrapper .modal .modal-footer.between{justify-content:space-between;padding-left:0;padding-right:0}.modal-wrapper .modal .modal-footer.reverse{flex-direction:row-reverse}.modal-wrapper .modal.small{max-width:380px}@media (max-width:500px){.modal-wrapper .modal.small{width:100%;max-width:100%}}.modal-wrapper .modal.small .modal-body{font-size:15px;letter-spacing:.6px;line-height:24px;font-weight:500;color:var(--textLight);padding:30px 20px}@media (max-width:500px){.modal-wrapper .modal.small .modal-body{padding:44px 30px;font-size:17px;line-height:34px}}.settings-group{margin:0 auto 0 auto;padding-bottom:0}.setting-toggle{display:flex;flex-direction:row;justify-content:flex-start;padding:10px 0;width:100%;position:relative}.setting-toggle .setting-toggle-input{display:block;padding-right:15px}.setting-label-large{font-weight:500;font-size:14px;letter-spacing:.3px;display:block;display:flex;flex-direction:column;justify-content:center;font-size:16px;letter-spacing:.4px;font-weight:600}.setting-label-large small{font-size:12px;font-weight:400;line-height:16px;padding-top:2px;font-family:var(--systemFont)}#clearLocalStorage{margin-top:10px}#clearLocalStorage .field-body{text-align:left}#clearLocalStorage #localStorageHelpButton{display:inline-block;width:fit-content;color:var(--text);font-size:13px;font-weight:500;padding:10px 0 10px 0;margin-left:15px}#clearLocalStorage #localStorageHelpButton i{margin-left:5px}#localStorageHelp{background-color:var(--background);box-sizing:border-box;padding:10px;border-radius:var(--borderRadius);border:var(--borderWidth) solid var(--border);margin:10px 0 0 0;color:var(--text);font-size:12px;letter-spacing:.5px;font-weight:400;line-height:22px;letter-spacing:.2px;font-family:var(--systemFont)}#localStorageHelp b{font-weight:700}#localStorageHelp ul{margin:10px 0}.local-storage-code-display{box-sizing:border-box;padding:0 5px 5px 5px;margin:0 auto;max-height:300px;overflow:auto}.local-storage-code-display code{font-family:var(--mono);display:block;white-space:normal;box-sizing:border-box;padding:5px 0;font-size:12px;line-height:14px;word-break:break-all;white-space:pre-line}.callout{display:flex;width:100%;box-sizing:border-box;padding:0 15px 0 100px;border-radius:var(--borderRadius);position:relative;background-color:var(--layer);border:var(--borderWidth) solid var(--border);min-height:fit-content}@media (max-width:500px){.callout{padding:0 10px 0 80px}}.callout .callout-icon{position:absolute;left:0;top:0;height:100%;width:100px;text-align:center;box-sizing:border-box;font-size:40px;display:flex;flex-direction:column;justify-content:center;color:var(--blue)}@media (max-width:500px){.callout .callout-icon{font-size:34px;width:80px}}.callout .callout-body{font-size:16px;line-height:28px;font-weight:500;letter-spacing:.15px;font-family:var(--systemFont);color:var(--text);padding:15px 0 15px 0}@media (max-width:500px){.callout .callout-body{line-height:22px;font-size:14px;font-weight:400;padding:12px 0 12px 0}}.callout .callout-body h1,.callout .callout-body h2,.callout .callout-body h3,.callout .callout-body h4,.callout .callout-body h5,.callout .callout-body h6{margin:0 0 5px 0}.callout .callout-body b{font-weight:600}.callout .callout-body small{display:block;font-size:12.5px;padding-top:6px;opacity:.75}@media (max-width:500px){.callout .callout-body .optional{display:none}}.callout a{color:var(--links)}.callout.red .callout-icon,.callout.red a{color:var(--red)}.callout.orange .callout-icon,.callout.orange a{color:var(--orange)}.callout.green .callout-icon,.callout.green a{color:var(--green)}.callout.yellow .callout-icon,.callout.yellow a{color:var(--yellow)}.callout.invert{background-color:var(--text)}.callout.invert,.callout.invert h1,.callout.invert h2,.callout.invert h3,.callout.invert h4,.callout.invert h5,.callout.invert h6,.callout.invert i,.callout.invert p,.callout.invert span{color:var(--background)}.callout.invert a{color:var(--links);text-decoration:underline;font-weight:500}.callout.invert a:hover{color:var(--linksHover)}.callout.borderless{border-color:transparent}.callout.narrow{max-width:460px}.callout.fit{width:fit-content;max-width:100%}.callout.big{padding-left:60px}.callout.big .callout-icon{width:60px;font-size:28px}.callout.giant{padding:10px 15px 10px 130px;border-radius:var(--borderRadius)}.callout.giant .callout-icon{font-size:50px;width:130px}.callout.giant .callout-body{font-size:18px;font-weight:500;line-height:26px}@media (max-width:500px){.callout.giant{flex-wrap:wrap;padding:15px}.callout.giant .callout-icon{width:100%;position:relative;left:0;top:0;margin-bottom:10px;text-align:left}.callout.giant .callout-body{min-width:100%;font-weight:500}.callout.giant .callout-body p{font-size:12px;line-height:20px;font-weight:500}}.callout.tiny{padding:0 10px 0 50px}.callout.tiny .callout-icon{font-size:22px;width:50px}.callout.tiny .callout-body{font-size:13px;line-height:16px;letter-spacing:0;padding:10px 0;letter-spacing:.3px}#aboutVersion a{font-size:12px;font-weight:600;padding:0 10px;color:var(--textLight)}#aboutVersion a:hover{cursor:pointer;color:var(--text)}.about-section{padding:20px 0 0 0}.about-section h3{font-size:20px;padding-bottom:5px}.about-section p{padding:0 0 0 20px;font-size:13px!important;line-height:17px!important}.about-section a{color:var(--text)}.about-section a:after{content:"\F0C1";color:var(--blue);font-family:var(--fontAwesome);font-weight:600;font-size:12px;padding-left:4px}.about-section .stack-row{box-sizing:border-box;padding:2px 0 2px 20px;display:flex;justify-content:flex-end}.about-section .stack-row a,.about-section .stack-row label,.about-section .stack-row span{font-size:13px;line-height:15px}.about-section .stack-row label{width:135px;min-width:135px;max-width:135px;box-sizing:border-box;padding-right:5px}@media (max-width:500px){.about-section .stack-row label{width:90px;min-width:90px;max-width:90px}}.about-section .stack-row span{flex-grow:3}.about-section .stack-row span b{font-weight:600}.keyboard-shortcut-display{display:block}.keyboard-shortcut-display .shortcut{display:flex;padding:2px 0}.keyboard-shortcut-display .shortcut:nth-child(2n){background-color:var(--background)}.keyboard-shortcut-display .shortcut .action,.keyboard-shortcut-display .shortcut .key{display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}.keyboard-shortcut-display .shortcut .action{flex-grow:3;box-sizing:border-box;font-size:13px;padding:8px 8px 8px 15px;line-height:16px;color:var(--textLight);font-weight:500}.keyboard-shortcut-display .shortcut .keys{padding:8px 0 8px 8px;display:flex;flex-direction:column;justify-content:center;white-space:pre}.keyboard-shortcut-display .shortcut .keys span{background-color:var(--background);border:1px solid var(--border);border-bottom-width:3px;box-sizing:border-box;padding:3px 4px 4px 4px;min-width:24px;text-align:center;display:inline-block;position:relative;font-size:13px;border-radius:var(--borderRadius);font-weight:700;transition:var(--transition);user-select:none;top:0}.keyboard-shortcut-display .shortcut .keys span:active{border-bottom-width:1px;transition:var(--transition);top:2px;background-color:var(--layer)}.keyboard-shortcut-display .shortcut .keys .fa-plus{text-align:center;font-size:12px;line-height:22px;height:100%;transition:0s;margin:0 3px}#topBar{display:flex;justify-content:space-between;width:100%;padding:0 15px 0 15px;box-sizing:border-box;height:64px;position:sticky;top:0;backdrop-filter:blur(3px);background:var(--layer);border-bottom:var(--borderWidth) solid var(--border);z-index:60}@media (min-width:780px){#topBar{padding:0 25px}}@media (max-width:780px){#topBar{height:60px}}@media (max-width:500px){#topBar{height:54px}}#topBar #branding{display:flex;flex-direction:column;justify-content:center}#topBar #branding #logo{transform:scale(1);transition:var(--transition)}#topBar #branding #logo img{height:34px;width:auto}@media (max-width:780px){#topBar #branding #logo img{display:block}}@media (max-width:500px){#topBar #branding #logo img{height:30px;padding-bottom:2px}}#topBar #branding #logo img.invert{filter:invert(100%) brightness(150%)}#topBar #branding #logo:hover{transition:var(--transition);cursor:pointer;transform:scale(.975)}nav#settingsNav{display:flex;box-sizing:border-box;height:100%}nav#settingsNav .settings-nav,nav#settingsNav .settings-nav .nav-dropdown{display:flex;flex-direction:column;justify-content:center}nav#settingsNav .settings-nav .nav-dropdown{position:relative;padding:8px 0;z-index:100;height:100%}nav#settingsNav .settings-nav .nav-dropdown .hover-label{color:var(--text);font-weight:800;box-sizing:border-box;display:flex;justify-content:flex-end;user-select:none;margin-left:12px}nav#settingsNav .settings-nav .nav-dropdown .hover-label i,nav#settingsNav .settings-nav .nav-dropdown .hover-label span{display:inline-flex;flex-direction:column;justify-content:center}nav#settingsNav .settings-nav .nav-dropdown .hover-label span{font-size:15px;font-weight:700;letter-spacing:.3px}@media (max-width:780px){nav#settingsNav .settings-nav .nav-dropdown .hover-label span{padding-top:1px}}nav#settingsNav .settings-nav .nav-dropdown .hover-label i{margin-left:6px;font-size:22px;padding-bottom:0;transition:var(--transition);width:18px;position:relative;top:1px}@media (max-width:780px){nav#settingsNav .settings-nav .nav-dropdown .hover-label i{font-size:22px;top:0;margin-left:5px}}nav#settingsNav .settings-nav .nav-dropdown:hover{cursor:pointer}nav#settingsNav .settings-nav .nav-dropdown:hover .hover-label span{text-decoration:underline}nav#settingsNav .settings-nav .nav-dropdown .nav-popover{display:block;width:200px;max-width:200px;position:absolute;top:54px;right:0;border-radius:var(--borderRadius);background-color:var(--popup);padding:8px 10px 10px 10px;box-shadow:var(--shadow);border:var(--borderWidth) solid var(--border)}@media (max-width:780px){nav#settingsNav .settings-nav .nav-dropdown .nav-popover{width:220px;top:53px;border-top-left-radius:0;border-top-right-radius:0}}@media (max-width:500px){nav#settingsNav .settings-nav .nav-dropdown .nav-popover{width:210px;padding:8px 6px}}nav#settingsNav .settings-nav .nav-dropdown .nav-popover hr{margin:2px 0 2px 0;border-color:#686e7e;opacity:.75}nav#settingsNav .settings-nav .nav-dropdown .nav-popover .popover-link{display:flex;justify-content:space-between;color:var(--white);height:40px;width:100%;padding:0 10px;box-sizing:border-box;user-select:none}@media (max-width:780px){nav#settingsNav .settings-nav .nav-dropdown .nav-popover .popover-link{padding:0 2px}}nav#settingsNav .settings-nav .nav-dropdown .nav-popover .popover-link i,nav#settingsNav .settings-nav .nav-dropdown .nav-popover .popover-link span{display:flex;flex-direction:column;justify-content:center;height:40px}nav#settingsNav .settings-nav .nav-dropdown .nav-popover .popover-link span{font-weight:700;box-sizing:border-box;transition:var(--transitionFast);padding-left:0;font-size:14px;letter-spacing:.5px}@media (max-width:780px){nav#settingsNav .settings-nav .nav-dropdown .nav-popover .popover-link span{font-size:15px;padding-left:6px}}@media (max-width:500px){nav#settingsNav .settings-nav .nav-dropdown .nav-popover .popover-link span{font-size:13px;padding-left:6px}}nav#settingsNav .settings-nav .nav-dropdown .nav-popover .popover-link i{font-size:18px;width:30px;text-align:center}@media (max-width:780px){nav#settingsNav .settings-nav .nav-dropdown .nav-popover .popover-link i{padding-right:6px}}nav#settingsNav .settings-nav .nav-dropdown .nav-popover .popover-link:focus,nav#settingsNav .settings-nav .nav-dropdown .nav-popover .popover-link:hover{text-decoration:none;cursor:pointer}nav#settingsNav .settings-nav .nav-dropdown .nav-popover .popover-link:focus span,nav#settingsNav .settings-nav .nav-dropdown .nav-popover .popover-link:hover span{text-decoration:underline}nav#settingsNav .settings-nav .nav-dropdown .nav-popover .popover-link:active span{text-decoration:underline;transition:var(--transitionFast)}nav#settingsNav .settings-nav .nav-dropdown .nav-popover .popover-link.red i,nav#settingsNav .settings-nav .nav-dropdown .nav-popover .popover-link.red span{color:var(--red)}#app{display:flex;margin:0;box-sizing:border-box;max-height:100%}#app,#app .app-wrapper{width:100%;min-height:100%}#app .app-wrapper{margin:0 auto;display:block;overflow:hidden}#app .app-wrapper main#content{box-sizing:border-box;padding-right:0;z-index:60;display:flex;min-height:calc(100% - 54px);height:100%;height:calc(100% - 54px)}#app .app-wrapper main#content .body-content{box-sizing:border-box;padding:0 0;flex-grow:3;overflow-x:hidden}.home-hero{box-sizing:border-box;text-align:center;padding:55px 0}.home-hero h1{margin:0 auto;font-size:44px;line-height:54px;max-width:590px;color:var(--text)}.home-hero h4{margin:0 auto;line-height:32px;max-width:450px;padding-top:25px;color:var(--textLight)}.home-hero a{margin:25px auto 0 auto;font-size:16px;display:block;width:100%;max-width:400px}#featuredApps{display:flex;flex-direction:column}#featuredApps .app-feature{width:100%;display:block;box-sizing:border-box;padding:65px 0;border-radius:var(--borderRadius);display:flex;justify-content:space-between}@media (max-width:780px){#featuredApps .app-feature{flex-direction:column-reverse;max-width:550px;padding:45px 0;margin:0 auto}}#featuredApps .app-feature.reverse{flex-direction:row-reverse}@media (max-width:780px){#featuredApps .app-feature.reverse{flex-direction:column-reverse}}#featuredApps .app-feature .app-feature-text{width:46%}@media (max-width:780px){#featuredApps .app-feature .app-feature-text{width:100%;padding:25px 0 0 0}}#featuredApps .app-feature .app-feature-text h2{font-size:30px;letter-spacing:-.4px;font-weight:700;display:flex;justify-content:space-between;max-width:none}@media (max-width:500px){#featuredApps .app-feature .app-feature-text h2{font-size:30px}}#featuredApps .app-feature .app-feature-text p{margin:0;padding:10px 0 0 0}#featuredApps .app-feature .app-feature-demo{width:46%;display:flex;flex-direction:column;justify-content:center}@media (max-width:780px){#featuredApps .app-feature .app-feature-demo{width:100%}}#featuredApps #featuredAnimatedTarget{box-sizing:border-box;padding:22px 0 15px 0;position:relative}@media (max-width:780px){#featuredApps #featuredAnimatedTarget{padding:0 0 15px 0}}#featuredApps #featuredAnimatedTarget i{color:var(--text);font-size:52px;animation:home-ghost 10s ease-in-out 1s infinite normal backwards;transform-origin:center center}#featuredApps #featuredTimeline{display:block;border:3px solid var(--border);height:60px;border-radius:var(--borderRadiusMd);position:relative;background-color:var(--layer);opacity:.9}#featuredApps #featuredTimeline .marker{display:flex;flex-direction:column;justify-content:center;height:80%;width:6px;position:absolute;top:10%;box-shadow:var(--shadow);border-radius:2px;z-index:5}#featuredApps #featuredTimeline .marker.active{background-color:var(--red);animation:animationTicker 10s linear 1s infinite normal backwards;height:130%;top:-15%;margin-left:-10px;border-radius:2px;width:8px;z-index:10;opacity:.8}#featuredApps #featuredTimeline .marker.dummy{background-color:var(--text)}#featuredApps #featuredTimeline .marker.dummy:nth-child(2){left:6px}#featuredApps #featuredTimeline .marker.dummy:nth-child(3){left:5%}#featuredApps #featuredTimeline .marker.dummy:nth-child(4){left:30%}#featuredApps #featuredTimeline .marker.dummy:nth-child(5){left:40%}#featuredApps #featuredTimeline .marker.dummy:nth-child(6){left:50%}#featuredApps #featuredTimeline .marker.dummy:nth-child(7){left:60%}#featuredApps #featuredTimeline .marker.dummy:nth-child(8){left:70%}#featuredApps #featuredTimeline .marker.dummy:nth-child(9){left:93.5%}#featuredApps #featuredTimeline .marker.dummy:nth-child(10){left:100%;margin-left:-12px}#featuredApps #featuredPalette{display:flex;justify-content:center;box-sizing:border-box}#featuredApps #featuredPalette .color{height:60px;width:60px;border-radius:50%;margin:0 4px;border:3px solid var(--border);box-sizing:border-box;letter-spacing:.4px;font-weight:600;text-transform:capitalize;display:block;position:relative}@media (max-width:992px){#featuredApps #featuredPalette .color{height:50px;width:50px}}#featuredApps #featuredPalette .color:first-child{background-color:var(--red)}#featuredApps #featuredPalette .color:nth-child(2){background-color:var(--orange)}#featuredApps #featuredPalette .color:nth-child(3){background-color:var(--yellow)}#featuredApps #featuredPalette .color:nth-child(4){background-color:var(--green)}#featuredApps #featuredPalette .color:nth-child(5){background-color:var(--blue)}#featuredApps #featuredPalette .color:nth-child(6){background-color:var(--purple)}#featuredApps .slider-wrapper{box-sizing:border-box;padding:25px 20% 0 20%;display:flex;justify-content:flex-end;background:transparent}@media (max-width:780px){#featuredApps .slider-wrapper{padding:25px 5% 0 5%}}#featuredApps .slider-wrapper input{margin-bottom:5px}#featuredApps #featuredShadow{display:flex;flex-direction:column;justify-content:center;background-color:var(--white);box-sizing:border-box;padding:35px 0;border-radius:var(--borderRadius);border:3px solid var(--border);width:fit-content;min-width:280px;margin:0 auto}#featuredApps #featuredShadow .sun{text-align:center;width:50px;font-size:42px;margin:0 auto 0 auto;color:var(--yellow);animation:home-shadow-sun 10s linear 0s infinite alternate none}#featuredApps #featuredShadow .shadow{display:flex;flex-direction:column;justify-content:center;text-align:center;height:50px;width:50px;border-radius:50%;background:transparent;color:var(--blue);font-size:52px;margin:0 auto;animation:home-shadow 10s linear 0s infinite alternate none}@keyframes home-ghost{0.0%{transform:scale(0) translate(0)}5.0%{transform:scale(1) translate(0)}30.0%{transform:scale(1) translate(180px)}35.0%{transform:scale(1) translate(180px,-15px)}40.0%{transform:scale(1) translate(180px)}45.0%{transform:scale(1) translate(180px,-12px)}50.0%{transform:scale(1) translate(180px)}55.0%{transform:scale(1) translate(180px,-6px)}60.0%{transform:scale(1) translate(180px)}65.0%{transform:scale(1) translate(180px,-12px)}70.0%{transform:scale(1) translate(180px)}95.0%{transform:scale(1) translate(0)}100.0%{transform:scale(0) translate(0)}}@keyframes home-shadow{0.0%{box-shadow:24px 14px 10px -2px rgba(30,30,60,.45)}50%{box-shadow:0 6px 2px -2px rgba(30,30,60,.25)}to{box-shadow:-24px 14px 10px -2px rgba(30,30,60,.45)}}@keyframes home-shadow-sun{0.0%{transform:translate(-70px)}25%{transform:translate(-30px,-10px)}50%{transform:translateY(-15px)}75%{transform:translate(30px,-10px)}to{transform:translate(70px)}}.tooltip{transition:.1s;color:var(--text);height:0;width:0;position:relative;z-index:5}.tooltip.left{transform:translate(-20px)}.tooltip.right{transform:translate(20px)}.tooltip .tooltip-icon{color:var(--text);transition:var(--transitionFast);opacity:.25;font-size:95%;min-width:16px;text-align:center;display:block;position:absolute;z-index:-50}.tooltip .tooltip-icon:hover{cursor:pointer;opacity:.6;transition:var(--transitionFast)}.tooltip .tooltip-text{background-color:var(--grey);color:var(--text);width:fit-content;max-width:260px;overflow:auto;box-sizing:border-box;padding:8px 10px 0 10px;border-radius:var(--borderRadius);transform:scale(0);transform-origin:center center;transition:.06s ease;font-size:13.5px;line-height:16px;margin-left:18px;position:absolute;display:flex;z-index:10;flex-direction:column;border:1px solid var(--border)}.tooltip .tooltip-text b,.tooltip .tooltip-text span{display:block;min-width:fit-content;font-weight:600;white-space:pre}.tooltip .tooltip-text b{padding-bottom:6px;min-width:120px}.tooltip .tooltip-text .code{font-weight:500;font-size:12.5px;font-family:var(--mono)}.tooltip .tooltip-text .code.example{font-style:italic;color:var(--textLight);position:relative}.tooltip .tooltip-text .tooltip-link{display:block;text-align:right;color:var(--links);font-size:12px;padding:4px 0 7px 0;font-weight:600;letter-spacing:-.2px}.tooltip.hover-right .tooltip-text{transform-origin:top left;right:unset;margin-right:0;transition:.08s ease;left:0}.tooltip.show{color:var(--blue)}.tooltip.show .tooltip-icon{opacity:1;color:var(--red)}.tooltip.show .tooltip-text{transform:scale(1);transition:.06s ease}.tooltip.red i{color:var(--red)}.tooltip.blue i{color:var(--blue)}.tooltip.green i{color:var(--green)}.tooltip.yellow i{color:var(--yellow)}.help-lightbox{width:100vw;background-color:var(--lightbox);bottom:0;backdrop-filter:blur(2px);z-index:500}.help-lightbox,.help-wrapper{height:100%;position:fixed;left:0}.help-wrapper{display:flex;flex-direction:column;justify-content:center;width:100%;top:0;z-index:1000;transform:scaleX(1);transition:var(--transition);transform-origin:bottom center}.help-wrapper .help-body{display:flex;flex-direction:column;justify-content:space-around;background-color:var(--pageBackground);margin:0 auto;width:94%;max-width:500px;border-radius:var(--borderRadiusMd);position:relative;border:var(--borderWidth) solid var(--border);box-sizing:border-box;padding:30px 45px;max-height:70vh;min-height:70vh;height:70vh}@media (max-width:500px){.help-wrapper .help-body{width:90%;max-height:80vh;min-height:50vh;padding:30px 30px;height:fit-content;border-radius:10px}}.help-wrapper .help-body .help-title{margin:0;padding:0;font-size:22px;text-align:center;font-weight:600;line-height:22px}.help-wrapper .help-body .help-middle{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;transform-origin:center center;flex-grow:3;height:45vh;max-height:45vh;min-height:45vh}@media (max-width:500px){.help-wrapper .help-body .help-middle{height:40vh;max-height:40vh;min-height:40vh}}.help-wrapper .help-body .help-middle.fit{height:fit-content;max-height:fit-content;min-height:fit-content}.help-wrapper .help-body .help-middle .help-middle-content,.help-wrapper .help-body .help-middle .help-tips{display:flex;flex-grow:3;flex-direction:column;justify-content:center}.help-wrapper .help-body .help-middle .help-tips{box-sizing:border-box;padding:15px 0}.help-wrapper .help-body .help-middle .help-tips .tip{display:flex;justify-content:space-between;box-sizing:border-box;padding:14px 0}.help-wrapper .help-body .help-middle .help-tips .tip .tip-icon{min-width:50px;text-align:center;display:flex;margin-right:15px;flex-direction:column;justify-content:center;font-size:42px}.help-wrapper .help-body .help-middle .help-tips .tip .tip-text{box-sizing:border-box;flex-grow:3;font-size:14px;line-height:20px;font-weight:500;display:flex;flex-direction:column;justify-content:center}.help-wrapper .help-body .help-middle .help-tips .tip .tip-text code{font-family:var(--mono);font-weight:600;font-style:italic;letter-spacing:-.4px}.help-wrapper .help-body .help-middle .help-tips .tip:first-child .tip-icon{color:var(--blue)}.help-wrapper .help-body .help-middle .help-tips .tip:nth-child(2) .tip-icon{color:var(--green)}.help-wrapper .help-body .help-middle .help-tips .tip:nth-child(3) .tip-icon{color:var(--red)}.help-wrapper .help-body .help-middle .help-tips .tip:nth-child(4) .tip-icon{color:var(--purple)}.help-wrapper .help-body .help-middle .help-tips .tip:nth-child(5) .tip-icon{color:var(--yellow)}.help-wrapper .help-body .help-footer{display:flex;flex-direction:column;justify-self:flex-end}.help-wrapper .help-body .help-footer .help-slide-dots{display:flex;justify-content:center;box-sizing:border-box;padding:0 0 30px 0}.help-wrapper .help-body .help-footer .help-slide-dots .dot{margin:0 4px;color:var(--text);opacity:.2;transition:var(--transition);font-size:14px}.help-wrapper .help-body .help-footer .help-slide-dots .dot:hover{cursor:pointer;opacity:.5}.help-wrapper .help-body .help-footer .help-slide-dots .dot.active{opacity:1;color:var(--blue);transition:var(--transition)}.help-wrapper .help-body .help-footer .help-slide-dots .dot.active:hover{cursor:default}.help-wrapper .help-body .help-footer button{margin:0 auto 0 auto;width:200px}.slide-enter-active{animation:slide-animation-in .12s ease-in-out both}.slide-leave-active{animation:slide-animation-out .12s ease-in-out both}@keyframes slide-animation-out{0%{transform:scaleX(1);opacity:1}to{transform:scaleX(.5);opacity:0}}@keyframes slide-animation-in{0%{transform:scaleX(.5);opacity:0}to{transform:scaleX(1);opacity:1}}.pause{animation-play-state:paused!important}#animateApp{flex-direction:column;max-height:100%;height:100%}#animateApp,#animateApp #animateMain{display:flex;justify-content:space-between;box-sizing:border-box}#animateApp #animateMain{flex-grow:3;position:relative;overflow:auto;padding:0 0;overflow:hidden;background-color:var(--background)}#animateApp #animateMain #animateLeft{display:flex;flex-direction:column;flex-grow:3}#animateApp #animateMain #animateLeft #animateTop{display:flex;justify-content:flex-start;border-bottom:var(--borderWidth) solid var(--border);width:100%;background-color:var(--layer)}#animateApp #animateMain #animateLeft #animateTop button{border-radius:0;border-left:none;border-top:none;border-bottom:none}#animateApp #animateMain #animateLeft #animateTop button:last-child{margin-right:0}#animateApp #animateMain #animateLeft #animateTop button i{width:16px}@media (max-width:780px){#animateApp #animateMain #animateLeft #animateTop button{height:38px}}#animateApp #animateMain #animateLeft #animateTop .flex-spacer{flex-grow:3}@media (max-width:500px){#animateApp #animateMain #animateLeft #animateTop .flex-spacer{display:none}}#animateApp #animateMain #animateLeft #animateTop #mobilePropertyToggle{align-self:flex-end;border-left:var(--borderWidth) solid var(--border);width:130px;display:none}@media (max-width:780px){#animateApp #animateMain #animateLeft #animateTop #mobilePropertyToggle{display:block}}@media (max-width:500px){#animateApp #animateMain #animateLeft #animateTop #mobilePropertyToggle{flex-grow:3;border-left:none;width:auto}}#animateApp #animateMain #animateLeft #animateStage{flex-grow:3;display:flex;flex-direction:column;justify-content:center;margin:0 auto;box-sizing:border-box;transition:var(--transition);width:100%;padding:0 0 40px 0}@media (max-width:780px){#animateApp #animateMain #animateLeft #animateStage{padding-right:0}}#animateApp #animateMain #animateLeft #animateStage #targetStage{border-radius:var(--borderRadius);width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}#animateApp #animateMain #animateLeft #animateStage #targetStage #targetCenterAlign{display:flex;justify-content:center}#animateApp #animateMain #animateLeft #animateStage #targetStage #targetCenterAlign #targetElement{z-index:3;transition:.2s cubic-bezier(.5,.1,.8,1)}#animateApp #animateMain #animateLeft #animateStage #targetStage #targetCenterAlign #targetElement .kft{display:flex;flex-direction:column;height:100%;width:100%;justify-content:center;text-align:center}#animateApp #animateMain #animateRight #animateSidebar{width:420px;background-color:var(--layer);height:100%;display:flex;flex-direction:column;box-sizing:border-box;padding:0 0;transition:var(--bezierTransition);z-index:10;border-left:var(--borderWidth) solid var(--border)}@media (max-width:1400px){#animateApp #animateMain #animateRight #animateSidebar{width:340px}}@media (max-width:780px){#animateApp #animateMain #animateRight #animateSidebar{position:absolute;right:-375px;width:350px;z-index:50;height:calc(100% - 39px);margin-top:39px;background-color:var(--transparent)}}@media (max-width:500px){#animateApp #animateMain #animateRight #animateSidebar{position:absolute;right:-100%;width:80%}}#animateApp #animateMain #animateRight #animateSidebar.toggled{right:0;transition:var(--bezierTransition)}#animateApp #animateMain #animateRight #animateSidebar #animateSidebarTop{display:flex;width:100%;justify-content:space-between;box-sizing:border-box;padding:15px 15px 15px 15px;letter-spacing:.3px}#animateApp #animateMain #animateRight #animateSidebar #animateSidebarTop span:last-child{font-family:var(--systemFont);font-weight:800;letter-spacing:.8px}#animateApp #animateMain #animateRight #animateSidebar #animateSidebarProperties{flex-grow:3;overflow:auto}#animateApp #animateMain #animateRight #animateSidebar #animateSidebarProperties .property-header{display:flex;justify-content:flex-start;width:100%;box-sizing:border-box;padding:10px 15px 10px 15px;font-size:14px;font-weight:700;transition:var(--transition);color:var(--text)}#animateApp #animateMain #animateRight #animateSidebar #animateSidebarProperties .property-header span{text-decoration:underline}#animateApp #animateMain #animateRight #animateSidebar #animateSidebarProperties .property-header i{position:relative;top:2px;transform:scale(1.2);margin-right:8px}#animateApp #animateMain #animateRight #animateSidebar #animateSidebarProperties .property-header:after{content:".";font-size:0;display:block;flex-grow:3;height:1px;position:relative;top:9px;margin-left:2.5%;background:var(--border)}#animateApp #animateMain #animateRight #animateSidebar #animateSidebarProperties .property-header:hover{transition:var(--transition)}#animateApp #animateMain #animateRight #animateSidebar #animateSidebarProperties .property-header:hover i.fa-chevron-circle-down,#animateApp #animateMain #animateRight #animateSidebar #animateSidebarProperties .property-header:hover i.fa-chevron-circle-up{font-weight:900}#animateApp #animateMain #animateRight #animateSidebar #animateSidebarProperties .property-group{box-sizing:border-box;padding:0 0 0 0}#animateApp #animateMain #animateRight #animateSidebar #animateSidebarProperties .property-group .field-set{padding:6px 15px 6px 40px;box-sizing:border-box;display:flex;justify-content:space-between;width:100%}#animateApp #animateMain #animateRight #animateSidebar #animateSidebarProperties .property-group .field-set .tooltip{margin-top:8px}#animateApp #animateMain #animateRight #animateSidebar #animateSidebarProperties .property-group .field-set label{flex-grow:3;width:100%;display:flex;flex-direction:column;justify-content:center}#animateApp #animateMain #animateRight #animateSidebar #animateSidebarProperties .property-group .field-set .input-wrapper{width:50%;min-width:50%}#animateApp #animateMain #animateRight #animateSidebar #animateSidebarProperties .property-group .field-set .input-wrapper input{width:100%;font-family:var(--mono);font-size:14px;letter-spacing:0}#animateApp #animateFooter{width:100%;min-width:100%;max-width:100%;background-color:var(--layer);border-top:var(--borderWidth) solid var(--border);height:fit-content;min-height:fit-content}#animateApp #animateFooter #animationControls{display:flex;justify-content:space-between;flex-wrap:wrap;border-bottom:var(--borderWidth) solid var(--border);background-color:var(--layer)}#animateApp #animateFooter #animationControls .steps{display:flex}#animateApp #animateFooter #animationControls .preview-button{display:flex;justify-content:flex-end}#animateApp #animateFooter #animationControls .preview-button .stop-button{border-left:none}#animateApp #animateFooter #animationControls .button{border-radius:0;border-top:none;border-bottom:none}#animateApp #animateFooter #animationControls .timing{display:flex;justify-content:center;box-sizing:border-box;font-family:var(--systemFont);margin-right:15px;flex-grow:3}@media (max-width:780px){#animateApp #animateFooter #animationControls .timing{order:-1;width:100%;padding:5px 0 12px 0;margin-right:0;border-bottom:var(--borderWidth) solid var(--border)}}#animateApp #animateFooter #animationControls .timing .animation-prop{display:flex;flex-direction:column;height:34px;width:fit-content;position:relative;justify-content:center;margin:0 4px;top:-1px}#animateApp #animateFooter #animationControls .timing .animation-prop label{font-size:11.5px;letter-spacing:-.2px;display:block;box-sizing:border-box;padding:0 0 0 0;color:var(--max);user-select:none;position:absolute;top:38px;width:fit-content;white-space:pre;width:100%;font-weight:600;text-align:center;opacity:0;transition:var(--transition);pointer-events:none}@media (max-width:500px){#animateApp #animateFooter #animationControls .timing .animation-prop label{top:32px}}#animateApp #animateFooter #animationControls .timing .animation-prop .click-toggle,#animateApp #animateFooter #animationControls .timing .animation-prop .set-width,#animateApp #animateFooter #animationControls .timing .animation-prop input{border-radius:0;height:26px;font-size:14px;font-weight:700;background-color:transparent;border:none;color:var(--max);padding:0;width:100%;text-align:center;overflow:visible;text-overflow:ellipsis;border-bottom:2px dotted var(--text)}#animateApp #animateFooter #animationControls .timing .animation-prop .click-toggle:focus,#animateApp #animateFooter #animationControls .timing .animation-prop .click-toggle:hover,#animateApp #animateFooter #animationControls .timing .animation-prop .set-width:focus,#animateApp #animateFooter #animationControls .timing .animation-prop .set-width:hover,#animateApp #animateFooter #animationControls .timing .animation-prop input:focus,#animateApp #animateFooter #animationControls .timing .animation-prop input:hover{border-color:var(--border)}#animateApp #animateFooter #animationControls .timing .animation-prop input{position:absolute;border-radius:0}#animateApp #animateFooter #animationControls .timing .animation-prop .click-toggle{text-align:center;padding:0 5px;user-select:none}#animateApp #animateFooter #animationControls .timing .animation-prop .click-toggle:hover{cursor:pointer}#animateApp #animateFooter #animationControls .timing .animation-prop .set-width{opacity:0;color:transparent;border:none;padding:0 5px;pointer-events:none}#animateApp #animateFooter #animationControls .timing .animation-prop:first-child .set-width,#animateApp #animateFooter #animationControls .timing .animation-prop:first-child input,#animateApp #animateFooter #animationControls .timing .animation-prop:nth-child(3) .set-width,#animateApp #animateFooter #animationControls .timing .animation-prop:nth-child(3) input{min-width:34px}#animateApp #animateFooter #animationControls .timing .animation-prop:nth-child(2) .set-width,#animateApp #animateFooter #animationControls .timing .animation-prop:nth-child(2) input{min-width:50px}#animateApp #animateFooter #animationControls .timing .animation-prop:nth-child(4) .set-width,#animateApp #animateFooter #animationControls .timing .animation-prop:nth-child(4) input{min-width:35px}#animateApp #animateFooter #animationControls .timing .animation-prop:nth-child(5),#animateApp #animateFooter #animationControls .timing .animation-prop:nth-child(6){width:fit-content}#animateApp #animateFooter #animationControls .timing:focus-within label,#animateApp #animateFooter #animationControls .timing:hover label{opacity:1;transition:var(--transition)}#animateApp #animateFooter #animateTimeline{height:80px;border-radius:var(--borderRadius);box-sizing:border-box;position:relative;transition:0s ease;border:var(--borderWidth) solid var(--border);width:95%;margin:15px 0 25px 2.5%;background-color:var(--background)}@media (max-width:780px){#animateApp #animateFooter #animateTimeline{width:93%;margin:15px 0 15px 3.5%}}@media (max-width:500px){#animateApp #animateFooter #animateTimeline{width:90%;margin:15px 0 15px 5%}}#animateApp #animateFooter #animateTimeline .timeline-marker.animated,#animateApp #animateFooter #animateTimeline .timeline-marker.current,#animateApp #animateFooter #animateTimeline .timeline-marker.new,#animateApp #animateFooter #animateTimeline .timeline-marker.step{display:flex;flex-direction:column;justify-content:center;height:100%;width:12px;position:absolute;margin-left:-6px;top:0;z-index:10;box-shadow:var(--shadow);border-radius:2px}#animateApp #animateFooter #animateTimeline .timeline-marker.animated b,#animateApp #animateFooter #animateTimeline .timeline-marker.current b,#animateApp #animateFooter #animateTimeline .timeline-marker.new b,#animateApp #animateFooter #animateTimeline .timeline-marker.step b{font-size:12.5px;letter-spacing:.15px;font-weight:700;width:fit-content;box-sizing:border-box;position:absolute;left:-6px;top:50%;margin-top:-12px;text-align:center;width:24px;height:24px;border-radius:2px;display:flex;flex-direction:column;color:var(--background);justify-content:center;font-family:var(--systemFont);pointer-events:none}#animateApp #animateFooter #animateTimeline .timeline-marker.new{display:none;background-color:var(--green);pointer-events:none}#animateApp #animateFooter #animateTimeline .timeline-marker.new b{color:var(--black);background-color:var(--green)}#animateApp #animateFooter #animateTimeline .timeline-marker.current,#animateApp #animateFooter #animateTimeline .timeline-marker.step{z-index:15;background-color:var(--text)}#animateApp #animateFooter #animateTimeline .timeline-marker.current b,#animateApp #animateFooter #animateTimeline .timeline-marker.step b{background-color:var(--text);color:var(--background)}#animateApp #animateFooter #animateTimeline .timeline-marker.current:hover,#animateApp #animateFooter #animateTimeline .timeline-marker.step:hover{cursor:pointer}#animateApp #animateFooter #animateTimeline .timeline-marker.current:hover~.new,#animateApp #animateFooter #animateTimeline .timeline-marker.step:hover~.new{display:none}#animateApp #animateFooter #animateTimeline .timeline-marker.step{height:80%;top:10%;border-radius:2px;width:8px;margin-left:-4px;transition:height .15s ease,top .15s ease;z-index:11}#animateApp #animateFooter #animateTimeline .timeline-marker.step b{left:-8px}#animateApp #animateFooter #animateTimeline .timeline-marker.step:hover{opacity:1;height:90%;top:5%;transition:height .15s ease,top .15s ease}#animateApp #animateFooter #animateTimeline .timeline-marker.step:hover b{opacity:1}#animateApp #animateFooter #animateTimeline .timeline-marker.current{z-index:12;background-color:var(--blue)}#animateApp #animateFooter #animateTimeline .timeline-marker.current b{background-color:var(--blue);color:var(--white)}#animateApp #animateFooter #animateTimeline .timeline-marker.current:hover{cursor:default}#animateApp #animateFooter #animateTimeline .timeline-marker.animated{height:100%;border-radius:2px;width:8px;left:50%;margin-left:-4px;z-index:20;background-color:var(--red);opacity:1}#animateApp #animateFooter #animateTimeline.add-step:hover{cursor:copy}#animateApp #animateFooter #animateTimeline.add-step:hover .new{display:flex}#outputCSS{width:100%;height:hidden;box-sizing:border-box;padding:0 20px 20px 0;font-size:13px;line-height:17px;overflow:auto;white-space:nowrap;font-family:var(--mono)!important;color:var(--white);font-weight:500}#outputCSS span{line-height:13px;letter-spacing:.3px}#outputCSS b{font-weight:600;color:var(--white);opacity:.5}@keyframes animationTicker{0%{left:0}to{left:100%}}#animateHelpNewUser{display:flex;justify-content:space-around;flex-direction:column;height:100%}#animateHelpNewUser #animateHelpGhost{animation:error-ghost 2s ease-in-out 0s infinite alternate none;font-size:80px;text-align:center;margin:2vh 0 25px 0}@media (max-width:500px){#animateHelpNewUser #animateHelpGhost{font-size:65px;margin:15px 0 35px 0}}#animateHelpNewUser #animateHelpBody{margin-bottom:2vh}#animateHelpNewUser #animateHelpBody h1,#animateHelpNewUser #animateHelpBody h2,#animateHelpNewUser #animateHelpBody h3,#animateHelpNewUser #animateHelpBody h4{text-align:center}@media (max-width:500px){#animateHelpNewUser #animateHelpBody{margin:0 0 15px 0}}.settings-display{display:flex;flex-direction:column;width:400px;bottom:border-box;max-height:90%;max-height:calc(100% - 50px);height:fit-content;background-color:var(--popup);padding:15px;transform-origin:top center;border-radius:var(--borderRadius);box-sizing:border-box;position:absolute;top:40px;left:10px;overflow:auto;z-index:55;border:var(--borderWidth) solid rgba(205,205,255,.25)!important}@media (max-width:500px){.settings-display{width:90vw;min-width:90vw;max-width:90vw;width:calc(100vw - 20px);min-width:calc(100vw - 20px);max-width:calc(100vw - 20px)}}.settings-display h1,.settings-display h2,.settings-display h3,.settings-display h4,.settings-display h5,.settings-display h6,.settings-display label,.settings-display p{color:var(--white)}.settings-display input,.settings-display textarea{font-size:14px;font-family:var(--mono);line-height:15px}.settings-display textarea.small{min-height:60px}.settings-display textarea.big{min-height:160px}.settings-display .field label small{margin:4px 0 4px 0}.settings-display .target-el-close,.settings-display .target-el-open{position:relative;top:30px;font-size:14px;font-family:var(--mono);line-height:15px;color:var(--black);opacity:.5;box-sizing:border-box;padding:5px;user-select:none}.settings-display .target-el-open{margin-top:-24px}.settings-display .target-el-close{top:-15px;margin-top:-15px;background-color:transparent;border-top:none}.settings-display #customTarget{box-sizing:border-box;padding:30px 10px 30px 30px;white-space:pre;min-height:80px}@keyframes preset-spooky{0.0%{transform:scale(1) translate(0) skew(0deg)}5.1%{transform:scale(1) translate(0) skew(-12deg)}39.9%{transform:scale(1) translate(30px) skew(-5deg)}95.1%{transform:scale(1) translate(0) skew(12deg)}99.6%{transform:scale(1) translate(0) skew(0deg)}45.3%{transform:scale(1) translate(30px,-2px) skew(0deg)}50.3%{transform:scale(1) translate(30px) skew(0deg)}55.3%{transform:scale(1) translate(30px,-4px) skew(0deg)}60.3%{transform:scale(1) translate(30px) skew(5deg)}}@keyframes preset-heart{0.0%{transform:scale(1)}40.3%{transform:scale(1.35)}60.1%{transform:scale(1.15)}79.6%{transform:scale(1.35)}99.5%{transform:scale(1)}20.1%{transform:scale(1)}}@keyframes preset-jet{0.0%{transform:translate(0) rotate(0deg) scale(1)}14.7%{transform:translate(30px) rotate(0deg) scale(1)}99.7%{transform:translate(300px,-50px) rotate(-20deg) scale(0)}26.3%{transform:translate(300px,-50px) rotate(-20deg) scale(0)}}#customShadowTarget{height:80px;max-height:80px;min-height:80px}#customShadowTargetCSS{height:150px;max-height:150px;min-height:150px}#colorOptionsBar{border-bottom:var(--borderWidth) solid var(--border);background-color:var(--background)}#colorEditorStage{background-color:var(--blue);border-radius:var(--borderRadius);margin:10px 10px 20px 10px;transition:0s;overflow:auto}@media (max-width:992px){#colorEditorStage{margin:10px}}#colorEditorStage #colorEditor{display:block;margin:0 auto;width:90%;max-width:350px}#colorEditorStage #colorEditor .field{margin:0 0 16px 0}#colorEditorStage #colorEditor .field label span{width:fit-content;font-size:16px;font-weight:700}#colorEditorStage #colorEditor .field label input{border-radius:var(--borderRadius)}#colorEditorStage #colorEditor .field input{background-color:var(--layer);border-top-left-radius:0;border:var(--borderWidth) solid var(--border);color:var(--text)}#colorEditorStage #colorEditor #hexField{width:36%;max-width:36%;min-width:36%}#colorEditorStage #colorEditor #rgbaField{width:60%;max-width:60%;min-width:60%}@media (max-width:780px){#colorPalette{overflow:hidden;flex-grow:3}#colorPalette .color-wrapper{display:flex;height:100%;overflow-y:auto;box-sizing:border-box;padding:5px 0 0 0}}#colorPalette .color{display:flex;justify-content:space-between;width:100%;height:auto;border-radius:var(--borderRadius);border:var(--borderWidth) solid var(--border);margin:0 0 15px 0;box-sizing:border-box;letter-spacing:.4px;font-weight:600;color:var(--white);transition:var(--transitionFast)}@media (max-width:780px){#colorPalette .color{width:200px;max-height:100%;height:100%;min-width:200px;margin:0 10px 0 0;transform:scale(.875)}#colorPalette .color:first-child{margin-left:20px}}#colorPalette .color.color-button{background:transparent;color:var(--text);flex-direction:column;justify-content:center;display:none;color:var(--textLight);transition:var(--transitionFast);box-sizing:border-box;padding:8px 0;width:140px;max-width:140px;min-width:140px}@media (max-width:780px){#colorPalette .color.color-button{min-height:100%;display:flex;flex-grow:3}}#colorPalette .color.color-button .color-button-text,#colorPalette .color.color-button i{text-align:center}#colorPalette .color.color-button i{font-size:36px;margin:0 0 5px 0;transition:var(--transitionFast)}#colorPalette .color.color-button:hover{color:var(--text);transition:var(--transitionFast)}#colorPalette .color.color-button:hover i.fa-plus{margin:0 0 10px 0;transition:var(--transitionFast)}#colorPalette .color.color-spacer{max-width:20px!important;overflow:hidden;min-width:20px!important;opacity:0;display:none}@media (max-width:780px){#colorPalette .color.color-spacer{display:block}}#colorPalette .color .color-codes{display:flex;flex-direction:column;justify-content:space-between;height:100%;box-sizing:border-box;padding:10px 0 10px 10px}#colorPalette .color .color-codes .name{text-transform:capitalize;flex-grow:3;font-size:18px;font-weight:700;display:block;margin-bottom:12px}@media (max-width:500px){#colorPalette .color .color-codes .name{font-size:15px}}#colorPalette .color .color-codes .color-value{display:block;margin-top:5px;font-size:15px;transition:.08s;font-weight:600}@media (max-width:780px){#colorPalette .color .color-codes .color-value{font-size:14px}}#colorPalette .color .color-codes .color-value i{padding-left:5px;opacity:0}#colorPalette .color .color-codes .color-value:hover{opacity:1;text-decoration:underline}#colorPalette .color .color-actions{transition:.08s}#colorPalette .color .color-actions .color-delete{font-size:20px;border-radius:50%;height:40px;width:40px;box-sizing:border-box;color:inherit;opacity:1;transition:.08s;transform:scale(1);opacity:.75}@media (max-width:780px){#colorPalette .color .color-actions .color-delete{width:38px;height:38px;font-size:20px}}#colorPalette .color .color-actions .color-delete:hover{cursor:pointer;transition:.08s;transform:scale(1.2);opacity:1}#colorPalette .color:hover{transition:.08s;cursor:pointer}#colorPalette .color:hover .color-actions{opacity:1;transition:.08s}#colorPalette .color:hover .color-value{transition:.08s}#colorPalette .color:hover .name{text-decoration:underline}#colorPalette .color.active{transition:var(--transitionFast);height:140px}@media (max-width:780px){#colorPalette .color.active{transform:scale(1)}}#colorPalette .color.active .color-codes .color-value i,#colorPalette .color.active .color-codes .name{opacity:1}@media (max-width:780px){#paletteControlButtons{display:none}}@media (max-width:780px){#colorPaletteHeader{padding-left:20px;margin:0 0 8px 0}}#characterPage{max-width:1280px;margin:0 auto}#characterPage #characterPageTop{display:block;margin:0 auto;max-width:500px;width:90%}#characterPage #characterPageTop h1{text-align:center}#characterPage #characterPageTop input{height:65px;font-size:28px;text-align:center}#characterPage #characterPageTop p{text-align:center}.character-display{display:flex;justify-content:center;flex-wrap:wrap;height:fit-content;min-height:fit-content;margin:15px 0 55px 0}@media (max-width:500px){.character-display{justify-content:space-between}}.character-display .character{width:150px;height:150px;margin:15px;border:1px solid var(--border);border-radius:var(--borderRadius);display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;padding:10px;transform:scale(1);transition:var(--transition)}@media (max-width:500px){.character-display .character{width:47%;margin:15px 0}}.character-display .character .character-name{text-align:center;font-weight:600;font-size:14px;user-select:none}.character-display .character .character-big{font-size:42px;font-weight:600;user-select:all;text-align:center;flex-grow:3;display:flex;flex-direction:column;justify-content:center;transition:var(--transition)}.character-display .character .character-big:hover{cursor:pointer;color:var(--blue);transition:var(--transition)}.character-display .character .character-codes{width:100%;display:flex;justify-content:space-between}.character-display .character .character-codes .code{font-weight:700;display:flex;flex-direction:column;justify-content:space-between;font-size:14px;font-family:var(--mono)}.character-display .character .character-codes .code:nth-child(2){text-align:right}.character-display .character .character-codes .code span:first-child{color:var(--textLight);padding-bottom:2px;font-size:13px;user-select:none;font-weight:600;margin-top:0}.character-display .character .character-codes .code span:last-child{user-select:all}.character-display .character .character-codes .code:hover{cursor:pointer}.character-display .character .character-codes .code:hover span:first-child{text-decoration:underline;color:var(--text)}.character-display .character .character-codes .code:hover span:last-child{color:var(--blue)}.character-display .character:hover{transform:scale(1.1);transition:var(--transition)}.page-bottom-label{box-sizing:border-box;padding:0 15px 10vh 15px;color:var(--textLight)}.page-bottom-label h4,.page-bottom-label i,.page-bottom-label p{margin:0 auto;display:block;max-width:500px;text-align:center}.page-bottom-label i{font-size:62px;padding-bottom:18px}@media (max-width:780px){.not-found{left:0}}.not-found .ghost-animation{display:block;width:100%;max-width:300px;position:relative;text-align:center;margin:0 auto;box-sizing:border-box;padding:45px 0}.not-found .ghost-animation i{color:var(--text);font-size:105px;margin:0 auto;animation:error-ghost 2s ease-in-out 0s infinite alternate none}.not-found .error-text{font-size:22px;font-weight:540;line-height:28px;display:block;max-width:360px;margin:0 auto;text-align:center}.not-found .error-text small{font-size:14px;display:block;font-style:italic;font-weight:500;margin-top:8px}.not-found .error-nav{padding:15px 0 35px 0;text-align:center}.not-found .error-nav button{margin:15px 0 0 0}@keyframes error-ghost{0.0%{transform:translate(0)}50.0%{transform:translateY(-15px)}99.8%{transform:translate(0)}}#changelogLegend{display:flex;width:100%;margin:20px 0}@media (max-width:500px){#changelogLegend{flex-direction:column;margin:20px 0 0 0}}#changelogLegend .legend-item{margin-right:25px}@media (max-width:500px){#changelogLegend .legend-item{margin:0 0 12px 0}}#changelogLegend .legend-item i,#changelogLegend .legend-item span{vertical-align:middle}#changelogLegend .legend-item span{font-size:16px;padding-left:8px;font-weight:700;letter-spacing:-.2px}#changelog{box-sizing:border-box;padding:0 0 100px 0;margin:0 0 35px 0}@media (max-width:780px){#changelog{padding:0 0 0 0}}#changelog .changelog-title{padding:55px 0 25px 0}#changelog .changelog-title .cl-version{font-size:22px}#changelog .changelog-title .cl-version b{font-weight:700;margin-right:15px}#changelog .changelog-title .cl-version span{font-weight:400}#changelog .changelog-title p{margin:15px 0 0 0;padding:0;line-height:17px}#changelog .changelog-change{display:flex;padding:5px 0}#changelog .changelog-change span{font-size:16px;font-weight:500;padding-left:10px;display:flex;flex-direction:column;justify-content:center}#changelog #changelogGap{display:flex;flex-direction:column;justify-content:center;padding:44px 0;margin-top:44px;color:var(--text);opacity:.2}#changelog #changelogGap i{margin:0 auto;font-size:72px;text-align:center}#changelog #changelogGap span{font-size:18px;font-weight:600;font-style:italic;text-align:center;margin:15px 0 0 0}.cat-bug,.cat-new,.cat-upgrade{font-size:18px;text-align:center;box-sizing:border-box;padding:5px 0 0 0;height:30px;min-height:30px;max-height:30px;border-radius:var(--borderRadius);width:30px;min-width:30px;max-width:30px}.cat-new{background-color:var(--green);color:var(--black)}.cat-upgrade{color:var(--white);background-color:var(--blue)}.cat-bug{color:var(--white);background-color:var(--orange)}#commandControls{display:block;max-width:600px;margin:55px auto}#commandControls #commandInputForm{margin:0 0 55px 0}#commandControls #commandInputForm input{height:60px;font-size:20px;font-family:var(--mono);font-weight:600;padding-left:20px;padding-right:20px;text-align:center}#commandControls #commandList{list-style-type:none;padding:0;margin:0}#commandControls #commandList li{text-align:center;padding:0 0 15px 0}#commandControls #commandList li b{font-size:20px;font-weight:600;padding-bottom:5px;transition:var(--transition)}#commandControls #commandList li b:hover{cursor:pointer;color:var(--links);text-decoration:underline;transition:var(--transition)}#commandControls #commandList li code{font-style:italic;display:block;font-family:var(--mono)}#commandModalCode{box-sizing:border-box;padding:15px;white-space:pre}#aboutText{max-width:600px;margin:0 auto}.link-row a{display:inline-block;margin-right:15px}:root{--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--mono:"Source Code Pro",monospace;--fontAwesome:"Font Awesome 5 Pro";--fontAwesomeBrands:"Font Awesome 5 Brands";--systemFont:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--transition:0.2s;--transitionFast:0.1s;--bezierTransition:all 0.18s cubic-bezier(0.5,0.1,0.75,1);--borderRadius:3px;--borderRadiusMd:8px;--white:#fff;--black:#060619;--outline:hsla(0,0%,62.7%,0.25);--background:#f8fbfe;--layer:#fff;--pageBackground:#fff;--popup:#1a1b31;--text:#060619;--textLight:rgba(22,2,60,0.65);--border:#16023c;--inputBorder:#16023c;--blue:#0868fe;--purple:#631ccc;--green:#4af9d6;--yellow:#ffdb10;--orange:#fa7c06;--red:#fc143b;--grey:#ebeef2;--links:#0868fe;--linksHover:#004dea;--lightbox:rgba(210,210,232,0.35);--transparent:hsla(0,0%,100%,0.75);--shadow:0px 2px 15px -8px rgba(10,10,10,0.2),0px 4px 20px -10px rgba(10,10,10,0.125)}:root,[data-theme=dark]{--borderWidth:1px;--inputBackground:#fff}[data-theme=dark]{--background:#000510;--layer:#001020;--pageBackground:#000510;--popup:#060619;--text:#fff;--textLight:#a9b0c7;--border:#686e7e;--inputBorder:#9aa0b0;--blue:#064ae0;--purple:#5800a7;--green:#2ee2c0;--yellow:#f4e828;--orange:#e50;--red:#d40027;--grey:#171520;--links:#3f97ff;--linksHover:#3f72ff;--lightbox:rgba(150,150,170,0.125);--transparent:rgba(7,7,15,0.85)}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none}audio,canvas,video{display:inline-block;*display:inline;*zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic}figure,form{margin:0}fieldset{border:var(--borderWidth) solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}button,html,input,select,textarea{color:#222}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}.capitalize{text-transform:capitalize}.align-center{text-align:center}.align-right{text-align:right}.block{display:block}.margin-auto{margin:0 auto}@media (max-width:500px){.hide-sm{display:none}}@media (max-width:780px){.hide-md{display:none}}.flex{display:flex}.flex-horizontal{width:100%;flex-direction:row}.flex-horizontal.reverse{flex-direction:row-reverse}.flex-vertical{height:100%;flex-direction:column}.flex-vertical.reverse{flex-direction:column-reverse}.flex-around{justify-content:space-around}.flex-between{justify-content:space-between}.flex-end{justify-content:flex-end}.flex-center{justify-content:center}.flex-grow{flex-grow:3}.padding-none{box-sizing:border-box;padding:0}.mtop-xs{margin-top:10px}.mbottom-xs{margin-bottom:10px}.mleft-xs{margin-left:10px}.ptop-xs{box-sizing:border-box;padding-top:10px}.mtop-sm{margin-top:20px}.mbottom-sm{margin-bottom:20px}.mleft-sm{margin-left:20px}.ptop-sm{box-sizing:border-box;padding-top:20px}.mtop-md{margin-top:35px}.mbottom-md{margin-bottom:35px}.ptop-md{padding-top:35px}.pbottom-md,.ptop-md{box-sizing:border-box}.pbottom-md{padding-bottom:35px}.mtop-lg{margin-top:60px}.mbottom-lg{margin-bottom:60px}.pbottom-lg{box-sizing:border-box;padding-bottom:60px}.pleft-xl{box-sizing:border-box;padding-left:100px}.padding-xl{box-sizing:border-box;padding:100px}@media (max-width:780px){.padding-none{box-sizing:border-box;padding:0}.mtop-xs{margin-top:8px}.mbottom-xs{margin-bottom:8px}.mleft-xs{margin-left:8px}.ptop-xs{box-sizing:border-box;padding-top:8px}.mtop-sm{margin-top:16px}.mbottom-sm{margin-bottom:16px}.mleft-sm{margin-left:16px}.ptop-sm{box-sizing:border-box;padding-top:16px}.mtop-md{margin-top:30px}.mbottom-md{margin-bottom:30px}.ptop-md{padding-top:30px}.pbottom-md,.ptop-md{box-sizing:border-box}.pbottom-md{padding-bottom:30px}.mtop-lg{margin-top:50px}.mbottom-lg{margin-bottom:50px}.pbottom-lg{box-sizing:border-box;padding-bottom:50px}.pleft-xl{box-sizing:border-box;padding-left:80px}.padding-xl{box-sizing:border-box;padding:80px}}.field.horizontal{display:flex;width:100%;justify-content:space-between}.field.horizontal label{width:40%;display:flex;flex-direction:column;justify-content:center;padding:0}.field.horizontal input{flex-grow:3}.field .slider-label-value{display:flex;justify-content:space-between;padding-bottom:5px;padding:0 0 8px 0}.field .slider-label-value span{display:flex;flex-direction:column;justify-content:center}.field .slider-label-value b{font-weight:700}.field .slider-label-value input{width:60px;-webkit-appearance:none;appearance:none;-moz-appearance:textfield;color:inherit;text-align:center;margin:0 0 0 0;padding:0;border-radius:var(--borderRadius);height:30px;color:var(--black)}.field .slider-label-value button{width:fit-content}.field .slider-label-value button i,.field .slider-label-value button span{display:inline}.field-row{display:flex;justify-content:space-between}label{padding:2px 0 6px 0;letter-spacing:0;display:block;color:var(--text);font-size:15px;font-weight:500;font-family:var(--systemFont)}@media (max-width:780px){label{font-size:14px}}@media (max-width:500px){label{font-size:13px}}label.small{font-size:13px;padding-bottom:5px;font-weight:500;letter-spacing:.1px;color:var(--text)}label.invert{color:var(--background)}.hint,label.reset{display:block}.hint{font-size:13px;font-weight:500;line-height:16px;padding:0 0 3px 0;color:var(--textLight);letter-spacing:.35px}.hint b{font-weight:600}@media (max-width:500px){.hint{font-size:12px;line-height:12px;padding:2px 0 2px 0}}.character-count{font-size:12px;font-weight:500;letter-spacing:1px;color:var(--textLight);position:absolute;box-sizing:border-box;padding-left:2px;bottom:-17px;font-family:var(--systemFont)}a,button,input,select,textarea{outline:2px dashed transparent;outline-offset:3px;transition:outline .1s ease,outline-offset .2s ease}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:none!important;outline-offset:4px;transition:outline .1s ease,outline-offset .2s ease}@media (max-width:780px){a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:none!important}}a:active,button:active,input:active,select:active,textarea:active{outline:2px dashed transparent}input:invalid{box-shadow:none}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{max-width:100%;width:100%;font-size:16px;box-sizing:border-box;padding:0 8px;color:var(--black);font-family:var(--systemFont);letter-spacing:.35px;background-color:var(--inputBackground);border-radius:var(--borderRadius);transition:all .1s ease,border-color .15s ease;font-weight:500;border:var(--borderWidth) solid var(--inputBorder)}@media (max-width:780px){input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{font-size:14px;padding:0 12px}}input[type=date]:focus,input[type=date]:hover,input[type=email]:focus,input[type=email]:hover,input[type=number]:focus,input[type=number]:hover,input[type=password]:focus,input[type=password]:hover,input[type=search]:focus,input[type=search]:hover,input[type=tel]:focus,input[type=tel]:hover,input[type=text]:focus,input[type=text]:hover,input[type=url]:focus,input[type=url]:hover,select:focus,select:hover,textarea:focus,textarea:hover{transition:all .1s ease,border-color .15s ease}input[type=date]::placeholder,input[type=email]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder,input[type=url]::placeholder,select::placeholder,textarea::placeholder{color:#969696;letter-spacing:.4px;font-weight:500}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url]{height:36px}@media (max-width:780px){input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url]{height:34px}}textarea{padding-top:8px;padding-bottom:8px;line-height:20px;min-height:120px;box-shadow:none}@media (max-width:780px){textarea{font-size:14px;padding-top:5px;padding-bottom:5px;line-height:26px}}textarea.code{font-family:var(--mono);font-size:13px;line-height:15px}select{height:40px;-moz-appearance:none}button{background-color:transparent;border:none}button:hover span{text-decoration:underline}.button{border:none;color:var(--background);height:36px;min-height:36px;border-radius:var(--borderRadius);font-size:14px;letter-spacing:.15px;font-weight:600;padding:0 14px 2px 14px;background-color:var(--text);box-sizing:border-box;transform:translateY(0);font-family:var(--systemFont);border:var(--borderWidth) solid var(--black);border-bottom-width:2px}@media (max-width:780px){.button{letter-spacing:.4px;padding:2px 14px 2px 14px}}.button:hover{cursor:pointer;text-decoration:underline}.button:active{padding:0 14px 3px 14px;border-bottom-width:1px}.button:active i,.button:active span{position:relative;top:1px}@media (max-width:780px){.button:active{letter-spacing:.4px;padding:2px 14px 3px 14px}}.button:focus{text-decoration:underline}.button i:first-child,.button span:first-child{margin-right:9px}.button i{transform:scale(1.325);transform-origin:center center}.button.blue{background-color:var(--blue);color:var(--white)}.button.green{background-color:var(--green);color:var(--black)}.button.red{background-color:var(--red);color:var(--white)}.button.yellow{background-color:var(--yellow);color:var(--black)}.button.orange{background-color:var(--orange);color:var(--white)}.button.purple{background-color:var(--purple);color:var(--white)}.button.grey{color:var(--text);background-color:var(--grey)}.button.black{color:var(--white);background-color:var(--popup)}.button.invert{color:var(--layer);background-color:var(--text)}.button.transparent{color:var(--text);background-color:var(--layer)}.button.small{min-height:30px;height:30px;font-size:13px;letter-spacing:.26px;font-weight:600;padding:0 8px 1px 8px}@media (max-width:780px){.button.small{letter-spacing:.14px;padding:0 10px}}@media (max-width:500px){.button.small{font-weight:500}}.button.small i:first-child,.button.small span:first-child{margin-right:6px}.button.small i{transform:scale(1.2)}.button.big{height:44px;font-size:18px;font-weight:600;padding:0 14px 2px 14px;letter-spacing:.5px}@media (max-width:780px){.button.big{letter-spacing:.4px;padding:0 14px}}@media (max-width:500px){.button.big{padding:0 12px;font-size:16px}}.button.big i:first-child,.button.big span:first-child{margin-right:10px}.button:disabled{border-color:var(--border)}.button:disabled,.button:disabled:hover{background-color:var(--inputDisabled);color:var(--inputDisabledText);opacity:.8}.button:disabled:hover{cursor:default;text-decoration:none}.button.fit{width:fit-content}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;cursor:pointer}input[type=checkbox]:focus{outline:0}.check{height:28px;min-height:28px;max-height:28px;width:28px;min-width:28px;max-width:28px;display:inline-block;position:relative;margin:0;border-radius:var(--borderRadius);box-sizing:border-box;border:var(--borderWidth) solid transparent;transition:all .2s ease;background:var(--inputBackground);font-size:16px;font-weight:800}@media (max-width:780px){.check{border-color:transparent}}.check:focus,.check:hover{transition:all .2s ease}.check:after{content:"\F00C";position:relative;font-family:var(--fontAwesome);font-weight:900;transition:var(--bezierTransition);color:var(--text);opacity:.3;font-size:16px;left:5px;top:4px}.check:checked:after{opacity:1}.check.badge:after{content:"\F336";font-weight:400;font-size:20px;top:2px;left:3px}.check.badge:checked:after{content:"\F336"}.toggle{height:33px;width:52px;border-radius:16px;display:inline-block;position:relative;margin:0;border:var(--borderWidth) solid var(--inputBorder);transition:all .2s ease;background-color:var(--inputBackground)}.toggle:after{content:"";position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:50%;background:var(--background);transition:all .2s cubic-bezier(.5,.1,.75,1.35);border:var(--borderWidth) solid var(--inputBorder);box-sizing:border-box;transition:var(--transition)}.toggle:hover:after{transition:var(--transition);background-color:var(--green)}.toggle:checked{border:var(--borderWidth) solid var(--inputBorder);background:var(--inputBackground)}.toggle:checked:after{background:var(--blue);transform:translateX(17px);border-color:var(--inputBorder);opacity:1}input[type=range]{outline:0;border:0;width:100%;margin:0 0 0 0}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=range]{height:6px;background-color:var(--text);-webkit-appearance:none}input[type=range]::-webkit-slider-runnable-track{background:var(--text);height:4px;outline:none;box-shadow:none;border:none}input[type=range]::-webkit-slider-thumb{height:28px;width:28px;-webkit-appearance:none;cursor:ew-resize;background:var(--layer);border:3px solid var(--inputBorder);border-radius:50%;transition:box-shadow .2s ease-in-out;position:relative;top:-12px}input[type=range]:active::-webkit-slider-thumb{background:var(--green)}}input[type=range]::-moz-range-thumb{background-color:var(--layer);border:3px solid var(--inputBorder);border-radius:50%;height:28px;width:28px}input[type=range]::-moz-range-progress{background-color:var(--inputBorder)}input[type=range]::-moz-range-track{background-color:var(--layer)}input[type=range]:active::-moz-range-thumb{background:var(--green)}input[type=range]::-ms-fill-lower{background-color:var(--inputBorder)}input[type=range]::-ms-fill-upper{background-color:var(--layer)}input[type=range]::-moz-focus-outer{border:0}.custom-picker{display:flex;width:100%;justify-content:flex-start;flex-wrap:wrap;user-select:none;overflow-x:auto}@media (max-width:780px){.custom-picker{flex-wrap:nowrap}}.custom-picker.nowrap{flex-wrap:nowrap}.custom-picker .option{display:flex;flex-direction:column;justify-content:center;text-align:center;height:65px;box-sizing:border-box;padding:0 0;border-radius:var(--borderRadius);max-width:93px;border:var(--borderWidth) solid var(--inputBorder);min-width:93px;flex-grow:3;color:var(--textLight);margin:0 10px 6px 0;position:relative;transform:scale(.9);transition:var(--transitionFast);font-family:var(--systemFont)}.custom-picker .option:last-child:before{content:"";height:100%;width:1px;position:absolute;right:-15px}.custom-picker .option i{margin-bottom:8px;font-size:24px}.custom-picker .option i.custom-icon{opacity:.5}.custom-picker .option span{letter-spacing:0;font-size:13px;font-weight:500;width:100%;text-transform:capitalize}@media (max-width:780px){.custom-picker .option span{font-size:11.5px;line-height:13px}}.custom-picker .option:after{content:"\F111";font-family:var(--fontAwesome);position:absolute;top:5px;right:5px;font-size:18px;font-weight:500;transition:var(--transitionFast);color:var(--inputBorder)}.custom-picker .option:hover{cursor:pointer;transition:var(--transitionFast);text-decoration:none;color:var(--text)}.custom-picker .option:hover span{text-decoration:underline}.custom-picker .option:hover .custom-icon{opacity:1}.custom-picker .option.active{color:var(--text);position:relative;transform:scale(1);border-color:var(--inputBorder)}.custom-picker .option.active i.custom-icon{opacity:1}.custom-picker .option.active:after{content:"\F058";color:var(--blue);font-weight:600}.custom-picker.large .option{height:85px;border-radius:var(--borderRadius);max-width:124px;flex-grow:3;margin-right:12px!important}.custom-picker.large .option i{margin-bottom:12px}.custom-picker.large .option span{line-height:14px}.custom-picker.horizontal{overflow-x:auto}@media (max-width:780px){.custom-picker.horizontal{padding-bottom:6px}}.custom-picker.horizontal .option{height:50px;border-radius:var(--borderRadius);flex-grow:0;margin:0 10px 14px 0!important;flex-direction:row;padding:0 28px 0 0;width:fit-content;min-width:fit-content;max-width:fit-content;justify-content:flex-start}@media (max-width:780px){.custom-picker.horizontal .option{margin:0 10px 0 0!important;height:46px;padding:0 30px 0 0}}.custom-picker.horizontal .option i,.custom-picker.horizontal .option span{display:flex;flex-direction:column;justify-content:center;height:100%}.custom-picker.horizontal .option i{position:relative;top:-1px;width:52px}.custom-picker.horizontal .option i.fa-city{font-size:20px}@media (max-width:780px){.custom-picker.horizontal .option i{font-size:22px;width:58px;top:0}}.custom-picker.horizontal .option span{font-size:12.5px;text-align:left;line-height:15px;font-weight:500;white-space:pre-line;max-width:134px;position:relative;top:-1px}@media (max-width:780px){.custom-picker.horizontal .option span{font-size:11.5px;top:0;line-height:13px}}.custom-picker.horizontal .option:after{top:0;right:0;display:flex;flex-direction:column;justify-content:center;font-size:18px;font-weight:400;height:100%;width:30px}.custom-picker.horizontal .option.active.yellow i{color:var(--yellow)}.custom-picker.horizontal .option.active.red i{color:var(--red)}.custom-picker.horizontal .option.active.blue i{color:var(--blue)}.custom-picker.horizontal .option.active.green i{color:var(--green)}.custom-picker button{width:fit-content}.custom-picker button i,.custom-picker button span{width:94px}.preference{display:flex}.preference .input{box-sizing:border-box;padding:0 25px 0 0;width:80px;max-width:80px;min-width:80px}.preference label{display:flex;flex-direction:column;justify-content:center}.preference label small{display:block;padding-top:10px;font-weight:400}a,h1,h2,h3,h4,h5,h6{font-family:var(--sans)}a,label,p{font-family:var(--systemFont)}.text-light{color:var(--textLight)}h1,h2,h3,h4,h5,h6{max-width:700px}h1{font-size:40px;color:var(--text);line-height:44px;font-weight:700;letter-spacing:-.18px}@media (max-width:500px){h1{font-size:36px;line-height:38px}}h2{font-size:33px;line-height:36px;color:var(--text);font-weight:600;letter-spacing:.25px}@media (max-width:500px){h2{font-size:29px;line-height:32px}}h3{font-size:28px;line-height:31px;font-weight:600;letter-spacing:.25px}@media (max-width:500px){h3{font-size:24px;letter-spacing:.42px;line-height:27px}}h4{font-size:23px;font-weight:600;line-height:26px;letter-spacing:.15px}@media (max-width:500px){h4{letter-spacing:.2px;font-size:21px;line-height:23px}}h5{font-size:20px;font-weight:900;line-height:24px;letter-spacing:.25px}@media (max-width:500px){h5{letter-spacing:.3px;font-size:18px;line-height:21px}}h6{font-size:17px;font-weight:600;line-height:21px;letter-spacing:.24px}@media (max-width:500px){h6{font-size:15px;line-height:18px;letter-spacing:.4px}}p{font-size:15px;line-height:26px;max-width:700px;padding:12px 0;color:var(--text);letter-spacing:.4px;font-family:var(--systemFont)}@media (max-width:780px){p{letter-spacing:.25px;font-size:14.5px}}@media (max-width:500px){p{font-size:14px;line-height:24px}}p.small{font-size:13.5px;line-height:22px}@media (max-width:780px){p.small{font-size:13px}}@media (max-width:500px){p.small{line-height:20px;letter-spacing:.3px}}p.big{font-size:20px;line-height:31px}@media (max-width:500px){p.big{font-size:17px;line-height:26px}}p b{font-weight:600}p em{font-style:italic}p.light{color:var(--textLight)}a{color:var(--links);letter-spacing:.2px;font-weight:700;text-decoration:none}a,a:hover{transition:var(--transition)}a:hover{cursor:pointer;text-decoration:underline;outline-color:transparent}ul{display:block;box-sizing:border-box;padding:6px 0 6px 25px}ul li{line-height:140%;padding:2px 0}ol{list-style-type:decimal}ul{list-style-type:disc}.text-fade{color:var(--textLight)}.text-bright{color:var(--text)}hr{border:none;border-top:var(--borderWidth) solid;border-color:var(--border);height:1px;overflow:hidden;margin:8px auto}small{font-size:85%;line-height:120%}.load-enter-active{animation:page-load .75s ease-out}.load-leave-active{animation:page-load .75s ease-in reverse}@keyframes page-load{0%{opacity:0}to{opacity:1}}.page-enter-active{animation:page-in .24s ease-out}.page-leave-active{animation:page-out .2s ease-in}@keyframes page-in{0%{opacity:0;transform:translateX(50vw)}50%{opacity:1}to{opacity:1;transform:translateX(0)}}@keyframes page-out{0%{opacity:1;transform:translateX(0)}50%{opacity:0}to{opacity:0;transform:translateX(-50vw)}}.basic-enter-active{transition:all .15s ease .15s}.basic-leave-active{transition:all .15s ease}.basic-enter,.basic-leave-to{transform:translateY(15px);opacity:0}.list-enter-active{animation:list-animation .16s ease both}.list-enter-active:first-child{animation-delay:0s}.list-enter-active:nth-child(2){animation-delay:.12s}.list-enter-active:nth-child(3){animation-delay:.24s}.list-enter-active:nth-child(4){animation-delay:.36s}.list-enter-active:nth-child(5){animation-delay:.48s}.list-leave-active{animation:list-animation .16s ease reverse both}.list-leave-active:first-child{animation-delay:0s}.list-leave-active:nth-child(2){animation-delay:.12s}.list-leave-active:nth-child(3){animation-delay:.24s}.list-leave-active:nth-child(4){animation-delay:.36s}.list-leave-active:nth-child(5){animation-delay:.48s}@keyframes list-animation{0%{opacity:0;transform:translateX(60px)}to{transform:translateX(0);opacity:1}}.longlist-enter-active{animation:list-animation .16s ease both}.longlist-enter-active:first-child{animation-delay:0s}.longlist-enter-active:nth-child(2){animation-delay:.04s}.longlist-enter-active:nth-child(3){animation-delay:.08s}.longlist-enter-active:nth-child(4){animation-delay:.12s}.longlist-enter-active:nth-child(5){animation-delay:.16s}.longlist-enter-active:nth-child(6){animation-delay:.2s}.longlist-enter-active:nth-child(7){animation-delay:.24s}.longlist-enter-active:nth-child(8){animation-delay:.28s}.longlist-enter-active:nth-child(9){animation-delay:.32s}.longlist-enter-active:nth-child(10){animation-delay:.36s}.longlist-enter-active:nth-child(11){animation-delay:.4s}.longlist-enter-active:nth-child(12){animation-delay:.44s}.longlist-enter-active:nth-child(13){animation-delay:.48s}.longlist-enter-active:nth-child(14){animation-delay:.52s}.longlist-enter-active:nth-child(15){animation-delay:.56s}.longlist-enter-active:nth-child(16){animation-delay:.6s}.longlist-enter-active:nth-child(17){animation-delay:.64s}.longlist-enter-active:nth-child(18){animation-delay:.68s}.longlist-enter-active:nth-child(19){animation-delay:.72s}.longlist-enter-active:nth-child(20){animation-delay:.76s}.longlist-leave-active{animation:list-animation .16s ease reverse both}.longlist-leave-active:first-child{animation-delay:0s}.longlist-leave-active:nth-child(2){animation-delay:.04s}.longlist-leave-active:nth-child(3){animation-delay:.08s}.longlist-leave-active:nth-child(4){animation-delay:.12s}.longlist-leave-active:nth-child(5){animation-delay:.16s}.longlist-leave-active:nth-child(6){animation-delay:.2s}.longlist-leave-active:nth-child(7){animation-delay:.24s}.longlist-leave-active:nth-child(8){animation-delay:.28s}.longlist-leave-active:nth-child(9){animation-delay:.32s}.longlist-leave-active:nth-child(10){animation-delay:.36s}.longlist-leave-active:nth-child(11){animation-delay:.4s}.longlist-leave-active:nth-child(12){animation-delay:.44s}.longlist-leave-active:nth-child(13){animation-delay:.48s}.longlist-leave-active:nth-child(14){animation-delay:.52s}.longlist-leave-active:nth-child(15){animation-delay:.56s}.longlist-leave-active:nth-child(16){animation-delay:.6s}.longlist-leave-active:nth-child(17){animation-delay:.64s}.longlist-leave-active:nth-child(18){animation-delay:.68s}.longlist-leave-active:nth-child(19){animation-delay:.72s}.longlist-leave-active:nth-child(20){animation-delay:.76s}.modal-enter-active{animation:modal-in .175s .1s backwards}@media (max-width:500px){.modal-enter-active{animation:modal-in-mobile .25s .15s backwards}}.modal-leave-active{animation:modal-in .175s reverse;animation-fill-mode:forwards}@media (max-width:500px){.modal-leave-active{animation:modal-in-mobile .25s reverse;animation-fill-mode:forwards}}@keyframes modal-in{0%{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-in-mobile{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.lightbox-enter-active{animation:lightbox-in .25s}.lightbox-leave-active{animation:lightbox-in .25s .1s reverse}@keyframes lightbox-in{0%{opacity:0;backdrop-filter:blur(0);background-color:transparent}to{opacity:1;backdrop-filter:blur(2px);background-color:var(--lightbox)}}.fromtop-enter-active{animation:settings-animation .16s ease both}.fromtop-leave-active{animation:settings-animation .16s ease reverse both}@keyframes settings-animation{0%{transform:translateY(-60px);opacity:0;transform-origin:right center}30%{opacity:0}to{transform:translateY(0);opacity:1}}.slide-enter-active{animation:slide-animation .1s ease both}.slide-leave-active{animation:slide-animation .1s ease reverse both}@keyframes slide-animation{0%{transform:scaleY(0);opacity:0;transform-origin:top center}to{transform:scaleY(1);transform-origin:top center;opacity:1}}.badge{display:inline-block;font-weight:600;font-size:12px;box-sizing:border-box;background-color:var(--blue);color:var(--white);padding:8px 9px 8px 9px;border-top-left-radius:20px;border-bottom-left-radius:20px;font-family:var(--systemFont);border-top-right-radius:var(--borderRadius);border-bottom-right-radius:var(--borderRadius);border:1px solid var(--border);letter-spacing:.18px}@media (max-width:500px){.badge{padding:8px 8px 7px 9px;font-size:11.5px}}.badge i{margin-right:5px;transform:scale(1.1);transform-origin:center center}.badge.blue{background-color:var(--blue)}.badge.red{background-color:var(--red)}.badge.green{color:var(--black);background-color:var(--green)}.badge.yellow{background-color:var(--yellow);color:var(--black)}.badge.grey{background-color:var(--grey);color:var(--black)}.badge.transparent{background-color:transparent;color:var(--text)}.badge.black{background-color:var(--popup)}.badge.reverse{border-top-left-radius:6px;border-bottom-left-radius:6px;border-top-right-radius:20px;border-bottom-right-radius:20px}.badge.reverse i{margin-left:5px;margin-right:0}.breadcrumbs{display:flex;width:100%;box-sizing:border-box;justify-content:flex-start;flex-wrap:wrap}.breadcrumbs::-webkit-scrollbar,.breadcrumbs::-webkit-scrollbar-thumb{width:0;display:none}.breadcrumbs .crumb{display:flex;font-size:16px;font-weight:600;letter-spacing:.35px;color:var(--textLightest);transition:var(--transition);text-transform:capitalize;width:fit-content}@media (max-width:780px){.breadcrumbs .crumb{font-size:14px;margin-bottom:6px}}@media (max-width:500px){.breadcrumbs .crumb{font-size:13px;text-align:center}}.breadcrumbs .crumb span{height:100%;display:flex;flex-direction:column;justify-content:center;margin-right:8px;white-space:pre}.breadcrumbs .crumb:before{content:"\F30B";font-family:var(--fontAwesome);display:block;padding:0 8px 0 0;color:var(--textLightest);position:relative;top:-1px;font-weight:600;display:flex;flex-direction:column;justify-content:center}.breadcrumbs .crumb:first-child:before{display:none}.breadcrumbs .crumb:hover{text-decoration:none;color:var(--textLight);transition:var(--transition);cursor:pointer}.breadcrumbs .crumb.active{color:var(--text)}.tabs{display:flex;box-sizing:border-box;background-color:var(--backgroundLayer);width:fit-content;border-radius:20px}@media (max-width:500px){.tabs{width:100%}}.tabs .tab{height:40px;padding:0 20px 2px 20px;font-family:var(--systemFont);font-size:14px;letter-spacing:.3px;flex-grow:3;font-weight:500;color:var(--textLight);border:none;text-align:center;background-color:transparent;transition:var(--transition);border-radius:8px}.tabs .tab i{transform:scale(1.3);margin-right:8px}@media (max-width:500px){.tabs .tab{padding:0 0 1px 0;font-size:12.5px;letter-spacing:.4px;height:36px}}.tabs .tab:last-child{border-bottom-right-radius:20px;border-top-right-radius:20px}.tabs .tab:first-child{border-bottom-left-radius:20px;border-top-left-radius:20px}.tabs .tab:hover{color:var(--text);transition:var(--transition)}.tabs .tab.active{font-weight:500;background-color:var(--primary);text-decoration:underline;color:var(--white);border-radius:20px}.app-page-split{display:flex;box-sizing:border-box;padding:0 0 0 0;height:100%}@media (max-width:780px){.app-page-split{flex-direction:column;padding:0 0 0 0}}.app-page-split .app-page-split-left{flex-grow:3;display:flex;flex-direction:column;min-height:40vh}@media (max-width:780px){.app-page-split .app-page-split-left{margin:0}}.app-page-split .app-page-split-left .app-page-split-left-top{display:flex;padding:0 0 0 0;border-bottom:var(--borderWidth) solid var(--popup)}.app-page-split .app-page-split-left .app-page-split-left-top .action-btn{width:fit-content;border-radius:0;border-top:0;border-bottom:0;padding-left:15px;padding-right:15px;padding-bottom:2px}.app-page-split .app-page-split-left .app-page-split-left-top .action-btn:last-child{border-right:1px solid var(--border)}.app-page-split .app-page-split-left .app-page-split-left-top .action-btn i{width:18px;transform:scale(1.44)}@media (max-width:780px){.app-page-split .app-page-split-left .app-page-split-left-top .action-btn{padding-bottom:0;height:38px}}.app-page-split .app-page-split-left .app-page-split-left-top .option-dropdown{position:relative;height:fit-content;overflow:visible;display:flex;flex-direction:row;justify-content:flex-start;width:100%}.app-page-split .app-page-split-left .app-page-split-left-top .option-dropdown .option-dropdown-content{position:absolute;margin:10px 0 0 0;left:10px;top:100%;min-width:400px;max-width:400px;width:400px;border-radius:var(--borderRadius);box-sizing:border-box;background-color:var(--popup);padding:15px;border:var(--borderWidth) solid var(--border);z-index:10}@media (max-width:500px){.app-page-split .app-page-split-left .app-page-split-left-top .option-dropdown .option-dropdown-content{width:90vw;min-width:90vw;max-width:90vw;width:calc(100vw - 20px);min-width:calc(100vw - 20px);max-width:calc(100vw - 20px)}}.app-page-split .app-page-split-left .app-page-split-left-top .option-dropdown .option-dropdown-content h1,.app-page-split .app-page-split-left .app-page-split-left-top .option-dropdown .option-dropdown-content h2,.app-page-split .app-page-split-left .app-page-split-left-top .option-dropdown .option-dropdown-content h3,.app-page-split .app-page-split-left .app-page-split-left-top .option-dropdown .option-dropdown-content h4,.app-page-split .app-page-split-left .app-page-split-left-top .option-dropdown .option-dropdown-content h5,.app-page-split .app-page-split-left .app-page-split-left-top .option-dropdown .option-dropdown-content h6,.app-page-split .app-page-split-left .app-page-split-left-top .option-dropdown .option-dropdown-content label,.app-page-split .app-page-split-left .app-page-split-left-top .option-dropdown .option-dropdown-content p{color:var(--white)}.app-page-split .app-page-split-left .app-page-split-left-top .option-dropdown .option-dropdown-content .field label{padding-bottom:10px}.app-page-split .app-page-split-left .app-page-split-left-top .option-dropdown .option-dropdown-content code{padding:3px 0 0 0;margin-bottom:15px;display:block;overflow:auto;font-size:13px;line-height:15px;font-family:var(--mono)}.app-page-split .app-page-split-left .app-page-split-left-top .option-dropdown .option-dropdown-content code pre{color:var(--white);white-space:pre}.app-page-split .app-page-split-left .app-page-split-left-top .option-dropdown .option-dropdown-content code.wrap pre{white-space:pre-line}.app-page-split .app-page-split-left .app-page-split-left-top .option-dropdown .option-dropdown-content code div{padding-left:15px}.app-page-split .app-page-split-left .app-stage{display:flex;flex-direction:column;justify-content:center;flex-grow:3;box-sizing:border-box;padding:0 0 25px 0;transition:var(--transition)}@media (max-width:992px){.app-page-split .app-page-split-left .app-stage{padding:55px 0}}.app-page-split .app-page-split-right{width:420px;height:100%;max-height:100%;overflow:auto}@media (max-width:1400px){.app-page-split .app-page-split-right{width:340px}}@media (max-width:780px){.app-page-split .app-page-split-right{width:100%;height:50%;max-height:50%}}@media (max-width:780px){.app-page-split .app-page-split-right.mobile-small{height:35%;max-height:35%}}@media (max-width:500px){.app-page-split .app-page-split-right.mobile-small{height:25%;max-height:25%}}.app-page-split .app-page-split-right .app-fields{display:block;background-color:var(--layer);box-sizing:border-box;padding:15px;border-left:var(--borderWidth) solid var(--border);height:100%;overflow:auto;display:flex;flex-direction:column;justify-content:flex-start}@media (max-width:780px){.app-page-split .app-page-split-right .app-fields{padding:50px 50px 50px 50px;border-left:none;border-right:none;border-top:var(--borderWidth) solid var(--border)}}@media (max-width:780px){.app-page-split .app-page-split-right .app-fields.mobile-noscroll{padding:10px 0 15px 0;max-height:100%;overflow:hidden;display:flex;flex-direction:column}}.app-page-split .app-page-split-right .app-fields .field code{font-family:var(--mono);font-size:16px;padding:0;box-sizing:border-box;display:block;padding:12px;border-radius:var(--borderRadius);margin:4px 0 0 0;line-height:20px;background-color:var(--background)}.app-page-split .app-page-split-right .app-fields .field .layer-selector{display:flex}.app-page-split .app-page-split-right .app-fields .field .layer-selector .layer-button{width:30px;height:30px;border:var(--borderWidth) solid var(--border);margin-right:8px;border-radius:var(--borderRadius);display:flex;flex-direction:column;justify-content:center;text-align:center;font-weight:bolder;font-size:16px;transition:var(--transitionFast)}.app-page-split .app-page-split-right .app-fields .field .layer-selector .layer-button:hover{cursor:pointer;transition:var(--transitionFast);background-color:var(--grey)}.app-page-split .app-page-split-right .app-fields .field .layer-selector .layer-button.active{background-color:var(--blue);color:var(--white)}.saved-list{display:block;width:100%}.saved-list .saved-item{width:100%;padding:5px 20px 5px 20px;box-sizing:border-box;color:var(--white);font-family:var(--mono);font-size:16px;font-weight:500}.saved-list .saved-item .delete-saved-item{color:var(--white);opacity:.2;float:right;transition:var(--transition);margin-right:10px;position:relative;top:1px}.saved-list .saved-item .preset-icon{margin-left:10px;font-weight:500;position:relative;top:1px}.saved-list .saved-item:hover{cursor:pointer}.saved-list .saved-item:hover span{text-decoration:underline}.saved-list .saved-item:hover i,.saved-list .saved-item:hover i:hover{opacity:1;transition:var(--transition)}.saved-list .saved-item:hover i:hover{color:var(--red)}body,html{margin:0 auto;font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text);background-color:var(--background)}html{display:block;flex-direction:column;overflow:hidden}body,html{width:100%;height:100%}body{max-height:100%;box-sizing:border-box;min-height:100%;overflow-y:auto;flex-grow:3}body.scroll-lock{overflow:hidden;max-height:100%}body.no-animations .basic-enter-active,body.no-animations .basic-leave-active,body.no-animations .lightbox,body.no-animations .load-enter-active,body.no-animations .load-leave-active,body.no-animations .modal-enter-active,body.no-animations .modal-leave-active,body.no-animations .page-enter-active,body.no-animations .page-leave-active,body.no-animations .settings-enter-active,body.no-animations .settings-leave-active,body.no-animations .settings-nav-popover,body.no-animations .tab-enter-active,body.no-animations .tab-leave-active,body.no-animations .toast-enter-active,body.no-animations .toast-leave-active{transition-duration:0s!important;animation-duration:0s!important;animation:none!important}*{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-overflow-scrolling:touch;text-rendering:optimizeLegibility}@media (max-width:780px){* a,* b,* button,* h1,* h2,* h3,* h4,* h5,* h6,* label,* li,* p,* small,* span{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}}::-webkit-scrollbar{width:8px;height:8px;width:0}::selection{background:#1058e7;color:#fff}.fab,.fal,.far,.fas{text-decoration:none!important;text-decoration-color:transparent!important}.no-scrollbars,.no-scrollbars *{scrollbar-width:none}.no-scrollbars::-webkit-scrollbar,.no-scrollbars ::-webkit-scrollbar,.no-scrollbars::-webkit-scrollbar-thumb,.no-scrollbars ::-webkit-scrollbar-thumb{width:0;display:none}.page{box-sizing:border-box;padding:20px 25px 0 25px;overflow:auto;height:100%;background-color:var(--pageBackground)}@media (max-width:780px){.page{padding:15px 15px 0 15px}}.page .text-page-content{max-width:1100px;margin:0 auto}