@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@font-face{font-family:Google Sans;src:url(/assets/GoogleSans-Regular.9b6e7118.woff2) format("woff2"),url(/assets/GoogleSans-Regular.47f851c0.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Google Sans;src:url(/assets/GoogleSans-Medium.6fc3c091.woff2) format("woff2"),url(/assets/GoogleSans-Medium.2b7a89f0.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Google Sans;src:url(/assets/GoogleSans-Bold.1429680b.woff2) format("woff2"),url(/assets/GoogleSans-Bold.a9caab31.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}*:where(:not(iframe,canvas,img,svg,video):not(svg *,symbol *)){all:unset;display:revert}ol,ul{list-style:none}p{-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;-ms-hyphenate-limit-chars:6 3 3;-ms-hyphenate-limit-lines:2;-ms-hyphenate-limit-zone:8%;hyphens:auto;hyphenate-limit-chars:6 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:8%}img{height:auto;max-width:100%;vertical-align:middle;border:none}a{color:inherit;text-decoration:none;cursor:pointer}table{border-collapse:collapse}button,input,optgroup,select,textarea{cursor:pointer}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield;margin:0}textarea{white-space:revert}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html{height:100%;width:100%;padding:0;margin:0;box-sizing:border-box;-ms-overflow-style:scrollbar}*,*:after,*:before{box-sizing:inherit}html,body{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;margin:0;padding:0;height:100%;min-height:100%;position:relative;overflow-x:hidden;scroll-behavior:smooth}:root{--bcp-blue: #443DF6;--bcp-grey: #1B2124;--bcp-black: #000000;--bcs-grey-1: #8D9091;--bcs-grey-2: #CCCCCC;--bcs-grey-3: #EFEFEF;--bcs-grey-4: #FBFBFB;--bct-navy: #191489;--bct-red: #C5292A;--bct-sunny: #FFD965;--bct-marina: #A6D4FF;--bct-green: #22B02E;--maximumViewportWidth: 1240;--font-sans: "Poppins", "Work Sans", "Quicksand", "DM Sans", "IBM Plex Sans", "Rubik", "Google Sans", system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue;--font-serif: Georgia, Cambria, "Times New Roman", Times, serif;--font-mono: Consolas, Menlo, Monaco, "Liberation Mono", monospace;--h1: clamp(2.49rem, calc(2.29rem + .98vw), 3.05rem);--h2: clamp(2.07rem, calc(1.95rem + .64vw), 2.44rem);--h3: clamp(1.73rem, calc(1.65rem + .39vw), 1.95rem);--h4: clamp(1.44rem, calc(1.4rem + .21vw), 1.56rem);--h5: clamp(1.2rem, calc(1.18rem + .09vw), 1.25rem);--h6: clamp(1rem, calc(1rem + 0vw), 1rem);--h7: clamp(.64rem, calc(.71rem - .09vw), .69rem);--h8: clamp(.8rem, calc(.84rem - .06vw), .83rem);--fw-300: 300;--fw-400: 400;--fw-500: 500;--fw-600: 600;--fw-700: 700;--fw-800: 800;--fw-900: 900;--lh-min-second: 1.067;--lh-max-second: 1.125;--lh-min-third: 1.2;--lh-max-third: 1.25;--lh-min-fourth: 1.333;--lh-max-fourth: 1.414;--lh-min-five: 1.5;--lh-max-five: 1.618;--shadow-color: 220 3% 15%;--shadow-strength: 1%;--shadow-1: 0 1px 2px -1px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%));--shadow-2: 0 3px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 7px 14px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%));--shadow-3: 0 -1px 3px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)), 0 1px 2px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)), 0 2px 5px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)), 0 4px 12px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)), 0 12px 15px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%));--shadow-4: 0 -2px 5px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)), 0 1px 1px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 2px 2px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 5px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)), 0 9px 9px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)), 0 16px 16px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%));--shadow-5: 0 -1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)), 0 2px 1px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 5px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 10px 10px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)), 0 20px 20px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)), 0 40px 40px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%));--shadow-6: 0 -1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)), 0 3px 2px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 7px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 12px 10px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)), 0 22px 18px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)), 0 41px 33px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%)), 0 100px 80px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%));--inner-shadow-0: inset 0 0 0 1px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%));--inner-shadow-1: inset 0 1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%));--inner-shadow-2: inset 0 1px 4px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%));--inner-shadow-3: inset 0 2px 8px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%));--inner-shadow-4: inset 0 2px 14px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%));--ease-1: cubic-bezier(.25, 0, .5, 1);--ease-2: cubic-bezier(.25, 0, .4, 1);--ease-3: cubic-bezier(.25, 0, .3, 1);--ease-4: cubic-bezier(.25, 0, .2, 1);--ease-5: cubic-bezier(.25, 0, .1, 1);--ease-in-1: cubic-bezier(.25, 0, 1, 1);--ease-in-2: cubic-bezier(.5, 0, 1, 1);--ease-in-3: cubic-bezier(.7, 0, 1, 1);--ease-in-4: cubic-bezier(.9, 0, 1, 1);--ease-in-5: cubic-bezier(1, 0, 1, 1);--ease-out-1: cubic-bezier(0, 0, .75, 1);--ease-out-2: cubic-bezier(0, 0, .5, 1);--ease-out-3: cubic-bezier(0, 0, .3, 1);--ease-out-4: cubic-bezier(0, 0, .1, 1);--ease-out-5: cubic-bezier(0, 0, 0, 1);--ease-in-out-1: cubic-bezier(.1, 0, .9, 1);--ease-in-out-2: cubic-bezier(.3, 0, .7, 1);--ease-in-out-3: cubic-bezier(.5, 0, .5, 1);--ease-in-out-4: cubic-bezier(.7, 0, .3, 1);--ease-in-out-5: cubic-bezier(.9, 0, .1, 1);--ease-elastic-1: cubic-bezier(.5, .75, .75, 1.25);--ease-elastic-2: cubic-bezier(.5, 1, .75, 1.25);--ease-elastic-3: cubic-bezier(.5, 1.25, .75, 1.25);--ease-elastic-4: cubic-bezier(.5, 1.5, .75, 1.25);--ease-elastic-5: cubic-bezier(.5, 1.75, .75, 1.25);--ease-squish-1: cubic-bezier(.5, -.1, .1, 1.5);--ease-squish-2: cubic-bezier(.5, -.3, .1, 1.5);--ease-squish-3: cubic-bezier(.5, -.5, .1, 1.5);--ease-squish-4: cubic-bezier(.5, -.7, .1, 1.5);--ease-squish-5: cubic-bezier(.5, -.9, .1, 1.5);--ease-step-1: steps(2);--ease-step-2: steps(3);--ease-step-3: steps(4);--ease-step-4: steps(7);--ease-step-5: steps(10);--animation-fade-in: fade-in .5s var(--ease-3);--animation-fade-in-bloom: fade-in-bloom 2s var(--ease-3);--animation-fade-out: fade-out .5s var(--ease-3);--animation-fade-out-bloom: fade-out-bloom 2s var(--ease-3);--animation-scale-up: scale-up .5s var(--ease-3);--animation-scale-down: scale-down .5s var(--ease-3);--animation-slide-out-up: slide-out-up .5s var(--ease-3);--animation-slide-out-down: slide-out-down .5s var(--ease-3);--animation-slide-out-right: slide-out-right .5s var(--ease-3);--animation-slide-out-left: slide-out-left .5s var(--ease-3);--animation-slide-in-up: slide-in-up .5s var(--ease-3);--animation-slide-in-down: slide-in-down .5s var(--ease-3);--animation-slide-in-right: slide-in-right .5s var(--ease-3);--animation-slide-in-left: slide-in-left .5s var(--ease-3);--animation-shake-x: shake-x .75s var(--ease-out-5);--animation-shake-y: shake-y .75s var(--ease-out-5);--animation-spin: spin 2s linear infinite;--animation-ping: ping 5s var(--ease-out-3) infinite;--animation-blink: blink 1s var(--ease-out-3) infinite;--animation-float: float 3s var(--ease-in-out-3) infinite;--animation-bounce: bounce 2s var(--ease-squish-2) infinite;--animation-pulse: pulse 2s var(--ease-out-3) infinite;--ratio-square: 1;--ratio-landscape: 4/3;--ratio-portrait: 3/4;--ratio-widescreen: 16/9;--ratio-ultrawide: 18/5;--ratio-golden: 1.618/1;--radius-round: 50%;--fa: "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css"}@keyframes fade-in{to{opacity:1}}@keyframes fade-in-bloom{0%{opacity:0;filter:brightness(1) blur(20px)}10%{opacity:1;filter:brightness(2) blur(10px)}to{opacity:1;filter:brightness(1) blur(0)}}@keyframes fade-out{to{opacity:0}}@keyframes fade-out-bloom{to{opacity:0;filter:brightness(1) blur(20px)}10%{opacity:1;filter:brightness(2) blur(10px)}0%{opacity:1;filter:brightness(1) blur(0)}}@keyframes scale-up{to{transform:scale(1.25)}}@keyframes scale-down{to{transform:scale(.75)}}@keyframes slide-out-up{to{transform:translateY(-100%)}}@keyframes slide-out-down{to{transform:translateY(100%)}}@keyframes slide-out-right{to{transform:translate(100%)}}@keyframes slide-out-left{to{transform:translate(-100%)}}@keyframes slide-in-up{0%{transform:translateY(100%)}}@keyframes slide-in-down{0%{transform:translateY(-100%)}}@keyframes slide-in-right{0%{transform:translate(-100%)}}@keyframes slide-in-left{0%{transform:translate(100%)}}@keyframes shake-x{0%,to{transform:translate(0)}20%{transform:translate(-5%)}40%{transform:translate(5%)}60%{transform:translate(-5%)}80%{transform:translate(5%)}}@keyframes shake-y{0%,to{transform:translateY(0)}20%{transform:translateY(-5%)}40%{transform:translateY(5%)}60%{transform:translateY(-5%)}80%{transform:translateY(5%)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes ping{90%,to{transform:scale(2);opacity:0}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{50%{transform:translateY(-25%)}}@keyframes bounce{25%{transform:translateY(-20%)}40%{transform:translateY(-3%)}0%,60%,to{transform:translateY(0)}}@keyframes pulse{50%{transform:scale(.9)}}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.hide{display:none!important}.show{display:block!important}h1,.h1{font-size:var(--h1)}h2,.h2{font-size:var(--h2)}h3,.h3{font-size:var(--h3)}h4,.h4{font-size:var(--h4)}h5,.h5{font-size:var(--h5)}h6,.h6,p,.p,a,.a,.link{font-size:var(--h6)}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight:var(--fw-600)}:root{--fld-bg-light: #F8FAFC;--fld-c-secondary: #B8BCCA;--fld-c-primary: #3B4256;--fld-c-error: #ED0131;--fld-c-success: #0E6245;--fld-c-focus: #0048D9;--fld-bdrs: 4px;--fld-l-light: #6F7482;--fld-chbx-bg: #3B4256;--fld-chbx-bdrs: 3px}label,.label{color:var(--fld-l-light);cursor:pointer}label{display:grid;gap:5px}input:not([type=checkbox],[type=radio]),.input,textarea,.textarea,select,.select{padding:12px;background-color:var(--fld-bg-light);border-radius:var(--fld-bdrs);color:var(--fld-c-primary);border:1px solid var(--fld-c-primary)}input:not([type=checkbox],[type=radio]):focus,.input:focus,textarea:focus,.textarea:focus,select:focus,.select:focus{border-color:var(--fld-c-focus)}input:not([type=checkbox],[type=radio]):disabled,.input:disabled,textarea:disabled,.textarea:disabled,select:disabled,.select:disabled{color:var(--fld-c-secondary)}input:not([type=checkbox],[type=radio])::placeholder,.input::placeholder,textarea::placeholder,.textarea::placeholder,select::placeholder,.select::placeholder{color:var(--fld-c-secondary)}input:not([type=checkbox],[type=radio]).error,.input.error,textarea.error,.textarea.error,select.error,.select.error{border-color:var(--fld-c-error)}input:not([type=checkbox],[type=radio]).success,.input.success,textarea.success,.textarea.success,select.success,.select.success{border-color:var(--fld-c-success)}textarea,.textarea{min-height:140px}.checkbox,.radio{width:24px;height:24px;display:inline-flex;justify-content:center;align-items:center;border:3px solid var(--fld-chbx-bg);border-radius:var(--fld-chbx-bdrs)}.radio{border-radius:50%;width:24px;height:24px;outline:3px solid var(--fld-chbx-bg);border:3px solid #fff;background:#fff}input[type=checkbox]:checked+.checkbox{background-color:var(--fld-chbx-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' %3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");background-position:center}input[type=radio]:checked+.radio{background:var(--fld-chbx-bg);border-color:#fff;outline-color:var(--fld-chbx-bg)}input[type=checkbox]:focus-within+.checkbox{outline:3px solid #E2E7ED}form,.form{display:grid;text-align:left}button,.button{display:inline-flex;justify-content:center;align-items:center;text-decoration:none;text-align:center;transition:var(--ease-1);padding:10px 16px;border:1px solid rgba(32,72,79,.1);background-color:var(--bg, #fff);border-radius:8px}button:is(:hover,:focus),.button:is(:hover,:focus){background-color:var(--bcs-grey-4)}button:disabled,.button:disabled{background-color:var(--bcs-grey-2);cursor:default;opacity:.4;user-select:none;pointer-events:none}.notification{visibility:hidden;background-color:#333;color:#fff;text-align:center;border-radius:4px;padding:16px;position:fixed;z-index:10;bottom:30px;min-width:500px;max-width:500px;width:100%;left:50%;transform:translate(-50%);border:1px solid transparent}.notification.show{visibility:visible;animation:fadein .5s,fadeout .5s 2.5s}.notification.danger{border-color:#fc8181;background-color:#fff5f5;color:#c53030}.notification.warning{border-color:#ed8936;background-color:#fffaf0;color:#c05621}.notification.success{border-color:#38b2ac;background-color:#e6fffa;color:#234e52}@keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}body{font-size:var(--h6);font-family:var(--font-sans);line-height:var(--lh-min-third);font-weight:var(--fw-400);color:var(--bcp-grey)}@media (min-width: 1200px){body{line-height:var(--lh-max-third)}}#app{font-size:inherit;font-family:inherit;line-height:inherit;font-weight:inherit;min-height:100vh}.app-author{position:fixed;bottom:30px;right:30px;display:flex;align-items:center;justify-content:center}.app-container{--gap: 15px;min-height:100vh;display:grid;place-items:center;background-color:var(--bcs-grey-4);padding:10px}.password-generator{box-shadow:0 0 5px #0000000d,0 25px 35px #00000008;max-width:500px;width:100%;border-radius:8px;padding:20px;text-align:center;display:grid;gap:var(--gap)}.password-generator .result{position:relative}.password-generator .result input{font-size:calc(20px + 10 * (100vw - 300px) / (var(--maximumViewportWidth) - 300));overflow:auto;padding-right:35px;pointer-events:none;width:100%;color:var(--bcp-grey);font-weight:var(--fw-500)}.password-generator .result .clipboard{position:absolute;right:10px;top:50%;transform:translateY(-50%);padding:4px;border:none;background-color:transparent}.password-generator .result .clipboard svg{pointer-events:none}.password-generator .indicator{position:relative;height:8px;background-color:var(--bcs-grey-2);border-radius:4px;overflow:hidden}.password-generator .indicator:after{transition:width .25s linear;position:absolute;width:50%;height:100%;content:"";left:0}.password-generator .indicator[data-level=weak]:after{width:20%;background-color:#e64a4a}.password-generator .indicator[data-level=medium]:after{width:50%;background-color:#f1c80b}.password-generator .indicator[data-level=strong]:after{width:100%;background-color:#9dd0c4}.password-generator .length{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--gap)}.password-generator .length__range{all:revert;width:100%;cursor:pointer;-webkit-appearance:none;appearance:none;height:8px;border-radius:4px;background:var(--bcs-grey-2);outline:none;opacity:.7;transition:opacity .2s}.password-generator .length__range:hover{opacity:1}.password-generator .length__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;background-color:var(--bcp-grey);border-radius:50%;cursor:pointer}.password-generator .length__range::-moz-range-thumb{width:15px;height:15px;background-color:var(--bcp-grey);border-radius:50%;cursor:pointer}.password-generator .options{display:grid;gap:var(--gap)}@media (min-width: 576px){.password-generator .options{grid-template-columns:repeat(2,1fr)}}.password-generator .options label{display:flex}