/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[1]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[2]!./node_modules/@vanilla-extract/webpack-plugin/virtualNextFileLoader/dist/vanilla-extract-webpack-plugin-virtualNextFileLoader.cjs.js!./node_modules/@vanilla-extract/webpack-plugin/vanilla.virtual.css?%7B%22fileName%22%3A%22src%2Fapp%2F_styles%2FglobalThemes.css.ts.vanilla.css%22%2C%22source%22%3A%22%23H4sIAAAAAAAAA%2BWTwW6EIBCG7%2FsUJJ7ZCKzW2tfo3cgyKq1ujUu6u9n03RswATWjbZqml8LF6JfxZ5hvX7dvsmyfG%2BjgXLS6box7LgrWZ8nl%2FarJfUcIpZdGG6Cxfx%2FnJKrcenLfz9DByegjlTWVMfMcy0kUu4Vx3HM8JxEoAEDrCc8J%2B19eiSrBuIPnDv6%2FkmNk4snEk9kyo4GroWZymtSyld04GXI%2B2JzMbpwMSbOcRGlsN06GpI85iUq3cDL1ZLlWs9UnoO3kRNKfXgicDXd09CxbJugH3ZXDjfaT0mrt6gMcasPaPAU4NLdylRVTy%2BYGOPS3dnCWbFQOLW5cjDHzx24%2Fs0OVw%2BtcjpdfkGOdm8shuBAi%2B1oOLrkSy778mRxbI%2F9TObZGfi7HlkZzOdC5ROUY7%2Bd7cozs%2F5DjE%2FVkR6Q6BgAA%22%7D ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.globalThemes_lightTheme__1p85wvxi {
  --white-0__1p85wvx0: #ffffff;
  --sementic-bg-b01__1p85wvx1: #000000;
  --sementic-bg-b02__1p85wvx2: #edeeef;
  --sementic-bg-b03__1p85wvx3: #f2f3f5;
  --sementic-bg-b04__1p85wvx4: #000000b2;
  --sementic-bg-b05__1p85wvx5: #00000080;
  --sementic-text-t01__1p85wvx6: #0f0f0f;
  --sementic-text-t03__1p85wvx7: #f1f1f1;
  --sementic-text-t04__1p85wvx8: #606060;
  --sementic-text-t05__1p85wvx9: #aaaaaa;
  --sementic-text-t06__1p85wvxa: #606060;
  --sementic-line-l01__1p85wvxb: #00000033;
  --sementic-line-l02__1p85wvxc: #0000001a;
  --sementic-primary-p01__1p85wvxd: #000000;
  --sementic-primary-p02__1p85wvxe: #ffffff;
  --sementic-primary-p03__1p85wvxf: #00d1d1;
  --sementic-primary-p04__1p85wvxg: #0085ff;
  --sementic-primary-p05__1p85wvxh: #ff0000;
}
.globalThemes_darkTheme__1p85wvxj {
  --white-0__1p85wvx0: #ffffff;
  --sementic-bg-b01__1p85wvx1: #ffffff;
  --sementic-bg-b02__1p85wvx2: #323338;
  --sementic-bg-b03__1p85wvx3: #2b2d31;
  --sementic-bg-b04__1p85wvx4: #000000b2;
  --sementic-bg-b05__1p85wvx5: #00000080;
  --sementic-text-t01__1p85wvx6: #f1f1f1;
  --sementic-text-t03__1p85wvx7: #f1f1f1;
  --sementic-text-t04__1p85wvx8: #aaaaaa;
  --sementic-text-t05__1p85wvx9: #606060;
  --sementic-text-t06__1p85wvxa: #000000;
  --sementic-line-l01__1p85wvxb: #ffffff33;
  --sementic-line-l02__1p85wvxc: #ffffff1a;
  --sementic-primary-p01__1p85wvxd: #000000;
  --sementic-primary-p02__1p85wvxe: #ffffff;
  --sementic-primary-p03__1p85wvxf: #00d1d1;
  --sementic-primary-p04__1p85wvxg: #0085ff;
  --sementic-primary-p05__1p85wvxh: #ff0000;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[1]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[2]!./node_modules/@vanilla-extract/webpack-plugin/virtualNextFileLoader/dist/vanilla-extract-webpack-plugin-virtualNextFileLoader.cjs.js!./node_modules/@vanilla-extract/webpack-plugin/vanilla.virtual.css?%7B%22fileName%22%3A%22src%2Fapp%2F_styles%2Fsprinkles.css.ts.vanilla.css%22%2C%22source%22%3A%22LnNwcmlua2xlc19mb250U2l6ZV9ib2R5MTBfXzFmdmZqd2MwIHsKICBmb250LXNpemU6IDEwcHg7CiAgbGluZS1oZWlnaHQ6IDEycHg7CiAgbGV0dGVyLXNwYWNpbmc6IC0wLjAxZW07Cn0KLnNwcmlua2xlc19mb250U2l6ZV9ib2R5MTJfXzFmdmZqd2MxIHsKICBmb250LXNpemU6IDEycHg7CiAgbGluZS1oZWlnaHQ6IDE0LjMycHg7CiAgbGV0dGVyLXNwYWNpbmc6IC0wLjAxZW07Cn0KLnNwcmlua2xlc19mb250U2l6ZV9ib2R5MTRfXzFmdmZqd2MyIHsKICBmb250LXNpemU6IDE0cHg7CiAgbGluZS1oZWlnaHQ6IDE2LjhweDsKICBsZXR0ZXItc3BhY2luZzogLTAuMDFlbTsKfQouc3ByaW5rbGVzX2ZvbnRTaXplX2JvZHkxNl9fMWZ2Zmp3YzMgewogIGZvbnQtc2l6ZTogMTZweDsKICBsaW5lLWhlaWdodDogMTkuMDVweDsKICBsZXR0ZXItc3BhY2luZzogLTAuMDFlbTsKfQouc3ByaW5rbGVzX2ZvbnRTaXplX2hlYWRlcjE0X18xZnZmandjNCB7CiAgZm9udC1zaXplOiAxNHB4OwogIGxpbmUtaGVpZ2h0OiAxNi43MXB4OwogIGxldHRlci1zcGFjaW5nOiAtMC4wMWVtOwp9Ci5zcHJpbmtsZXNfZm9udFNpemVfaGVhZGVyMTZfXzFmdmZqd2M1IHsKICBmb250LXNpemU6IDE2cHg7CiAgbGluZS1oZWlnaHQ6IDE5LjA5cHg7CiAgbGV0dGVyLXNwYWNpbmc6IC0wLjAxZW07Cn0KLnNwcmlua2xlc19mb250V2VpZ2h0X3JlZ3VsYXJfXzFmdmZqd2M2IHsKICBmb250LXdlaWdodDogNDAwOwp9Ci5zcHJpbmtsZXNfZm9udFdlaWdodF9ib2xkX18xZnZmandjNyB7CiAgZm9udC13ZWlnaHQ6IDcwMDsKfQ%3D%3D%22%7D ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.sprinkles_fontSize_body10__1fvfjwc0 {
  font-size: 10px;
  line-height: 12px;
  letter-spacing: -0.01em;
}
.sprinkles_fontSize_body12__1fvfjwc1 {
  font-size: 12px;
  line-height: 14.32px;
  letter-spacing: -0.01em;
}
.sprinkles_fontSize_body14__1fvfjwc2 {
  font-size: 14px;
  line-height: 16.8px;
  letter-spacing: -0.01em;
}
.sprinkles_fontSize_body16__1fvfjwc3 {
  font-size: 16px;
  line-height: 19.05px;
  letter-spacing: -0.01em;
}
.sprinkles_fontSize_header14__1fvfjwc4 {
  font-size: 14px;
  line-height: 16.71px;
  letter-spacing: -0.01em;
}
.sprinkles_fontSize_header16__1fvfjwc5 {
  font-size: 16px;
  line-height: 19.09px;
  letter-spacing: -0.01em;
}
.sprinkles_fontWeight_regular__1fvfjwc6 {
  font-weight: 400;
}
.sprinkles_fontWeight_bold__1fvfjwc7 {
  font-weight: 700;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[1]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[2]!./node_modules/@vanilla-extract/webpack-plugin/virtualNextFileLoader/dist/vanilla-extract-webpack-plugin-virtualNextFileLoader.cjs.js!./node_modules/@vanilla-extract/webpack-plugin/vanilla.virtual.css?%7B%22fileName%22%3A%22src%2Fapp%2F%5Blang%5D%2Fstyles.css.ts.vanilla.css%22%2C%22source%22%3A%22%23H4sIAAAAAAAAA7WVUWvbMBDH3%2FMp7qXQwFTspEkz92kdFArtGKzQx6BIF0eLLGnSuXEY%2B%2B7Dduw6jtt1sL3ExJb%2Bv%2F%2Bd7k4XgfYaw9JbS%2Fd8b3NaLtMfW4p2EfwcAay42Kbe5kYyYbX1CTxzf85YwAwNKcFWKVtF0%2BUydovZ7rmYjq9Hv0YXHdXP1hCaVjauZKUKTvN9AmuNxfUIYKckbRKIo%2Bis%2FJspwzao0g0lILgW53EUyecNMJjEsStOIA9cmYYwqQgHwWbzGTCYRdVOAMelVCYtca6AydHP9ZC78smk8ihIWZOAsDrPTPnlex5IrfdM1FEmEBwXyFZIO0TTtamPsjvtmmyiPuGeqAs0hP5tS1yr1DBFmIWXDS8%2BKoO31t%2BqAuU9rukBTd7Yuuzaujqko0KFjVdmm0B0pFXTnzx3Dn0jMqtEyiNs44sPUofMM7IugWn18lU1Fb7Yr%2FX6R%2BuW5HNsCPOKcCTW00q9krNm%2BdVxzZXfSjPe7ljKXdKee53D%2Bl3juFzMCDOnOSGrV4QEPDrkdD77APHaj%2Fvky4a8%2BG%2Fky1Oy8MgJj7v443C7vVFYA0cE0DHb591an%2FUKgA9DXy%2FZTq3M4y6yXyIHpMaih1wNIzsJ7Yvc5EQnpSv%2BQmbFAz5YyfWdMS8KsttB0%2BgQTDPL4mj2aiP807nzxzHQun9UpNvGWlfuhyc9YUGMorid9fPxoOAN9bOavmvYVUle9EeCRkGf1F3GU%2Fy2RY1k20G%2FqW8o6yV65rlUeUggnte5fN%2FFNWmDmVQ3Qy2WQHSxcAUEq5Xs79PKINOdnWLcK%2BHponfq88VVFdZvf5ki8m0HAAA%3D%22%7D ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_rootLayout__gqkt0w0 {
  background-color: var(--sementic-bg-b03__1p85wvx3);
}
.styles_rootContent__gqkt0w1 {
  display: flex;
  width: 100%;
  min-height: calc(100dvh - 211px);
}
.styles_rootMain__gqkt0w2 {
  width: calc(100% - 50px);
  padding: 10px 20px 20px 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.styles_layout__gqkt0w3 {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.styles_spaceForFixedLeftMenu__gqkt0w4 {
  width: 70px;
  flex-shrink: 0;
}
.styles_sectionWrapper__gqkt0w5 {
  min-width: 1010px;
  padding-top: 30px;
}
.styles_sectionWrapper_isNoPaddingTop_true__gqkt0w6 {
  padding-top: 0px;
}
.styles_grid5__gqkt0w7 {
  display: grid;
  grid-row-gap: 20px;
  row-gap: 20px;
  grid-column-gap: 10px;
  column-gap: 10px;
  grid-template-columns: repeat(5, 1fr);
}
.styles_grid4__gqkt0w8 {
  display: grid;
  grid-row-gap: 20px;
  row-gap: 20px;
  grid-column-gap: 10px;
  column-gap: 10px;
  grid-template-columns: repeat(4, 1fr);
}
.styles_createLayout__gqkt0w9 {
  display: flex;
  justify-content: center;
  padding-top: 30px;
  gap: 20px;
}
.styles_createFormWrapper__gqkt0wa {
  display: flex;
  flex-direction: column;
  min-width: 610px;
  gap: 30px;
}
.styles_createFlexWrapper__gqkt0wb {
  display: flex;
  gap: 10px;
}
.styles_createButtonWrapper__gqkt0wc {
  display: flex;
  gap: 10px;
}
.styles_baseModalInner__gqkt0wd {
  width: 300px;
  height: 105px;
  padding-top: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.styles_baseModalTitle__gqkt0wf {
  color: var(--sementic-text-t01__1p85wvx6);
}
.styles_baseModalBtnWrapper__gqkt0wg {
  width: 100%;
  display: flex;
  gap: 8px;
}
.styles_selectAiImageSkeleton__gqkt0wh {
  border-radius: 16px;
  background-color: var(--sementic-bg-b02__1p85wvx2);
  border: 0.8px solid var(--sementic-line-l02__1p85wvxc);
  min-width: 380px;
  height: 687px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[1]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[2]!./node_modules/@vanilla-extract/webpack-plugin/virtualNextFileLoader/dist/vanilla-extract-webpack-plugin-virtualNextFileLoader.cjs.js!./node_modules/@vanilla-extract/webpack-plugin/vanilla.virtual.css?%7B%22fileName%22%3A%22src%2Fapp%2F_core%2FTypography%2Fstyles.css.ts.vanilla.css%22%2C%22source%22%3A%22%23H4sIAAAAAAAAA7WVTW6DMBBG95zCy3ZhhPlLQlY9CTJkMG4JIGOloVXvXkFTDxIpdqV2y4zePD5mhD%2FosYEh12PfCcX7eswvXEne6rzoTiML8px1QlbhyMi7R0jVtZoO8g0ywoL%2BevQIaWQLtAYpap0RFt4egtag6NDzUrYiIzTwAwbn4zfi9dYfB8HR%2B%2FB8i0ZoNMKVRnhPI%2Faj%2FzGJjUm0MonvmaT%2B%2Fl9EUiMSr0TSeyIHP0j%2B2qQGfgK1CCVxDWXHfueyc3XBXFLnXA5%2F5VJ2TafyQgTMWOxmi7mQkQtXD5QOcIZWy5IWghZza79PXi9X9mjD4h3sbdjQYEMrNjLYgw0bGWxkxeJacBs2Nth4G6vhqhfpFhvgqZXqRb6pAxqjKO1oDGPngMY4TnY0BrJ3QCcGDXZ0YtAHBzTeU2VHpwbNt9HTCS4%2Bo9hAz9faLD5j4YDGQ6ntaDyVchvdK3nmalyIyw36rZv2C%2FeT2wDUf3YagG8AbgNwzV%2BcBuCmV24DcNkbpwG478JtAK782WkAbn3904BpiZ8aKdq8gUobfjvz5w3nUzUjU9nKKKHVoAylW1G%2BGqwcNf10DKZfYeb60fv4BPYsSsLLCQAA%22%7D ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_typography_variant_body10__1ogif2y1 {
  font-size: 10px;
  line-height: 12px;
  letter-spacing: -0.01em;
  font-weight: 400;
}
.styles_typography_variant_body12__1ogif2y2 {
  font-size: 12px;
  line-height: 14.32px;
  letter-spacing: -0.01em;
  font-weight: 400;
}
.styles_typography_variant_body14__1ogif2y3 {
  font-size: 14px;
  line-height: 16.8px;
  letter-spacing: -0.01em;
  font-weight: 400;
}
.styles_typography_variant_body16__1ogif2y4 {
  font-size: 16px;
  line-height: 19.05px;
  letter-spacing: -0.01em;
  font-weight: 400;
}
.styles_typography_variant_header14__1ogif2y5 {
  font-size: 14px;
  line-height: 16.71px;
  letter-spacing: -0.01em;
  font-weight: 700;
}
.styles_typography_variant_header16__1ogif2y6 {
  font-size: 16px;
  line-height: 19.09px;
  letter-spacing: -0.01em;
  font-weight: 700;
}
.styles_typography_color_bg01__1ogif2y7 {
  color: var(--sementic-bg-b01__1p85wvx1);
}
.styles_typography_color_bg02__1ogif2y8 {
  color: var(--sementic-bg-b02__1p85wvx2);
}
.styles_typography_color_bg03__1ogif2y9 {
  color: var(--sementic-bg-b03__1p85wvx3);
}
.styles_typography_color_bg04__1ogif2ya {
  color: var(--sementic-bg-b04__1p85wvx4);
}
.styles_typography_color_text01__1ogif2yb {
  color: var(--sementic-text-t01__1p85wvx6);
}
.styles_typography_color_text03__1ogif2yc {
  color: var(--sementic-text-t03__1p85wvx7);
}
.styles_typography_color_text04__1ogif2yd {
  color: var(--sementic-text-t04__1p85wvx8);
}
.styles_typography_color_text05__1ogif2ye {
  color: var(--sementic-text-t05__1p85wvx9);
}
.styles_typography_color_text06__1ogif2yf {
  color: var(--sementic-text-t06__1p85wvxa);
}
.styles_typography_color_line01__1ogif2yg {
  color: var(--sementic-line-l01__1p85wvxb);
}
.styles_typography_color_line02__1ogif2yh {
  color: var(--sementic-line-l02__1p85wvxc);
}
.styles_typography_color_primary01__1ogif2yi {
  color: var(--sementic-primary-p01__1p85wvxd);
}
.styles_typography_color_primary02__1ogif2yj {
  color: var(--sementic-primary-p02__1p85wvxe);
}
.styles_typography_color_primary03__1ogif2yk {
  color: var(--sementic-primary-p03__1p85wvxf);
}
.styles_typography_color_primary04__1ogif2yl {
  color: var(--sementic-primary-p04__1p85wvxg);
}
.styles_typography_color_primary05__1ogif2ym {
  color: var(--sementic-primary-p05__1p85wvxh);
}
.styles_typography_textAlign_left__1ogif2yn {
  text-align: left;
}
.styles_typography_textAlign_center__1ogif2yo {
  text-align: center;
}
.styles_typography_textAlign_right__1ogif2yp {
  text-align: right;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[1]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[2]!./node_modules/@vanilla-extract/webpack-plugin/virtualNextFileLoader/dist/vanilla-extract-webpack-plugin-virtualNextFileLoader.cjs.js!./node_modules/@vanilla-extract/webpack-plugin/vanilla.virtual.css?%7B%22fileName%22%3A%22src%2Fapp%2F_components%2Fcommon%2FChapterBox%2Fstyles.css.ts.vanilla.css%22%2C%22source%22%3A%22LnN0eWxlc19sYXlvdXRfX2psaGp1cjAgewogIHdpZHRoOiAxODBweDsKICBoZWlnaHQ6IDI0OXB4OwogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBnYXA6IDhweDsKfQouc3R5bGVzX2ltZ19famxoanVyMSB7CiAgYm9yZGVyLXJhZGl1czogMTZweDsKICBvYmplY3QtZml0OiBjb3ZlcjsKfQouc3R5bGVzX2NvbnRlbnRfX2psaGp1cjIgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBnYXA6IDRweDsKfQouc3R5bGVzX3RpdGxlX19qbGhqdXI0IHsKICB3aWR0aDogMTAwJTsKICBvdmVyZmxvdzogaGlkZGVuOwogIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzOwogIHdoaXRlLXNwYWNlOiBub3dyYXA7CiAgdGV4dC1hbGlnbjogbGVmdDsKICBjb2xvcjogdmFyKC0tc2VtZW50aWMtdGV4dC10MDFfXzFwODV3dng2KTsKfQouc3R5bGVzX3JlY29tbWVuZF9famxoanVyNSB7CiAgZGlzcGxheTogZmxleDsKICB3aWR0aDogMTAwJTsKICBnYXA6IDJweDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDsKfQouc3R5bGVzX2Rlc2NfX2psaGp1cjcgewogIHdpZHRoOiAxMDAlOwogIHRleHQtYWxpZ246IGxlZnQ7CiAgY29sb3I6IHZhcigtLXNlbWVudGljLXRleHQtdDA0X18xcDg1d3Z4OCk7Cn0KLnN0eWxlc19lbmRlZF9famxoanVyOSB7CiAgd2lkdGg6IDEwMCU7CiAgdGV4dC1hbGlnbjogbGVmdDsKICBjb2xvcjogdmFyKC0tc2VtZW50aWMtcHJpbWFyeS1wMDRfXzFwODV3dnhnKTsKfQ%3D%3D%22%7D ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_layout__jlhjur0 {
  width: 180px;
  height: 249px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.styles_img__jlhjur1 {
  border-radius: 16px;
  object-fit: cover;
}
.styles_content__jlhjur2 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.styles_title__jlhjur4 {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  color: var(--sementic-text-t01__1p85wvx6);
}
.styles_recommend__jlhjur5 {
  display: flex;
  width: 100%;
  gap: 2px;
  align-items: center;
  justify-content: flex-start;
}
.styles_desc__jlhjur7 {
  width: 100%;
  text-align: left;
  color: var(--sementic-text-t04__1p85wvx8);
}
.styles_ended__jlhjur9 {
  width: 100%;
  text-align: left;
  color: var(--sementic-primary-p04__1p85wvxg);
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[1]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[2]!./node_modules/@vanilla-extract/webpack-plugin/virtualNextFileLoader/dist/vanilla-extract-webpack-plugin-virtualNextFileLoader.cjs.js!./node_modules/@vanilla-extract/webpack-plugin/vanilla.virtual.css?%7B%22fileName%22%3A%22src%2Fapp%2F_core%2FButton%2Fstyles.css.ts.vanilla.css%22%2C%22source%22%3A%22%23H4sIAAAAAAAAA7VV227jIBB9z1cgrSq10hLZzs2lr1W%2FYLWvFjZjmy4GBLhxtNp%2FX%2BFsiHORna2aNwRzzpwzMMPcup0Am%2BWtc0r%2BpIZT6WyWxbLcSJou0e8ZQrkyDAw2lPHWEpTq7mWGkGqd4BIIkkqC32DcakF3BJUC%2Boj31jpe7nChpAPpCCpAOjD%2BiApeScwdNHa4va25A2w1LXreraH6ZfZnNp9QSRi3NBfAerlFa6wyBDEoaSvcCEGhhDKZNryhZhfoVnvTtPhVGdVKhvswgj6oecTYQgPS8QL%2Fg2EdLbMs1ulq%2B9FVT97FVHwS4uFpUp2FQkk21Le%2BTV9e4XyQKhmR5qBz2EVxCF73wft7Jyiap7pDVgnOzpH%2BBWAxSFNMO9pSI7msgp%2FN%2F9Z7FbLVX1%2Fvyj9zkC7IS8%2FkEeRNU4MPkY%2FJZjFPEgbVd%2FQtitLV2xuKHvr1a%2FwaoziKHr5S55YzV2e0dSpofO419gcE%2BROfTlPGuKwIinSH4qXv2gnOshUicNIhp%2FcwAq%2BBV7XLFklA5z16v0%2FQIhnNfoCnAV6cwtNb4MsowNkJfBndBF8HOJzC16Pww%2BzJnGkhUNT3atLj43%2B%2BV5M22ivOjuXk%2B7l6%2B%2ByYJo8D%2Bfs0%2BannI7lt8x%2FQuYsPQfSUStOCu50vzWbQD1hA6W%2F19FLPqa5%2FDc2I1uk%2Bvp7jcsDLz5f7eorziavuYONiburPJPkLuOf9s5AIAAA%3D%22%7D ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_buttonVariants__1nf7na84 {
  border-radius: 8px;
  outline: none;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}
.styles_buttonVariants__1nf7na84:disabled {
  cursor: default;
}
.styles_buttonVariants_color_primary__1nf7na85 {
  background-color: var(--sementic-primary-p04__1p85wvxg);
  color: var(--sementic-primary-p02__1p85wvxe);
}
.styles_buttonVariants_color_secondary__1nf7na86 {
  background-color: var(--sementic-bg-b02__1p85wvx2);
  color: var(--sementic-text-t01__1p85wvx6);
  border: 0.8px solid var(--sementic-line-l02__1p85wvxc);
}
.styles_buttonVariants_color_warning__1nf7na87 {
  background-color: var(--sementic-primary-p05__1p85wvxh);
  color: var(--sementic-primary-p02__1p85wvxe);
}
.styles_buttonVariants_color_gradient__1nf7na88 {
  background: linear-gradient(273.22deg, #0085FF 0%, #00D1D1 100%);
  color: var(--sementic-primary-p02__1p85wvxe);
}
.styles_buttonVariants_width_auto__1nf7na89 {
  width: auto;
  padding: 0px 14px;
}
.styles_buttonVariants_width_full__1nf7na8a {
  width: 100%;
}
.styles_buttonVariants_height_32__1nf7na8b {
  height: 32px;
}
.styles_buttonVariants_height_38__1nf7na8c {
  height: 38px;
}
.styles_buttonVariants_height_40__1nf7na8d {
  height: 40px;
}
.styles_buttonVariants_height_46__1nf7na8e {
  height: 46px;
}
.styles_buttonVariants_disabled_true__1nf7na8h {
  background-color: var(--sementic-bg-b02__1p85wvx2);
  color: var(--sementic-text-t05__1p85wvx9);
  border: 0.8px solid var(--sementic-line-l02__1p85wvxc);
}
.styles_buttonVariants_compound_0__1nf7na8i {
  color: var(--sementic-text-t01__1p85wvx6);
}
.styles_buttonVariants_compound_1__1nf7na8j {
  color: var(--sementic-text-t05__1p85wvx9);
}
.styles_subTextVariants__1nf7na8l {
  opacity: 0.7;
  padding-left: 4px;
}
.styles_subTextVariants_color_primary__1nf7na8m {
  color: var(--sementic-primary-p02__1p85wvxe);
}
.styles_subTextVariants_color_secondary__1nf7na8n {
  color: var(--sementic-text-t01__1p85wvx6);
}
.styles_subTextVariants_color_warning__1nf7na8o {
  color: var(--sementic-primary-p02__1p85wvxe);
}
.styles_subTextVariants_color_gradient__1nf7na8p {
  color: var(--sementic-primary-p02__1p85wvxe);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[1]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[2]!./node_modules/@vanilla-extract/webpack-plugin/virtualNextFileLoader/dist/vanilla-extract-webpack-plugin-virtualNextFileLoader.cjs.js!./node_modules/@vanilla-extract/webpack-plugin/vanilla.virtual.css?%7B%22fileName%22%3A%22src%2Fapp%2F_components%2Fcommon%2FHeaderElement%2Fstyles.css.ts.vanilla.css%22%2C%22source%22%3A%22LnN0eWxlc19sYXlvdXRfXzF1eWhwN2YwIHsKICB3aWR0aDogMTAwJTsKICBkaXNwbGF5OiBmbGV4OwogIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsKICBhbGlnbi1pdGVtczogZmxleC1zdGFydDsKICBoZWlnaHQ6IDQ0cHg7Cn0KLnN0eWxlc19sZWZ0Qm94X18xdXlocDdmMSB7CiAgcGFkZGluZy10b3A6IDRweDsKICBkaXNwbGF5OiBmbGV4OwogIGdhcDogNHB4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLnN0eWxlc190aXRsZV9fMXV5aHA3ZjMgewogIGNvbG9yOiB2YXIoLS1zZW1lbnRpYy10ZXh0LXQwMV9fMXA4NXd2eDYpOwp9Ci5zdHlsZXNfYnV0dG9uc19fMXV5aHA3ZjQgewogIGRpc3BsYXk6IGZsZXg7CiAgZ2FwOiA0cHg7Cn0KLnN0eWxlc190b29sdGlwQm94X18xdXlocDdmNSB7CiAgcGFkZGluZy10b3A6IDRweDsKICBkaXNwbGF5OiBmbGV4OwogIGdhcDogMnB4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0%3D%22%7D ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_layout__1uyhp7f0 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  height: 44px;
}
.styles_leftBox__1uyhp7f1 {
  padding-top: 4px;
  display: flex;
  gap: 4px;
  align-items: center;
}
.styles_title__1uyhp7f3 {
  color: var(--sementic-text-t01__1p85wvx6);
}
.styles_buttons__1uyhp7f4 {
  display: flex;
  gap: 4px;
}
.styles_tooltipBox__1uyhp7f5 {
  padding-top: 4px;
  display: flex;
  gap: 2px;
  align-items: center;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[1]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[2]!./node_modules/@vanilla-extract/webpack-plugin/virtualNextFileLoader/dist/vanilla-extract-webpack-plugin-virtualNextFileLoader.cjs.js!./node_modules/@vanilla-extract/webpack-plugin/vanilla.virtual.css?%7B%22fileName%22%3A%22src%2Fapp%2F_components%2Fcommon%2FNoResultData%2Fstyles.css.ts.vanilla.css%22%2C%22source%22%3A%22LnN0eWxlc19sYXlvdXRfX2lkMXZ5NDAgewogIHdpZHRoOiAxMDAlOwogIGhlaWdodDogOTdweDsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgdGV4dC1hbGlnbjogY2VudGVyOwp9%22%7D ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_layout__id1vy40 {
  width: 100%;
  height: 97px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[1]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[2]!./node_modules/@vanilla-extract/webpack-plugin/virtualNextFileLoader/dist/vanilla-extract-webpack-plugin-virtualNextFileLoader.cjs.js!./node_modules/@vanilla-extract/webpack-plugin/vanilla.virtual.css?%7B%22fileName%22%3A%22src%2Fapp%2F_components%2Fcommon%2FSeeMoreButton%2Fstyles.css.ts.vanilla.css%22%2C%22source%22%3A%22LnN0eWxlc19idXR0b25MYXlvdXRfX2RiOTAwbDAgewogIHdpZHRoOiAxMDAlOwogIGRpc3BsYXk6IGZsZXg7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKfQouc3R5bGVzX2J1dHRvbldyYXBwZXJfX2RiOTAwbDEgewogIHdpZHRoOiAxOTRweDsKfQ%3D%3D%22%7D ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_buttonLayout__db900l0 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.styles_buttonWrapper__db900l1 {
  width: 194px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[1]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[2]!./node_modules/@vanilla-extract/webpack-plugin/virtualNextFileLoader/dist/vanilla-extract-webpack-plugin-virtualNextFileLoader.cjs.js!./node_modules/@vanilla-extract/webpack-plugin/vanilla.virtual.css?%7B%22fileName%22%3A%22src%2Fapp%2F_components%2Fcommon%2FSkeletonBox%2Fstyles.css.ts.vanilla.css%22%2C%22source%22%3A%22LnN0eWxlc19sYXlvdXRfX2c1NWZnbTAgewogIGJvcmRlci1yYWRpdXM6IDE2cHg7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2VtZW50aWMtYmctYjAyX18xcDg1d3Z4Mik7CiAgYm9yZGVyOiAwLjhweCBzb2xpZCB2YXIoLS1zZW1lbnRpYy1saW5lLWwwMl9fMXA4NXd2eGMpOwp9%22%7D ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_layout__g55fgm0 {
  border-radius: 16px;
  background-color: var(--sementic-bg-b02__1p85wvx2);
  border: 0.8px solid var(--sementic-line-l02__1p85wvxc);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[1]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[2]!./node_modules/@vanilla-extract/webpack-plugin/virtualNextFileLoader/dist/vanilla-extract-webpack-plugin-virtualNextFileLoader.cjs.js!./node_modules/@vanilla-extract/webpack-plugin/vanilla.virtual.css?%7B%22fileName%22%3A%22src%2Fapp%2F_core%2FModal%2Fstyles.css.ts.vanilla.css%22%2C%22source%22%3A%22LnN0eWxlc19vdmVybGF5X19hbTB0OGUwIHsKICBiYWNrZ3JvdW5kOiB2YXIoLS1zZW1lbnRpYy1iZy1iMDRfXzFwODV3dng0KTsKICBwb3NpdGlvbjogZml4ZWQ7CiAgaW5zZXQ6IDA7CiAgei1pbmRleDogMTAwOwp9Ci5zdHlsZXNfY29udGVudF9fYW0wdDhlMSB7CiAgcG9zaXRpb246IGZpeGVkOwogIHotaW5kZXg6IDEwMTsKICB0b3A6IDUwJTsKICBsZWZ0OiA1MCU7CiAgcmlnaHQ6IGF1dG87CiAgYm90dG9tOiBhdXRvOwogIG1hcmdpbi1yaWdodDogLTUwJTsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zZW1lbnRpYy1iZy1iMDNfXzFwODV3dngzKTsKICBwYWRkaW5nOiAyMHB4OwogIGJvcmRlcjogbm9uZTsKICBib3JkZXItcmFkaXVzOiAxNnB4OwogIG91dGxpbmU6IG5vbmU7CiAgYm94LXNoYWRvdzogaHNsKDIwNiAyMiUgNyUgLyAzNSUpIDBweCAxMHB4IDM4cHggLTEwcHgsIGhzbCgyMDYgMjIlIDclIC8gMjAlKSAwcHggMTBweCAyMHB4IC0xNXB4Owp9Ci5zdHlsZXNfY29udGVudF9pc05vQmdfdHJ1ZV9fYW0wdDhlMiB7CiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7CiAgYm94LXNoYWRvdzogbm9uZTsKfQouc3R5bGVzX2NvbnRlbnRfaXNTY3JvbGxfdHJ1ZV9fYW0wdDhlMyB7CiAgcGFkZGluZzogMjBweCAxNnB4IDIwcHggMjBweDsKfQ%3D%3D%22%7D ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_overlay__am0t8e0 {
  background: var(--sementic-bg-b04__1p85wvx4);
  position: fixed;
  inset: 0;
  z-index: 100;
}
.styles_content__am0t8e1 {
  position: fixed;
  z-index: 101;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  background-color: var(--sementic-bg-b03__1p85wvx3);
  padding: 20px;
  border: none;
  border-radius: 16px;
  outline: none;
  box-shadow: hsl(206 22% 7% / 35%) 0px 10px 38px -10px, hsl(206 22% 7% / 20%) 0px 10px 20px -15px;
}
.styles_content_isNoBg_true__am0t8e2 {
  background-color: transparent;
  box-shadow: none;
}
.styles_content_isScroll_true__am0t8e3 {
  padding: 20px 16px 20px 20px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[1]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[2]!./node_modules/@vanilla-extract/webpack-plugin/virtualNextFileLoader/dist/vanilla-extract-webpack-plugin-virtualNextFileLoader.cjs.js!./node_modules/@vanilla-extract/webpack-plugin/vanilla.virtual.css?%7B%22fileName%22%3A%22src%2Fapp%2F_components%2Froom%2Fview%2FChapterModal%2Fstyles.css.ts.vanilla.css%22%2C%22source%22%3A%22LnN0eWxlc19sYXlvdXRfXzFtM2dlYW4wIHsKICBkaXNwbGF5OiBmbGV4OwogIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47CiAgZ2FwOiAyMHB4OwogIHdpZHRoOiAzNDBweDsKfQouc3R5bGVzX2ltZ19fMW0zZ2VhbjEgewogIHdpZHRoOiAzNDBweDsKICBoZWlnaHQ6IDM0MHB4OwogIGJvcmRlci1yYWRpdXM6IDE2cHg7CiAgb2JqZWN0LWZpdDogY292ZXI7Cn0KLnN0eWxlc19pbmZvQm94X18xbTNnZWFuMiB7CiAgdGV4dC1hbGlnbjogY2VudGVyOwp9Ci5zdHlsZXNfZGVzY3JpcHRpb25fXzFtM2dlYW40IHsKICBjb2xvcjogdmFyKC0tc2VtZW50aWMtdGV4dC10MDRfXzFwODV3dng4KTsKICB3b3JkLWJyZWFrOiBicmVhay13b3JkOwogIHdoaXRlLXNwYWNlOiBub3JtYWw7Cn0%3D%22%7D ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_layout__1m3gean0 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 340px;
}
.styles_img__1m3gean1 {
  width: 340px;
  height: 340px;
  border-radius: 16px;
  object-fit: cover;
}
.styles_infoBox__1m3gean2 {
  text-align: center;
}
.styles_description__1m3gean4 {
  color: var(--sementic-text-t04__1p85wvx8);
  word-break: break-word;
  white-space: normal;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[1]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[2]!./node_modules/@vanilla-extract/webpack-plugin/virtualNextFileLoader/dist/vanilla-extract-webpack-plugin-virtualNextFileLoader.cjs.js!./node_modules/@vanilla-extract/webpack-plugin/vanilla.virtual.css?%7B%22fileName%22%3A%22src%2Fapp%2F_components%2Fcommon%2FSeeAllModal%2Fstyles.css.ts.vanilla.css%22%2C%22source%22%3A%22LnN0eWxlc19pbm5lcl9fMW9iZDQ0ZjAgewogIHdpZHRoOiA1NjBweDsKfQouc3R5bGVzX2Rlc2NyaXB0aW9uX18xb2JkNDRmMiB7CiAgbWluLWhlaWdodDogMzAycHg7CiAgaGVpZ2h0OiAzMDJweDsKICBvdmVyZmxvdy15OiBhdXRvOwogIGNvbG9yOiB2YXIoLS1zZW1lbnRpYy10ZXh0LXQwMV9fMXA4NXd2eDYpOwp9Ci5zdHlsZXNfZGVzY3JpcHRpb25fXzFvYmQ0NGYyOjotd2Via2l0LXNjcm9sbGJhciB7CiAgd2lkdGg6IDRweDsKfQouc3R5bGVzX2Rlc2NyaXB0aW9uX18xb2JkNDRmMjo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWIgewogIGJhY2tncm91bmQ6IHZhcigtLXNlbWVudGljLWxpbmUtbDAyX18xcDg1d3Z4Yyk7CiAgYm9yZGVyLXJhZGl1czogNHB4OwogIGJhY2tncm91bmQtY2xpcDogcGFkZGluZy1ib3g7CiAgaGVpZ2h0OiAxMDBweDsKICBtYXgtaGVpZ2h0OiAxMDBweDsKfQouc3R5bGVzX2Rlc2NyaXB0aW9uX18xb2JkNDRmMjo6LXdlYmtpdC1zY3JvbGxiYXItdHJhY2sgewogIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50Owp9%22%7D ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_inner__1obd44f0 {
  width: 560px;
}
.styles_description__1obd44f2 {
  min-height: 302px;
  height: 302px;
  overflow-y: auto;
  color: var(--sementic-text-t01__1p85wvx6);
}
.styles_description__1obd44f2::-webkit-scrollbar {
  width: 4px;
}
.styles_description__1obd44f2::-webkit-scrollbar-thumb {
  background: var(--sementic-line-l02__1p85wvxc);
  border-radius: 4px;
  background-clip: padding-box;
  height: 100px;
  max-height: 100px;
}
.styles_description__1obd44f2::-webkit-scrollbar-track {
  background-color: transparent;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[1]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[2]!./node_modules/@vanilla-extract/webpack-plugin/virtualNextFileLoader/dist/vanilla-extract-webpack-plugin-virtualNextFileLoader.cjs.js!./node_modules/@vanilla-extract/webpack-plugin/vanilla.virtual.css?%7B%22fileName%22%3A%22src%2Fapp%2F_components%2Froom%2Fview%2FLeftInfo%2FMainBox%2Fstyles.css.ts.vanilla.css%22%2C%22source%22%3A%22%23H4sIAAAAAAAAA5VTwW7jIBC95yu4VNoeiGw3aR16661S7z1aBCbOdDEgGDu2Vv33lZ3KwVXa7p4QM%2FDem8djHWkwEKtGon1y%2FbO1EKoqfxhM0ZUZ%2B7NizEut0daCFZnvWX7v%2B8cVYxqjN3IQ7GBgKowr1xhAETormHKmbezYkQZry5GgiYIpsAThcfW%2BWn9Q19IX2SnfbWbefOL9D4Za%2BrO8cXNCTUfB8t1m3F94sKlnhmJiWJ5k7AhYHykp7F3QEHiQGtso5tnPZcGydel7Fp1BzToZfnEeoQFLqLhBC9xkRVXlvtyeul7djjfd%2Fg0U8QPSKL9bGkGyfsFIs8i71H5Ozgu2%2BcL8yYDP89qDe3L9DLe57upbGwkPA1fOElg6N3gkGSh1M8tulkRfv0fytGADpBq21zWkqD%2BkRUNUAf3ImALfT8AEPfEJQLDrE1yA9i2Rs%2FFFDq69eP7wjcD8I2DXPsRn3Ncg%2FQxaLtK2LZYXNHaok1%2B3S08Xd%2BUym1PmphBK9bsOrrWaK2dcEP8Uwfe%2FwnuJgvEDAAA%3D%22%7D ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_mainBoxInner__17yl2v80 {
  padding: 20px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.styles_gap20w194__17yl2v81 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 194px;
}
.styles_img__17yl2v82 {
  width: 194px;
  height: 194px;
  border-radius: 16px;
  border: 0.8px solid var(--sementic-line-l02__1p85wvxc);
  object-fit: cover;
}
.styles_tagList__17yl2v83 {
  padding-top: 4px;
  display: flex;
  gap: 4px;
}
.styles_infoBox__17yl2v84 {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  gap: 4px;
  flex-direction: column;
}
.styles_genreBox__17yl2v85 {
  display: flex;
  gap: 4px;
  align-items: center;
}
.styles_descriptionBox__17yl2v86 {
  text-align: start;
  width: 100%;
}
.styles_buttonsLayout__17yl2v87 {
  display: flex;
  gap: 10px;
  padding: 20px 16px;
}
.styles_buttonWrap__17yl2v88 {
  width: 152px;
}
.styles_divider__17yl2v89 {
  width: 238px;
  height: 0.8px;
  background-color: var(--sementic-line-l02__1p85wvxc);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[1]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[2]!./node_modules/@vanilla-extract/webpack-plugin/virtualNextFileLoader/dist/vanilla-extract-webpack-plugin-virtualNextFileLoader.cjs.js!./node_modules/@vanilla-extract/webpack-plugin/vanilla.virtual.css?%7B%22fileName%22%3A%22src%2Fapp%2F_components%2Froom%2Fview%2FLeftInfo%2FFavoriteButton%2Fstyles.css.ts.vanilla.css%22%2C%22source%22%3A%22LnN0eWxlc19sYXlvdXRfXzFycDd3bHMwIHsKICBjb2xvcjogdmFyKC0tc2VtZW50aWMtbGluZS1sMDFfXzFwODV3dnhiKTsKICB3aWR0aDogNDZweDsKICBoZWlnaHQ6IDQ2cHg7CiAgYm9yZGVyLXJhZGl1czogOHB4OwogIGRpc3BsYXk6IGZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXNlbWVudGljLWJnLWIwMl9fMXA4NXd2eDIpOwogIGJvcmRlcjogMC44cHggc29saWQgdmFyKC0tc2VtZW50aWMtbGluZS1sMDJfXzFwODV3dnhjKTsKfQ%3D%3D%22%7D ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_layout__1rp7wls0 {
  color: var(--sementic-line-l01__1p85wvxb);
  width: 46px;
  height: 46px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: var(--sementic-bg-b02__1p85wvx2);
  border: 0.8px solid var(--sementic-line-l02__1p85wvxc);
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[1]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[2]!./node_modules/@vanilla-extract/webpack-plugin/virtualNextFileLoader/dist/vanilla-extract-webpack-plugin-virtualNextFileLoader.cjs.js!./node_modules/@vanilla-extract/webpack-plugin/vanilla.virtual.css?%7B%22fileName%22%3A%22src%2Fapp%2F_components%2Froom%2Fview%2FLeftInfo%2Fstyles.css.ts.vanilla.css%22%2C%22source%22%3A%22LnN0eWxlc19sYXlvdXRfX3ljNHk1MTAgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBnYXA6IDEwcHg7Cn0KLnN0eWxlc19ib3hfX3ljNHk1MTEgewogIHdpZHRoOiAyNDBweDsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zZW1lbnRpYy1iZy1iMDJfXzFwODV3dngyKTsKICBib3JkZXI6IDAuOHB4IHNvbGlkIHZhcigtLXNlbWVudGljLWxpbmUtbDAyX18xcDg1d3Z4Yyk7CiAgYm9yZGVyLXJhZGl1czogMTZweDsKfQouc3R5bGVzX2JveElubmVyX195YzR5NTEyIHsKICBwYWRkaW5nOiAyMHB4OwogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBnYXA6IDIwcHg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKfQouc3R5bGVzX2VsbGlwc2lzTGluZTJfX3ljNHk1MTQgewogIGNvbG9yOiB2YXIoLS1zZW1lbnRpYy10ZXh0LXQwMV9fMXA4NXd2eDYpOwogIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7CiAgZGlzcGxheTogLXdlYmtpdC1ib3g7CiAgLXdlYmtpdC1ib3gtb3JpZW50OiB2ZXJ0aWNhbDsKICAtd2Via2l0LWxpbmUtY2xhbXA6IDI7CiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7CiAgb3ZlcmZsb3c6IGhpZGRlbjsKfQouc3R5bGVzX3NlZU1vcmVfX3ljNHk1MTYgewogIGNvbG9yOiB2YXIoLS1zZW1lbnRpYy10ZXh0LXQwNV9fMXA4NXd2eDkpOwp9Ci5zdHlsZXNfcmVwb3J0TGF5b3V0X195YzR5NTE3IHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgZ2FwOiA0cHg7Cn0KLnN0eWxlc19yZXBvcnRJdGVtX195YzR5NTE4IHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgZ2FwOiAycHg7Cn0KLnN0eWxlc19yZXBvcnRCdXR0b25fX3ljNHk1MWEgewogIGNvbG9yOiB2YXIoLS1zZW1lbnRpYy10ZXh0LXQwNV9fMXA4NXd2eDkpOwp9%22%7D ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_layout__yc4y510 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.styles_box__yc4y511 {
  width: 240px;
  background-color: var(--sementic-bg-b02__1p85wvx2);
  border: 0.8px solid var(--sementic-line-l02__1p85wvxc);
  border-radius: 16px;
}
.styles_boxInner__yc4y512 {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}
.styles_ellipsisLine2__yc4y514 {
  color: var(--sementic-text-t01__1p85wvx6);
  word-break: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
}
.styles_seeMore__yc4y516 {
  color: var(--sementic-text-t05__1p85wvx9);
}
.styles_reportLayout__yc4y517 {
  display: flex;
  align-items: center;
  gap: 4px;
}
.styles_reportItem__yc4y518 {
  display: flex;
  align-items: center;
  gap: 2px;
}
.styles_reportButton__yc4y51a {
  color: var(--sementic-text-t05__1p85wvx9);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[1]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[2]!./node_modules/@vanilla-extract/webpack-plugin/virtualNextFileLoader/dist/vanilla-extract-webpack-plugin-virtualNextFileLoader.cjs.js!./node_modules/@vanilla-extract/webpack-plugin/vanilla.virtual.css?%7B%22fileName%22%3A%22src%2Fapp%2F_core%2FAvatar%2Fstyles.css.ts.vanilla.css%22%2C%22source%22%3A%22LnN0eWxlc19sYXlvdXRfX3d0ZGR5bzAgewogIGJvcmRlci1yYWRpdXM6IDUwJTsKICBvYmplY3QtZml0OiBjb3ZlcjsKfQ%3D%3D%22%7D ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_layout__wtddyo0 {
  border-radius: 50%;
  object-fit: cover;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[1]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[2]!./node_modules/@vanilla-extract/webpack-plugin/virtualNextFileLoader/dist/vanilla-extract-webpack-plugin-virtualNextFileLoader.cjs.js!./node_modules/@vanilla-extract/webpack-plugin/vanilla.virtual.css?%7B%22fileName%22%3A%22src%2Fapp%2F_components%2Froom%2Fview%2FLeftInfo%2FPlayerBox%2Fstyles.css.ts.vanilla.css%22%2C%22source%22%3A%22LnN0eWxlc190b3BTZWN0aW9uX18xb21kdzUwMCB7CiAgbWFyZ2luLWxlZnQ6IDZweDsKICBtYXJnaW4tcmlnaHQ6IDZweDsKICBtYXJnaW4tdG9wOiA1cHg7CiAgd2lkdGg6IDE4OHB4OwogIGhlaWdodDogMzJweDsKICBkaXNwbGF5OiBmbGV4OwogIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsKICBwYWRkaW5nLWJvdHRvbTogMTJweDsKICBhbGlnbi1pdGVtczogY2VudGVyOwp9Ci5zdHlsZXNfdG9wTGVmdF9fMW9tZHc1MDEgewogIGRpc3BsYXk6IGZsZXg7CiAgZ2FwOiA0cHg7Cn0KLnN0eWxlc19tZW1iZXJMaXN0X18xb21kdzUwMiB7CiAgZGlzcGxheTogZ3JpZDsKICBnYXA6IDEwcHg7CiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMywgMWZyKTsKfQouc3R5bGVzX3Byb2ZpbGVCb3hfXzFvbWR3NTAzIHsKICB3aWR0aDogNjBweDsKICBkaXNwbGF5OiBmbGV4OwogIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47CiAgZ2FwOiA0cHg7CiAgcG9zaXRpb246IHJlbGF0aXZlOwp9Ci5zdHlsZXNfcHJvZmlsZUJveF9pc0N1cnNvcl9mYWxzZV9fMW9tZHc1MDQgewogIGN1cnNvcjogbm90LWFsbG93ZWQ7Cn0KLnN0eWxlc19jcm93bl9fMW9tZHc1MDUgewogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICBsZWZ0OiAyM3B4OwogIHRvcDogLTRweDsKfQouc3R5bGVzX2RlbGV0ZUljb25fXzFvbWR3NTA2IHsKICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgdG9wOiAtNHB4Owp9Ci5zdHlsZXNfbmlja25hbWVfXzFvbWR3NTA4IHsKICB3aWR0aDogMTAwJTsKICBvdmVyZmxvdzogaGlkZGVuOwogIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzOwogIHdoaXRlLXNwYWNlOiBub3dyYXA7CiAgdGV4dC1hbGlnbjogY2VudGVyOwogIGNvbG9yOiB2YXIoLS1zZW1lbnRpYy10ZXh0LXQwMV9fMXA4NXd2eDYpOwp9%22%7D ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_topSection__1omdw500 {
  margin-left: 6px;
  margin-right: 6px;
  margin-top: 5px;
  width: 188px;
  height: 32px;
  display: flex;
  justify-content: space-between;
  padding-bottom: 12px;
  align-items: center;
}
.styles_topLeft__1omdw501 {
  display: flex;
  gap: 4px;
}
.styles_memberList__1omdw502 {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  grid-template-columns: repeat(3, 1fr);
}
.styles_profileBox__1omdw503 {
  width: 60px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  position: relative;
}
.styles_profileBox_isCursor_false__1omdw504 {
  cursor: not-allowed;
}
.styles_crown__1omdw505 {
  position: absolute;
  left: 23px;
  top: -4px;
}
.styles_deleteIcon__1omdw506 {
  position: absolute;
  top: -4px;
}
.styles_nickname__1omdw508 {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  color: var(--sementic-text-t01__1p85wvx6);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[1]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[2]!./node_modules/@vanilla-extract/webpack-plugin/virtualNextFileLoader/dist/vanilla-extract-webpack-plugin-virtualNextFileLoader.cjs.js!./node_modules/@vanilla-extract/webpack-plugin/vanilla.virtual.css?%7B%22fileName%22%3A%22src%2Fapp%2F_core%2FInput%2Fstyles.css.ts.vanilla.css%22%2C%22source%22%3A%22%23H4sIAAAAAAAAA42TwY7bIBRF9%2FkKNpU6CyI8maQWs%2B6i0iyrbi0ML%2FZrCSB4JLaq%2Fntlu%2BNJJp6kS8D3Hd%2BDvU7UW0iVVb3PVFXFkfSxbAT7vWLMYApW9ZLtLXTPK8YaFSQrRBgXwyY3GEETeieZ9jYf3PPqz2p9OfSEhtpKZfLz%2FGKcPx5INpx8GNtna%2BfY43msEOLTeQxdyPQyZn%2BoiMpRmoObMVj7aCDyqAzmJFk59Zh2JRPrMnQseYuGHVX8zHmCAzhCzS064FY8VlURyu3p2OmHMan0ryb67AzX3voo3%2BfqhtdiM6c2Y6oFbFqS7Gk38a8s%2F8yJcN9z7R2BI8lSUBp4DXQCcMMTymLjOBIckmQaHEG8ZwLT1xh9rChmmLU8nWm5KSBEPKjY8yC2c5v24R7TYFK1BXMJ3U7Qe%2B4WnZ%2FzHMR55u76w1gQG5Qx6BrJim3oWPHP%2F%2Bt9FF%2BG9btG3wbMy%2BXPUS7BlksQdMRJFHOJ3bW0RYSUwSoNrbcG4si7aekNUP8v4PVypuE5pmG6gb3Klj4udIdHCu136N446sa7L8v5C%2FHmxoaSBAAA%22%7D ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_layout__1vtcv8g0 {
  display: flex;
  gap: 10px;
  flex-direction: column;
}
.styles_layout_width_auto__1vtcv8g1 {
  width: auto;
}
.styles_layout_width_full__1vtcv8g2 {
  width: 100%;
}
.styles_inputLayoutVariants__1vtcv8g3 {
  border-radius: 8px;
  border: 0.8px solid var(--sementic-line-l02__1p85wvxc);
  background-color: var(--sementic-bg-b03__1p85wvx3);
  height: 46px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.styles_inputLayoutVariants_isError_true__1vtcv8g4 {
  border: 0.8px solid var(--sementic-primary-p05__1p85wvxh);
}
.styles_inputLayoutVariants_disabled_true__1vtcv8g5 {
  background-color: var(--sementic-line-l02__1p85wvxc);
}
.styles_inner__1vtcv8g6 {
  width: 100%;
  display: flex;
  padding: 15px 16px;
  height: 17px;
}
.styles_inputInnerLayout__1vtcv8g8 {
  width: 100%;
  color: var(--sementic-text-t01__1p85wvx6);
}
.styles_inputInnerLayout__1vtcv8g8::placeholder {
  color: var(--sementic-line-l01__1p85wvxb);
}
.styles_inputInnerLayout__1vtcv8g8:disabled {
  cursor: default;
  color: var(--sementic-line-l01__1p85wvxb);
}
.styles_tailText__1vtcv8ga {
  color: var(--sementic-text-t01__1p85wvx6);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[1]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[2]!./node_modules/@vanilla-extract/webpack-plugin/virtualNextFileLoader/dist/vanilla-extract-webpack-plugin-virtualNextFileLoader.cjs.js!./node_modules/@vanilla-extract/webpack-plugin/vanilla.virtual.css?%7B%22fileName%22%3A%22src%2Fapp%2F_components%2Froom%2Fview%2FLeftInfo%2FInviteLinkModal%2Fstyles.css.ts.vanilla.css%22%2C%22source%22%3A%22LnN0eWxlc19sYXlvdXRfXzF5M3IxeHowIHsKICB3aWR0aDogMzAwcHg7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0%3D%22%7D ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_layout__1y3r1xz0 {
  width: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[1]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[2]!./node_modules/@vanilla-extract/webpack-plugin/virtualNextFileLoader/dist/vanilla-extract-webpack-plugin-virtualNextFileLoader.cjs.js!./node_modules/@vanilla-extract/webpack-plugin/vanilla.virtual.css?%7B%22fileName%22%3A%22src%2Fapp%2F_components%2Fcommon%2FNovelBox%2Fstyles.css.ts.vanilla.css%22%2C%22source%22%3A%22LnN0eWxlc19sYXlvdXRfXzFmc2d0aG0wIHsKICBkaXNwbGF5OiBmbGV4OwogIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47CiAgZ2FwOiA4cHg7Cn0KLnN0eWxlc19sYXlvdXRfc2l6ZV9tZWRpdW1fXzFmc2d0aG0xIHsKICB3aWR0aDogMTk0cHg7CiAgaGVpZ2h0OiAzMjdweDsKfQouc3R5bGVzX2xheW91dF9zaXplX3NtYWxsX18xZnNndGhtMiB7CiAgd2lkdGg6IDE4MHB4OwogIGhlaWdodDogMzA4cHg7Cn0KLnN0eWxlc19pbWdfXzFmc2d0aG0zIHsKICBib3JkZXItcmFkaXVzOiAxNnB4OwogIG9iamVjdC1maXQ6IGNvdmVyOwp9Ci5zdHlsZXNfY29udGVudF9fMWZzZ3RobTQgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kOwogIG1heC1oZWlnaHQ6IDU5cHg7CiAgZ2FwOiA0cHg7Cn0KLnN0eWxlc190aXRsZV9fMWZzZ3RobTYgewogIGRpc3BsYXk6IC13ZWJraXQtYm94OwogIHdpZHRoOiAxMDAlOwogIG92ZXJmbG93OiBoaWRkZW47CiAgdGV4dC1hbGlnbjogbGVmdDsKICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpczsKICB3b3JkLWJyZWFrOiBicmVhay1hbGw7CiAgLXdlYmtpdC1saW5lLWNsYW1wOiAyOwogIC13ZWJraXQtYm94LW9yaWVudDogdmVydGljYWw7CiAgY29sb3I6IHZhcigtLXNlbWVudGljLXRleHQtdDAxX18xcDg1d3Z4Nik7Cn0KLnN0eWxlc193cml0ZXJOYW1lX18xZnNndGhtOCB7CiAgY29sb3I6IHZhcigtLXNlbWVudGljLXRleHQtdDA0X18xcDg1d3Z4OCk7CiAgd2lkdGg6IDEwMCU7CiAgb3ZlcmZsb3c6IGhpZGRlbjsKICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpczsKICB3aGl0ZS1zcGFjZTogbm93cmFwOwogIHRleHQtYWxpZ246IGxlZnQ7Cn0KLnN0eWxlc19oaWdobGlnaHRfXzFmc2d0aG1hIHsKICBjb2xvcjogdmFyKC0tc2VtZW50aWMtcHJpbWFyeS1wMDRfXzFwODV3dnhnKTsKfQ%3D%3D%22%7D ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_layout__1fsgthm0 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.styles_layout_size_medium__1fsgthm1 {
  width: 194px;
  height: 327px;
}
.styles_layout_size_small__1fsgthm2 {
  width: 180px;
  height: 308px;
}
.styles_img__1fsgthm3 {
  border-radius: 16px;
  object-fit: cover;
}
.styles_content__1fsgthm4 {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  max-height: 59px;
  gap: 4px;
}
.styles_title__1fsgthm6 {
  display: -webkit-box;
  width: 100%;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: var(--sementic-text-t01__1p85wvx6);
}
.styles_writerName__1fsgthm8 {
  color: var(--sementic-text-t04__1p85wvx8);
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.styles_highlight__1fsgthma {
  color: var(--sementic-primary-p04__1p85wvxg);
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[1]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[2]!./node_modules/@vanilla-extract/webpack-plugin/virtualNextFileLoader/dist/vanilla-extract-webpack-plugin-virtualNextFileLoader.cjs.js!./node_modules/@vanilla-extract/webpack-plugin/vanilla.virtual.css?%7B%22fileName%22%3A%22src%2Fapp%2F_components%2Froom%2Fview%2FLeftInfo%2FRelatedNovelBox%2Fstyles.css.ts.vanilla.css%22%2C%22source%22%3A%22LnN0eWxlc190b3BTZWN0aW9uX18xbXNnaWh5MCB7CiAgZGlzcGxheTogZmxleDsKICB3aWR0aDogMTAwJTsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsKfQouc3R5bGVzX2N1c3RvbUJveElubmVyX18xbXNnaWh5MSB7CiAgcGFkZGluZzogMjBweDsKICBkaXNwbGF5OiBmbGV4OwogIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47CiAgZ2FwOiAxMnB4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLnN0eWxlc190b3BMZWZ0X18xbXNnaWh5MiB7CiAgZGlzcGxheTogZmxleDsKICBnYXA6IDRweDsKICBhbGlnbi1pdGVtczogY2VudGVyOwp9%22%7D ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_topSection__1msgihy0 {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.styles_customBoxInner__1msgihy1 {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
}
.styles_topLeft__1msgihy2 {
  display: flex;
  gap: 4px;
  align-items: center;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[1]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[2]!./node_modules/@vanilla-extract/webpack-plugin/virtualNextFileLoader/dist/vanilla-extract-webpack-plugin-virtualNextFileLoader.cjs.js!./node_modules/@vanilla-extract/webpack-plugin/vanilla.virtual.css?%7B%22fileName%22%3A%22src%2Fapp%2F_core%2FTextarea%2Fstyles.css.ts.vanilla.css%22%2C%22source%22%3A%22LnN0eWxlc19sYXlvdXRfX245dXJjaDAgewogIGRpc3BsYXk6IGZsZXg7CiAgZ2FwOiAxMHB4OwogIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47Cn0KLnN0eWxlc19UZXh0YXJlYVZhcmlhbnRzX19uOXVyY2gyIHsKICBib3JkZXItcmFkaXVzOiA4cHg7CiAgYm9yZGVyOiAwLjhweCBzb2xpZCB2YXIoLS1zZW1lbnRpYy1saW5lLWwwMl9fMXA4NXd2eGMpOwogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXNlbWVudGljLWJnLWIwM19fMXA4NXd2eDMpOwogIG1pbi1oZWlnaHQ6IDE1MHB4OwogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7CiAgcGFkZGluZzogMTVweCAxNnB4OwogIG91dGxpbmU6IG5vbmU7CiAgY29sb3I6IHZhcigtLXNlbWVudGljLXRleHQtdDAxX18xcDg1d3Z4Nik7Cn0KLnN0eWxlc19UZXh0YXJlYVZhcmlhbnRzX19uOXVyY2gyOjpwbGFjZWhvbGRlciB7CiAgY29sb3I6IHZhcigtLXNlbWVudGljLWxpbmUtbDAxX18xcDg1d3Z4Yik7Cn0KLnN0eWxlc19UZXh0YXJlYVZhcmlhbnRzX19uOXVyY2gyOmRpc2FibGVkIHsKICBjdXJzb3I6IGRlZmF1bHQ7CiAgY29sb3I6IHZhcigtLXNlbWVudGljLWxpbmUtbDAxX18xcDg1d3Z4Yik7Cn0KLnN0eWxlc19UZXh0YXJlYVZhcmlhbnRzX2lzRXJyb3JfdHJ1ZV9fbjl1cmNoMyB7CiAgYm9yZGVyOiAwLjhweCBzb2xpZCB2YXIoLS1zZW1lbnRpYy1wcmltYXJ5LXAwNV9fMXA4NXd2eGgpOwp9Ci5zdHlsZXNfVGV4dGFyZWFWYXJpYW50c193aWR0aF9hdXRvX19uOXVyY2g0IHsKICB3aWR0aDogYXV0bzsKfQouc3R5bGVzX1RleHRhcmVhVmFyaWFudHNfd2lkdGhfZnVsbF9fbjl1cmNoNSB7CiAgd2lkdGg6IDEwMCU7Cn0KLnN0eWxlc19UZXh0YXJlYVZhcmlhbnRzX2Rpc2FibGVkX3RydWVfX245dXJjaDYgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXNlbWVudGljLWxpbmUtbDAyX18xcDg1d3Z4Yyk7CiAgY29sb3I6IHZhcigtLXNlbWVudGljLWxpbmUtbDAxX18xcDg1d3Z4Yik7Cn0%3D%22%7D ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_layout__n9urch0 {
  display: flex;
  gap: 10px;
  flex-direction: column;
}
.styles_TextareaVariants__n9urch2 {
  border-radius: 8px;
  border: 0.8px solid var(--sementic-line-l02__1p85wvxc);
  background-color: var(--sementic-bg-b03__1p85wvx3);
  min-height: 150px;
  box-sizing: border-box;
  padding: 15px 16px;
  outline: none;
  color: var(--sementic-text-t01__1p85wvx6);
}
.styles_TextareaVariants__n9urch2::placeholder {
  color: var(--sementic-line-l01__1p85wvxb);
}
.styles_TextareaVariants__n9urch2:disabled {
  cursor: default;
  color: var(--sementic-line-l01__1p85wvxb);
}
.styles_TextareaVariants_isError_true__n9urch3 {
  border: 0.8px solid var(--sementic-primary-p05__1p85wvxh);
}
.styles_TextareaVariants_width_auto__n9urch4 {
  width: auto;
}
.styles_TextareaVariants_width_full__n9urch5 {
  width: 100%;
}
.styles_TextareaVariants_disabled_true__n9urch6 {
  background-color: var(--sementic-line-l02__1p85wvxc);
  color: var(--sementic-line-l01__1p85wvxb);
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[1]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[2]!./node_modules/@vanilla-extract/webpack-plugin/virtualNextFileLoader/dist/vanilla-extract-webpack-plugin-virtualNextFileLoader.cjs.js!./node_modules/@vanilla-extract/webpack-plugin/vanilla.virtual.css?%7B%22fileName%22%3A%22src%2Fapp%2F_components%2Froom%2Fview%2FLeftInfo%2FRequestJoinModal%2Fstyles.css.ts.vanilla.css%22%2C%22source%22%3A%22LnN0eWxlc19pbm5lcl9fMzY0MHEwIHsKICB3aWR0aDogMzAwcHg7Cn0KLnN0eWxlc19jZW50ZXJfXzM2NDBxMSB7CiAgdGV4dC1hbGlnbjogY2VudGVyOwp9Ci5zdHlsZXNfY29udGVudF9fMzY0MHEyIHsKICBkaXNwbGF5OiBmbGV4OwogIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47CiAgZ2FwOiAxMHB4OwogIHRleHQtYWxpZ246IGVuZDsKfQ%3D%3D%22%7D ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_inner__3640q0 {
  width: 300px;
}
.styles_center__3640q1 {
  text-align: center;
}
.styles_content__3640q2 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  text-align: end;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[1]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[2]!./node_modules/@vanilla-extract/webpack-plugin/virtualNextFileLoader/dist/vanilla-extract-webpack-plugin-virtualNextFileLoader.cjs.js!./node_modules/@vanilla-extract/webpack-plugin/vanilla.virtual.css?%7B%22fileName%22%3A%22src%2Fapp%2F_components%2Froom%2Fview%2FLeftInfo%2FRuleBox%2Fstyles.css.ts.vanilla.css%22%2C%22source%22%3A%22LnN0eWxlc19pbm5lcl9fMWt1NjV6NjAgewogIGRpc3BsYXk6IGZsZXg7CiAgd2lkdGg6IDE5NHB4OwogIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0OwogIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47CiAgZ2FwOiA0cHg7Cn0%3D%22%7D ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_inner__1ku65z60 {
  display: flex;
  width: 194px;
  align-items: flex-start;
  flex-direction: column;
  gap: 4px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[1]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[0].use[2]!./node_modules/@vanilla-extract/webpack-plugin/virtualNextFileLoader/dist/vanilla-extract-webpack-plugin-virtualNextFileLoader.cjs.js!./node_modules/@vanilla-extract/webpack-plugin/vanilla.virtual.css?%7B%22fileName%22%3A%22src%2Fapp%2F%5Blang%5D%2F(with-layout)%2Froom%2F%5Bid%5D%2Fstyles.css.ts.vanilla.css%22%2C%22source%22%3A%22LnN0eWxlc19sYXlvdXRfX3doeWJ3NDAgewogIGRpc3BsYXk6IGZsZXg7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgcGFkZGluZy10b3A6IDMwcHg7CiAgZ2FwOiAyMHB4Owp9Ci5zdHlsZXNfY2hhcHRlckxheW91dF9fd2h5Ync0MSB7CiAgbWluLXdpZHRoOiA3NTBweDsKfQouc3R5bGVzX21ha2VDaGFwdGVyTGF5b3V0X193aHlidzQyIHsKICB3aWR0aDogMTgwcHg7CiAgaGVpZ2h0OiAxODBweDsKICBib3JkZXItcmFkaXVzOiAxNnB4OwogIGRpc3BsYXk6IGZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zZW1lbnRpYy1iZy1iMDJfXzFwODV3dngyKTsKICBib3JkZXI6IDAuOHB4IHNvbGlkIHZhcigtLXNlbWVudGljLWxpbmUtbDAyX18xcDg1d3Z4Yyk7Cn0KLnN0eWxlc19tYWtlQ2hhcHRlcklubmVyX193aHlidzQzIHsKICBkaXNwbGF5OiBmbGV4OwogIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47CiAgZ2FwOiAxMHB4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0%3D%22%7D ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.styles_layout__whybw40 {
  display: flex;
  justify-content: center;
  padding-top: 30px;
  gap: 20px;
}
.styles_chapterLayout__whybw41 {
  min-width: 750px;
}
.styles_makeChapterLayout__whybw42 {
  width: 180px;
  height: 180px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--sementic-bg-b02__1p85wvx2);
  border: 0.8px solid var(--sementic-line-l02__1p85wvxc);
}
.styles_makeChapterInner__whybw43 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}