#layout{display:flex;width:100%;min-height:100vh;align-items:center;justify-content:center;}#layout .form{display:block;width:600px;max-width:100%;padding:var(--gap-box);}#layout .form header{text-align:center;}#layout .form header .logo{user-select:none;}#layout .form header .logo>span:first-child{display:block;margin:auto;width:200px;height:200px;}#layout .form header .logo>span:first-child::before{display:block;content:'';width:100%;height:100%;background:url(/static/images/logo.webp) no-repeat center center;background-size:cover;}#layout .form main section .welcome-message{text-align:center;padding:var(--gap-box);}#layout .form main section .sx-fieldset{margin-top:var(--gap-box);}#layout .form footer{margin-top:var(--gap-box);text-align:center;}.canvas-image{width:100%;cursor:pointer;display:none;}@font-face {font-family: 'Coke4U';src: url('/static/fonts/Coke4U.woff2') format('woff2');}.list-style{display:flex;flex-wrap:nowrap;width:100%;height:120px;overflow-x:scroll;overflow-y:hidden;overflow:auto;}.list-style>span{flex:0 0 auto;position:relative;z-index:1;box-sizing:border-box;width:100px;height:100px;border:0.2rem solid rgba(0,0,0,0.2);margin-left:0.5rem;cursor:pointer;}.list-style>span::after{display:block;content:'';width:100%;height:100%;position:absolute;z-index:2;top:0;left:0;background:rgba(0,0,0,1);opacity:0.1;}.list-style>span:hover::after{opacity:0.2;}.list-style>span.active::after{opacity:0.5;}.list-style>span:first-child{margin-left:0;}.list-style>span>img{width:100%;height:100%;}