@charset "UTF-8";.quoteshelf{background-color:var(--shelf-bg-color);display:flex;flex-direction:column}.quoteshelf__spinner{background-color:unset!important}.quoteshelf>.ant-spin-nested-loading .ant-spin-blur:after{opacity:0!important}.quoteshelf__header{height:70px;position:relative}@media only screen and (max-width: 48em){.quoteshelf__header{height:64px}}.quoteshelf__header__close,.quoteshelf__header__back,.quoteshelf__header__share{width:50px;height:50px;top:0;display:flex;justify-content:center;align-items:center;font-size:2.2rem;color:var(--text-color);position:absolute}@media only screen and (max-width: 48em){.quoteshelf__header__close,.quoteshelf__header__back,.quoteshelf__header__share{width:64px;height:64px;font-size:2.4rem}}.quoteshelf__header__title{margin:20px 58px 0;color:var(--text-color)}.quoteshelf__header__title--main{font-size:18px;font-weight:500;line-height:1.3}.quoteshelf__header__title--main--text{margin-left:5px}.quoteshelf__header__title--sub{font-size:12px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}@media only screen and (max-width: 36em){.quoteshelf__header__title{text-align:center;margin-top:10px}}.quoteshelf__header__back{left:0}.quoteshelf__header__share{left:50%;transform:translate(-50%)}.quoteshelf__header__close{right:0}.quoteshelf__footer{height:50px}.quoteshelf__body{flex:1;width:200%;display:flex;transition:transform .3s ease-out;max-height:calc(var(--vh) - 100px)}.quoteshelf__body--detail{transform:translate3d(-50%,0,0)}.quoteshelf__body__list,.quoteshelf__body__detail{width:50%}.quoteshelf__body__list{padding:0 20px;margin:10px 20px;flex:1;overflow-y:auto}@media only screen and (max-width: 36em){.quoteshelf__body__list{padding:0 10px;margin:10px}}.quoteshelf__body__list--empty{width:100%;height:100%;display:flex;justify-content:center;align-items:center;height:calc(var(--vh) - 100px - 40px - 40px);font-size:20px;color:var(--text-color)}.quoteshelf__body__list::-webkit-scrollbar{width:12px}.quoteshelf__body__list::-webkit-scrollbar-track{background-color:var(--shelf-bg-color)}.quoteshelf__body__list::-webkit-scrollbar-thumb{border-radius:100px;background-color:var(--scroll-unhover-color);background-clip:padding-box;border:3px solid var(--shelf-bg-color)}.quoteshelf__body__list::-webkit-scrollbar-thumb:hover{background-color:var(--scroll-hover-color);background-clip:padding-box;border:3px solid var(--shelf-bg-color)}.quoteshelf__body__list::placeholder{color:var(--base-gray-500)}.quoteshelf__body__list:-ms-input-placeholder{color:var(--base-gray-500)}.quoteshelf__body__list::-ms-input-placeholder{color:var(--base-gray-500)}.quoteshelf__body__detail--visible{opacity:1}.quoteshelf__body__detail--hidden{opacity:0}.quoteshelf__detail{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:0 40px;overflow-y:auto}@media only screen and (max-width: 36em){.quoteshelf__detail{padding:0 20px}}.quoteshelf__detail__body{flex:1;display:flex;justify-content:center;flex-direction:column;padding:40px 0 30px;cursor:pointer}.quoteshelf__detail__body__extra,.quoteshelf__detail__body__quote{font-family:Nanum Myeongjo KR,sans-serif;letter-spacing:1.5px}.quoteshelf__detail__body__info{width:100%;margin-top:6px}.quoteshelf__detail__body__info span{color:var(--base-gray-600);font-size:14px}.quoteshelf__detail__body__info--sm{font-size:12px!important}.quoteshelf__detail__body__quote-icon{display:flex;justify-content:center;align-items:center;width:20px;height:20px;position:absolute;top:-25px}.quoteshelf__detail__body__quote-icon svg{fill:var(--text-color)}.quoteshelf__detail__body__quote{font-weight:600;font-size:20px;color:var(--text-color);position:relative;white-space:pre-wrap}.quoteshelf__detail__body__quote--sm{letter-spacing:normal;font-weight:400;font-size:16px}.quoteshelf__detail__body__extra{font-size:16px;color:var(--base-gray-700)}.quoteshelf__detail__footer{display:flex;align-items:center;align-items:flex-end;margin-bottom:20px}@media only screen and (max-width: 36em){.quoteshelf__detail__footer{margin-bottom:0}}.quoteshelf__detail__footer__user{color:var(--base-gray-600);transition:color .2s ease-out}.quoteshelf__detail__footer__user:hover{color:var(--base-gray-900)}.quoteshelf__detail__footer__info{flex:1;text-align:right}.quoteshelf__detail__footer__info>span{display:block;font-family:Nanum Myeongjo KR,sans-serif;color:var(--base-gray-700)}.quoteshelf__detail__footer__info>span:first-child{font-size:14px}.quoteshelf__detail__footer__info>span:nth-child(2){color:var(--base-gray-500);font-size:12px;display:inline-block;height:20px}