.conteiner{margin:0 auto;width:1200px}@media(max-width:360px){.conteiner{width:100vw}}@media(min-width:360px){.conteiner{width:360px}}@media(min-width:480px){.conteiner{width:480px}}@media(min-width:768px){.conteiner{width:768px}}@media(min-width:1200px){.conteiner{width:1200px}}.box{position:relative;flex-shrink:0;border-radius:20px;padding:10px;width:400px;height:400px;display:block}@media(max-width:768px){.box{border-radius:20px 20px 0 0;box-shadow:none}}@media(max-width:430px){.box{scale:.87}}@media(min-width:768px){.box{scale:.9}}@media(min-width:1200px){.box{scale:1}}.settings{position:relative;flex-shrink:0;border-radius:20px;padding:10px;width:400px;height:400px;display:block}@media(max-width:768px){.settings{border-radius:0 0 20px 20px;box-shadow:none}}@media(max-width:430px){.settings{scale:.87;margin-top:-5vh}}@media(min-width:768px){.settings{scale:.9}}@media(min-width:1200px){.settings{scale:1}}.main{margin-top:20vh;display:flex;align-items:center}@media(max-width:768px){.main{flex-direction:column;margin-top:2vh}}@media(max-width:360px){.main{margin-top:1vh}}@media(min-width:768px){.main{justify-content:space-around;margin-left:-15px}}@media(min-width:1200px){.main{justify-content:space-around;margin-left:-16px}}input[type=number]::-webkit-inner-spin-button{margin-left:6px;opacity:1}input[type=number]{padding-right:6px;-moz-appearance:textfield}input[type=number]::-ms-clear{display:none}.copyButton{position:absolute;left:10px;bottom:10px}@media(max-width:768px){.copyButton{padding-inline:calc(var(--spacing)*6);font-size:var(--heroui-font-size-medium)}}.randomizeButton{position:absolute;right:10px;bottom:10px;background-color:hsl(var(--heroui-default-100)/1);color:hsl(var(--heroui-default-700)/1)}@media(max-width:768px){.randomizeButton{padding-inline:calc(var(--spacing)*6);font-size:var(--heroui-font-size-medium)}html{background-color:hsl(var(--heroui-content1)/1)}}