.password-generator{background:#fff;border:1px solid #e2e5ef;border-radius:1.2rem;grid-template-columns:minmax(16rem,.34fr) minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 18px 52px #1e264714}.password-generator__settings{background:#fafaff;padding:1.35rem}.password-generator__field{color:#586276;gap:.4rem;margin-bottom:1rem;font-size:.76rem;font-weight:800;display:grid}.password-generator__field input{color:#202939;outline-color:var(--color-primary);background:#fff;border:1px solid #dce0ec;border-radius:.7rem;width:100%;padding:.74rem .8rem;font-size:1rem;font-weight:750}.password-generator__options{border:0;gap:.5rem;margin:0;padding:0;display:grid}.password-generator__options legend{color:#586276;margin:0 0 .15rem;font-size:.76rem;font-weight:800}.password-generator__options label{cursor:pointer;background:#fff;border:1px solid #e5e7ef;border-radius:.72rem;grid-template-columns:2.8rem minmax(0,1fr);align-items:center;padding:.72rem .75rem;display:grid;position:relative}.password-generator__options input{opacity:0;position:absolute}.password-generator__options label>span{background:#d7dce6;border-radius:999px;grid-row:1/3;width:2rem;height:1.15rem;transition:all .18s;position:relative}.password-generator__options label>span:after{content:"";background:#fff;border-radius:50%;width:.83rem;height:.83rem;transition:all .18s;position:absolute;top:.16rem;left:.16rem;box-shadow:0 1px 3px #0003}.password-generator__options input:checked+span{background:var(--color-primary)}.password-generator__options input:checked+span:after{transform:translate(.85rem)}.password-generator__options b{font-size:.76rem;line-height:1.2}.password-generator__options small{color:#8992a3;grid-column:2;font-size:.63rem}.password-generator__workspace{background:linear-gradient(145deg,#fbfbff,#f5f4ff);flex-direction:column;min-height:33rem;padding:1.4rem;display:flex}.password-generator__workspace-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.password-generator__workspace-head>div:first-child{gap:.1rem;display:grid}.password-generator__workspace-head span{color:#8992a3;font-size:.68rem;font-weight:750}.password-generator__workspace-head strong{color:#263049;font-size:.95rem}.password-generator__view{background:#f1f2f7;border:1px solid #e2e4ec;border-radius:.7rem;padding:.22rem;display:flex}.password-generator__view button{color:#707989;cursor:pointer;background:0 0;border:0;border-radius:.5rem;padding:.42rem .6rem;font-size:.68rem;font-weight:800}.password-generator__view button.is-active{color:#5144d7;background:#fff;box-shadow:0 2px 8px #2d344f17}.password-generator__hint{color:#7e8797;margin:.9rem 0;font-size:.7rem}.password-generator__hint span{color:#6555e7;margin-right:.35rem}.password-generator__results{background:#fff;border:1px solid #e4e5ef;border-radius:1rem;flex-wrap:wrap;flex:1;align-content:flex-start;gap:.65rem;padding:1rem;display:flex;position:relative}.password-generator__results.is-list{align-content:start;display:grid}.password-generator__empty{text-align:center;place-content:center;justify-items:center;padding:1.5rem;display:grid;position:absolute;inset:0}.password-generator__empty>span{color:#5b4cf0;background:#f0eeff;border-radius:1rem;place-items:center;width:3rem;height:3rem;margin-bottom:.8rem;font-size:1.15rem;display:grid}.password-generator__empty strong{color:#30394d;font-size:.92rem}.password-generator__empty p{color:#7c8595;max-width:19rem;margin:.35rem 0 0;font-size:.72rem;line-height:1.55}.password-generator__password{color:#273149;max-width:100%;font:inherit;cursor:pointer;background:#fff;border:1px solid #e2e4ee;border-radius:.7rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.48rem .5rem .48rem .65rem;transition:transform .15s,border-color .15s,box-shadow .15s;display:grid;box-shadow:0 3px 10px #252a470a}.password-generator__password:hover{border-color:#bcb5f5;transform:translateY(-1px);box-shadow:0 7px 18px #4c41b51f}.password-generator__password-number{color:#6355db;background:#f0eeff;border-radius:.42rem;place-items:center;width:1.48rem;height:1.48rem;font-size:.57rem;font-weight:850;display:grid}.password-generator__password code{text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.83rem;font-weight:800;overflow:hidden}.password-generator__copy{color:#5b4cf0;white-space:nowrap;background:#efedff;border:0;border-radius:.48rem;align-items:center;gap:.3rem;padding:.38rem .45rem;font-size:.61rem;font-weight:800;display:flex}.password-generator__copy i,.password-generator__copy em{font-style:normal}.password-generator__password.is-copied{background:#f7fdf9;border-color:#9bd3b5}.password-generator__password.is-copied .password-generator__copy{color:#187247;background:#e8f7ee}.password-generator__notice{color:#687387;min-height:1.2rem;margin:.85rem 0;font-size:.68rem}.password-generator__generate{color:#fff;cursor:pointer;background:linear-gradient(100deg,#6455ee,#4e64e9);border:0;border-radius:.72rem;justify-content:center;align-items:center;gap:.55rem;width:100%;padding:.86rem;font-size:.9rem;font-weight:850;display:flex;box-shadow:0 8px 18px #5348db2e}.password-generator__generate:hover{background:linear-gradient(100deg,#5748dd,#4056d5)}.password-generator__generate span{font-size:1.25rem;line-height:.8}@media (width<=760px){.password-generator{grid-template-columns:1fr}.password-generator__settings{border-bottom:1px solid #e2e5ef}.password-generator__options{grid-template-columns:repeat(2,minmax(0,1fr))}.password-generator__workspace{min-height:25rem}}@media (width<=480px){.password-generator__settings,.password-generator__workspace{padding:1rem}.password-generator__options{grid-template-columns:1fr}.password-generator__workspace-head{flex-direction:column;align-items:flex-start}.password-generator__results{padding:.75rem}.password-generator__password{justify-content:space-between;width:100%}.password-generator__copy em{display:none}.password-generator__copy{padding:.4rem}}