.app-layout{width:100%;padding-bottom:3.4375rem;background-color:var(--pink);text-align:left;min-width:0;min-height:100vh}.app-layout.article{padding-top:3.5rem;background-color:#fff}@media (min-width:640px){.app-layout{max-width:var(--max-container-width);border-radius:2rem;position:relative;margin:2rem auto;padding-bottom:4.4375rem}}.head-bar{position:fixed;top:0;left:0;width:100%;height:3.5rem;background-color:#fff;z-index:1;text-align:left;display:flex;align-items:center;justify-content:space-between;padding:.25rem .875rem;border-radius:0 0 .875rem .875rem}.head-bar .btn-reset{color:var(--purple);font-weight:500}.head-bar .btn-reset:focus:not(:focus-visible){outline:none}.head-bar .btn-reset img:first-child{margin-right:.25rem}.head-bar__title{color:var(--purple);font-size:1.0625rem;font-weight:500;text-align:center;flex-grow:1}.head-bar__title:first-child{padding-left:2rem}.head-bar__title:last-child{padding-right:2rem}@media (min-width:640px){.head-bar{width:var(--max-container-width);left:50%;margin-left:calc(var(--max-container-width)/2*-1);box-shadow:0 2px 10px -3px rgba(0,0,0,.2)}}.password-input__wrap{position:relative;margin-bottom:1.25rem}.password-input__toggle{position:absolute;top:0;right:.5rem;width:2.375rem;height:2.375rem}.password-input__strength-text{margin-top:.5rem;text-align:center;font-weight:500}.password-input__strength-line{display:flex;justify-content:space-between}.password-input__strength-line>div{height:4px;border-radius:2px;background-color:#ddd;width:18%;flex:0 0 18%}.password-input__strength-line>div.is-active{background-color:currentColor}.app-layout.password{background-color:#fff;padding-top:3.5rem}.password__heading{font-size:1.25rem;text-align:center}