@layer base,theme,modern-reset,normalize,a11y,animation,components,pages;@layer base{body{font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;line-height:1.5}blockquote,body,figure,h1,h2,h3,h4,h5,h6,hr,li,ol,p,pre,ul{margin:0;padding:0}ul{list-style:none}button,input,select,textarea{color:inherit;font:inherit;letter-spacing:inherit}input[type=text],textarea{width:100%}button,input,textarea{border:1px solid gray}button{padding:.75em 1em;border-radius:0;line-height:1;background-color:transparent}iframe,img,object,svg,video{display:block;max-width:100%}table{table-layout:fixed;width:100%}[tabindex="-1"]{outline:0!important}}@layer theme{:root{--light: #FFFFFF;--dark: #131313;--gray-background: #181818;--favorite-color: #ff3c3c;--favorite-color-hover: #730909;--gray-100: #F7F7F7;--gray-200: #DEDEDE;--gray-300: #C4C4C4;--gray-400: #ABABAB;--gray-500: #919191;--gray-600: #787878;--gray-700: #5E5E5E;--gray-800: #454545;--gray-900: #2B2B2B;--primary-light: #F5FFF8;--primary-100: #E6FEED;--primary-200: #B4FDC9;--primary-300: #82FCA5;--primary-400: #50FB81;--primary-500: #1FFA5D;--primary-600: #05E043;--primary-700: #04B135;--primary-800: #037D25;--primary-900: #024B16;--primary-dark: #011907;--about-bg-color: #00000040;--about-shadow-gray: #ffffff40;--about-shadow-dark: #00000040;color-scheme:light dark;--font-size-12: .75rem;--font-size-14: .875rem;--font-size-16: 1rem;--font-size-18: 1.125rem;--font-size-20: 1.25rem;--font-size-22: 1.375rem;--font-size-24: 1.5rem;--font-size-26: 1.625rem;--font-size-28: 1.75rem;--font-size-30: 1.875rem;--font-size-32: 2rem;--font-size-34: 2.125rem;--font-size-36: 2.25rem;--font-size-38: 2.375rem;--font-size-40: 2.5rem;--padding-2: .125rem;--padding-4: .25rem;--padding-6: .375rem;--padding-8: .5rem;--padding-10: .625rem;--padding-12: .75rem;--padding-14: .875rem;--padding-16: 1rem;--padding-18: 1.125rem;--padding-20: 1.25rem;--padding-22: 1.375rem;--padding-24: 1.5rem;--padding-26: 1.625rem;--padding-28: 1.75rem;--padding-30: 1.875rem;--padding-32: 2rem;--padding-34: 2.125rem;--padding-36: 2.25rem;--padding-38: 2.375rem;--padding-40: 2.5rem;--margin-2: .125rem;--margin-4: .25rem;--margin-6: .375rem;--margin-8: .5rem;--margin-10: .625rem;--margin-12: .75rem;--margin-14: .875rem;--margin-16: 1rem;--margin-18: 1.125rem;--margin-20: 1.25rem;--margin-22: 1.375rem;--margin-24: 1.5rem;--margin-26: 1.625rem;--margin-28: 1.75rem;--margin-30: 1.875rem;--margin-32: 2rem;--margin-34: 2.125rem;--margin-36: 2.25rem;--margin-38: 2.375rem;--margin-40: 2.5rem;--gap-2: .125rem;--gap-4: .25rem;--gap-6: .375rem;--gap-8: .5rem;--gap-10: .625rem;--gap-12: .75rem;--gap-14: .875rem;--gap-16: 1rem;--gap-18: 1.125rem;--gap-20: 1.25rem;--gap-22: 1.375rem;--gap-24: 1.5rem;--gap-26: 1.625rem;--gap-28: 1.75rem;--gap-30: 1.875rem;--gap-32: 2rem;--gap-34: 2.125rem;--gap-36: 2.25rem;--gap-38: 2.375rem;--gap-40: 2.5rem;--gap-42: 2.625rem;--gap-44: 2.75rem;--gap-46: 2.875rem;--gap-48: 3rem;--radius-2: .125rem;--radius-4: .25rem;--radius-6: .375rem;--radius-8: .5rem;--radius-10: .625rem;--radius-12: .75rem;--radius-14: .875rem;--radius-16: 1rem;--radius-18: 1.125rem;--radius-20: 1.25rem;--radius-22: 1.375rem;--radius-24: 1.5rem;--radius-26: 1.625rem;--radius-28: 1.75rem;--radius-30: 1.875rem;--radius-32: 2rem;--radius-34: 2.125rem;--radius-36: 2.25rem;--radius-38: 2.375rem;--radius-40: 2.5rem;--radius-42: 2.625rem;--radius-44: 2.75rem;--radius-46: 2.875rem;--radius-48: 3rem}}@layer modern-reset{body *,body *:before,body *:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul,ol{list-style:none;margin:0;padding-left:0}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.15}a:not([class]){text-decoration-skip-ink:auto}a{color:inherit;text-decoration:none}img,picture{max-width:100%;display:block}iframe,video{width:100%;display:block}input,button,textarea,select{font:inherit}button{cursor:pointer;background:transparent;border:none;margin:0;padding:0}button:disabled{cursor:not-allowed}em{font-style:normal}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}}@layer normalize{html{-webkit-text-size-adjust:100%;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";tab-size:2}body{margin:0;font:100%/1.15 Verdana,Arial,sans-serif;-webkit-font-smoothing:antialiased}*,:after,:before{box-sizing:border-box}b,strong{font-weight:700}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}sup{top:-.5em}sub{bottom:-.25em}img{vertical-align:middle}button,input{overflow:visible;text-transform:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.2}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;cursor:pointer}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:inherit;display:table;color:inherit;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}details{display:block}summary{display:list-item}table{border-color:currentcolor}[hidden]{display:none!important}}@layer a11y{.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:polygon(0 0,0 0,0 0);clip-path:inset1(50%);white-space:nowrap;border-width:0}}@layer animation{:root{--ease-in-sine: cubic-bezier(.47,0,.75,.72);--ease-in-quad: cubic-bezier(.55,.08,.68,.53);--ease-in-cubic: cubic-bezier(.55,.06,.68,.19);--ease-in-quart: cubic-bezier(.9,.03,.69,.22);--ease-in-quint: cubic-bezier(.76,.05,.86,.06);--ease-in-expo: cubic-bezier(.95,.05,.8,.04);--ease-in-circ: cubic-bezier(.6,.04,.98,.34);--ease-in-back: cubic-bezier(.6,-.28,.74,.05);--ease-out-sine: cubic-bezier(.39,.57,.56,1);--ease-out-quad: cubic-bezier(.25,.46,.45,.94);--ease-out-cubic: cubic-bezier(.22,.61,.36,1);--ease-out-quart: cubic-bezier(.17,.84,.44,1);--ease-out-quint: cubic-bezier(.23,1,.32,1);--ease-out-expo: cubic-bezier(.19,1,.22,1);--ease-out-circ: cubic-bezier(.08,.82,.17,1);--ease-out-back: cubic-bezier(.18,.89,.32,1.27);--ease-in-out-sine: cubic-bezier(.45,.05,.55,.95);--ease-in-out-quad: cubic-bezier(.46,.03,.52,.96);--ease-in-out-cubic: cubic-bezier(.65,.05,.36,1);--ease-in-out-quart: cubic-bezier(.77,0,.18,1);--ease-in-out-circ: cubic-bezier(.79,.14,.15,.86);--ease-in-out-quint: cubic-bezier(.86,0,.07,1);--ease-in-out-expo: cubic-bezier(1,0,0,1);--ease-in-out-back: cubic-bezier(.68,-.55,.27,1.55)}}@layer components{.wrapper{display:flex;flex-flow:row nowrap;align-items:center}.cardImageContentsMoblie{margin:var(--margin-40, 2.5rem)}.cardTextContentsMoblie{inline-size:9rem;margin:var(--margin-40, 2.5rem);background-color:var(--gray-background, #181818)}.cardTextContentsMoblie p{color:var(--primary-light, #F5FFF8);font-size:var(--font-size-14, .875rem);font-weight:200}.cardTextContentsMoblie .cardTextContentsTitle{font-size:var(--font-size-20, 1.25rem);font-weight:400}.cardTextContentsMoblie .divider{border:.5px solid var(--primary-light, #F5FFF8)}.cardTextContentsMoblie .divider:nth-of-type(1){margin-block-start:var(--margin-22, 1.375rem)}.cardTextContentsMoblie .divider:nth-of-type(2){margin-block-start:var(--margin-6, .375rem)}.cardTextContentsMoblie .divider:nth-of-type(3){margin-block-start:var(--margin-8, .5rem)}.cardTextContentsMoblie .divider:nth-of-type(4){margin-block-start:var(--margin-6, .375rem)}.cardComponentMobile{display:flex;flex-flow:row nowrap;column-gap:var(--gap-16, 1rem);inline-size:18.75rem;block-size:8.75rem;margin-inline-start:var(--margin-40, 2.5rem);margin-block-end:var(--margin-40, 2.5rem);background-color:var(--gray-background, #181818)}.cardComponentMobile .textContents{inline-size:9rem;block-size:8.5625rem}.cardComponentMobile .textContents p{margin-block-start:var(--margin-4, .25rem);color:var(--primary-light, #F5FFF8);font-size:var(--font-size-14, .875rem);font-weight:200}.cardComponentMobile .textContents .cardTextContentsTitle{font-size:var(--font-size-20, 1.25rem);font-weight:400}.cardComponentMobile .textContents .divider{border:.5px solid var(--primary-light, #F5FFF8)}.cardComponentMobile .textContents .divider:nth-of-type(1){margin-block-start:var(--margin-22, 1.375rem)}.cardComponentMobile .textContents .divider:nth-of-type(2){margin-block-start:var(--margin-6, .375rem)}.cardComponentMobile .textContents .divider:nth-of-type(3){margin-block-start:var(--margin-8, .5rem)}.cardComponentMobile .textContents .divider:nth-of-type(4){margin-block-start:var(--margin-6, .375rem)}.cardImageContentsPC{margin:var(--margin-40, 2.5rem)}.cardTextContentsPC{inline-size:12.375rem;block-size:7.75rem;margin:var(--margin-40, 2.5rem);background-color:var(--gray-background, #181818)}.cardTextContentsPC p{color:var(--primary-light, #F5FFF8);font-size:var(--font-size-14, .875rem);font-weight:200}.cardTextContentsPC .cardTextContentsTitle{font-size:var(--font-size-20, 1.25rem);font-weight:400}.cardTextContentsPC .divider{border:.0313rem solid var(--primary-light, #F5FFF8)}.cardTextContentsPC .divider:nth-of-type(1){margin-block-start:var(--margin-22, 1.375rem)}.cardTextContentsPC .divider:nth-of-type(2){margin-block-start:var(--margin-6, .375rem)}.cardTextContentsPC .divider:nth-of-type(3){margin-block-start:var(--margin-8, .5rem)}.cardTextContentsPC .divider:nth-of-type(4){margin-block-start:var(--margin-6, .375rem)}.cardComponentPC{inline-size:12.3125rem;block-size:25rem;display:flex;flex-flow:column nowrap;row-gap:var(--gap-12, .75rem);margin-inline-start:var(--margin-40, 2.5rem);margin-block-end:vaR(--margin-40, 2.5rem);background-color:var(--gray-background, #181818)}.cardComponentPC .textContents{inline-size:12.375rem;block-size:8.5625rem}.cardComponentPC .textContents p{color:var(--primary-light, #F5FFF8);margin-block-start:var(--margin-4, .25rem);font-size:var(--font-size-14, .875rem);font-weight:200}.cardComponentPC .textContents .cardTextContentsTitle{font-size:var(--font-size-20, 1.25rem);font-weight:400}.cardComponentPC .textContents .divider{border:.0313rem solid var(--primary-light, #F5FFF8)}.cardComponentPC .textContents .divider:nth-of-type(1){margin-block-start:var(--margin-22, 1.375rem)}.cardComponentPC .textContents .divider:nth-of-type(2){margin-block-start:var(--margin-6, .375rem)}.cardComponentPC .textContents .divider:nth-of-type(3){margin-block-start:var(--margin-8, .5rem)}.cardComponentPC .textContents .divider:nth-of-type(4){margin-block-start:var(--margin-6, .375rem)}}@layer components{.modal{display:none;align-items:center;justify-content:center;position:fixed;inset:0;z-index:999;inline-size:100%;block-size:100%;background:#0009;border:none}.modal .modalContent.bookModal{position:relative;padding:var(--padding-18, 1.125rem);max-inline-size:16.25rem;max-block-size:31.25rem;border-radius:var(--radius-8, .5rem);background:var(--gray-900, #2b2b2b);box-shadow:0 .375rem .25rem 0 var(--about-shadow-dark, #00000040);color:var(--primary-light, #f5fff8);overflow-y:auto}.modal .modalContent.bookModal .closeModal{position:absolute;inset:0rem 0rem auto auto;padding:.0625rem var(--padding-10, .625rem) .3125rem var(--padding-10, .625rem);border-radius:50%;background:#0009;color:var(--primary-light, #f5fff8);font-size:var(--font-size-32, 2rem)}.modal .modalContent.bookModal .bookCover{inline-size:100%;block-size:auto;margin-block-end:var(--margin-24, 1.5rem)}.modal .modalContent.bookModal .bookDetails{display:flex;align-items:start;flex-direction:column;gap:var(--gap-10, .625rem);margin-block-end:var(--margin-10, .625rem);font-size:var(--font-size-16, 1rem);overflow-y:auto}.modal .modalContent.bookModal .bookDetails .bookTitle{font-weight:700;font-size:var(--font-size-20, 1.25rem)}.modal .modalContent.bookModal .bookDetails .favoriteButton{display:flex;align-items:center;justify-content:center;inline-size:1.5rem;aspect-ratio:1;border-radius:3.125rem;background:var(--primary-light, #f5fff8)}.modal .modalContent.bookModal .bookDetails .favoriteButton .favoriteIcon{inline-size:1rem;block-size:1rem;fill:var(--dark, #131313)}.modal .modalContent.bookModal .bookDetails .favoriteButton:hover{background:var(--gray-200, #dedede)}.modal .modalContent.bookModal .bookDetails .favoriteButton.isClicked{background:var(--favorite-color, #ff3c3c)}.modal .modalContent.bookModal .bookDetails .favoriteButton.isClicked .favoriteIcon{fill:var(--primary-light, #f5fff8)}.modal .modalContent.bookModal .bookDetails .favoriteButton.isClicked:hover{background:var(--favorite-color-hover, #730909)}@media (min-width: 700px){.modal .modalContent.bookModal{display:flex;flex-direction:row;padding:0;block-size:25rem;max-block-size:none;max-inline-size:50rem;overflow:visible}.modal .modalContent.bookModal .bookImageWrapper{position:relative;inline-size:18.75rem}.modal .modalContent.bookModal .bookImageWrapper .bookCover{position:relative;z-index:1;inline-size:100%;min-block-size:26.25rem;transform:rotate(-4deg)}.modal .modalContent.bookModal .bookImageWrapper:after{content:"";position:absolute;inset:0 -.875rem auto auto;block-size:100%;inline-size:100%;background-size:cover;background-repeat:no-repeat;background-image:url(/assets/bg_book-BM9Ch3Dn.png);transform:rotate(-4deg)}.modal .modalContent.bookModal .bookDetails{block-size:auto;margin:3rem 4.625rem;max-inline-size:18.75rem;gap:var(--gap-12, .75rem);font-size:var(--font-size-20, 1.25rem)}.modal .modalContent.bookModal .bookDetails .bookTitle{font-size:var(--font-size-36, 2.25rem)}.modal .modalContent.bookModal .bookDetails .bookAuthorPublisher{font-weight:700}.modal .modalContent.bookModal .bookDetails .bookDescription{font-size:var(--font-size-16, 1rem)}.modal .modalContent.bookModal .bookDetails .favoriteButton{margin-block-start:var(--margin-28, 1.75rem)}}}@layer components{.profileCard{display:flex;flex-direction:column;gap:var(--gap-20, 1.25rem);padding-inline:var(--padding-30, 1.875rem);padding-block:2.6875rem var(--padding-20, 1.25rem);inline-size:clamp(16.875rem,calc(100% - 3.125rem),20rem);block-size:auto;border-radius:var(--radius-30, 1.875rem);box-shadow:.125rem .125rem .375rem 0 var(--about-shadow-gray, #ffffff40) inset,.4375rem .375rem .875rem 0 var(--about-shadow-dark, #00000040);background-color:var(--about-bg-color, #00000040);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--primary-light, #f5fff8);font-family:Pretendard Variable;font-style:normal;line-height:1.3125rem}@media (min-width: 700px){.profileCard{inline-size:100%;max-inline-size:21.875rem}}.profileCard .profileCardInfoBox{display:flex;flex-direction:row;justify-content:center;gap:.3125rem}.profileCard .profileCardInfoBox .profileCardImage{min-inline-size:6.25rem}.profileCard .profileCardInfoBox .profileCardAbout{display:flex;flex-direction:column;gap:var(--gap-8, .5rem);line-height:1.3125rem}.profileCard .profileCardInfoBox .profileCardAbout .profileCardDeveloperName .developerName{font-size:var(--font-size-18, 1.125rem);font-weight:700}.profileCard .profileCardInfoBox .profileCardAbout .profileCardDeveloperName .developerNickName{display:block;line-height:1.3125rem;font-size:var(--font-size-14, .875rem);font-weight:400;white-space:nowrap}@media (min-width: 700px){.profileCard .profileCardInfoBox .profileCardAbout .profileCardDeveloperName .developerNickName{display:inline}}.profileCard .profileCardComment{inline-size:100%;word-break:keep-all}}@layer components{.githubButton{display:flex;flex-direction:column;align-items:center;justify-content:center;inline-size:1.5rem;text-decoration:none;color:var(--primary-light, #f5fff8)}.githubButton .githubLabel{margin-inline-end:.25rem;writing-mode:vertical-rl;font-size:var(--font-size-20, 1.25rem);transform:rotate(180deg)}.favoriteButton{display:flex;align-items:center;justify-content:center;inline-size:1.5rem;block-size:1.5rem;border-radius:3.125rem;background:var(--primary-light, #f5fff8)}.favoriteButton .favoriteIcon{inline-size:1rem;block-size:1rem;fill:var(--dark, #131313)}.favoriteButton:hover{background:var(--gray-200, #dedede)}.isClicked{background:var(--favorite-color, #ff3c3c)}.isClicked .favoriteIcon{fill:var(--primary-light, #f5fff8)}.isClicked:hover{background:var(--favorite-color-hover, #730909)}.authorButton{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap-10, .625rem)}.authorButton .authorName{color:var(--primary-light, #f5fff8);font-size:var(--font-size-16, 1rem)}.authorButton:hover .authorName{color:var(--primary-500, #1ffa5d)}}@layer components{.navigationBar{--gap: var(--gap-10, .625rem);min-inline-size:20rem}.navigationBar .navigationList{display:flex;flex-direction:row;justify-content:center;gap:var(--gap);padding-block:var(--padding-10, .625rem);background:var(--dark, #131313);color:var(--primary-light, #f5fff8);font-family:Pretendard Variable;font-size:var(--font-size-14, .875rem);font-style:normal;font-weight:400;line-height:normal}.navigationBar .navigationList .isSelected{color:var(--primary-700, #04b135);font-weight:600}@media (min-width: 700px){.navigationBar{min-inline-size:12.5rem}.navigationBar .navigationList{flex-direction:column;justify-content:start;padding-block-start:var(--padding-16, 1rem);padding-inline-start:var(--padding-16, 1rem);block-size:100%;inline-size:12.5rem;font-size:var(--font-size-20, 1.25rem)}.navigationBar .navigationList .isSelected{font-size:var(--font-size-20, 1.25rem)}}}@layer components{.searchBar{display:flex;padding-block-start:var(--padding-16, 1rem)}.searchBar form{display:flex;align-items:center;inline-size:100%;min-inline-size:0;overflow:hidden;background-color:var(--primary-light, #f5fff8);border:none;border-radius:var(--radius-8, .5rem);box-shadow:none}#searchInput{flex-grow:1;flex-shrink:1;min-inline-size:0;padding-inline:var(--padding-14, .875rem);padding-block:var(--padding-10, .625rem);background-color:var(--primary-light, #f5fff8);border:none;outline:none;color:var(--primary-dark, #011907);font-size:var(--font-size-16, 1rem)}.searchButton{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding-inline:var(--padding-14, .875rem);padding-block:var(--padding-10, .625rem);background:none;border:none;cursor:pointer}.searchButton img{display:block;inline-size:1.25rem;block-size:1.25rem}#searchInput:-webkit-autofill{box-shadow:0 0 0 62.5rem var(--primary-light, #f5fff8) inset!important;-webkit-text-fill-color:var(--primary-dark, #011907)!important;transition:background-color 5000s ease-in-out 0s}.clearButton{display:none;position:relative;inset-block-end:5%;color:var(--gray-500, #919191);font-size:1.2rem;line-height:100%}.clearButton:hover{color:var(--dark, #131313);font-weight:550}@media (min-width: 700px){.searchBar{inline-size:27.5rem;margin:0 auto}}}@layer components{.aboutPageHeader{position:relative;min-inline-size:20rem;padding-block-start:.9375rem;margin-inline:auto;padding-inline:var(--padding-20, 1.25rem);background-color:var(--dark, #131313)}.aboutPageHeader .profileButton{position:absolute;inset-block-start:1.3125rem;inset-inline-end:1.375rem}@media (min-width: 700px){.aboutPageHeader{display:flex;max-inline-size:80rem;justify-content:space-between;align-content:center;padding-block:.9375rem;padding-inline:.75rem 2rem}.aboutPageHeader .mainLogo img{block-size:4.375rem;inline-size:10.875rem}.aboutPageHeader .profileButton{position:static;order:1}.aboutPageHeader .profileButton img{block-size:2.25rem;inline-size:2.25rem}.aboutPageHeader .searchBar{align-self:center;padding-block-start:0}}}@layer components{.goToTopButton{position:sticky;inset-inline:80% 20%;inset-block-end:2rem;place-items:center;z-index:99;inline-size:2.5rem;block-size:2.5rem;background:var(--primary-800, #037d25);border-radius:50%;transition:transform .3s ease}.goToTopButton:hover{transform:translateY(-.25rem)}.goToTopButton svg{transform:translateY(.25rem);inline-size:1.75rem;block-size:1.75rem}@media (min-width: 700px){main{position:relative}.goToTopButton{position:absolute;inset-inline-end:2rem;inset-block-end:2rem;inset-inline-start:auto;inline-size:3rem;block-size:3rem;margin-inline:unset}.goToTopButton svg{inline-size:2rem;block-size:2rem}}}@layer components{.footerContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-block:var(--padding-32, 2rem);text-align:center}.footerContainer .footerLogo{flex-shrink:0;padding-block-end:var(--padding-12, .75rem)}.footerContents{padding-block-end:var(--padding-12, .75rem);color:var(--gray-400, #ababab);font-size:var(--font-size-14, .875rem);font-weight:400}.footerContents .footerLinkList{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;padding-inline:var(--padding-12, .75rem);line-height:1.3}.footerContents .footerLinkList .footerLink{position:relative;padding-inline-end:var(--padding-12, .75rem);margin-inline-end:var(--margin-12, .75rem);white-space:nowrap}.footerContents .footerLinkList .footerLink:hover{color:var(--primary-800, #024b16)}.footerContents .footerLinkList .footerLink:after{content:"";position:absolute;inset-block-start:0;inset-inline-end:0;block-size:1rem;inline-size:.0625rem;background:var(--gray-800, #454545)}.footerContents .footerLinkList .footerLink:last-child:after{display:none}.footerContents .footerAddress{font-style:normal}@media (min-width: 700px){.footerContainer{flex-direction:row;align-items:flex-end;gap:var(--gap-32, 2rem);padding-inline:var(--padding-20, 1.25rem)}.footerContainer .footerContents{text-align:start}.footerContainer .footerLinkList{justify-content:flex-start;padding-inline:0}}}@layer pages{.landingWrapper{display:flex;flex-direction:column}.landingWrapper .landingLeft,.landingWrapper .landingRight{position:relative;inline-size:100%;block-size:100%}.landingWrapper .landingLeft{display:none;background:var(--primary-light, #f5fff8)}.landingWrapper .landingLeft .bookmark{position:absolute;inset:0 2.25rem auto auto;inline-size:2.5rem}.landingWrapper .landingLeft .authorComment,.landingWrapper .landingLeft .authorName{display:block;max-inline-size:100%;margin:3.125rem auto var(--margin-16, 1rem)}.landingWrapper .landingRight{overflow-x:hidden;padding-block-end:50%}.landingWrapper .landingRight .landingBg{position:absolute;z-index:-1;inset:0}.landingWrapper .landingRight .landingBg img{inline-size:100%;block-size:100%;object-fit:cover}.landingWrapper .landingRight .hotSixs,.landingWrapper .landingRight .meet{display:block;margin:0 auto var(--margin-16, 1rem)}.landingWrapper .landingRight .hotSixs{inline-size:50%;margin-block-start:50%;margin-block-end:-2.5rem}.landingWrapper .landingRight .hotbooksLogo{display:inline;inline-size:70%;margin-inline-start:var(--margin-20, 1.25rem)}.landingWrapper .landingRight .s{display:inline;inline-size:20%;margin-block-start:3.75rem}.landingWrapper .landingRight .meet{inline-size:50%}.landingWrapper .landingRight .goHotbooksWrapper{display:flex;justify-content:flex-end}.landingWrapper .landingRight .goHotbooksWrapper .goHotbooks{margin-block-start:-2rem;inline-size:40%}.landingWrapper .landingRight .goHotbooksWrapper .goHotbooks :hover{scale:1.1}@media (min-width: 700px){.landingWrapper{flex-direction:row}.landingWrapper .landingLeft{display:block;block-size:100vh;max-inline-size:50%}.landingWrapper .landingLeft .authorComment,.landingWrapper .landingLeft .authorName{inline-size:50%}.landingWrapper .landingRight{inline-size:50%;block-size:100vh;padding-block-start:10%;padding-block-end:0}.landingWrapper .landingRight .hotSixs{max-inline-size:19.375rem;margin-block-start:var(--margin-20, 1.25rem);transform:translate(1.875rem)}.landingWrapper .landingRight .logoAndS{display:flex;justify-content:center}.landingWrapper .landingRight .hotbooksLogo{max-inline-size:25rem}.landingWrapper .landingRight .s{max-inline-size:6.25rem}.landingWrapper .landingRight .meet{max-inline-size:20rem;margin-block-start:var(--margin-20, 1.25rem)}.landingWrapper .landingRight .goHotbooksWrapper{margin-block-start:-40px}}@keyframes shake{0%{transform:rotate(0)}25%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}to{transform:rotate(0)}}.landingRight .hotbooksLogo{animation:shake 1s ease-out forwards}}@layer pages{.homePageContainer{max-inline-size:80rem;min-inline-size:20rem;margin-inline:auto}@media (min-width: 700px){.homePageContainer{display:flex}}.homePageContainer .bookListResultWrapper{display:flex;flex-flow:column nowrap}@media (min-width: 700px){.homePageContainer .bookListResultWrapper{padding-inline:3.5rem}}.homePageContainer .bookListResultWrapper .searchBookComment,.homePageContainer .bookListResultWrapper .noResult{display:flex;flex-direction:row;justify-content:center;margin-block-start:var(--margin-20, 1.25rem);margin-block-end:var(--margin-4, .25rem);font-family:Pretendard Variable;font-size:var(--font-size-16, 1rem);color:var(--gray-600, #787878);text-align:center;line-height:1.1875;white-space:pre-wrap}@media (min-width: 700px){.homePageContainer .bookListResultWrapper .searchBookComment,.homePageContainer .bookListResultWrapper .noResult{justify-content:flex-start;margin-block-end:var(--margin-20, 1.25rem)}}@media (min-width: 700px){.homePageContainer .footerContainer{position:fixed;bottom:0;left:20%}}.bookListWrapperHome{display:flex;flex-flow:row wrap;align-content:flex-start;justify-content:center;block-size:100vh;min-inline-size:20rem;max-inline-size:80rem;padding-inline:var(--padding-28, 1.75rem);padding-block-start:var(--padding-20, 1.25rem);row-gap:var(--gap-20, 1.25rem);column-gap:var(--gap-30, 1.875rem);overflow-y:auto}.bookListWrapperHome::-webkit-scrollbar{display:none;-webkit-overflow-scrolling:touch}@media (min-width: 685px){.bookListWrapperHome{justify-content:flex-start}}@media (min-width: 700px){.bookListWrapperHome{max-height:50vh;padding-inline:0;overflow-y:auto}.bookListWrapperHome::-webkit-scrollbar{display:none;-webkit-overflow-scrolling:touch}}.cardComponent{display:flex;flex-flow:row nowrap;justify-content:space-between;column-gap:var(--gap-16, 1rem);inline-size:18.75rem;block-size:8.75rem;background-color:var(--gray-background, #181818)}.cardComponent picture{position:relative;cursor:pointer}.cardComponent picture .favoriteButton{position:absolute;inset:auto .5rem .5rem auto}.cardComponent .textContents{inline-size:9rem;block-size:8.5625rem}.cardComponent .textContents p{margin-block-start:var(--margin-4, .25rem);font-family:Pretendard Variable;color:var(--primary-light, #f5fff8);font-size:var(--font-size-14, .875rem);font-weight:200}.cardComponent .textContents .cardTextContentsTitle{display:flex;flex-flow:row nowrap;justify-content:space-between;font-size:var(--font-size-20, 1.25rem);font-weight:400;cursor:pointer}.cardComponent .textContents .divider{border:.0313rem solid var(--primary-light, #f5fff8)}.cardComponent .textContents .divider:nth-of-type(1){margin-block-start:var(--margin-22, 1.375rem)}.cardComponent .textContents .divider:nth-of-type(2){margin-block-start:var(--margin-6, .375rem)}.cardComponent .textContents .divider:nth-of-type(3){margin-block-start:var(--margin-8, .5rem)}.cardComponent .textContents .divider:nth-of-type(4){margin-block-start:var(--margin-6, .375rem)}@media (min-width: 700px){.cardComponent{flex-flow:column nowrap;inline-size:12.3125rem;block-size:25rem;row-gap:var(--gap-12, .75rem)}.cardComponent img{inline-size:12.375rem;block-size:14.875rem}}@media (min-width: 700px){.divider{inline-size:12.375rem}}@media (min-width: 700px){.cardComponent .textContents{overflow:hidden;inline-size:12.375rem}.cardComponent .textContents .cardTextContentsTitle{white-space:nowrap}.cardComponent .textContents .cardTextContentsTitle:hover{animation:titleSlide 4s linear infinite}}@keyframes titleSlide{0%{transform:translate(0)}10%{transform:translate(0)}80%{transform:translate(-100%)}to{transform:translate(-100%)}}}body{background-color:var(--gray-background, #181818)}