*{box-sizing:border-box}html{-ms-overflow-style:none;-webkit-text-size-adjust:100%;scrollbar-width:none}body,html{height:100vh;margin:0;touch-action:pan-x pan-y;width:100%}body{background-color:#fff;display:flex;flex-direction:column;font-family:Arial;margin:0;overflow:hidden}a,body{color:#000}a{text-decoration:none}h1.seo__title,h2.seo__subtitle{opacity:0;pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}div.hidden{display:none}div.before_exit,div.hidden{pointer-events:none}.reusable-elements{display:none}input:focus,select:focus,textarea:focus{outline:none}::-webkit-scrollbar{height:8px;width:6px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:#707070}::placeholder{color:#949494}:-ms-input-placeholder{color:#949494}::-ms-input-placeholder{color:#949494}.button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.canvas-container{display:flex;justify-content:center;position:absolute;touch-action:none}.canvas-container,.canvas-container canvas{height:100%;width:100%}.section{display:grid;min-height:100%;opacity:0;position:absolute;width:100%;z-index:1}.section.hidden{display:none;opacity:0}.container{height:100%;position:fixed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;width:100%;z-index:2}.component{display:grid;position:absolute;z-index:1}.loader{background-color:#fff;place-items:center;top:0;z-index:999}.loader__group{align-items:center;display:flex;flex-direction:column}.loader__animation{display:flex;width:300px}.loader__animation * path{stroke:#fff}.loader__progress-bar{background:#909090;border-radius:6px;max-width:300px;overflow:hidden;position:relative;width:60%;will-change:transform}.loader__progress-bar-fill{background-color:#000;border-radius:20px;height:8px;left:-100%;position:relative;transform-origin:left;width:100%;will-change:transform}.home{display:grid;grid-template-columns:1fr minmax(300px,1fr) 1fr;grid-template-rows:1fr minmax(200px,1fr) 1fr;height:100%;width:100%}.home__form{backdrop-filter:blur(10.5px);-webkit-backdrop-filter:blur(10.5px);background:hsla(0,0%,100%,.2);border-radius:10px;box-shadow:0 8px 32px 0 rgba(31,38,135,.37);column-gap:10px;display:grid;grid-column:2/3;grid-row:2/3;grid-template-columns:1fr auto;padding:20px;row-gap:10px}.home__input-name{border:none;border-radius:10px;font-size:34px;text-align:center;width:100%}.home__input-name.error{border:2px solid red}.home__input-color{display:none;grid-column:2/3;z-index:1}.home__color-display{clip-path:polygon(25% 0,100% 0,75% 100%,0 100%);cursor:pointer;grid-column:2/3;transition:clip-path .5s;width:50px;z-index:2}.home__color-display:hover{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.home__button{align-items:center;align-self:end;background-color:aqua;border-radius:10px 10px 0 10px;display:grid;font-weight:thin;grid-column:1/3;height:100px;justify-self:end;padding:10px 20px;text-align:center;width:100px}