*,*:before,*:after{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;*display: inline;*zoom: 1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:0}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left: -7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align: middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow: visible}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height: 13px;*width: 13px}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--bg-page: #E9F4FE;--color-primary: #2196f3;--color-dark: #2E3D54;--radius-btn: 10px;--transition: .3s ease-in-out}#app{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100vh;padding:0 20px 20px;background:var(--bg-page)}@media screen and (min-width: 768px){#app{justify-content:center}}.container{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:20px}#idValue{word-break:break-all}.buttons{display:flex;gap:20px}#generate-button-container{display:flex;justify-content:center;align-content:center}#generate-button-container img{transition:transform var(--transition)}.rotate{transform:rotate(180deg)}#copy-button-container{position:relative;overflow:hidden}.copy-button-inner{position:absolute;top:60%;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px;transition:transform var(--transition);min-width:34px;height:37px}#copy-button-container .copy-button-inner.copy-button-container-animation{animation:copy-animation 2s ease-in-out}@keyframes copy-animation{0%{transform:translate(-50%)}10%{transform:translate(-50%,-140%)}90%{transform:translate(-50%,-140%)}to{transform:translate(-50%)}}button{display:flex;justify-content:center;align-items:center;border:none;border-radius:var(--radius-btn);width:40px;height:40px;background-color:var(--color-dark)}.control{display:flex;flex-direction:column;align-items:center;gap:20px}.segmented-control{display:inline-flex;border:2px solid var(--color-primary);border-radius:var(--radius-btn);overflow:hidden;font-family:sans-serif;-webkit-user-select:none;user-select:none}.segmented-control input[type=radio]{display:none}.segmented-control label{padding:.6rem 1.2rem;cursor:pointer;text-align:center;flex:1 1 auto;color:var(--color-primary);background:#fff;transition:background var(--transition),color var(--transition);border-right:1px solid var(--color-primary)}.segmented-control label:last-of-type{border-right:none}.segmented-control label:hover{background:#2196f31a}.segmented-control input[type=radio]:checked+label{background:var(--color-primary);color:#fff}.length-select-container{display:inline-flex;align-items:center;gap:.5rem;width:40px;height:40px}.select{position:relative;display:inline-block;width:100%;height:100%}.select select{width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-dark);color:#fff;padding:11px;border:none;border-radius:var(--radius-btn);cursor:pointer;transition:filter var(--transition),border-color var(--transition)}.control-item:hover{filter:brightness(90%)}.select select:focus{border-color:#5ab0ff}.hidden{display:none}