.storage-space-information{font-size:12px;display:flex;justify-content:center;flex-direction:column;align-items:center;line-height:1.5}.storage-space-information-content{display:flex;justify-content:space-between;padding:3px}.storage-space-information-content span{padding:0 5px}.storage-space-information-warning{text-align:center;line-height:1.2;margin-top:2px}.storage-space-information-error{font-size:14px;text-align:center;line-height:1.1;max-width:440px}

.app-background{bottom:0;left:0;opacity:.6;position:fixed;right:0;top:0;z-index:0}.app-background::after{background:linear-gradient(rgba(0,0,0,0.15), transparent 25%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.app-background .app-background__texture-1{background:url(images/bg_texture_01-bbf1dd9d1b7495a3714612239e3812b8.svg);background-repeat:no-repeat;background-size:466px 644px;height:644px;opacity:.5;position:absolute;right:0;top:0;width:446px}.app-background .app-background__texture-2{background:url(images/bg_texture_02-ca2b873562c91867636b47b00168a859.svg);background-repeat:no-repeat;background-size:236px 411px;bottom:40px;height:411px;left:0;opacity:.3;position:absolute;width:236px}

.app-footer{display:flex;flex-direction:row;font-size:13px;justify-content:space-between;left:0;margin:0 auto;padding:0 15px;position:relative;right:0;align-items:center;width:100%}.app-footer__legal{align-items:center;display:flex;flex-direction:row;max-width:81vw}.app-footer__legal-link{color:var(--grey-90);cursor:pointer;margin-right:2vw;opacity:.9;text-decoration:none;white-space:nowrap}.app-footer__legal-link:hover,.app-footer__legal-link:focus{opacity:1}.app-footer__legal-link:visited{color:var(--grey-90)}.app-footer__legal-logo{height:32px;margin-bottom:-5px;width:112px}.app-footer__social{display:flex;justify-content:space-between;width:94px}.app-footer__social-link{opacity:1}.app-footer__social-logo{height:32px;margin-bottom:-5px;width:32px}

.theme-url{background:var(--white-100);box-shadow:0 0 0 1px var(--grey-90-a10),0 10px 20px var(--grey-90-a20);display:flex;flex-wrap:wrap;flex:1;padding:10px;position:absolute;top:60px;right:8px;width:280px}.theme-url.disabled{display:none}.theme-url.extension{right:70px}.theme-url::after{content:"";width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid white;position:absolute;top:-8px;right:32px}.theme-url::before{content:"";width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid var(--grey-90-a10);position:absolute;top:-9px;right:30px;z-index:-10}.theme-url h2{margin-top:0;cursor:text}.theme-url p{cursor:text;font-size:14px;line-height:1.5rem}.theme-url label{flex:1 0 100%}.theme-url input[type="text"]{border-radius:3px 0 0 3px;border:1px solid var(--grey-30);font-size:12px;height:32px;flex:1;padding:0 10px}.theme-url input[type="submit"]{color:var(--white);background:var(--blue-50);border-radius:0 3px 3px 0;border:0;flex:0 0 72px;font-size:12px;height:32px;cursor:pointer}.theme-url input[type="submit"]:hover:not(:disabled),.theme-url input[type="submit"]:focus:not(:disabled){background-color:var(--blue-60)}.theme-url input[type="submit"]:active:not(:disabled){background-color:var(--blue-70)}.theme-url input[type="submit"]:disabled{opacity:.5;cursor:disabled}

.app-header{align-items:center;background:var(--grey-10);display:flex;height:64px;justify-content:space-between;padding:0 15px;position:relative;width:100%;z-index:2}.app-header .app-header__content{align-items:center;display:flex;margin:0 auto;width:100%}.app-header .app-header__icon{background-image:url(images/logo-6a4e1fc5341a45a5081ea08167f93ecb.svg);background-position:center 1px;background-repeat:no-repeat;background-size:32px auto;height:32px;margin-right:10px;width:32px}.app-header h1{font-size:24px;letter-spacing:-.2px;margin:0}.app-header .app-header__controls{display:flex;align-items:center}.app-header .app-header__spacer{background:var(--grey-90-a10);height:46px;width:1px;margin:10px}.app-header .app-header__button{align-items:center;background:transparent;border:0;display:flex;flex-direction:column;height:64px;justify-content:center;padding:0;width:64px}.app-header .app-header__button .app-header__button-icon{align-items:Center;display:flex;height:20px;margin-bottom:1px;width:22px}.app-header .app-header__button.disabled{pointer-events:none}.app-header .app-header__button.disabled .app-header__button-icon,.app-header .app-header__button.disabled span{opacity:.5}.app-header .app-header__button:not(.disabled){cursor:pointer}.app-header .app-header__button:not(.disabled):hover{background:var(--grey-90-a05)}.app-header .app-header__button:not(.disabled):active{background:var(--grey-90-a10)}@media (max-width: 720px){.app-header header{display:none}}

.app-loading-indicator{align-items:center;background:var(--white);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:20000;flex-direction:column}.app-loading-indicator .app-loading-indicator__spinner{align-items:center;border-radius:50%;color:white;display:flex;height:74px;width:74px;position:relative;overflow:hidden}.app-loading-indicator .app-loading-indicator__spinner::before{content:"";animation-duration:8s;animation-iteration-count:infinite;animation-name:rainbow;animation-timing-function:ease-in-out;box-shadow:0 0 0 6px inset #bf4040;width:72px;height:72px;border-radius:50%;margin:1px}.app-loading-indicator .app-loading-indicator__spinner::after{content:"";box-sizing:border-box;width:72px;height:72px;animation:rotate linear 1.88s infinite;transform-origin:left top;background:rgba(255,255,255,0.7);position:absolute;top:37px;left:37px}.app-loading-indicator .app-loading-indicator__quote{font-size:24px;line-height:32px;margin:40px 0 20px;max-width:360px;text-align:center}.app-loading-indicator .app-loading-indicator__attribution{font-style:oblique;margin:0;max-width:360px}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes rainbow{0%{box-shadow:0 0 0 6px inset #bf4040}16%{box-shadow:0 0 0 6px inset #bfbf40}32%{box-shadow:0 0 0 6px inset #40bf40}48%{box-shadow:0 0 0 6px inset #40bfbf}64%{box-shadow:0 0 0 6px inset #4040bf}80%{box-shadow:0 0 0 6px inset #bf40bf}96%{box-shadow:0 0 0 6px inset #bf4040}}

.mobile{align-items:center;background:linear-gradient(135deg, var(--teal-60) 0%, var(--blue-50) 100%);display:flex;flex-direction:column;justify-content:center;min-height:100vh}.mobile__content{margin:0 auto;max-width:320px;text-align:center;width:86%}.mobile__content h1{font-weight:300}.mobile__content p{font-size:1.1rem;line-height:1.66rem}.mobile__content h1,.mobile__content p{color:var(--white-100);margin:0 0 24px}.mobile__content a{align-items:center;border-radius:30px;border:2px solid var(--white-100);color:var(--white-100);display:flex;font-size:1.1rem;height:60px;justify-content:center;line-height:1.66rem;margin:0 auto;max-width:240px;text-decoration:none}.mobile__logo{background-image:url(images/logo-white-018e32f614654b55dcf5900f59e39332.svg);background-position:center center;background-repeat:no-repeat;background-size:76px auto;height:76px;margin:0 auto 12px;width:76px}

.browser-chrome{border-radius:3px 3px 0 0;position:relative;z-index:1}

.browser-tabs{width:100%;position:relative;z-index:10}.browser-tabs__inner{display:grid;list-style:none;margin:0;padding:0}.browser-tabs__tab{-moz-user-select:none;display:flex;justify-content:center;margin:0;padding:0;position:relative;text-align:center}.browser-tabs__tab-inner{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.browser-tabs__tab-line{position:absolute;top:0;left:0;right:0;height:3px;opacity:0;transform:scaleX(0);transition:transform 75ms, opacity 200ms;transform-origin:center top;transition-timing-function:cubic-bezier(0.17, 0.67, 0.83, 0.67)}.browser-tabs--large{height:54px}.browser-tabs--large>.browser-tabs__inner{grid-template-columns:repeat(3, minmax(180px, 240px));grid-template-rows:54px;padding:0 64px}.browser-tabs--large .browser-tabs__title{border-radius:5px;height:10px;width:128px}.browser-tabs--medium{height:40px;padding:0 36px;border-radius:4px 4px 0 0}.browser-tabs--medium>.browser-tabs__inner{grid-template-columns:repeat(3, 1fr);grid-template-rows:40px}.browser-tabs--medium .browser-tabs__tab{align-items:center}.browser-tabs--medium .browser-tabs__title{border-radius:4px;height:8px;width:80px}.browser-tabs--small{height:20px;padding:0 16px}.browser-tabs--small>.browser-tabs__inner{grid-template-columns:repeat(3, 1fr);grid-template-rows:20px}.browser-tabs--small .browser-tabs__tab{align-items:center}.browser-tabs--small .browser-tabs__title{margin-top:1px;border-radius:2px;height:4px;width:32px}

.browser-tools{position:relative;width:100%;z-index:10}.browser-tools .browser-tools__inner{align-items:center;display:flex}.browser-tools .browser-tools__field{align-items:center;display:flex;flex-grow:1}.browser-tools .browser-tools__field .browser-tools__button{padding:0}.browser-tools .browser-tools__field-text{flex:1}.browser-tools .browser-tools__button{align-items:center;display:flex;flex-grow:0;margin:0}.browser-tools .browser-tools__button>div>div{align-items:center;display:flex;justify-content:center}.browser-tools .browser-tools__button-inner{border-radius:50%}.browser-tools--large>.browser-tools__inner{height:60px;padding:0 10px}.browser-tools--large .browser-tools__field{border-radius:3px;font-size:20px;height:36px;margin:0 10px}.browser-tools--large .browser-tools__field .browser-tools__field-text{border-radius:5px;height:10px;margin:0 0 0 40px}.browser-tools--large .browser-tools__field .browser-tools__button{flex:0 0 18px;height:18px;margin:16px}.browser-tools--large .browser-tools__field .browser-tools__button-inner{flex:0 0 18px;height:18px}.browser-tools--large .browser-tools__button{padding:8px}.browser-tools--large .browser-tools__button-inner{height:24px;width:24px}.browser-tools--large img,.browser-tools--large svg{height:24px;width:24px}.browser-tools--medium .browser-tools__inner{height:56px;padding:0 10px}.browser-tools--medium .browser-tools__field{border-radius:4px;height:32px;margin:0 10px}.browser-tools--medium .browser-tools__field .browser-tools__field-text{border-radius:4px;height:10px;margin:0 72px 0 20px}.browser-tools--medium .browser-tools__button{padding:0 10px}.browser-tools--medium .browser-tools__button-inner{height:20px;width:20px}.browser-tools--small .browser-tools__inner{height:30px;padding:0 4px 0 2px}.browser-tools--small .browser-tools__field{border-radius:2px;height:14px;margin:0 4px}.browser-tools--small .browser-tools__field .browser-tools__field-text{border-radius:2px;height:4px;margin:0 30px 0 8px}.browser-tools--small .browser-tools__button{padding:0 4px}.browser-tools--small .browser-tools__button-inner{height:8px;width:8px}

.browser-popup{position:absolute;z-index:11}.browser-popup .browser-popup__caret-shadow{transform:rotate(45deg);position:absolute;z-index:-1}.browser-popup .browser-popup__caret{transform:rotate(45deg);position:absolute;z-index:1}.browser-popup .browser-popup__inner{position:relative;margin:0;list-style:none}.browser-popup.browser-popup--large,.browser-popup.browser-popup--medium{top:106px;right:-8px}.browser-popup.browser-popup--large .browser-popup__inner,.browser-popup.browser-popup--medium .browser-popup__inner{border-radius:var(--medium-unit-border-radius);box-shadow:var(--medium-unit-box-shadow);background-color:var(--white-a96);border-radius:4px;width:240px;padding:24px 18px}.browser-popup.browser-popup--large .browser-popup__inner li,.browser-popup.browser-popup--medium .browser-popup__inner li{margin:16px 0}.browser-popup.browser-popup--large .browser-popup__inner li:first-child,.browser-popup.browser-popup--medium .browser-popup__inner li:first-child{width:90%;margin-top:0}.browser-popup.browser-popup--large .browser-popup__inner li:last-child,.browser-popup.browser-popup--medium .browser-popup__inner li:last-child{width:95%;margin-bottom:0}.browser-popup.browser-popup--large .browser-popup__caret-shadow,.browser-popup.browser-popup--medium .browser-popup__caret-shadow{width:22px;height:22px;right:26px;top:-5px;clip-path:polygon(-15px -25px, -15px 28px, 40px -26px);box-shadow:var(--medium-unit-box-shadow)}.browser-popup.browser-popup--large .browser-popup__caret,.browser-popup.browser-popup--medium .browser-popup__caret{width:20px;height:20px;right:27px;top:-5px;clip-path:polygon(-15px -25px, -15px 28px, 40px -26px)}.browser-popup.browser-popup--large .browser-popup__item,.browser-popup.browser-popup--medium .browser-popup__item{height:10px;border-radius:5px}.browser-popup.browser-popup--medium{top:90px}.browser-popup.browser-popup--small{top:44px;right:0}.browser-popup.browser-popup--small .browser-popup__inner{border-radius:var(--small-unit-border-radius);box-shadow:var(--small-unit-box-shadow);background-color:var(--white-a96);border:1px solid var(--grey-90-a05);border-radius:2px;padding:6px 8px;width:80px}.browser-popup.browser-popup--small .browser-popup__caret-shadow{width:12px;height:12px;right:6px;top:-5px}.browser-popup.browser-popup--small .browser-popup__caret{width:10px;height:10px;right:7px;top:-5px}.browser-popup.browser-popup--small .browser-popup__item{height:4px;margin:2px 0;border-radius:2px}

.browser{background:var(--white-100);position:relative;border-radius:3px;display:flex;flex-direction:column;flex:1}.browser--large{border-radius:var(--large-unit-border-radius);box-shadow:var(--large-unit-box-shadow);background-color:var(--white-a96)}.browser--large .browser__content{background-color:var(--grey-10);display:flex;flex-direction:column;height:100%;justify-content:space-between;position:relative;z-index:0}.browser--medium{border-radius:var(--medium-unit-border-radius);box-shadow:var(--medium-unit-box-shadow);background-color:var(--white-a96)}.browser--small{border-radius:var(--small-unit-border-radius);box-shadow:var(--small-unit-box-shadow);background-color:var(--white-a96);border:1px solid var(--grey-20)}.browser--small .browser__content{padding:6px;flex:1;border-top:1px solid var(--grey-20)}

.shared-theme-dialog-wrapper{align-items:center;animation-duration:250ms;animation-fill-mode:forwards;animation-name:fade-in;background:rgba(12,12,13,0.6);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;width:100%;z-index:10000}.shared-theme-dialog-wrapper .shared-theme-dialog{border-radius:var(--large-unit-border-radius);box-shadow:var(--large-unit-box-shadow);background-color:var(--white-a96);animation-delay:500ms;animation-duration:250ms;animation-fill-mode:forwards;animation-name:pop-in;background:#30324f;border-radius:6px;height:437px;opacity:0;overflow:hidden;position:relative;width:600px}.shared-theme-dialog-wrapper .shared-theme-dialog .preview{display:flex;justify-content:center;background-image:url(images/stars-bg-4e278f24edd90ba8c506e1b63a607290.svg);background-repeat:no-repeat;border-radius:6px 6px 0 0;height:282px;left:21px;position:absolute;top:50px;width:calc(100% - 42px)}.shared-theme-dialog-wrapper .shared-theme-dialog .browser{width:80%}.shared-theme-dialog-wrapper .shared-theme-dialog .options{align-items:center;background:var(--white);bottom:0;display:flex;flex-direction:column;height:155px;justify-content:center;position:absolute;width:100%;z-index:20000;box-shadow:0 0 20px rgba(12,12,13,0.3)}.shared-theme-dialog-wrapper .shared-theme-dialog .options .buttons{display:flex;flex-direction:row;justify-content:center;width:100%}.shared-theme-dialog-wrapper .shared-theme-dialog .options .buttons button{align-items:center;border-radius:2px;border:none;cursor:pointer;display:flex;font-size:16px;height:34px;justify-content:center;text-decoration:none;transition:background 50ms;min-width:160px;padding:0 16px;text-align:center;color:var(--white);background:var(--blue-50);margin:10px}.shared-theme-dialog-wrapper .shared-theme-dialog .options .buttons button:hover:not(:disabled),.shared-theme-dialog-wrapper .shared-theme-dialog .options .buttons button:focus:not(:disabled){background-color:var(--blue-60)}.shared-theme-dialog-wrapper .shared-theme-dialog .options .buttons button:active:not(:disabled){background-color:var(--blue-70)}.shared-theme-dialog-wrapper .shared-theme-dialog .options .buttons button:disabled{opacity:.5;cursor:disabled}.shared-theme-dialog-wrapper .shared-theme-dialog .options .buttons button.skip{align-items:center;border-radius:2px;border:none;cursor:pointer;display:flex;font-size:16px;height:34px;justify-content:center;text-decoration:none;transition:background 50ms;min-width:160px;padding:0 16px;text-align:center;color:var(--grey-90);background-color:rgba(12,12,13,0.1)}.shared-theme-dialog-wrapper .shared-theme-dialog .options .buttons button.skip:hover:not(:disabled),.shared-theme-dialog-wrapper .shared-theme-dialog .options .buttons button.skip:focus:not(:disabled){background-color:rgba(12,12,13,0.2)}.shared-theme-dialog-wrapper .shared-theme-dialog .options .buttons button.skip:active:not(:disabled){background-color:rgba(12,12,13,0.3)}.shared-theme-dialog-wrapper .shared-theme-dialog .options .buttons button.skip:disabled{color:var(--grey-40);cursor:default}

.modal{align-items:center;background:var(--grey-90-a60);bottom:0;display:none;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.modal--display{display:flex}.modal__content{border-radius:var(--large-unit-border-radius);box-shadow:var(--large-unit-box-shadow);background-color:var(--white-a96);align-items:center;animation:translate-in 250ms forwards ease-out;background:var(--white-100);box-shadow:0 10px 20px var(--grey-90-a20);display:flex;flex-direction:column;justify-content:space-around;line-height:1.5rem;min-height:200px;padding:32px 40px;position:relative;text-align:center;width:400px;will-change:transform}.modal__content h2,.modal__content p{margin:0}.modal__content a:not(.modal__button):not(:visited){color:var(--blue-50)}.modal__toggle{color:var(--grey-90);background-color:rgba(12,12,13,0.1);align-items:center;border-radius:3px;border:0;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:12px;top:12px;width:40px}.modal__toggle:hover:not(:disabled),.modal__toggle:focus:not(:disabled){background-color:rgba(12,12,13,0.2)}.modal__toggle:active:not(:disabled){background-color:rgba(12,12,13,0.3)}.modal__toggle:disabled{color:var(--grey-40);cursor:default}.modal__form{display:flex;flex-direction:column;align-items:center}.modal__form input{padding:8px;border:1px solid var(--grey-90-a20);width:320px;border-radius:3px;font-size:16px;margin-top:12px}.modal__form:focus{border:1px solid var(--blue-50)}.modal__buttons{display:flex;justify-content:space-around}.modal__button{align-items:center;border-radius:2px;border:none;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;text-decoration:none;transition:background 50ms;min-width:150px;padding:0 20px;text-align:center;color:var(--white);background:var(--blue-50);margin:0 8px}.modal__button:hover:not(:disabled),.modal__button:focus:not(:disabled){background-color:var(--blue-60)}.modal__button:active:not(:disabled){background-color:var(--blue-70)}.modal__button:disabled{opacity:.5;cursor:disabled}.modal__button:disabled{opacity:.7;cursor:default}@keyframes translate-in{0%{opacity:0;transform:translate3d(0, 120px, 0)}100%{opacity:1;transform:translate3d(0, 0, 0)}}

.onboarding{align-items:center;opacity:0;animation:fade-in forwards 500ms;animation-delay:250ms;background:rgba(0,0,0,0.5);bottom:0;display:none;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.onboarding--display{display:flex}.onboarding__panels{align-items:center;border-radius:var(--large-unit-border-radius);box-shadow:var(--large-unit-box-shadow);display:flex;flex-direction:column;height:320px;justify-content:center;position:relative;transition:background 250ms;width:540px;z-index:1}.onboarding__panels button{background:transparent;border-radius:3px;border:0;border:1px solid white;bottom:10px;color:white;cursor:pointer;font-size:16px;padding:10px;position:absolute;right:10px;transition:background 100ms;width:100px}.onboarding__panels button:hover{background:rgba(255,255,255,0.1)}.onboarding__panels button:active{background:rgba(255,255,255,0.2)}.onboarding__content{align-items:center;color:white;display:flex;flex-direction:column;font-size:24px;font-weight:bold;justify-content:center;line-height:32px;padding:20px;text-align:center;overflow:hidden}@keyframes animatedBackground{0%{transform:translateX(182px)}100%{transform:translateX(0)}}.stuff{animation:animatedBackground 500ms;margin-bottom:12px}.stuff svg:first-child{transform:translate(-22px, -70px)}.stuff svg:last-child{transform:translate(30px, 6px)}.onboarding__icon{background-image:url(images/onboarding-ebd6dc39572ed51f5611c7f6cb29572b.png);background-repeat:no-repeat;background-size:1400px 110px;height:110px;margin:-24px auto 24px;overflow:hidden;transition:background-position 500ms;width:280px}.onboarding__icon.onboarding__icon--close{background-image:none;height:0}

.banner{flex:1}.banner__content{align-items:center;animation:fade-in 500ms forwards;animation-delay:250ms;display:flex;flex-direction:column;height:100%;justify-content:center;opacity:0;width:100%;z-index:999;padding:32px}.banner__content h2{align-items:center;display:flex;font-size:40px;font-weight:600;justify-content:center;width:100%;line-height:40px;margin:0 0 32px;text-align:center}.banner__content h3{font-size:16px;font-weight:normal;margin:0 0 16px}.banner__content p{align-items:center;color:var(--grey-50);display:flex;font-size:12px;line-height:12px;margin:12px 0 0}.banner__content .banner__button{color:var(--white);background-color:var(--green-60);box-shadow:0 -3px 0 var(--grey-90-a10) inset;align-items:center;border-radius:32px;border:none;cursor:pointer;display:flex;font-size:24px;height:64px;justify-content:center;text-decoration:none;transition:background 50ms;min-width:300px;padding:0 24px;text-align:center;background-image:url(images/firefox-41d2788b3c073ca8a4fb264eb79b3eb1.svg);background-position:12px center;background-repeat:no-repeat;background-size:auto 44px;margin:0 auto;padding-left:64px}.banner__content .banner__button:hover,.banner__content .banner__button:focus{background-color:var(--green-70)}.banner__content .banner__button:active{background-color:var(--green-80)}@media (max-height: 720px), (max-width: 640px){.banner__content{padding:20px}.banner__content h2{font-size:32px;line-height:32px;margin:0 0 20px;text-align:center}.banner--ff-ad .banner__content h2{margin:0}.banner__content h3{margin:8px 0 24px}}

.theme-logger{height:100%;overflow:auto;background:#000;width:100%}.theme-logger pre{color:lime;font-family:monospace;font-size:14px;font-weight:bold;line-height:20px;padding:10px;user-select:text;-moz-user-select:text}

.theme-selector-footer{display:flex;grid-column:1 / -1;grid-row:4 / 5;justify-content:center;margin:0;flex-direction:column;align-items:center;min-height:80px}.theme-selector-footer.theme-selector-footer-expanded{justify-content:flex-start}.theme-selector-footer div.page-selector{margin-bottom:8px}.theme-selector-footer div.page-selector button{background:transparent;border:0;color:transparent;cursor:pointer;height:18px;margin:2px;overflow:hidden;padding:0;position:relative;white-space:nowrap;width:18px;z-index:2}.theme-selector-footer div.page-selector button.page::before{border-radius:8px;border:2px solid var(--grey-40);box-sizing:border-box;content:"";height:10px;left:4px;position:absolute;top:4px;width:10px}.theme-selector-footer div.page-selector button.current-page::before{background:var(--grey-60);border:0;content:""}.theme-selector-footer div.page-selector button.previous,.theme-selector-footer div.page-selector button.next{background-position:center center;background-repeat:no-repeat;background-size:10px 18px;opacity:.7;transition:opacity 125ms}.theme-selector-footer div.page-selector button.previous:hover,.theme-selector-footer div.page-selector button.next:hover{opacity:1}.theme-selector-footer div.page-selector button.previous.disabled,.theme-selector-footer div.page-selector button.next.disabled{cursor:auto;opacity:.3}.theme-selector-footer div.page-selector button.previous{background-image:url(images/arrow_left-4414df81c619ff7e87307791c45eda11.svg)}.theme-selector-footer div.page-selector button.next{background-image:url(images/arrow_right-00c38752641aeb3ad544375c1afcdf9b.svg)}.theme-selector{display:grid;grid-gap:24px;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(3, 1fr) 18px;padding:20px 24px 0;width:100%;height:300px}.theme-selector-preview{border-radius:3px;cursor:pointer;position:relative;transition:box-shadow 100ms;display:flex}.theme-selector-preview:hover{box-shadow:0 0 0 3px var(--blue-40)}.theme-selector-preview:hover button{opacity:1;visibility:visible}.theme-selector-preview button{align-items:center;background:linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.95));border-radius:50%;border:0;box-shadow:0 0 10px rgba(0,0,0,0.1);cursor:pointer;display:flex;height:36px;justify-content:center;opacity:0;position:absolute;right:-12px;top:-12px;transition:opacity 125ms, box-shadow 125ms;visibility:hidden;width:36px;z-index:2}.theme-selector-preview button:hover{box-shadow:0 0 0 3px var(--blue-40)}

.theme-pattern-picker{display:flex;flex-direction:column;flex:1;padding:12px 0}.theme-pattern-picker p{text-align:center;margin-top:10px}.theme-pattern-picker input[type="radio"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.theme-pattern-picker .theme-pattern-picker__inner{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:64px;width:100%;grid-gap:24px;overflow:auto;padding:12px 24px;margin-bottom:12px}.theme-pattern-picker input[type="radio"]:checked+div{box-shadow:0 0 0 1px var(--white-100),0 0 0 3px var(--blue-40)}.theme-pattern-picker input[type="radio"]:focus+div{box-shadow:0 0 0 1px var(--white-100),0 0 0 3px var(--grey-30)}.theme-pattern-picker .theme-pattern-picker__pattern{border-radius:3px;overflow:hidden;transition:box-shadow 150ms;width:100%;height:100%}.theme-pattern-picker .theme-pattern-picker__pattern:hover{box-shadow:0 0 0 1px var(--white-100),0 0 0 3px var(--grey-30)}.theme-pattern-picker .theme-pattern-picker__color{display:block;width:100%;height:100%}

.modal-wrapper--clear-image{position:absolute;right:-10px;top:-20px}.modal-wrapper--clear-image .modal--display{border-radius:4px}.modal-wrapper--clear-image .modal__content{animation:none}.modal-wrapper--clear-image .modal{position:relative;right:100px;z-index:99999;top:150px}.modal-wrapper--clear-image .modal__toggle{display:none}.modal-wrapper--clear-image .modal__buttons{display:flex;justify-content:space-around}.modal-wrapper--clear-image button{background:var(--blue-50);height:40px;border:none;font-size:14px;color:var(--white);cursor:pointer;padding:0 10px;min-width:90px;border-radius:2px;margin:20px 10px 0}

.custom-background{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;flex:1}.custom-background-storage-error{display:flex;justify-content:center;font-size:14px;font-weight:bold}.backgroundList{list-style-type:none;margin:0 0 20px;padding:0;width:100%}.inputfile{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.privacy-note{padding:0 36px;font-size:12px;color:var(--grey-90-a50);text-align:center}.import-image{align-items:center;border-radius:2px;border:none;cursor:pointer;display:flex;font-size:16px;height:34px;justify-content:center;text-decoration:none;transition:background 50ms;min-width:160px;padding:0 16px;text-align:center;color:var(--grey-90);background-color:rgba(12,12,13,0.1)}.import-image:hover:not(:disabled),.import-image:focus:not(:disabled){background-color:rgba(12,12,13,0.2)}.import-image:active:not(:disabled){background-color:rgba(12,12,13,0.3)}.import-image:disabled{color:var(--grey-40);cursor:default}.import-image.default{color:var(--white);background:var(--blue-50);height:40px;font-size:18px}.import-image.default:hover:not(:disabled),.import-image.default:focus:not(:disabled){background-color:var(--blue-60)}.import-image.default:active:not(:disabled){background-color:var(--blue-70)}.import-image.default:disabled{opacity:.5;cursor:disabled}.add-image .status-message{align-items:center;background:var(--grey-90-a50);bottom:0;color:var(--white-100);display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.add-image img.status-icon{height:16px;margin:0 23px;width:16px}.add-image img.status-icon.error{transform:rotate(180deg)}.customBackgroundItem{width:100%;height:72px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:16px;transition:box-shadow 200ms}.customBackgroundItem:nth-child(odd){background-color:var(--grey-90-a05)}.customBackgroundItem .import-image{padding:0;font-size:14px;min-width:132px}.customBackgroundItem .drag-handle{display:block;height:16px;margin-right:23px;opacity:.5;width:16px;background:url(images/icon_drag-58fda98aa0851f7db10182ab74ab6d53.svg) no-repeat 0 0/16px 16px}.customBackgroundItem .drag-handle.importing{background-image:url(images/icon_loading-0d6a8f2cb5a3b00aea561953fbb50223.svg)}.customBackgroundItem .drag-handle.error{background-image:url(images/info-16-1196b1872a7fd89ab8f0f67df3c15bfb.svg);transform:rotate(180deg)}.customBackgroundItem .drag-handle.draggable{cursor:move}.customBackgroundItem .image-preview{align-items:center;display:flex;flex-direction:row;flex:1 1 352px;height:100%}.customBackgroundItem .image-preview img{max-width:100px;height:auto;margin-right:1em;max-height:70px}.customBackgroundItem .image-preview .name{text-overflow:ellipsis;margin:0;white-space:nowrap;overflow:hidden;max-width:150px;flex:0 1 150px}.customBackgroundItem .align-group{padding-right:10px;margin:0 0 0 10px;border-right:1px solid rgba(12,12,13,0.1);display:flex;flex-direction:row;align-items:center}.customBackgroundItem .align-group:last-of-type{border-right:none}.customBackgroundItem .align-group .align-button{display:flex;background:transparent;opacity:.8;cursor:pointer;border:none;border-radius:2px;width:32px;height:32px;flex-direction:column;justify-content:center;align-items:center;margin:0 0 0 2px}.customBackgroundItem .align-group .align-button:hover{background:var(--grey-90-a10)}.customBackgroundItem .align-group .align-button.selected{background:var(--grey-90-a20)}.customBackgroundItem .align-group .align-button.align-button-horizontal-center img{transform:rotate(90deg)}.customBackgroundItem .align-group .align-button.align-button-horizontal-right img{transform:rotate(180deg) scaleY(-1)}.customBackgroundItem .align-group .align-button.align-button-vertical-top img{transform:scaleX(-1) rotate(90deg)}.customBackgroundItem .align-group .align-button.align-button-vertical-bottom img{transform:rotate(-90deg)}.customBackgroundItem .tiling{background:#fff;border-radius:2px;border:1px solid rgba(12,12,13,0.1);color:#0c0c0d;cursor:pointer;font-size:16px;letter-spacing:0;line-height:22px;padding:4px 20px 4px 4px;width:170px;height:35px;margin:0 10px 0;-moz-appearance:none;background-image:url(images/arrow-down-fe483efd13d18d007f366e627e9dbe8e.svg);background-repeat:no-repeat;background-size:12px 12px;background-position:right 6px center}.customBackgroundItem .clear{background-color:transparent;background-image:url(images/close-17c3fa5426d00958890b00835ac381a7.svg);background-position:center center;background-repeat:no-repeat;border:0;flex:0 0 34px;height:34px;margin:0 0 0 8px;border-radius:3px}.customBackgroundItem .clear:hover,.customBackgroundItem .clear:focus{background-color:var(--grey-90-a10);cursor:pointer}.customBackgroundItem .clear:active{background-color:var(--grey-90-a20)}.dragHelper{border-radius:var(--medium-unit-border-radius);box-shadow:var(--medium-unit-box-shadow);background-color:var(--white-a96);z-index:9999}@media (max-width: 940px){.image-preview{flex:1 1 200px}.image-preview .name{display:none}.customBackgroundItem .align-group{margin:0}.customBackgroundItem .image-preview{flex:0}.customBackgroundItem .tiling{width:0}.customBackgroundItem .import-image{min-width:119px}}

.theme-background-picker{display:flex;height:100%;width:100%;flex-direction:column}.theme-background-picker-form{display:flex;height:320px;width:100%}

.theme-colors-editor{display:flex;justify-content:space-between;width:100%;height:100%}.theme-colors-editor-main{width:100%}.theme-colors-editor__list{display:grid;grid-template-rows:repeat(20, 44px);grid-gap:4px;grid-template-columns:1fr 1fr;margin:0 0 10px;padding:16px;position:relative;flex:1 1 640px;height:350px;overflow:auto}.theme-colors-editor__list .theme-unit{align-items:center;display:flex;padding:0 16px;cursor:pointer;transition:background 150ms}.theme-colors-editor__list .theme-unit:hover{background:var(--grey-90-a05)}.theme-colors-editor__list .theme-unit.selected .theme-unit__label{color:var(--blue-50)}.theme-colors-editor__list .theme-unit.selected .theme-unit__picker{display:block}.theme-colors-editor__list .theme-unit.selected .theme-unit__swatch{box-shadow:0 0 0 2px var(--blue-50)}.theme-colors-editor__list .theme-unit__swatch{border-radius:2px;border:1px solid var(--grey-90-a30);height:20px;width:20px;margin-right:16px}.theme-colors-editor__picker{flex:0 0 270px;border-left:1px solid var(--grey-30);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.theme-colors-editor__picker .theme-colors-editor__prompt{align-items:center;background:var(--grey-10);display:flex;flex:1;height:100%;justify-content:center;padding:12px}.theme-colors-editor__picker .theme-colors-editor__prompt-description{flex:0 0 170px}.theme-colors-editor__picker .theme-colors-editor__prompt-arrow{width:24px;height:24px;background:url(images/arrowhead-left-adedb44a8006ad3cacc0401f5710967a.svg);margin-right:16px}.theme-colors-editor__options{display:flex;flex-direction:column}.theme-colors-editor__disabled{filter:grayscale(100%)}.theme-colors-editor__disabled:hover{filter:grayscale(70%)}.sketch-picker{box-sizing:border-box !important;box-shadow:none !important;border-radius:0 !important}

.theme-builder{-moz-user-select:none;border-top:1px solid var(--grey-90-a20);user-select:none;width:100%}.theme-builder .theme-builder__tabs-wrapper{background:var(--grey-20);border-bottom:1px solid var(--grey-90-a10);display:flex;height:48px;width:100%}.theme-builder .theme-builder__tabs{display:grid;grid-template-columns:repeat(auto-fill, minmax(20%, 1fr));justify-content:center;width:100%}.theme-builder .theme-builder__tabs button{align-items:center;display:flex;height:48px;justify-content:center;margin:0;padding:0;border:0;position:relative;text-align:center;background:transparent;font-size:16px}.theme-builder .theme-builder__tabs button::after{background:var(--grey-90-a10);content:"";height:2px;position:absolute;top:0;transform-origin:center top;transform:scaleX(0);transition:transform 150ms ease-out;width:100%}.theme-builder .theme-builder__tabs button:hover:not(.theme-builder__selected),.theme-builder .theme-builder__tabs button:focus:not(.theme-builder__selected){background:var(--grey-90-a05)}.theme-builder .theme-builder__tabs button:hover:not(.theme-builder__selected)::after,.theme-builder .theme-builder__tabs button:focus:not(.theme-builder__selected)::after{transform:scaleX(1)}.theme-builder .theme-builder__tabs button:active:not(.theme-builder__selected){background:var(--grey-90-a10)}.theme-builder button.theme-builder__selected{background:var(--white-100);border-left:1px solid var(--grey-30);border-right:1px solid var(--grey-30);color:var(--blue-60)}.theme-builder button.theme-builder__selected::after{background:var(--blue-40);transform:scaleX(1)}.theme-builder button:first-child.theme-builder__selected{border-left:0}.theme-builder button:last-child.theme-builder__selected{border-right:0}.theme-builder .theme-builder__content{background:var(--white-100);margin:0 auto;height:425px;position:relative;display:flex;align-items:center;justify-content:center;outline:0;flex-direction:column}@media (max-width: 940px){.theme-builder__tabs button{font-size:14px}}

.app{display:grid;grid-gap:32px;grid-template-rows:64px 1fr 72px;min-height:100vh;width:100%}.app__main{display:grid;grid-template-columns:20px minmax(600px, 1080px) 20px;grid-template-rows:1fr;margin:0 auto;position:relative}.app__main>.browser{grid-column:2 / 3;min-height:600px}.app__main .app__firefox{background-color:var(--grey-10);background-image:url(images/flat-firefox-a6824ff39ba0f932144228ec9a3cd128.svg);background-position:center center;background-repeat:no-repeat;background-size:164px 164px;flex:1}

@font-face{
    font-family: 'Fira Sans';
    src: url(fonts/FiraSans-Hair-8813093cea1de651d2460e5c223d7d6f.eot);
    src: local('Fira Sans Hair'),
         url(fonts/FiraSans-Hair-8813093cea1de651d2460e5c223d7d6f.eot) format('embedded-opentype'),
         url(fonts/FiraSans-Hair-1ebbe78b20755c4b6168051faa72fe27.woff) format('woff'),
         url(fonts/FiraSans-Hair-530647d74ec136702e5dbd60b854b3a8.ttf) format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url(fonts/FiraSans-HairItalic-2ee146117a39a92024730469c4b33e36.eot);
    src: local('Fira Sans Hair Italic'),
         url(fonts/FiraSans-HairItalic-2ee146117a39a92024730469c4b33e36.eot) format('embedded-opentype'),
         url(fonts/FiraSans-HairItalic-73a3b963db4802956cdb337555397540.woff) format('woff'),
         url(fonts/FiraSans-HairItalic-416fcb12f11ebe751538deeed6d7885d.ttf) format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face{
    font-family: 'Fira Sans';
    src: url(fonts/FiraSans-UltraLight-bbd71ede2d61e74586c241275ba0051c.eot);
    src: local('Fira Sans UltraLight'),
         url(fonts/FiraSans-UltraLight-bbd71ede2d61e74586c241275ba0051c.eot) format('embedded-opentype'),
         url(fonts/FiraSans-UltraLight-3f956e0089da4ef85a8ccf7e334aa9f8.woff) format('woff'),
         url(fonts/FiraSans-UltraLight-2a810c8dd8a9dd7307489c13c1e20b5d.ttf) format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url(fonts/FiraSans-UltraLightItalic-0deb15ab7d02377b98fcd07569743407.eot);
    src: local('Fira Sans UltraLight Italic'),
         url(fonts/FiraSans-UltraLightItalic-0deb15ab7d02377b98fcd07569743407.eot) format('embedded-opentype'),
         url(fonts/FiraSans-UltraLightItalic-119e1bbcab7a10cd1e2d7588efc95097.woff) format('woff'),
         url(fonts/FiraSans-UltraLightItalic-273a1aab041818d0cd00cd888d8b5128.ttf) format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face{
    font-family: 'Fira Sans';
    src: url(fonts/FiraSans-Light-d20581f8149298d49c776e9a77147860.eot);
    src: local('Fira Sans Light'),
         url(fonts/FiraSans-Light-d20581f8149298d49c776e9a77147860.eot) format('embedded-opentype'),
         url(fonts/FiraSans-Light-29430787e85c5dc0a9e8a164fab4a5bf.woff) format('woff'),
         url(fonts/FiraSans-Light-271c6d46b715703ad05e20e270a5f7e8.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url(fonts/FiraSans-LightItalic-917a72febcbc4a5cd80455045673935f.eot);
    src: local('Fira Sans Light Italic'),
         url(fonts/FiraSans-LightItalic-917a72febcbc4a5cd80455045673935f.eot) format('embedded-opentype'),
         url(fonts/FiraSans-LightItalic-860c08c400da08cf7a44142c0866aafe.woff) format('woff'),
         url(fonts/FiraSans-LightItalic-cbbb2042d64920e9d2ae8fec84c904a8.ttf) format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face{
    font-family: 'Fira Sans';
    src: url(fonts/FiraSans-Regular-12801b91616871ee8783342abc4cd110.eot);
    src: local('Fira Sans Regular'),
         url(fonts/FiraSans-Regular-12801b91616871ee8783342abc4cd110.eot) format('embedded-opentype'),
         url(fonts/FiraSans-Regular-200d5e7cc951bbffda6945f883e3123e.woff) format('woff'),
         url(fonts/FiraSans-Regular-b0aa1958e34c16cede8af5643a9c285c.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url(fonts/FiraSans-Italic-ae63929887b55a7e47a145d0d37b77fd.eot);
    src: local('Fira Sans Regular Italic'),
         url(fonts/FiraSans-Italic-ae63929887b55a7e47a145d0d37b77fd.eot) format('embedded-opentype'),
         url(fonts/FiraSans-Italic-9a74216339d8a17b8498820e5245d4c0.woff) format('woff'),
         url(fonts/FiraSans-Italic-a4fef367e83f653c1e0eb6c122338adb.ttf) format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face{
    font-family: 'Fira Sans';
    src: url(fonts/FiraSans-Medium-cdb3381ca6dbd78c96cd40196da44a9e.eot);
    src: local('Fira Sans Medium'),
         url(fonts/FiraSans-Medium-cdb3381ca6dbd78c96cd40196da44a9e.eot) format('embedded-opentype'),
         url(fonts/FiraSans-Medium-181fa5a2e6e9b5730eb6fe46c30b5228.woff) format('woff'),
         url(fonts/FiraSans-Medium-54b83b537f536ffab4528d8a635f865d.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url(fonts/FiraSans-MediumItalic-eacc54cb353e7dfcd05067baf7efbca6.eot);
    src: local('Fira Sans Medium Italic'),
         url(fonts/FiraSans-MediumItalic-eacc54cb353e7dfcd05067baf7efbca6.eot) format('embedded-opentype'),
         url(fonts/FiraSans-MediumItalic-965651ed4d6b21593be02b7b27c41a4a.woff) format('woff'),
         url(fonts/FiraSans-MediumItalic-2b70d3d73007e2afa7325cc211ca7efc.ttf) format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face{
    font-family: 'Fira Sans';
    src: url(fonts/FiraSans-SemiBold-9d960372eb03f346a6eabb763bbfb871.eot);
    src: local('Fira Sans SemiBold'),
         url(fonts/FiraSans-SemiBold-9d960372eb03f346a6eabb763bbfb871.eot) format('embedded-opentype'),
         url(fonts/FiraSans-SemiBold-defc482e83c81d8844cd30c0f5882129.woff) format('woff'),
         url(fonts/FiraSans-SemiBold-a40c65276c46be222b4d7180e96b728c.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url(fonts/FiraSans-SemiBoldItalic-5a59c8dd1cdb8bf65bfdfdff522fe35f.eot);
    src: local('Fira Sans SemiBold Italic'),
         url(fonts/FiraSans-SemiBoldItalic-5a59c8dd1cdb8bf65bfdfdff522fe35f.eot) format('embedded-opentype'),
         url(fonts/FiraSans-SemiBoldItalic-561d7ca60c5b2f9e67bf938c1f0b1c41.woff) format('woff'),
         url(fonts/FiraSans-SemiBoldItalic-88a3623bc30ef02a023bd212e6a6c1ec.ttf) format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face{
    font-family: 'Fira Sans';
    src: url(fonts/FiraSans-Bold-5b6db7a387815eea8bec2d491683a707.eot);
    src: local('Fira Sans Bold'),
         url(fonts/FiraSans-Bold-5b6db7a387815eea8bec2d491683a707.eot) format('embedded-opentype'),
         url(fonts/FiraSans-Bold-bf0aaa9c4657f053f06bef1e50208e9f.woff) format('woff'),
         url(fonts/FiraSans-Bold-6028e19089deb3cf7a60d0d00e4638ba.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url(fonts/FiraSans-BoldItalic-fb8851fe90bb7dcd2a6b468db4a2f2f6.eot);
    src: local('Fira Sans Bold Italic'),
         url(fonts/FiraSans-BoldItalic-fb8851fe90bb7dcd2a6b468db4a2f2f6.eot) format('embedded-opentype'),
         url(fonts/FiraSans-BoldItalic-215cae1e77b2c4818f7e058850d3265b.woff) format('woff'),
         url(fonts/FiraSans-BoldItalic-e52a31177b297691a585c49bd4731452.ttf) format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face{
    font-family: 'Fira Sans';
    src: url(fonts/FiraSans-ExtraBold-ed686b36d38d7305bf0e6768005530f5.eot);
    src: local('Fira Sans ExtraBold'),
         url(fonts/FiraSans-ExtraBold-ed686b36d38d7305bf0e6768005530f5.eot) format('embedded-opentype'),
         url(fonts/FiraSans-ExtraBold-febbf576b10607917495a54416197ab2.woff) format('woff'),
         url(fonts/FiraSans-ExtraBold-e836b60c5959654ce369b4ddee002320.ttf) format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url(fonts/FiraSans-ExtraBoldItalic-51d15820283deb2157a2e6a5db93eb92.eot);
    src: local('Fira Sans ExtraBold Italic'),
         url(fonts/FiraSans-ExtraBoldItalic-51d15820283deb2157a2e6a5db93eb92.eot) format('embedded-opentype'),
         url(fonts/FiraSans-ExtraBoldItalic-ec49252c8f3b7d570fa0ce856380081e.woff) format('woff'),
         url(fonts/FiraSans-ExtraBoldItalic-80d6fdbbd2a6efa1e8a41cfd19a7aaa1.ttf) format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face{
    font-family: 'Fira Sans';
    src: url(fonts/FiraSans-Heavy-b32dc9a468192b0402f8fbf048a23f92.eot);
    src: local('Fira Sans Heavy'),
         url(fonts/FiraSans-Heavy-b32dc9a468192b0402f8fbf048a23f92.eot) format('embedded-opentype'),
         url(fonts/FiraSans-Heavy-da342f62c520818b80be7cb117a9d1d1.woff) format('woff'),
         url(fonts/FiraSans-Heavy-bfa8d731eb16203d69c895c02997a13f.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url(fonts/FiraSans-HeavyItalic-9f05881808f07291c4c8cd74aedb4796.eot);
    src: local('Fira Sans Heavy Italic'),
         url(fonts/FiraSans-HeavyItalic-9f05881808f07291c4c8cd74aedb4796.eot) format('embedded-opentype'),
         url(fonts/FiraSans-HeavyItalic-16b2c19cad569508bf53901b084d4738.woff) format('woff'),
         url(fonts/FiraSans-HeavyItalic-2eb742f29e5fed7087f1fcfccfaed49e.ttf) format('truetype');
    font-weight: 900;
    font-style: italic;
}


@font-face{
    font-family: 'Fira Mono';
    src: url(fonts/FiraMono-Regular-8d876c180eb01a79be6d1d8bc121919f.eot);
    src: local('Fira Mono'),
         url(fonts/FiraMono-Regular-8d876c180eb01a79be6d1d8bc121919f.eot) format('embedded-opentype'),
         url(fonts/FiraMono-Regular-f25e0dfc5b508f34f63724d7ff607384.woff) format('woff'),
         url(fonts/FiraMono-Regular-d616f619c088ed9428d76343a2c6b2ed.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Mono';
    src: url(fonts/FiraMono-Bold-ca242c592b34dacb2a8951cda703e48c.eot);
    src: local('Fira Mono Bold'),
         url(fonts/FiraMono-Bold-ca242c592b34dacb2a8951cda703e48c.eot) format('embedded-opentype'),
         url(fonts/FiraMono-Bold-ea0cfb9b88c1398f840eae350e12d924.woff) format('woff'),
         url(fonts/FiraMono-Bold-abbe89bd522af0765f67d19bbef382bd.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
}


:root{--magenta-50: #ff1ad9;--magenta-60: #ed00b5;--magenta-70: #b5007f;--magenta-80: #7d004f;--magenta-90: #440027;--purple-30: #c069ff;--purple-40: #ad3bff;--purple-50: #9400ff;--purple-60: #8000d7;--purple-70: #6200a4;--purple-80: #440071;--purple-90: #25003e;--blue-40: #45a1ff;--blue-50: #0a84ff;--blue-50-a30: rgba(10, 132, 255, .3);--blue-60: #0060df;--blue-70: #003eaa;--blue-80: #002275;--blue-90: #000f40;--teal-50: #00feff;--teal-60: #00c8d7;--teal-70: #008ea4;--teal-80: #005a71;--teal-90: #002d3e;--green-50: #30e60b;--green-60: #12bc00;--green-70: #058b00;--green-80: #006504;--green-90: #003706;--yellow-50: #ffe900;--yellow-60: #d7b600;--yellow-70: #a47f00;--yellow-80: #715100;--yellow-90: #3e2800;--red-50: #ff0039;--red-60: #d70022;--red-70: #a4000f;--red-80: #5a0002;--red-90: #3e0200;--orange-50: #ff9400;--orange-60: #d76e00;--orange-70: #a44900;--orange-80: #712b00;--orange-90: #3e1300;--grey-10: #f9f9fa;--grey-10-a10: rgba(249, 249, 250, .1);--grey-10-a20: rgba(249, 249, 250, .2);--grey-10-a40: rgba(249, 249, 250, .4);--grey-10-a60: rgba(249, 249, 250, .6);--grey-10-a80: rgba(249, 249, 250, .8);--grey-20: #ededf0;--grey-30: #d7d7db;--grey-40: #b1b1b3;--grey-50: #737373;--grey-60: #4a4a4f;--grey-70: #38383d;--grey-80: #2a2a2e;--grey-90: #0c0c0d;--grey-90-a05: rgba(12, 12, 13, .05);--grey-90-a10: rgba(12, 12, 13, .1);--grey-90-a20: rgba(12, 12, 13, .2);--grey-90-a30: rgba(12, 12, 13, .3);--grey-90-a40: rgba(12, 12, 13, .4);--grey-90-a50: rgba(12, 12, 13, .5);--grey-90-a60: rgba(12, 12, 13, .6);--grey-90-a70: rgba(12, 12, 13, .7);--grey-90-a80: rgba(12, 12, 13, .8);--grey-90-a90: rgba(12, 12, 13, .9);--ink-70: #363959;--ink-80: #202340;--ink-90: #0f1126;--white-100: #fff}:root{--white: #fff;--white-a96: rgba(255, 255, 255, .96);--large-unit-box-shadow: 0 5px 10px 5px rgba(0, 0, 0, .1);--large-unit-border-radius: 4px;--medium-unit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .2);--medium-unit-border-radius: 3px;--small-unit-box-shadow: 0 2px 2px rgba(0, 0, 0, .1);--small-unit-border-radius: 2px}html,*{box-sizing:border-box;font-family:"fira sans", sans-serif}body{color:var(--grey-90);margin:0}#modal{position:absolute;pointer-events:none;top:0;left:0;width:100%;height:100%;z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center}#modal ul{list-style:none;padding:0}#modal li{list-style:none}#modal>div{animation:disappear 500ms forwards;animation-delay:2s;width:350px;border-radius:5px;color:#fff;padding:1em;margin:1em;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(12,12,12,0.75);opacity:0;transition:opacity 1s ease}#modal>div.fade-in{opacity:1}@keyframes slide-down{0%{transform:translate3d(0, -60px, 0);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes slide-up{0%{transform:translate3d(0, 60px, 0);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes pop-in{0%{opacity:0}80%{opacity:1;transform:scale(1.08)}100%{opacity:1;transform:scale(1)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes disappear{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}


/*# sourceMappingURL=index.css.map*/