@import"https://fonts.googleapis.com/css2?family=Cutive+Mono&family=Source+Code+Pro&family=Montserrat+Alternates:wght@300&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{font-family:Cutive Mono,monospace;height:100vh}.App{display:flex;flex-direction:column;justify-content:center;align-items:center}.App h2{text-align:center;color:#535790;text-shadow:1px 1px 2px rgba(209,195,182,.4)}.container{width:340px;margin-top:1rem;min-height:40px;padding:.8rem;background:linear-gradient(-60deg,rgba(151,151,151,.2),rgba(246,248,246,.1));backdrop-filter:blur(85px);-webkit-backdrop-filter:blur(85px);box-shadow:1px 4px 10px #1339642e;border-radius:.8rem}@media screen and (min-width: 768px){.container{width:430px}}button{font-family:Cutive Mono,monospace;border:none}button:active,button:focus{outline:none}.generateButton{font-size:22px;color:#f6f8f6cc;text-shadow:1px 1px 2px rgba(19,57,100,.4);width:100%;max-width:370px;padding:10px 15px;border:1px solid rgba(246,248,246,.4);border-radius:13px;background-color:#797881bf;background-image:linear-gradient(-45deg,rgba(148,129,112,.55),rgba(100,126,156,.85),rgba(134,114,150,.6),rgba(153,126,98,.6));transition:all .4s ease-out}@media screen and (min-width: 768px){.generateButton{font-size:26px}}.generateButton:hover{background-image:linear-gradient(-45deg,rgba(148,129,112,.55),rgba(100,126,156,.85),rgba(134,114,150,.6),rgba(153,126,98,.6));background-color:#236abad9;transform:scale(.97)}.copyButton{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:transparent}.copyButton .copyIcon{width:25px;height:25px;filter:drop-shadow(1px 1px 1px rgba(246,248,246,.5));transition:all .2s}.copyButton .copyIcon:hover{transform:scale(.95)}.copyButton .copyIcon:active{transform:scale(.85)}.container.output{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.text-field{width:100%;height:100%;margin-left:10px;font-family:Source Code Pro,monospace;letter-spacing:2px;color:#f6f8f6;text-shadow:1px 1px 2px rgb(121,120,129);font-size:20px}@media screen and (min-width: 768px){.text-field{font-size:24px}}.text-field::placeholder{letter-spacing:.8px;font-size:.75em;color:#535790;text-shadow:1px 1px 2px rgba(209,195,182,.4)}.copyMessage{color:#535790;text-shadow:1px 1px 2px rgba(209,195,182,.4);font-size:14px;margin-right:5px;opacity:0;transition:opacity .3s ease-in}@media screen and (min-width: 768px){.copyMessage{font-size:18px}}.copyMessage.show{opacity:1}.copyMessage.show .error{color:#a8703f;text-shadow:1px 1px 2px rgba(209,195,182,.4)}.sliderContainer{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:15px}.slider{width:95%;height:10px;appearance:none;background-color:#797881a6;background-image:linear-gradient(to right,rgba(135,109,230,.55),rgba(168,112,63,.75));background-repeat:no-repeat;box-shadow:1px 1px 2px #77abe566;border-radius:5px}.slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;position:relative;width:20px;height:20px;background-color:#236abad9;border-radius:50%;transition:transform .3s ease-in-out;cursor:pointer}.slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.container.main{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:50vh;min-height:400px;padding:1.5rem .9rem}.main h2{color:#535790;text-shadow:1px 1px 2px rgba(209,195,182,.4)}.optionsContainer{padding:10px 20px;width:100%;max-width:400px}.item-wrapper{margin:10px auto}.item-wrapper label{display:flex;flex-direction:row;justify-content:normal;align-items:center;gap:20px}.item-wrapper label h3{color:#535790;text-shadow:1px 1px 2px rgba(209,195,182,.4)}.item-wrapper input[type=checkbox]{display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;appearance:none;width:17px;height:17px;border:1.6px solid rgba(246,248,246,.35);border-radius:2px;transition:all .2s ease-out}.item-wrapper input[type=checkbox]:hover{transform:scale(1.05);border:1.6px solid rgba(246,248,246,.45);background:linear-gradient(to top,rgba(246,248,246,.4),rgba(246,248,246,.3))}.item-wrapper input[type=checkbox]:hover+h3{color:#f6f8f6b3;text-shadow:1px 1px 2px rgb(121,120,129)}.item-wrapper input[type=checkbox]:checked{background:linear-gradient(to top,rgba(35,106,186,.4),rgba(35,106,186,.3));border:1.6px solid rgba(246,248,246,.65);position:relative}.item-wrapper input[type=checkbox]:checked:before{content:" ";display:block;background-image:url(/assets/check-icon-37f1e17c.svg);background-size:cover;width:8px;height:8px}.item-wrapper input[type=checkbox]:checked+h3{color:#f6f8f6e6;text-shadow:1px 1px 2px rgb(151,151,151)}.lengthValue{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;font-size:18px;color:#f6f8f6;text-shadow:1px 1px 2px rgba(209,195,182,.4);width:1.7em;height:1.7em;border-radius:8px;border:1px solid rgba(214,228,217,.65);background-color:#236aba59}@media screen and (min-width: 768px){.lengthValue{font-size:20px}}.sliderContainer{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:15px;margin:25px 0;width:100%;max-width:370px}html,body,#root,#root>div{height:100%;width:100%;margin:0}html{position:absolute}html:before{content:"";min-width:100%;min-height:100vh;position:fixed;background:linear-gradient(-45deg,#876DE6,#6DCCE6) fixed;color:#535790;text-shadow:1px 1px 2px rgba(209,195,182,.4);z-index:-1}p{font-size:16px}@media screen and (min-width: 768px){p{font-size:20px}}h3{font-size:18px}@media screen and (min-width: 768px){h3{font-size:20px}}h1{font-size:22px}@media screen and (min-width: 768px){h1{font-size:26px}}h2{font-size:20px}@media screen and (min-width: 768px){h2{font-size:24px}}button{cursor:pointer}input{background:none;border:none;font-family:Cutive Mono,monospace;color:#535790;text-shadow:1px 1px 2px rgba(209,195,182,.4)}input:active,input:focus{outline:none;border:none}input::placeholder{font-family:Cutive Mono,monospace}