.App{width:-moz-fit-content;width:fit-content}main.generator-fill{padding:0;width:100vw}button.image{border:0;background:transparent;cursor:pointer;height:18px}img.item-icon{width:80px;height:80px}div.main-container{text-align:center;margin:auto;justify-content:center;width:-moz-fit-content;width:fit-content;position:relative}.write_button_wrap{margin-top:28px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:1.2rem;color:#667085}.login_to_write_button{width:140px;border:1px solid #006351;background-color:inherit;color:#006351;padding:10px;border-radius:30px;font-size:1.6rem;cursor:pointer}.login_to_write_button:hover{background-color:#006351;color:#fff}.write-button-content{display:flex;gap:4px;align-items:center;padding-left:5px}.editor-submit-button{width:min(calc(100vw - 64px),100%);display:block;margin:24px auto 0;background-color:#f6fefc;border:1px solid #107569;color:#344054;height:49px;font-size:1.7rem;font-weight:600;border-radius:8px;cursor:pointer;fill:red}.editor-submit-button:hover{color:#fff;background-color:#006351}div.editor-container{width:100%;color:#006351;padding:0 32px}.editor-divider{border:1px solid #b2c6cd;margin-bottom:4px}.editor-container>h3{margin-top:40px;margin-bottom:19px;font-size:1.6rem;font-weight:700;letter-spacing:-.48px;line-height:1.2}.editor-container>h4{margin-top:24px;margin-bottom:12px;font-size:1.5rem;font-weight:500;letter-spacing:-.48px}.editor-input-title{padding-top:24px;display:block;font-size:1.5rem;font-weight:400;letter-spacing:-.48px}.editor-container span{margin-left:10px}.editor-container span,.input_subtext{color:#667085;font-size:1.3rem;font-weight:400}.editor-container [type=text],.editor-container textarea{width:100%;background-color:unset;border:1px solid #4f938d;line-height:1.5;padding:10px 20px;margin-top:10px;font-size:1.6rem;color:#667085;font-weight:400;font-family:Pretendard}.editor-container textarea{padding:15px 20px;resize:none;overflow-y:auto;scrollbar-width:none}.editor-container [type=text]:focus,.editor-container textarea:focus{outline:none;background-color:#eef6fc;border-color:#006351;box-shadow:0 0 0 1px #15b79e}.editor-tag-box{width:100%;border:1px solid #4f938d;display:flex;flex-wrap:wrap;padding:10px;align-items:center;gap:10px;margin-top:10px;margin-bottom:6px}.editor-tag-title{margin-top:24px}.editor-container [type=text].tag-input{width:200px;margin:0;padding:0;border:none;background-color:unset;box-shadow:none}.editor-tags-wrap{display:flex;gap:10px}.editor-tag{display:flex;flex-shrink:0;align-items:center;border:none;background-color:#dcede9;color:#337e78;width:max-content;font-size:1.6rem;gap:6px;padding:0 3px 0 5px}p.error-message{color:#d92d20;font-size:1.3rem;margin-top:4px}.post_edit_submit_buttons{max-width:1076px;width:min(calc(100vw - 64px),100%);display:flex;gap:12px;height:49px;margin:24px auto 0}.post_edit_delete_button{width:150px;background-color:unset;border-radius:8px;border:1px solid #7e889d;color:#7e889d;font-size:1.7rem;font-weight:600}.post_edit_delete_button:hover{background-color:#fff;border:1px solid #e0e3e9;color:#6d7586}.post_edit_submit_button{background-color:#f6fefc;color:#344054;flex-grow:1;border-radius:8px;border:1px solid #107569;font-size:1.7rem;font-weight:600}.post_edit_submit_button:hover{background-color:#107569;color:#fff}@media (min-width:1075px){div.main-container{text-align:center;margin:auto;display:flex;justify-content:center;width:-moz-fit-content;width:fit-content;position:relative;max-height:608px;min-height:608px}main.generator-fill>div{padding-top:36px}}@media (min-width:1087px){div.main-container:before{content:"";position:absolute;top:-7px;left:-7px;width:calc(100% + 14px);height:calc(100% + 14px);background-image:url(/_next/static/media/plus.d9d22438.svg),url(/_next/static/media/plus.d9d22438.svg),url(/_next/static/media/plus.d9d22438.svg),url(/_next/static/media/plus.d9d22438.svg),url(/_next/static/media/plus.d9d22438.svg);background-size:12px 12px;background-position:0 0,100% 0,100%,0 100%,100% 100%;background-repeat:no-repeat;z-index:-1}div.editor-container{max-width:1076px;margin:0 auto;padding:0}.editor-submit-button{max-width:1076px}.write_button_wrap{margin-top:20px}}div.item-information{position:relative;width:400px;flex-shrink:0;padding:2rem 26px calc(5rem + 39px);min-height:457px;margin:0 auto;.item-information-header{display:flex;justify-content:space-between;div{display:inline-flex;align-items:center;span{font-weight:700;font-size:1.5rem;letter-spacing:-.42px;color:#006351;margin-right:6px}img{width:1.5rem;height:1.5rem}div.information{display:none;position:absolute;width:348px;background-color:#fff;text-align:left;padding:23px;font-size:1.3rem;color:#475467;border-radius:12px;top:59px;line-height:19px;box-shadow:0 12px 16px -4px rgba(1,42,123,.08),0 4px 6px -2px rgba(12,45,110,.03);z-index:333;ol{margin-top:8px;padding-left:16px;line-height:23px}ul{margin-top:8px;padding-left:16px;font-size:1.2rem;li{margin-bottom:5px}}h3{margin-top:25px}}.infomation-icon{background-color:#efeffd}.infomation-icon:hover+div.information{display:block}}button{font-size:1.4rem;color:#4f938d;border:0;background-color:#e6f6f3;cursor:pointer;padding:5px;border-radius:4px;display:flex;align-items:center}button:before{content:"";display:inline-block;background-image:url(/_next/static/media/refresh-green.33ad235b.svg);width:1.5rem;height:1.5rem;background-size:cover;background-position:50%;vertical-align:middle;margin-right:1px}}hr{margin:2rem 0;border:1px solid #b2c6cd}.item-slot-container{.item-slot-row{display:flex;justify-content:space-between;.item-slot{flex-grow:0;display:inline-flex;flex-direction:column;margin-bottom:1rem;width:20%;min-width:74px;height:112px;span{text-align:left;font-size:1.3rem;color:#667085;margin-bottom:10px;letter-spacing:-.39px}img{width:100%;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:8px;cursor:pointer}div.dye-palette-container{margin-top:5px;display:flex;div.dye-palette{width:1rem;height:1rem;border-radius:50%;box-shadow:inset 0 0 0 1px #1018282e;display:inline-block;margin-right:3px}}}}}p.description{color:#667085;font-size:1.2rem;text-align:start;line-height:19px;letter-spacing:-.42px}div.download-container{position:absolute;bottom:0;display:flex;img.download-info{position:absolute;left:0;bottom:5.4rem;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.image-download{background-color:#f6fefc;cursor:pointer;width:234px;height:5rem;border:1px solid #107569;border-radius:8px;padding:11px 0;font-weight:700;color:#667085;font-size:1.6rem;font-family:inherit}.image-download:before{content:"";display:inline-block;background-image:url(/_next/static/media/download.690d8ed8.svg);width:1.6rem;height:1.6rem;background-size:cover;background-position:50%;vertical-align:middle;margin-right:10px}.image-download.inactive{border:1px solid #d0d5dd;background-color:transparent;color:#98a2b3;cursor:default}.image-download.inactive:before{background-image:url(/_next/static/media/download_inactive.cf20c7af.svg)}.ext-selector{width:50px;height:50px;background-color:#15b79e;border:1px solid #008e79;border-radius:8px;color:#fff;margin-left:7px;display:flex;align-items:center;justify-content:center;line-height:11px}.ext-selector.inactive{background-color:#d0d5dd;border:0;color:#5d6b98}}}@media (min-width:1075px){div.item-information-container{min-width:416px;max-width:444px;display:flex;justify-content:center}div.item-information{width:348px;padding:0 0 calc(5rem + 39px);.item-information-header{span{font-weight:700;font-size:1.6rem;letter-spacing:-.48px;color:#667085}button{background-color:#e6f6f3;letter-spacing:-.42px;font-weight:500}}.item-slot-container{.item-slot-row{.item-slot{img{width:72px}}}}div.download-container{.image-download{box-sizing:border-box;background-color:#f6fefc;font-weight:700;color:#344054;font-size:1.6rem;font-family:inherit}}}div.item-information{& .item-information-header{& div{span{font-size:1.6rem;margin-right:6px}}}}div.item-information{& .item-information-header{& div{div.information{top:39px}}}}}