.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:bottom;backface-visibility:hidden;overflow:hidden}
.styles-module-scss-module__xGs3ZW__swiper{width:50vw}.styles-module-scss-module__xGs3ZW__swiper img{object-fit:contain;width:100%;max-width:100%;height:auto;position:absolute;inset:0}@media screen and (min-width:768px){.styles-module-scss-module__xGs3ZW__swiper{width:200px}}@media screen and (min-width:1024px){.styles-module-scss-module__xGs3ZW__swiper{width:220px}}.styles-module-scss-module__xGs3ZW__swiper .swiper-pagination.swiper-pagination.swiper-pagination{position:absolute;bottom:-140px}@media screen and (min-width:768px){.styles-module-scss-module__xGs3ZW__swiper .swiper-pagination.swiper-pagination.swiper-pagination{bottom:0;left:calc(100% + 10px)}}@media screen and (min-width:1024px){.styles-module-scss-module__xGs3ZW__swiper .swiper-pagination.swiper-pagination.swiper-pagination{left:calc(100% - 5px)}}@media screen and (min-width:1150px){.styles-module-scss-module__xGs3ZW__swiper .swiper-pagination.swiper-pagination.swiper-pagination{left:calc(100% + 20px)}}.styles-module-scss-module__xGs3ZW__swiper .swiper-pagination-bullet{opacity:1;background:0 0;border:1px solid #cff502;transition:all .3s}.styles-module-scss-module__xGs3ZW__swiper .swiper-pagination-bullet-active{background-color:#cff502;border-radius:28px;width:14px}.styles-module-scss-module__xGs3ZW__swiper_slide{border:1px solid #000;border-radius:10px;display:flex;position:relative;overflow:hidden}.styles-module-scss-module__xGs3ZW__swiper_slide:before{content:"";padding-bottom:133.486%;display:block}.styles-module-scss-module__xGs3ZW__swiper_slide:after{content:"";z-index:2;background-color:#000000b3;transition:all .3s linear;position:absolute;inset:0}.styles-module-scss-module__xGs3ZW__swiper_slide.swiper-slide-active{border:1px solid #fff}.styles-module-scss-module__xGs3ZW__swiper_slide.swiper-slide-active:after{z-index:0;background-color:#0000}.styles-module-scss-module__xGs3ZW__swiper_slide>a{z-index:1;display:block;position:absolute;inset:0}.styles-module-scss-module__xGs3ZW__highlight{margin-bottom:20px}.styles-module-scss-module__xGs3ZW__highlight.styles-module-scss-module__xGs3ZW__android_fb_browser .swiper-pagination{bottom:-120px}.styles-module-scss-module__xGs3ZW__highlight .core_container{background-color:#a66cfe;background-image:url(https://dev-bs.isanook.com/dev/static/img/bookshelf/bg-book.svg);background-position:150% 55%;background-repeat:no-repeat;border-radius:0 0 100px 100px;max-width:1130px;padding:20px 0 15px;position:relative;overflow:hidden}@media screen and (min-width:768px){.styles-module-scss-module__xGs3ZW__highlight .core_container{background-position:-20% 55%;border-radius:0 0 120px 120px;display:flex}.styles-module-scss-module__xGs3ZW__highlight .core_container>div{flex:0 0 42%;height:100%;padding-left:80px}}@media screen and (min-width:768px) and (min-width:1024px){.styles-module-scss-module__xGs3ZW__highlight .core_container>div{padding-left:140px}}@media screen and (min-width:768px){.styles-module-scss-module__xGs3ZW__highlight .core_container>div:last-of-type{flex:0 0 58%;height:100%;padding-left:40px}}@media screen and (min-width:768px) and (min-width:1024px){.styles-module-scss-module__xGs3ZW__highlight .core_container>div:last-of-type{padding-left:20px}}@media screen and (min-width:768px){.styles-module-scss-module__xGs3ZW__highlight .core_container .styles-module-scss-module__xGs3ZW__card_wrapper{flex:0 0 100%}}.styles-module-scss-module__xGs3ZW__card_wrapper{position:absolute;inset:0}.styles-module-scss-module__xGs3ZW__card_wrapper span{justify-content:center;align-items:center;width:140px;height:140px;font-size:2rem;display:flex;top:40%;transform:translateY(-50%)}.styles-module-scss-module__xGs3ZW__card_wrapper span:before,.styles-module-scss-module__xGs3ZW__card_wrapper span:after{content:"";transform-origin:50%;background-color:#cff502;border-radius:50%;width:70%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.styles-module-scss-module__xGs3ZW__card_wrapper span:after{transform:translate(-50%,-50%)rotate(270deg)}.styles-module-scss-module__xGs3ZW__card_wrapper span i{z-index:1;position:relative}.styles-module-scss-module__xGs3ZW__card_wrapper span[class*=prev]{padding-left:90px;left:-90px}.styles-module-scss-module__xGs3ZW__card_wrapper span[class*=next]{padding-right:90px;right:-90px}.styles-module-scss-module__xGs3ZW__content_swiper{position:relative}@media screen and (min-width:768px){.styles-module-scss-module__xGs3ZW__description_slide .swiper-slide{width:100%!important}}.styles-module-scss-module__xGs3ZW__description_slide .styles-module-scss-module__xGs3ZW__swiper-slide{opacity:0}.styles-module-scss-module__xGs3ZW__description_slide .styles-module-scss-module__xGs3ZW__swiper-slide-active{opacity:1;pointer-events:auto}.styles-module-scss-module__xGs3ZW__desc{text-align:center;color:#fff;padding:20px 30px;font-size:.75rem}@media screen and (min-width:768px){.styles-module-scss-module__xGs3ZW__desc{text-align:left;width:360px;padding:15px 0}}@media screen and (min-width:1024px){.styles-module-scss-module__xGs3ZW__desc{width:450px}}.styles-module-scss-module__xGs3ZW__desc .styles-module-scss-module__xGs3ZW__category{justify-content:center;gap:3px;margin-bottom:5px;display:flex}@media screen and (min-width:768px){.styles-module-scss-module__xGs3ZW__desc .styles-module-scss-module__xGs3ZW__category{justify-content:flex-start}}.styles-module-scss-module__xGs3ZW__desc .styles-module-scss-module__xGs3ZW__category small{color:#4d10a8;background-color:#ffffff80;border-radius:4px;padding:1px 4px;font-size:.625rem;display:inline-block}@media screen and (min-width:1024px){.styles-module-scss-module__xGs3ZW__desc .styles-module-scss-module__xGs3ZW__category small{padding:2px 10px 1px;font-size:.75rem}}.styles-module-scss-module__xGs3ZW__desc h2{word-break:break-word;max-height:52px;margin-bottom:5px;padding:5px 0 0;font-size:1.125rem;font-weight:600;line-height:1.3}@media screen and (min-width:768px){.styles-module-scss-module__xGs3ZW__desc h2{-webkit-line-clamp:2;max-height:66px;margin-bottom:10px;font-size:1.25rem}}@media screen and (min-width:768px) and (hover:hover){.styles-module-scss-module__xGs3ZW__desc h2 a:hover{text-decoration:underline}}@media screen and (min-width:1024px){.styles-module-scss-module__xGs3ZW__desc h2{max-height:82px;font-size:1.875rem}}.styles-module-scss-module__xGs3ZW__desc p{word-break:break-word;font-size:.75rem}@media screen and (min-width:768px){.styles-module-scss-module__xGs3ZW__desc p{-webkit-line-clamp:3;margin-bottom:10px;font-size:.875rem}}@media screen and (min-width:1024px){.styles-module-scss-module__xGs3ZW__desc p{font-size:1rem}}.styles-module-scss-module__xGs3ZW__desc .styles-module-scss-module__xGs3ZW__btn{display:none}@media screen and (min-width:768px){.styles-module-scss-module__xGs3ZW__desc .styles-module-scss-module__xGs3ZW__btn{color:#000;background:#fff;border-radius:32px;height:45px;padding:0 25px;font-size:1.125rem;font-weight:600;line-height:45px;display:inline-block}}@media screen and (min-width:768px) and (hover:hover){.styles-module-scss-module__xGs3ZW__desc .styles-module-scss-module__xGs3ZW__btn:hover{background-color:#cff502}}