.app{--color-text: black;--color-background: white;--color-button: rgb(255, 245, 215);--color-button-background: rgb(31, 31, 31)}.app.dark{--color-text: white;--color-background: rgb(31, 31, 31);--color-button: rgb(31, 31, 31);--color-button-background: rgb(255, 245, 215)}.dark-toggle{width:3rem;height:3rem;padding:0;border-radius:50%;background-color:rgba(0,0,0,0)}.dark-toggle__wrapper{position:relative;width:100%;height:100%;transition:all .7s ease;background-color:var(--color-button-background);border-radius:50%}.dark-toggle.dark>.dark-toggle__wrapper{transform:rotate(-360deg)}.dark-toggle__part-wrapper{position:absolute;width:100%;height:100%;transition:inherit}.dark-toggle.dark .dark-toggle__head-wrapper{transform:scale(0.7) translate(5%, -20%)}.dark-toggle.dark.hoverEnabled:hover .dark-toggle__head-wrapper{animation:moon-head .5s ease infinite alternate}.dark-toggle__rabbit-head{position:absolute;top:29%;left:29%;width:40%;height:40%;background-color:var(--color-button);border-radius:50% 45% 38% 45%/50% 45% 38% 35%;transform:skew(-7deg, -2deg);transition:inherit}.dark-toggle__rabbit-eye{position:absolute;top:35%;left:53%;width:20%;height:20%;background-color:var(--color-button-background);border-radius:50% 45% 38% 45%/50% 45% 38% 50%;transition:inherit}.dark-toggle.dark .dark-toggle__ears-wrapper{transform:scale(0.7) translate(5%, -20%)}.dark-toggle.dark.hoverEnabled:hover .dark-toggle__ears-wrapper{animation:moon-ears-move .5s ease infinite alternate}.dark-toggle.hoverEnabled:hover .dark-toggle__even-ears-wrapper{animation:sun-ears .7s ease-in-out infinite alternate}.dark-toggle.hoverEnabled:hover .dark-toggle__odd-ears-wrapper{animation:sun-ears .7s ease-in-out .15s infinite alternate}.dark-toggle.dark.hoverEnabled:hover .dark-toggle__even-ears-wrapper{animation:moon-ears-rotate .5s ease .05s infinite alternate}.dark-toggle.dark.hoverEnabled:hover .dark-toggle__odd-ears-wrapper{animation:moon-ears-rotate .5s ease .1s infinite alternate}.dark-toggle__ear-wrapper--1{transform:rotate(38deg)}.dark-toggle__ear-wrapper--2{transform:rotate(90deg)}.dark-toggle__ear-wrapper--3{transform:rotate(135deg)}.dark-toggle__ear-wrapper--4{transform:rotate(180deg)}.dark-toggle__ear-wrapper--5{transform:rotate(225deg)}.dark-toggle__ear-wrapper--6{transform:rotate(270deg)}.dark-toggle__ear-wrapper--7{transform:rotate(315deg)}.dark-toggle.dark .dark-toggle__ear-wrapper--0{transform:none}.dark-toggle.dark .dark-toggle__ear-wrapper--1{transform:rotate(35deg)}.dark-toggle.dark .dark-toggle__ear-wrapper--2{transform:none}.dark-toggle.dark .dark-toggle__ear-wrapper--3{transform:rotate(35deg)}.dark-toggle.dark .dark-toggle__ear-wrapper--4{transform:none}.dark-toggle.dark .dark-toggle__ear-wrapper--5{transform:rotate(35deg)}.dark-toggle.dark .dark-toggle__ear-wrapper--6{transform:none}.dark-toggle.dark .dark-toggle__ear-wrapper--7{transform:rotate(35deg)}.dark-toggle__rabbit-ear{position:absolute;top:7%;left:43%;width:14%;height:28%;background-color:var(--color-button);border-radius:50% 50% 50% 45%/30% 30% 40% 15%;transform:skew(10deg, -50deg);transition:inherit}.dark-toggle__rabbit-ear-sub{position:absolute;top:7%;left:43%;width:14%;height:20%;background-color:var(--color-button);border-radius:50% 50% 50% 35%/50% 30% 40% 35%;transform:skew(10deg, -31deg);transition:inherit}.dark-toggle__chest-wrapper{width:50%;height:50%;top:25%;left:25%}.dark-toggle.dark .dark-toggle__chest-wrapper{transform:scale(1.4) translate(23%, -6%)}.dark-toggle.dark.hoverEnabled:hover .dark-toggle__chest-wrapper{animation:moon-chest .5s ease infinite alternate}.dark-toggle__rabbit-chest{position:absolute;top:29%;left:29%;width:42%;height:48%;background-color:var(--color-button);border-radius:45% 50% 60% 60%/100% 100% 30% 30%;transform:rotate(-29deg);transition:inherit}.dark-toggle__body-wrapper{width:50%;height:50%;top:25%;left:25%}.dark-toggle.dark .dark-toggle__body-wrapper{transform:scale(1.4) translate(24%, 22%)}.dark-toggle__rabbit-body{position:absolute;top:29%;left:29%;width:50%;height:40%;background-color:var(--color-button);border-radius:80% 20% 75% 75%/125% 100% 25% 10%;transition:inherit}.dark-toggle__hind-leg-wrapper{width:50%;height:50%;top:25%;left:25%}.dark-toggle.dark .dark-toggle__hind-leg-wrapper{transform:scale(1.4) translate(2%, 23%)}.dark-toggle__rabbit-hind-leg{position:absolute;top:55%;left:40%;width:27%;height:13%;background-color:var(--color-button);border-radius:80% 20% 75% 75%/125% 100% 25% 10%;transition:inherit}.dark-toggle__tail-wrapper{width:35%;height:35%;top:32.5%;left:32.5%}.dark-toggle.dark .dark-toggle__tail-wrapper{transform:scale(2) translate(18%, 23%)}.dark-toggle.dark.hoverEnabled:hover .dark-toggle__tail-wrapper{animation:moon-tail .5s ease infinite alternate}.dark-toggle__rabbit-tail{position:absolute;top:47%;left:74%;width:20%;height:13%;background-color:var(--color-button);border-radius:35% 125% 90% 40%/100% 120% 75% 25%;transform:rotate(-45deg);transition:inherit}.dark-toggle__fore-paw-wrapper{width:35%;height:35%;top:32.5%;left:32.5%}.dark-toggle.dark .dark-toggle__fore-paw-wrapper{transform:scale(2) translate(10%, -1%)}.dark-toggle.dark.hoverEnabled:hover .dark-toggle__fore-paw-wrapper{animation:moon-paw .5s ease infinite alternate}.dark-toggle__rabbit-fore-paw{position:absolute;top:51%;left:21%;width:30%;height:12%;background-color:var(--color-button);border-radius:125% 35% 40% 90%/120% 100% 25% 75%;transform:rotate(-15deg);transition:inherit}.dark-toggle__rabbit-club{position:absolute;top:24%;left:7%;width:15%;height:38%;background-color:var(--color-button);border-radius:45% 45% 70% 70%/25% 25% 125% 125%;transform:rotate(-15deg);transition:inherit}.dark-toggle__rabbit-club-lower{position:absolute;top:57%;left:15%;width:15%;height:38%;background-color:var(--color-button);border-radius:70% 70% 45% 45%/125% 125% 25% 25%;transform:rotate(-15deg);transition:inherit}.dark-toggle__mortar-wrapper{width:50%;height:50%;top:25%;left:25%}.dark-toggle.dark .dark-toggle__mortar-wrapper{transform:scale(1.4) translate(-13%, 22%)}.dark-toggle__rabbit-mortar{position:absolute;top:40%;left:28%;width:32%;height:35%;background-color:var(--color-button);border-radius:45% 45% 40% 40%/15% 15% 85% 85%;transition:inherit}@keyframes sun-ears{from{transform:rotate(0deg)}to{transform:rotate(10deg)}}@keyframes moon-paw{from{transform:scale(2) translate(10%, -1%)}to{transform:scale(2) translate(18%, -9%) rotate(25deg)}}@keyframes moon-chest{from{transform:scale(1.4) translate(23%, -6%)}to{transform:scale(1.4) translate(28%, -7%) rotate(20deg)}}@keyframes moon-head{from{transform:scale(0.7) translate(5%, -20%)}to{transform:scale(0.7) translate(20%, -30%) rotate(27deg)}}@keyframes moon-tail{from{transform:scale(2) translate(18%, 23%)}to{transform:scale(2) translate(18%, 19%) rotate(10deg)}}@keyframes moon-ears-move{from{transform:scale(0.7) translate(5%, -20%)}to{transform:scale(0.7) translate(14%, -30%)}}@keyframes moon-ears-rotate{from{transform:rotate(-20deg)}to{transform:rotate(50deg)}}html,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;overscroll-behavior-y:contain}@media(max-width: 757px){html,body{font-size:14px}}b{color:#5da352}a{color:#538bd0;transition:all .35s ease}a:visited{color:rgba(129,162,202,.7)}a:hover{color:#535f6d}img.loading{background-image:linear-gradient(90deg, rgba(106, 145, 181, 0.15) 0%, rgba(240, 245, 252, 0.4) 30%, rgba(106, 145, 181, 0.15) 60%);animation:4s loadingSkeleton forwards infinite linear}.app{position:relative;display:flex;flex-direction:row-reverse;width:100vw;height:100vh;transition:all .4s ease;background-color:var(--color-background);color:var(--color-text)}.sidebar{display:flex;flex-direction:column;width:0;height:100%;overflow-x:visible}.sidebar__inner{width:18rem;height:100%;overflow-y:scroll;scroll-snap-type:y proximity;-ms-overflow-style:none;scrollbar-width:none}.sidebar__inner::-webkit-scrollbar{display:none}.sidebar__inner::before{content:"";position:fixed;top:0;left:-18rem;width:18rem;height:100%;transition:all .35s ease;transform:translateX(0rem);background:rgba(255,255,255,.7);background:linear-gradient(90deg, rgba(255, 255, 255, 0.7) 90%, rgba(255, 255, 255, 0) 100%)}.sidebar__inner>.dark-toggle{position:fixed;bottom:2rem;left:-16rem;transition:all .35s ease;transform:translateX(0rem)}.sidebar__inner.open{position:relative}.sidebar__inner.open::before{transform:translateX(18rem)}.sidebar__inner.open>.dark-toggle{transform:translateX(18rem)}.sidebar__scroll-helper{height:calc(100% - 2.3rem)}.sidebar svg{width:2rem;height:2rem;margin:.2rem .2rem 0 .7rem}.sidebar-item{display:flex;flex-direction:row-reverse;padding:.4rem 0 .4rem 3.5rem;font-size:2rem;scroll-snap-align:start;color:rgba(129,162,202,.7)}.sidebar-item.active{color:#538bd0}.sidebar-item.open>a{transform:translateX(-3rem)}.sidebar-item.open svg{transform:scale(1)}.sidebar-item:hover,.sidebar-item.open{color:#535f6d}.sidebar-item:hover.active,.sidebar-item.open.active{color:#538bd0}.sidebar-item>a{display:flex;cursor:pointer;user-select:none;transition:all .35s ease;transform:translateX(-15.7rem)}.sidebar-item>a:hover{transform:translateX(-3rem);flex-grow:1}.sidebar-item>a:hover>svg{transform:scale(1)}.sidebar-item>a>svg{transition:all .35s ease;transform:scale(0.7)}.sidebar-item__0>a{transform:translateX(0rem);flex-grow:1}.sidebar-item__0>a:hover{transform:translateX(-1rem)}.sidebar-item__0>a>svg{transform:scale(1)}.sidebar-item__0.open>a{flex-grow:0}.sidebar-item__0.open>a:hover{transform:translateX(0rem);flex-grow:1}.sidebar-item__1>a{transform:translateX(-10rem)}.sidebar-item__1>a>svg{transform:scale(0.9)}.sidebar-item__2>a{transform:translateX(-12.7rem)}.sidebar-item__2>a>svg{transform:scale(0.8)}.sidebar-item__3>a{transform:translateX(-14.5rem)}.sidebar-item__3>a>svg{transform:scale(0.75)}.sidebar-item__4>a{transform:translateX(-15.3rem)}.sidebar-item__4>a>svg{transform:scale(0.72)}.sidebar-item__-1>a{transform:translateX(-10rem)}.sidebar-item__-1>a>svg{transform:scale(0.9)}.close-box{position:absolute;top:0px;left:0px;width:3rem;height:3rem;background-color:#6bb4f4;z-index:11}.close-box__slash{position:absolute;width:1.7rem;height:0;border-bottom:3px solid #535f6d;transition:all .2s ease}.close-box__upper-slash{top:.85rem;left:.65rem;transform-origin:10.5% 0}.close-box__middle-slash{top:1.5rem;left:.65rem}.close-box__bottom-slash{top:2.15rem;left:.65rem;transform-origin:10.5% 0}.close-box.open .close-box__upper-slash{transform:rotate(45deg) scaleX(1.41)}.close-box.open .close-box__middle-slash{transform:rotate(-45deg) scaleX(1.41)}.close-box.open .close-box__bottom-slash{transform:rotate(-45deg) scaleX(1.41)}.main{left:3rem;display:flex;flex-direction:column;flex-grow:1;height:100%;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.main::-webkit-scrollbar{display:none}.scroll-container{position:fixed;top:0;right:0}.scroll-container--horizon{top:auto;right:auto;left:0;bottom:0}.scroll-container>.scroll-indicator{position:fixed;top:0;right:-4rem;width:5rem;height:100%;transition:all .3s ease-out}.scroll-container>.scroll-indicator--horizon{top:auto;right:auto;height:auto;left:0;bottom:-4rem;height:5rem;width:100%}.scroll-container>.scroll-indicator.inactive{display:none}.scroll-container>.scroll-indicator--level0{transform:skewX(0deg)}.scroll-container>.scroll-indicator--level0--horizon{transform:skewY(0deg)}.scroll-container>.scroll-indicator--level1{transform:skewX(-0.5deg)}.scroll-container>.scroll-indicator--level1--horizon{transform:skewY(-0.5deg)}.scroll-container>.scroll-indicator--level1>.indicator__next{opacity:.47}.scroll-container>.scroll-indicator--level2{transform:skewX(-1deg)}.scroll-container>.scroll-indicator--level2--horizon{transform:skewY(-1deg)}.scroll-container>.scroll-indicator--level2>.indicator__next{opacity:.43}.scroll-container>.scroll-indicator--level3{transform:skewX(-1.5deg) translateX(0.2vh)}.scroll-container>.scroll-indicator--level3--horizon{transform:skewY(-1.5deg) translateY(0.2vw)}.scroll-container>.scroll-indicator--level3>.indicator__next{opacity:.38}.scroll-container>.scroll-indicator--level4{transform:skewX(-2.2deg) translateX(0.4vh)}.scroll-container>.scroll-indicator--level4--horizon{transform:skewY(-2.2deg) translateY(0.4vw)}.scroll-container>.scroll-indicator--level4>.indicator__next{opacity:.32}.scroll-container>.scroll-indicator--level5{transform:skewX(-3deg) translateX(0.7vh)}.scroll-container>.scroll-indicator--level5--horizon{transform:skewY(-3deg) translateY(0.7vw)}.scroll-container>.scroll-indicator--level5>.indicator__next{opacity:.25}.scroll-container>.scroll-indicator--level6{transform:skewX(-3.8deg) translateX(1.1vh)}.scroll-container>.scroll-indicator--level6--horizon{transform:skewY(-3.8deg) translateY(1.1vw)}.scroll-container>.scroll-indicator--level6>.indicator__next{opacity:.17}.scroll-container>.scroll-indicator--level7{transform:skewX(-5deg) translateX(1.7vh)}.scroll-container>.scroll-indicator--level7--horizon{transform:skewY(-5deg) translateY(1.7vw)}.scroll-container>.scroll-indicator--level7>.indicator__next{opacity:.08}.scroll-container>.scroll-indicator--level8{transform:skewX(-6.5deg) translateX(2.5vh)}.scroll-container>.scroll-indicator--level8--horizon{transform:skewY(-6.5deg) translateY(2.5vw)}.scroll-container>.scroll-indicator--level8>.indicator__next{opacity:0}.scroll-container>.scroll-indicator--level-1{transform:skewX(0.5deg)}.scroll-container>.scroll-indicator--level-1--horizon{transform:skewY(0.5deg)}.scroll-container>.scroll-indicator--level-1>.indicator__prev{opacity:.47}.scroll-container>.scroll-indicator--level-2{transform:skewX(1deg)}.scroll-container>.scroll-indicator--level-2--horizon{transform:skewY(1deg)}.scroll-container>.scroll-indicator--level-2>.indicator__prev{opacity:.43}.scroll-container>.scroll-indicator--level-3{transform:skewX(1.5deg) translateX(0.2vh)}.scroll-container>.scroll-indicator--level-3--horizon{transform:skewY(1.5deg) translateY(0.2vw)}.scroll-container>.scroll-indicator--level-3>.indicator__prev{opacity:.38}.scroll-container>.scroll-indicator--level-4{transform:skewX(2.2deg) translateX(0.4vh)}.scroll-container>.scroll-indicator--level-4--horizon{transform:skewY(2.2deg) translateY(0.4vw)}.scroll-container>.scroll-indicator--level-4>.indicator__prev{opacity:.32}.scroll-container>.scroll-indicator--level-5{transform:skewX(3deg) translateX(0.7vh)}.scroll-container>.scroll-indicator--level-5--horizon{transform:skewY(3deg) translateY(0.7vw)}.scroll-container>.scroll-indicator--level-5>.indicator__prev{opacity:.25}.scroll-container>.scroll-indicator--level-6{transform:skewX(3.8deg) translateX(1.1vh)}.scroll-container>.scroll-indicator--level-6--horizon{transform:skewY(3.8deg) translateY(1.1vw)}.scroll-container>.scroll-indicator--level-6>.indicator__prev{opacity:.17}.scroll-container>.scroll-indicator--level-7{transform:skewX(5deg) translateX(1.7vh)}.scroll-container>.scroll-indicator--level-7--horizon{transform:skewY(5deg) translateY(1.7vw)}.scroll-container>.scroll-indicator--level-7>.indicator__prev{opacity:.08}.scroll-container>.scroll-indicator--level-8{transform:skewX(6.5deg) translateX(2.5vh)}.scroll-container>.scroll-indicator--level-8--horizon{transform:skewY(6.5deg) translateY(2.5vw)}.scroll-container>.scroll-indicator--level-8>.indicator__prev{opacity:0}.scroll-container__static{position:fixed;bottom:0;right:0;width:.3rem;height:.3rem}.scroll-container__static>.scroll-indicator__static{position:absolute;right:0;bottom:0;width:100%;height:100vh}.scroll-container__static>.scroll-indicator__static--horizon{width:100vw;height:100%}.indicator{position:absolute;width:100%;height:100%}.indicator__next{opacity:.5;background:#e1f6ff;background:linear-gradient(0deg, rgb(225, 246, 255) 0%, rgb(107, 180, 244) 100%)}.indicator__next--horizon{background:#e1f6ff;background:linear-gradient(270deg, rgb(225, 246, 255) 0%, rgb(107, 180, 244) 100%)}.indicator__prev{opacity:.5;background:#7be46a;background:linear-gradient(0deg, rgb(123, 228, 106) 0%, rgb(218, 255, 231) 100%)}.indicator__prev--horizon{background:#7be46a;background:linear-gradient(270deg, rgb(123, 228, 106) 0%, rgb(218, 255, 231) 100%)}@keyframes loadingSkeleton{0%{background-position:-20rem 0}100%{background-position:20rem 0}}

/*# sourceMappingURL=style.css.map*/