@import url("https://fonts.googleapis.com/css2?family=Cookie&family=Lato&family=Lora:wght@400;700&family=Noto+Sans+JP&display=swap");:root{--color-grey-blue:#30343d;--color-light-blue:#93d9ee;--color-light-grey-blue:#506877;--color-blue:#385a6c;--color-green:#22ce6b;--color-main:#161f26;--color-secondary:var(--color-grey-blue);--color-ternary:var(--color-blue);--color-text:#fff;--color-button:var(--color-light-blue);--color-button-hover:#75b5c9;--color-highlight:#ff0;--color-highlight-secondary:red;--color-text-secondary:var(--color-light-blue);--color-text-disabled:var(--color-blue);--color-button-secondary:var(--color-blue);--color-circles:#4a616f;--color-border:#1f2a34;--page-width:82%;--page-padding:calc((100% - var(--page-width)) / 2);--default-font:"Avenir Next",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--secondary-font:"Lato",sans-serif;--header-height:60px}body{margin:0}.login-public-page,body{font-family:var(--default-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text);background-color:var(--color-main)}.login-public-page{display:flow-root;min-height:100vh}button,input{font-family:var(--default-font);border:none}h1,h2{font-weight:700}a,button,h3,p{font-weight:600}a,h1,h2,h3{margin:0}a,button{color:var(--color-text);text-decoration:none;font-size:14px}a:hover{color:var(--color-highlight)}button{border:none;text-align:center}.header{background-color:var(--color-main);color:var(--color-text);height:60px;padding:0 calc((100% - var(--page-width)) / 2);display:flex;flex-direction:row;justify-content:space-between;width:100%;box-sizing:border-box;position:fixed;z-index:1000;box-shadow:0 0 14px 7px rgba(0,0,0,.2);top:0}.header.hidden{opacity:0}.logo{align-self:center}.logo,.logo:hover{color:#fff}.logo h1{font-size:24px;font-weight:600}.logo>h1>span{margin-right:8px;border:2px solid var(--color-text);border-radius:5px;height:34px;line-height:34px;width:34px;font-size:20px;text-align:center;display:inline-flex;align-items:center;justify-content:center}.flex-row{display:flex;flex-direction:row;justify-content:space-between}.left{width:560px}.links{width:360px}.links a{padding-top:2px;color:var(--color-text-secondary);font-size:12px}.links a:hover{color:var(--color-text)}.right{width:-moz-fit-content;width:fit-content}.vertical-center{display:flex;flex-direction:column;justify-content:center;height:100%}.caret{color:var(--color-highlight);margin:0 8px;font-size:20px}.caret,.rotated{transition:.4s;-webkit-transition:.4s;-moz-transition:.4s}.rotated{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg)}.mobile{display:none}.navlink{padding:0 1rem}.form-error.error{font-size:12px;font-style:italic;color:red}.go-back{color:var(--color-text-secondary);font-weight:700;width:100%;text-align:center;display:block;font-size:16px;margin-top:10px;margin-bottom:10px}.go-back a{color:inherit}.go-back a:hover{color:var(--color-highlight)}.common-page{align-items:center;display:flex;flex-direction:column;margin-bottom:20px;margin-top:15vh}.common-page h1{font-size:64px;text-align:center}.button-list{display:flex;flex-direction:column}.button-list.spacing-x1 a,.button-list.spacing-x1 button{margin-top:10px}.button-list.spacing-x2 a,.button-list.spacing-x2 button{margin-top:20px}.button-list.spacing-x3 a,.button-list.spacing-x3 button{margin-top:30px}.button-list.spacing-x4 a,.button-list.spacing-x4 button{margin-top:40px}.button-list a,.button-list b{width:100%}.button-list a:first-child,.button-list b:first-child{margin-top:0}.button{border-radius:2px;height:38px;font-size:14px;display:flex;justify-content:center;align-items:center;padding:0 10px}.button:hover{cursor:pointer}.button.large{height:46px;font-size:18px}.button.primary{background-color:var(--color-button);color:var(--color-main)}.button.primary:hover{background-color:var(--color-button-hover)}.button.secondary{background-color:#161723;color:var(--color-text-secondary)}.button.secondary:hover{background-color:#1b1c2b}.button.ternary{background-color:var(--color-ternary);color:var(--color-text)}.button.ternary:hover{background-color:var(--color-button-hover);color:var(--color-main)}.button.transparent{background-color:transparent;color:var(--color-light-blue)}.button.transparent:hover{background-color:transparent;color:#fff}.split-container{width:840px;display:flex;flex-direction:row}.split-container .center-bar{border-right:1px solid var(--color-text);position:relative}.split-container .center-or{background-color:var(--color-main);border:1px solid var(--color-text);border-radius:10px;display:flex;flex-direction:column;font-size:20px;font-weight:600;height:40px;justify-content:center;margin-left:-20px;position:absolute;text-align:center;transition:all .4s linear;width:40px;top:50%;transform:translateY(-50%)}.split-container .expand-or{height:80px}.split-container>.left-container,.split-container>.right-container{width:calc(840px / 2 - 1px);flex-grow:0;flex-shrink:0}.flex-box{display:flex}.flex-box.flex-center{align-items:center;justify-content:center}.flex-box.flex-column{flex-direction:column}.flex-box.flex-column.flex-center-x{align-items:center}.flex-box.flex-column.flex-center-y{justify-content:center}.flex-box.flex-row{flex-direction:row}.flex-box.flex-row.flex-center-x{justify-content:center}.flex-box.flex-row.flex-center-y{align-items:center}.form-vertical{display:flex;flex-direction:column}.form-vertical label{color:var(--color-text-secondary);font-weight:500;font-size:12px;margin-bottom:2px}.form-vertical input{background-color:#d5d7de;font-family:var(--secondary-font);padding:10px;border-radius:3px;margin-bottom:14px}.form-vertical .submit{margin-top:20px}.quote-form{text-align:left;display:flex;flex-direction:column}.quote-form input,.quote-form label{font-family:var(--secondary-font)}.quote-form input{background-color:#d5d7de;padding:10px;border-radius:3px}.quote-form label{margin-top:1rem;color:var(--color-text-secondary);font-weight:500;font-size:12px;margin-bottom:2px}.banner{font-family:var(--default-font);font-weight:600;display:flex;justify-content:center;background-color:rgba(0,0,0,.3);width:724px;text-align:center;margin:1rem auto 0;border-radius:5px}.banner p span{margin:0 2px}.banner a{color:#8ecfe6;font-size:inherit}.popup-toggle{width:-moz-fit-content;width:fit-content;color:var(--color-text-secondary);cursor:pointer;margin:20px auto 0}.popup-toggle:hover{color:var(--color-highlight)}.reset-box{background-color:rgba(0,0,0,.3);margin:1rem 0 0;box-sizing:border-box;border-radius:5px;max-height:0;transition:max-height .4s linear;overflow:hidden;width:300px}.reset-box.show{max-height:300px}.reset-box .inner{padding:15px}.reset-submit{text-align:center;font-style:italic;color:var(--color-green);font-size:12px;margin-bottom:0}.auth-content-box{width:300px}.login-page .split-container,.signup-page .split-container{margin-top:20px;margin-bottom:20px}.login-page .left-container,.login-page .right-container{padding-top:40px}.join-text{color:var(--color-text-secondary);font-weight:700;width:100%;text-align:center;display:block;font-size:22px;margin-bottom:10px}@media screen and (max-width:1030px){.login{padding-right:0}.full{display:none}.caret,.mobile{display:flex}.caret{cursor:pointer}.links{display:none;margin-top:60px;margin-left:-9%;position:absolute;flex-direction:column;width:100%;background-color:var(--color-secondary)}.link-show{display:flex}.links a{width:100%;margin:0 auto;padding:10px 0;border-bottom:.5px solid var(--color-text-secondary)}.left{width:-moz-fit-content;width:fit-content}}@media screen and (max-width:950px){.common-page .split-container{flex-direction:column;width:100%;align-items:center}.common-page .left-container,.common-page .right-container{padding-top:0}.common-page .center-bar{border-right:none;border-bottom:1px solid var(--color-text);margin:2rem auto 3rem;width:340px}.common-page .center-or{width:60px;transition:none;top:auto;left:50%;transform:translateX(-50%);margin-left:auto}.common-page .center-or,.common-page .center-or .expand-or{height:30px;margin-top:-15px}.common-page .banner{width:340px}}@media screen and (max-width:500px){.login{padding-left:1rem}}@media screen and (max-width:440px){.header{padding:0 20px}}