@charset "utf-8";:root{--top-frame-base:800;--gap-fillin:4}#frame-base{position:absolute;top:calc(var(--top-frame-base) * 1px);margin:0 auto;left:0;right:0;width:calc((var(--gap-fillin) + var(--width-parts) * var(--columns) + var(--gap-fillin)) * 1px);height:calc((var(--gap-fillin) + var(--height-parts) * var(--rows) + var(--gap-fillin)) * 1px);border:solid red 0}.cands{position:absolute;top:calc(var(--gap-fillin) * 1px);left:calc(var(--gap-fillin) * 1px);width:calc((var(--width-parts) * var(--columns)) * 1px);height:calc((var(--height-parts) * var(--rows)) * 1px);display:grid;grid-template-columns:repeat(var(--columns),calc(var(--width-parts) * 1px));gap:0}.cands img{display:block;width:calc(var(--width-parts) * 1px);height:calc(var(--height-parts) * 1px);object-fit:cover}#button-send{--offset-button-send:50;--width-button-send:410;right:calc(50% + var(--offset-button-send) * 1px);bottom:17%}#button-reset{--offset-button-reset:50;--width-button-reset:410;left:calc(50% + var(--offset-button-reset) * 1px);bottom:17%}#frame-result{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgb(128 128 128 / .8);z-index:9;display:none}.result{--width-result:845;position:absolute;top:50%;transform:translateY(-50%);margin:0 auto;left:0;right:0}#ok{display:none}#ng{display:none}#button-ticket{--width-button-ticket:410;margin:0 auto;left:0;right:0;bottom:25%}@media screen and (max-width:1080px){.background{width:100vw}#button-challenge{width:calc(var(--width-button-challenge)/ 1080 * 100vw)}#frame-base{top:calc(var(--top-frame-base)/ 1080 * 100vw);width:calc((var(--gap-fillin) + var(--width-parts) * var(--columns) + var(--gap-fillin))/ 1080 * 100vw);height:calc((var(--gap-fillin) + var(--height-parts) * var(--rows) + var(--gap-fillin))/ 1080 * 100vw)}.cands{width:calc((var(--width-parts) * var(--columns))/ 1080 * 100vw);height:calc((var(--height-parts) * var(--rows))/ 1080 * 100vw);grid-template-columns:repeat(var(--columns),calc(var(--width-parts)/ 1080 * 100vw))}.cands img{width:calc(var(--width-parts)/ 1080 * 100vw);height:calc(var(--height-parts)/ 1080 * 100vw)}#button-send{right:calc(50% + var(--offset-button-send)/ 1080 * 100vw);width:calc(var(--width-button-send)/ 1080 * 100vw)}#button-reset{left:calc(50% + var(--offset-button-reset)/ 1080 * 100vw);width:calc(var(--width-button-reset)/ 1080 * 100vw)}.result{width:calc(var(--width-result)/ 1080 * 100vw)}#button-ticket{width:calc(var(--width-button-ticket)/ 1080 * 100vw)}}