@import"https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600&display=swap";:root{--bg: #fcfcfc;--color: #222;--color-inverse: #fff;--checkbox-checked-bg: #000;--checkbox-checked-color: #fff;--strength-indicator-bg: #fff;--range-bg: #fff;--range-thumb-bg: #222;--modal-bg: #fff;--modal-btn-color: #222;--modal-btn-bg: #fff;--generator-bg: #040303;--gutter: 4rem;--padding: 1rem;--padding-small: .5rem;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}::selection{background-color:var(--color);color:var(--color-inverse)}*{box-sizing:border-box}html,body{height:100%}html{font-size:100%;font-family:Archivo,sans-serif;line-height:1.4}body{background-color:var(--bg);color:var(--color);margin:0 var(--padding);padding:env(safe-area-inset-top,1rem) env(safe-area-inset-right,.6rem) env(safe-area-inset-bottom,1rem) env(safe-area-inset-left,1rem)}h1,h2,h3,h4,h5,h6,legend{font-weight:400;line-height:calc(1em + .5rem)}h1{font-weight:600;margin:0}a{color:inherit;font-weight:600}button{background-color:transparent;color:inherit;font:inherit;line-height:1;border:none;border-radius:0;margin:0;padding:0;outline:none;cursor:pointer}.header{text-align:center;padding:.5rem 0 var(--padding)}.header>*{margin:0}.header__title{font-size:1.3rem}.header__subtitle{font-size:.8rem}.app__desc{font-size:clamp(.9rem,2.7vw,3rem);font-weight:500;line-height:.96;max-width:66rem}.app{height:100%}.u-title{font-size:.7rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.visually-hidden{border:0;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden;white-space:nowrap}.u-overlay{--easing: ease;--time: .35s}.u-overlay:before{content:"";background-color:#000000c7;width:100vw;height:100vh;position:absolute;left:0;bottom:0;transition:opacity var(--time) var(--easing) .22s;opacity:0;pointer-events:none}.u-overlay.is-open:before{opacity:1;pointer-events:auto}input,textarea{background-color:transparent;color:inherit;font-size:1em;font-weight:400;border:0;border-radius:0;width:100%;margin:0;cursor:text;outline:none;appearance:none;-webkit-appearance:none}input[type=range]{--track-bg: transparent;--track-width: 100%;--track-height: 100%;--thumb-w: 2.5rem;--thumb-h: var(--track-height);--current-range: 0;background-color:var(--range-bg);background-image:linear-gradient(var(--range-thumb-bg),var(--range-thumb-bg));background-size:calc(var(--current-range) * 1%) var(--thumb-h);background-repeat:no-repeat;width:var(--track-width);height:var(--track-height);align-self:center;margin:0;appearance:none;-webkit-appearance:none;overflow:hidden}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:var(--range-thumb-bg);border:0;border-radius:0;width:var(--thumb-w);height:var(--thumb-h);cursor:ew-resize}input[type=range]::-moz-range-thumb{-webkit-appearance:none;appearance:none;background-color:var(--range-thumb-bg);border:0;border-radius:0;width:var(--thumb-w);height:var(--thumb-h);cursor:ew-resize}input[type=range]::-ms-thumb{-webkit-appearance:none;appearance:none;background-color:var(--range-thumb-bg);border:0;border-radius:0;width:var(--thumb-w);height:var(--thumb-h);cursor:ew-resize}input[type=range]::-webkit-slider-runnable-track{background-color:transparent;color:transparent;border:0;box-shadow:0;width:var(--track-width);height:var(--track-height);cursor:ew-resize}input[type=range]::-moz-range-track{background-color:transparent;border:0;box-shadow:0;color:transparent;width:var(--track-width);height:var(--track-height);cursor:ew-resize}input[type=range]::-ms-track{background-color:transparent;color:transparent;border:0;box-shadow:0;width:var(--track-width);height:var(--track-height);cursor:ew-resize;border-width:var(--track-height) 0;border-color:transparent}input[type=range]::-ms-fill-lower{background-color:var(--track-bg)}input[type=range]::-ms-fill-upper{background-color:var(--track-bg)}textarea{text-align:center;height:100%;resize:none;white-space:pre-wrap;scrollbar-width:none}textarea::-webkit-scrollbar{width:0;height:0}fieldset{border:0;margin:0;padding:0}.form{height:calc(100vh - (var(--header-height) + clamp(1rem,10vw,var(--gutter))));display:flex;flex-direction:column}.form__content{flex:1 0 auto;width:100%}.password-length{border:1px solid;display:grid;grid-template-columns:repeat(var(--cell, 2),1fr);grid-template-areas:"title title" "num range";justify-items:center}.password-length__title{border-bottom:1px solid;grid-area:title;width:100%;text-align:center;margin-top:.2em;padding:.625rem 0}.password-length__quantity{border-right:1px solid;grid-area:num;text-align:center;font-size:.9rem;font-weight:600;padding:.625rem 0}.password-length__length{grid-area:range;border-left:1px solid}@media (min-width: 50rem){.password-length{--cell: 3;grid-template-areas:"num title range";gap:.75rem 1rem}.password-length__title{border-bottom:0}}.password-option-wrapper{border:1px solid;border-top:none;display:flex;flex-wrap:wrap;justify-content:center;gap:.3em .6em;padding:.625em 0}.password-input-label{font-size:.7rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;font-size:.68rem;border:1px solid;border-radius:50vw;display:inline-block;padding:.5em 1em;transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out}:checked+.password-input-label{background-color:var(--checkbox-checked-bg);border-color:var(--checkbox-checked-bg);color:var(--checkbox-checked-color)}.strength-indicator-wrapper{--strength: 0;border:1px solid;border-radius:50vw;display:grid;align-items:center;min-width:8rem;position:relative;overflow:hidden}.strength-indicator__title{line-height:1;margin:0;padding:.3em 1em .2em;position:relative;z-index:2}.strength-indicator{background-color:var(--strength-indicator-bg);position:absolute;inset:0;z-index:-1}.strength-indicator:before{content:"";background-color:hsl(calc(120 * var(--strength)),76%,50%);width:100%;height:100%;position:absolute;bottom:0;transform:scaleX(var(--strength));transform-origin:0 0;transition-property:transform,background-color;transition-duration:.1s;transition-timing-function:ease;will-change:transform,background-color;contain:paint;z-index:1}.password{background-color:var(--generator-bg);color:var(--color-inverse);border:1px solid #000;border-radius:2em;text-align:center;flex-shrink:0;margin:var(--padding-small) 0 var(--padding);padding:var(--padding) var(--padding) var(--padding-small)}.password__title{margin:0 0 .5rem}.password__generator{font-size:clamp(1.8rem,2vw + 1rem,4rem);margin-bottom:3rem}.password__actions{display:grid;grid-template-columns:repeat(2,minmax(1em,1fr))}.password__actions>*{border-top:1px solid;font-size:.76rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;width:100%;padding:1.2em .7em}.password__actions-copy{border-left:1px solid}.modal-btn{font-size:.7rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;background-color:var(--modal-btn-bg);color:var(--modal-btn-color);border:1px solid;border-bottom:0;width:100%;outline:0;padding:.8em .4em;position:relative;z-index:20}.modal__content{background-color:var(--modal-bg);color:var(--color);border:1px solid;display:grid;grid-template-columns:repeat(var(--cell, 1),1fr);gap:2rem 3rem;max-width:calc(100% - var(--padding) * 2);width:calc(100% - 16px);height:calc(100% - var(--header-height) * 2);padding:2rem 1rem 4rem;position:fixed;transform-origin:top center;transform:translateY(calc(var(--modal-button-size) * -1)) scaleY(0);visibility:hidden;transition:visibility 0ms .5s,transform .7s cubic-bezier(.23,1,.32,1) .1s;overflow-x:auto;overscroll-behavior:contain;z-index:10;--_sbg: #dadada;padding-block:.6em;scrollbar-color:#fff var(--_sbg);scrollbar-width:thin}.modal__content::-webkit-scrollbar{--_size: .6rem;background-color:var(--_sbg);width:var(--_size);height:var(--_size)}.modal__content::-webkit-scrollbar-track{border-radius:100vw;margin-block:.2em}.modal__content::-webkit-scrollbar-thumb{background-color:#fff;border:1px solid;border-radius:100vw}.modal__content::-webkit-scrollbar-thumb:hover{background-color:#000}.modal__content>*{opacity:0;transition:opacity .2s cubic-bezier(.25,.1,.25,1)}.is-open .modal__content{transition:transform .9s cubic-bezier(.23,1,.32,1) .2s,visibility 0ms;transform:translateY(0) scaleY(1);visibility:visible}.is-open .modal__content>*{opacity:1;transition:opacity .7s cubic-bezier(.25,.1,.25,1) .65s}@media (min-width: 46.875rem){.modal__content{--cell: 2}}.modal__preamble{text-transform:uppercase;grid-column:1/-1;margin-bottom:4em;max-width:64rem}.modal__preamble h2{font-size:1.2rem}.modal__preamble p{font-size:clamp(.83rem,2.3vw,3rem);font-weight:500;line-height:.96}.modal__infolist{font-size:1rem;font-weight:500;max-width:45rem}.modal__infolist-title{font-size:1.125rem;text-transform:uppercase;margin-top:0}.modal__infolist ul>*+*{margin-top:.3em}