body{position:relative}@media print,screen{.inputwrapper{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;padding:20px 5% 50px 5%}.inputwrapper>div>.line>svg{z-index:0;position:absolute;left:0;top:0}.inputwrapper>div>.line>svg .st0{fill:none;stroke:#26FFD0;stroke-width:6}.inputwrapper>div>.input{display:flex;justify-content:space-around;column-gap:20px;row-gap:20px}.inputwrapper>div>.input>div>div{display:grid;grid-template-rows:1fr;grid-template-columns:1fr;transition:0.3s}.inputwrapper>div>.input>div>div:hover{opacity:0.7}.inputwrapper>div>.input>div>div>input{grid-row:1/2;grid-column:1/2;opacity:0;cursor:pointer}.inputwrapper>div>.input>div>div>img{grid-row:1/2;grid-column:1/2;max-width:100%}.inputwrapper>div>.input>div>p{transform:translateY(-120px);font-size:1.3rem;line-height:120%;color:#37ffd1;text-align:center}.inputwrapper>div>.preview{position:relative;z-index:1;display:flex;justify-content:space-around;column-gap:20px;row-gap:20px}.inputwrapper>div>.preview>div{display:grid;grid-template-rows:1fr;grid-template-columns:1fr}.inputwrapper>div>.preview>div>img{grid-row:1/2;grid-column:1/2;justify-self:center;align-self:center}.inputwrapper>div>.preview>div>img:first-of-type{max-width:100%}.inputwrapper>div>.button{position:relative;z-index:1;margin-top:100px;text-align:center}.inputwrapper>div>.button>button{display:inline-block;padding:20px;aspect-ratio:1/1;background-color:#c7fff2;border:solid 6px #00aa6d;border-radius:30px;transition:0.3s;cursor:pointer}.inputwrapper>div>.button>button:hover{background-color:#fff}.inputwrapper>div>.button>button>span{font-size:2rem;line-height:130%;color:#00aa6d;font-weight:700}.inputwrapper>div>.button>button>div{font-size:1.5rem;line-height:130%;color:#00aa6d;font-weight:500}.inputwrapper>div>.reset{position:relative;z-index:1;margin-top:10px;text-align:center}.inputwrapper>div>.reset>button{display:inline-block;font-size:1.4rem;line-height:100%;color:#00aa6d;padding:10px 20px;background-color:#c7fff2;border:none;border-radius:30px;transition:0.3s;cursor:pointer}.inputwrapper>div>.reset>button:hover{opacity:0.7}}@media screen and (max-width:1189px){.inputwrapper>div>.input>div>p{transform:translateY(-60px);font-size:1.2rem}}@media screen and (max-width:669px){.inputwrapper>div>.input>div>p{transform:translateY(-20px);font-size:1rem}}@media print,screen{.previewwrapper{padding:20px 5% 0 5%}.previewwrapper>div{margin:0 auto;max-width:560px}.previewwrapper>div>#previewSecond{display:flex;flex-wrap:wrap;column-gap:10px;row-gap:10px}.previewwrapper>div>#previewSecond>div:first-of-type{background-color:#fff}.previewwrapper>div>#previewSecond>div:nth-of-type(2){background-color:#aaa}.previewwrapper>div>#previewSecond>div:nth-of-type(3){background-color:#555}.previewwrapper>div>#previewSecond>div:nth-of-type(4){background-color:#000}.previewwrapper>div>#previewSecond>div:nth-of-type(5){background-color:#f88}.previewwrapper>div>#previewSecond>div:nth-of-type(6){background-color:#8f8}.previewwrapper>div>#previewSecond>div:nth-of-type(7){background-color:#88f}.previewwrapper>div>#previewSecond>div:nth-of-type(8){background-image:url(./common/image/psback.svg)}.previewwrapper>div>#previewSecond>div>div{background-color:#888;display:grid;grid-template-columns:1fr 1fr 1fr}.previewwrapper>div>#previewSecond>div>div>span{text-align:center;font-size:1.1rem;line-height:100%;color:#fff;font-weight:300;padding:1px 1px 2px 1px}.previewwrapper>div>#previewSecond>div>img{margin:5px}}