.story-card-list{display:flex;flex-direction:column;max-width:1800px;padding:0 32px;margin:0 auto;overflow:hidden}.story-card-list__header{display:flex;align-items:center}@media(max-width:1024px){.story-card-list__header{flex-direction:column}}.story-card-list__header__detail{width:50%;display:flex;flex-direction:column;padding:0 15px}@media(max-width:1024px){.story-card-list__header__detail{width:100%;text-align:center}}.story-card-list__header__detail h4{margin:0 0 20px;font-size:22px;font-weight:700}.story-card-list__header__detail p{margin:0 0 20px;font-size:14px}.story-card-list__header__detail a{font-size:14px;text-decoration:underline;margin:0 0 20px;color:#000}.story-card-list__header__img{width:50%;padding:0 25px}@media(max-width:1024px){.story-card-list__header__img{width:100%}}.story-card-list__header__img__container{position:relative;padding-bottom:63.3333333333%;margin:0 22px}@media(max-width:1024px){.story-card-list__header__img__container{margin:0}}.story-card-list__header__img__container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.story-card-list__swiper{width:100%;max-width:1800px;margin-top:-70px;z-index:1;overflow:visible!important}.story-card-list__swiper.-variable-height{overflow:hidden!important}.story-card-list__swiper.-variable-height .swiper-wrapper{height:450px}.story-card-list__list{padding:0 0 0 15px;list-style:none;display:flex}@media screen and (min-width:768px)and (max-width:1024px){.story-card-list__list__card,.story-card-list__list .item2,.story-card-list__list .item1{flex:1 0 100%!important;max-width:100%!important}}@media screen and (max-width:767px){.story-card-list__list__card:not(.swiper-slide),.story-card-list__list .item2,.story-card-list__list .item1{flex:1 0 100%!important;max-width:100%!important}.story-card-list__list__card.swiper-slide{flex:1 0 auto!important;max-width:100%!important}}.story-card-list__list__card{background:#f5f5f5;transition:.2s}.story-card-list__list__card:hover{box-shadow:0 0 15px 1px #0000001a;transition:.2s}.story-card-list__list__card:hover .story-card-list__list__card__img__img{scale:1.2;transition:.2s}.story-card-list__list__card:hover .story-card-list__list__card__tips{opacity:0;transition:.2s}.story-card-list__list__card:hover .story-card-list__list__card__btn{opacity:1;transform:translate(-50%);transition:.2s}.story-card-list__list__card:hover .story-card-list__list__card__img__tags{opacity:0;transition:.2s}.story-card-list__list__card:hover .story-card-video__video__card__img__container__btn{cursor:pointer;height:55px;transition:.3s;border:2px solid white;border-radius:5px}.story-card-list__list__card:hover .story-card-video__video__card__img__container__btn :after{content:"\30a6\30a9\30c3\30c1"}.story-card-list__list__card:hover .story-card-video__video__card__img__container__btn span img{width:25px}.story-card-list__list__card a{display:flex;flex-direction:column;text-decoration:none;position:relative}.story-card-list__list__card__img{position:relative;overflow:hidden}.story-card-list__list__card__img__img{background-position:center center;background-repeat:no-repeat;background-size:cover;padding-bottom:61.6883116883%;display:block!important;transition:.2s}.story-card-list__list__card__img__tags{position:absolute;top:10px;left:15px;display:flex;column-gap:7px;transition:.2s}@media(max-width:767px){.story-card-list__list__card__img__tags{display:none}}.story-card-list__list__card__img span{font-size:10px;color:#eb0054;padding:3px 10px;background-color:#fff;border-radius:2px}.story-card-list__list__card__title{margin:0;padding:30px 30px 0;overflow:hidden}.story-card-list__list__card__title.tips-none{padding:30px 30px 90px}.story-card-list__list__card__title p{font-size:14px;color:#000;text-align:center;line-height:20px;height:40px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.story-card-list__list__card__tips{display:flex;justify-content:space-between;padding:80px 30px 30px;transition:.2s}.story-card-list__list__card__tips span{font-size:10px;color:#000}.story-card-list__list__card__btn{position:absolute;bottom:15px;left:50%;opacity:0;transform:translate(-50%,50%);transition:.2s}.story-card-list__list__card__btn span{display:inline-block;padding:12px 30px;font-size:14px;line-height:20px;color:#fff;background-color:#000;border-radius:5px;white-space:nowrap}.story-card-list .swiper-button-prev{display:flex!important;align-items:center;width:60px;height:60px;background-color:#000;border-radius:30px}@media(max-width:767px){.story-card-list .swiper-button-prev{display:none!important}}.story-card-list .swiper-button-prev svg{transition:.2s}.story-card-list .swiper-button-prev:hover>svg{scale:1.2;transition:.2s}.story-card-list .swiper-button-prev:after{content:""}.story-card-list .swiper-button-next{display:flex!important;align-items:center;width:60px;height:60px;background-color:#000;border-radius:30px}@media(max-width:767px){.story-card-list .swiper-button-next{display:none!important}}.story-card-list .swiper-button-next svg{transition:.2s}.story-card-list .swiper-button-next:hover>svg{scale:1.2;transition:.2s}.story-card-list .swiper-button-next:after{content:""}.story-card-video{display:flex;flex-direction:column;max-width:1800px;padding:0 32px;margin:0 auto;overflow:hidden}@media screen and (max-width:1024px){.story-card-video{padding:0 12px!important}}.story-card-video .hidden{display:none}.story-card-video__modal-video{display:flex;flex-direction:column;justify-content:center;gap:.4rem;min-height:500px;position:fixed;z-index:2;border-radius:15px;width:100%;height:100%}.story-card-video__modal-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;border:none}.story-card-video__modal-video__container{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;aspect-ratio:16/9}@media screen and (max-width:1024px){.story-card-video__modal-video{width:100vw}.story-card-video__modal-video iframe{height:510px!important}.story-card-video__modal-video .btn-close{top:10rem!important;left:2rem!important}}@media screen and (min-width:1024px)and (max-width:1460px){.story-card-video__modal-video{width:100vw}.story-card-video__modal-video .btn-close{top:10rem!important}}.story-card-video__modal-video .btn-close{cursor:pointer;font-weight:500;font-size:28px;padding:0;border:0;display:flex;position:fixed;z-index:2;top:2rem;right:2rem;align-items:center;justify-content:center;width:30px;height:30px;background-color:transparent;color:#fff;transition:.2s ease-in-out}.story-card-video__modal-video .btn-close:hover{rotate:90deg}.story-card-video .btn-open{cursor:pointer}.story-card-video__header{display:flex;align-items:center}@media(max-width:1024px){.story-card-video__header{flex-direction:column}}.story-card-video__header__detail{width:50%;display:flex;flex-direction:column;padding:0 15px}@media(max-width:1024px){.story-card-video__header__detail{width:100%;text-align:center}}.story-card-video__header__detail h4{margin:0 0 20px;font-size:22px;font-weight:700}.story-card-video__video{padding:0;list-style:none;display:flex;flex-wrap:wrap}.story-card-video__video .item2,.story-card-video__video .item1{flex:1 0 50%!important;max-width:100%!important}@media screen and (min-width:768px)and (max-width:1024px){.story-card-video__video__card,.story-card-video__video .item2,.story-card-video__video .item1{flex:1 0 100%!important;max-width:100%!important}}@media screen and (max-width:767px){.story-card-video__video__card:not(.swiper-slide),.story-card-video__video .item2,.story-card-video__video .item1{flex:1 0 100%!important;max-width:100%!important}.story-card-video__video__card.swiper-slide{flex:1 0 auto!important;max-width:100%!important}}.story-card-video__video__card{transition:.2s;width:auto;height:550px}.story-card-video__video__card:hover{box-shadow:0 0 15px 1px #0000001a;transition:.2s}.story-card-video__video__card:hover .story-card-video__video__card__img__img{scale:1.2;transition:.2s}.story-card-video__video__card:hover .story-card-video__video__card__img__container__btn{cursor:pointer;height:50px;transition:.2s;border:2px solid white;border-radius:5px}.story-card-video__video__card:hover .story-card-video__video__card__img__container__btn :after{content:"\30a6\30a9\30c3\30c1"}.story-card-video__video__card:hover .story-card-video__video__card__img__container__btn span img{width:25px}.story-card-video__video__card:hover .story-card-video__video__card__img__container__tags{opacity:0;transition:.2s}.story-card-video__video__card__img{position:relative;overflow:hidden;height:100%}.story-card-video__video__card__img__img{background-position:center;background-repeat:no-repeat;background-size:cover;padding-bottom:61.6883116883%;display:block!important;transition:.2s;z-index:0;position:absolute;min-width:400px;height:100%;width:100%;background-size:986px}.story-card-video__video__card__img__container{z-index:1;position:relative;height:100%;display:flex;flex-direction:column;justify-content:space-between;margin:2rem 0 0 2rem}.story-card-video__video__card__img__container__title{margin:0;padding-bottom:20px;overflow:hidden;z-index:1}.story-card-video__video__card__img__container__title p{margin-top:0;font-size:14px;letter-spacing:.01em;font-size:1.6rem;font-weight:600;color:#fff;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.story-card-video__video__card__img__container__title span{letter-spacing:.01em;font-size:1.6rem;line-height:2.4rem;font-weight:500;color:#fff}.story-card-video__video__card__img__container__btn{margin:auto}.story-card-video__video__card__img__container__btn span{display:flex;height:42px;align-items:center;font-size:14px;line-height:20px;color:#fff;background-color:transparent;padding:5px 20px}.story-card-video__video__card__img__container__btn span img{margin-right:15px;height:fit-content}.story-card-video__video__card__img__container__tags{display:flex;column-gap:7px;transition:.2s}@media(max-width:767px){.story-card-video__video__card__img__container__tags{display:none}}.story-card-video__video__card__img__container__tag{font-size:10px;color:#eb0054;padding:3px 10px;background-color:#fff;border-radius:2px}.story_video .item2,.story_video .story-card-video__video .item1,.story_video .story-card-video__video .item2{max-width:25%!important;flex:1 0 25%!important}@media screen and (max-width:1024px){.story_video .item2,.story_video .story-card-video__video .item1,.story_video .story-card-video__video .item2{flex:1 0 100%!important;max-width:100%!important}}.stories-guides-collection{display:flex;flex-direction:column;max-width:1800px;padding:0 32px;margin:0 auto;overflow:hidden}.stories-guides-collection *{line-height:1;margin:0;padding:0;border:none;outline:none}.stories-guides-collection [hidden]{display:none}.stories-guides-collection ul,.stories-guides-collection ol{list-style:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.stories-guides-collection .fade-in{animation:fade-in .4s ease-out}.stories-guides-collection .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.stories-guides-collection__filter{border-top:.1rem solid #d0d0d0;border-bottom:.1rem solid #d0d0d0;margin-bottom:5rem;display:flex;flex-direction:column}@media screen and (min-width:750px){.stories-guides-collection__filter{margin-bottom:8rem}}.stories-guides-collection__filter__title{align-self:stretch}@media screen and (min-width:750px){.stories-guides-collection__filter__title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}}.stories-guides-collection__filter__title-button{background-color:transparent;border:none;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none;width:100%;padding:2.5rem 0!important;display:flex;font-size:1.6rem;line-height:2.6rem}.stories-guides-collection__filter__section-container{align-self:stretch;display:flex;flex-direction:column;align-items:stretch}@media screen and (max-width:749px){.stories-guides-collection__filter__section-container:not(.-open){display:none}}.stories-guides-collection__filter__section{display:flex;flex-direction:column;padding-bottom:2.5rem}.stories-guides-collection__filter__section:not(:first-of-type){padding-top:2.5rem;border-top:.1rem solid #d0d0d0}@media screen and (min-width:750px){.stories-guides-collection__filter__section{padding-top:2.5rem}}.stories-guides-collection__filter__section__title{margin-bottom:2rem;font-size:2.1rem;font-weight:700;letter-spacing:.01em}@media screen and (min-width:750px){.stories-guides-collection__filter__section__title{margin-bottom:1rem}}.stories-guides-collection__filter__section__list{align-self:stretch;display:flex;flex-direction:column}@media screen and (min-width:750px){.stories-guides-collection__filter__section__list{flex-direction:row;align-items:center;flex-wrap:wrap}}.stories-guides-collection__filter__section-item{margin-right:5rem;display:flex;align-items:center;cursor:pointer}@media screen and (max-width:749px){.stories-guides-collection__filter__section-item:not(:first-of-type){margin-top:2rem}}@media screen and (min-width:750px){.stories-guides-collection__filter__section-item{margin-top:1rem!important}}.stories-guides-collection__filter__section-item__input,.stories-guides-collection__filter__section-item__label{cursor:pointer}.stories-guides-collection__filter__section-item__input-container{position:relative;width:2rem;height:2rem;border:.1rem solid black;border-radius:.2rem}.stories-guides-collection__filter__section-item__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%;margin:0!important}.stories-guides-collection__filter__section-item__input:after{content:"";position:absolute;width:100%;height:100%;background-color:#fff;pointer-events:none}.stories-guides-collection__filter__section-item__check-icon{position:absolute;top:0;right:0;bottom:0;left:0;width:1rem;height:1rem;margin:auto;pointer-events:none;opacity:0;transition:opacity .15s cubic-bezier(.645,.045,.355,1)}.stories-guides-collection__filter__section-item__input:checked+.stories-guides-collection__filter__section-item__check-icon{opacity:1}.stories-guides-collection__filter__section-item__label{font-size:1.4rem;padding-left:.5rem;-webkit-user-select:none;user-select:none}.stories-guides-collection__header{margin-bottom:2rem}@media screen and (min-width:1024px){.stories-guides-collection__header{margin-bottom:3rem}}.stories-guides-collection__header__total-container{font-size:1.6rem}.stories-guides-collection__header__total{font-weight:700;margin-right:.5rem}.stories-guides-collection__collection{align-self:stretch;margin-bottom:1rem;display:grid;grid-template-columns:1fr;gap:1rem}@media screen and (min-width:1024px){.stories-guides-collection__collection{margin-bottom:3rem}}@media screen and (min-width:750px){.stories-guides-collection__collection{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:1024px){.stories-guides-collection__collection{grid-template-columns:repeat(4,1fr);gap:3rem 1rem}}@media screen and (min-width:1280px){.stories-guides-collection__collection{gap:3rem}}.stories-guides-collection__collection-item.-highlighted{grid-column:span 2}.stories-guides-collection__collection-item__contents{position:relative;width:100%;height:100%}.stories-guides-collection__collection-item__contents:before,.stories-guides-collection__collection-item__contents:after{content:none}.stories-guides-collection__collection-item__tag-list{transition:opacity .15s ease-out;display:flex;flex-wrap:wrap}.stories-guides-collection__collection-item__tag{display:inline-block;margin:0 6px 6px 0;padding:3px 10px;font-size:1rem;line-height:1.8;border-radius:2px}.stories-guides-collection__collection-item__tag.primary{color:#fff;background-color:#eb0054}.stories-guides-collection__collection-item__tag.secondary{color:#eb0054;background-color:#fff}@media screen and (min-width:750px){.stories-guides-collection__collection-item:hover .stories-guides-collection__collection-item__tag-list{opacity:0}}.stories-guides-collection__collection-article-item{overflow:hidden;background-color:#f5f5f5;aspect-ratio:315/163}@media screen and (min-width:750px){.stories-guides-collection__collection-article-item{aspect-ratio:17/22}.stories-guides-collection__collection-article-item.-highlighted{aspect-ratio:8/5}}.stories-guides-collection__collection-article-item__link{text-decoration:none;display:flex;align-items:stretch}@media screen and (min-width:750px){.stories-guides-collection__collection-article-item__link{flex-direction:column}}@media screen and (min-width:750px){.stories-guides-collection__collection-article-item.-highlighted .stories-guides-collection__collection-article-item__link{flex-direction:row}}.stories-guides-collection__collection-article-item__description-container{flex-grow:1;position:relative;padding:1.5rem 2rem 2rem;display:flex;flex-direction:column}@media screen and (min-width:750px){.stories-guides-collection__collection-article-item:not(.-highlighted) .stories-guides-collection__collection-article-item__description-container{position:static;padding:0}}.stories-guides-collection__collection-article-item__image-container{overflow:hidden;flex-shrink:0;flex-basis:35%}@media screen and (min-width:750px){.stories-guides-collection__collection-article-item__image-container{flex-basis:auto;aspect-ratio:268/165}}@media screen and (min-width:750px){.stories-guides-collection__collection-article-item.-highlighted .stories-guides-collection__collection-article-item__image-container{flex-basis:calc(50% + .45rem)}}.stories-guides-collection__collection-article-item__image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .15s ease-out}.stories-guides-collection__collection-article-item__tag-list{align-self:stretch;margin-bottom:.8rem}@media screen and (min-width:750px){.stories-guides-collection__collection-article-item__tag-list{position:absolute;top:0;left:0;width:100%;padding:2rem;margin-bottom:0}}.stories-guides-collection__collection-article-item__title-container{z-index:1}.stories-guides-collection__collection-article-item__title{word-break:break-all;line-height:2.4rem}@media screen and (min-width:750px){.stories-guides-collection__collection-article-item.-highlighted .stories-guides-collection__collection-article-item__title-container{flex-grow:1;align-self:stretch;display:flex;align-items:center;justify-content:center}.stories-guides-collection__collection-article-item.-highlighted .stories-guides-collection__collection-article-item__title{text-align:center}}@media screen and (min-width:750px){.stories-guides-collection__collection-article-item:not(.-highlighted) .stories-guides-collection__collection-article-item__title-container{align-self:center;margin:30px 30px 0}}.stories-guides-collection__collection-article-item__details-button-container{position:absolute;inset:auto 0 0;width:100%;padding:30px 0;background:linear-gradient(0deg,#f5f5f5 0,#f5f5f500);display:flex;flex-direction:column;align-items:center;opacity:0;transform:translateY(50%);transition:opacity .15s ease-out,transform .15s ease-out}.stories-guides-collection__collection-article-item__details-button{border-radius:.5rem;pointer-events:none}@media screen and (min-width:750px){.stories-guides-collection__collection-article-item:hover{box-shadow:0 0 4rem #00000026}.stories-guides-collection__collection-article-item:hover .stories-guides-collection__collection-article-item__image{transform:scale(1.1)}.stories-guides-collection__collection-article-item:hover .stories-guides-collection__collection-article-item__details-button-container{opacity:1;transform:translateY(0)}}.stories-guides-collection__collection-video-item{aspect-ratio:1/1}@media screen and (min-width:750px){.stories-guides-collection__collection-video-item{aspect-ratio:17/22}.stories-guides-collection__collection-video-item.-highlighted{aspect-ratio:8/5}}.stories-guides-collection__collection-video-item__button{cursor:pointer}.stories-guides-collection__collection-video-item__button:before,.stories-guides-collection__collection-video-item__button:after{content:none}.stories-guides-collection__collection-video-item__image-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.stories-guides-collection__collection-video-item__image-cropper{aspect-ratio:1920/1080;height:100%}.stories-guides-collection__collection-video-item__image{width:100%;height:100%;object-fit:cover;transition:transform .15s ease-out}.stories-guides-collection__collection-video-item__tag-list{position:absolute;top:0;left:0;width:100%;padding:2rem}.stories-guides-collection__collection-video-item__description-container{position:absolute;inset:auto 0 0 0;width:100%;padding:40px 20px 20px;display:flex;flex-direction:column;color:#fff;word-break:break-all;text-align:left}.stories-guides-collection__collection-video-item__title{margin-top:.5em;font-size:1.6rem;font-weight:700;line-height:2.6rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.stories-guides-collection__collection-video-item__play-button{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:14.5rem;height:5rem;padding:0 4rem;display:flex;align-items:center;background-color:transparent;border:.2rem solid transparent;border-radius:.5rem;will-change:border-color;transition:border-color .15s ease-out}.stories-guides-collection__collection-video-item.-highlighted .stories-guides-collection__collection-video-item__play-button{height:6rem}.stories-guides-collection__collection-video-item__play-icon{position:absolute;inset:0 auto 0 50%;margin:auto auto auto 0;width:4rem;height:4rem;will-change:left,transform;transform:translate(-50%);transition:transform .15s ease-out,left .15s ease}.stories-guides-collection__collection-video-item.-highlighted .stories-guides-collection__collection-video-item__play-icon{height:5.6rem}.stories-guides-collection__collection-video-item__play-button-label{display:block;color:#fff;letter-spacing:.08em;will-change:opacity,transform;opacity:0;transition:opacity .15s ease-out,transform .15s ease-out}@media screen and (min-width:750px){.stories-guides-collection__collection-video-item:hover .stories-guides-collection__collection-video-item__image{transform:scale(1.1)}.stories-guides-collection__collection-video-item:hover .stories-guides-collection__collection-video-item__play-button{border-color:#fff}.stories-guides-collection__collection-video-item:hover .stories-guides-collection__collection-video-item__play-icon{left:0;transform:scale(.75) translate(50%)}.stories-guides-collection__collection-video-item:hover .stories-guides-collection__collection-video-item__play-button-label{transform:translate(2rem);opacity:1}.stories-guides-collection__collection-video-item.-highlighted:hover .stories-guides-collection__collection-video-item__play-icon{transform:scale(.45) translate(calc(50% + 2.5rem))}}.stories-guides-collection__footer{align-self:center;display:flex;flex-direction:column;align-items:center}.stories-guides-collection__footer__progress{margin-bottom:2rem;display:flex;flex-direction:column;align-items:center}@media screen and (min-width:1024px){.stories-guides-collection__footer__progress{margin-bottom:3rem}}.stories-guides-collection__footer__progress-message{margin-bottom:.5rem;font-size:1.4rem;color:#707070}@media screen and (min-width:1024px){.stories-guides-collection__footer__progress-message{margin-bottom:.7rem}}.stories-guides-collection__footer__progress-bar-container{position:relative;width:25rem;height:.6rem;overflow-x:hidden;background-color:#f5f5f5}.stories-guides-collection__footer__progress-bar{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;transform:scaleX(0);transform-origin:left;transition:transform .25s ease-out}.stories-guides-collection__footer__load-more-button{border-radius:5px}.stories-guides-collection__video-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;z-index:9999;pointer-events:none;opacity:0;transition:opacity .25s ease-out}.stories-guides-collection__video-modal.-open{pointer-events:auto;opacity:1}.stories-guides-collection__video-modal__player-container{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;aspect-ratio:16/9}.stories-guides-collection__video-modal__player-container>iframe{position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent}.stories-guides-collection__video-modal__close-button{position:absolute;top:1.3rem;right:1.3rem;bottom:0;left:0;margin:0 0 auto auto;width:4rem;height:4rem;cursor:pointer;background-color:transparent}.stories-guides-collection__video-modal__close-icon{width:2.8rem;height:2.8rem;transition:transform .4s cubic-bezier(0,0,.17,1)}.stories-guides-collection__video-modal__close-button:hover .stories-guides-collection__video-modal__close-icon{transform:rotate(90deg)}
/*# sourceMappingURL=/cdn/shop/t/75/assets/stories-guides-listing.css.map */