.dl-page-swipe-X-container{background-color:#fafafa;padding-top:120px;padding-bottom:120px}.dl-page-swipe-X-title{width:1440px;margin:0 auto 40px}.dl-page-swipe-X-title-sub{display:none}.dl-page-swipe-X-title-main{font-size:56px;font-style:normal;font-weight:500;line-height:normal}.dl-page-swipe-X-swiper{padding:0 240px;width:100%;display:flex;flex-direction:column;gap:40px}.dl-page-swipe-X-swiper-wrapper{width:100%;display:flex;align-items:flex-start;align-self:stretch;margin-bottom:40px}.dl-page-swipe-X-swiper-slide{display:flex;width:560px;flex-direction:column;gap:24px;flex-shrink:0}.dl-page-swipe-X-item-media{width:560px;height:600px;object-fit:cover;border-radius:12px}.dl-page-swipe-X-item-media img,.dl-page-swipe-X-item-media video{width:560px;height:600px;object-fit:cover;border-radius:12px}.dl-page-swipe-X-item-content{display:flex;padding:0 16px;flex-direction:column;align-items:flex-start;align-self:stretch}.dl-page-swipe-X-item-title span{font-size:32px;font-weight:500;line-height:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.dl-page-swipe-X-item-desc span{color:#00000080;font-size:24px;font-weight:400;line-height:normal;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.dl-page-swipe-X-swiper-button{width:1440px;margin:0 auto;display:flex;justify-content:flex-end;align-items:center;gap:24px;align-self:stretch;height:40px}.dl-page-swipe-X-swiper-button-prev,.dl-page-swipe-X-swiper-button-next{position:static;width:40px;height:40px;background:none;border:none;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transform:none;margin:0}.dl-page-swipe-X-swiper-button-prev:after,.dl-page-swipe-X-swiper-button-next:after{display:none!important}.dl-page-swipe-X-swiper-button-prev svg,.dl-page-swipe-X-swiper-button-next svg{width:40px;height:40px;display:block}@media (max-width: 990px){.dl-page-swipe-X-container{padding-top:calc(80/375*100vw);padding-bottom:calc(80/375*100vw)}.dl-page-swipe-X-title{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:calc(8/375*100vw);padding:0 6.4vw;margin-bottom:6.4vw}.dl-page-swipe-X-title-main{width:87.2vw;font-size:calc(32/375*100vw)}.dl-page-swipe-X-title-sub{display:none}.dl-page-swipe-X-swiper{padding:0 6.4vw;gap:0}.dl-page-swipe-X-swiper-wrapper{padding:0;margin-bottom:calc(40/375*100vw)}.dl-page-swipe-X-swiper-slide{width:calc(287/375*100vw);gap:calc(8/375*100vw)}.dl-page-swipe-X-item-media{width:calc(287/375*100vw);height:96vw}.dl-page-swipe-X-item-media img,.dl-page-swipe-X-item-media video{width:calc(287/375*100vw);height:96vw}.dl-page-swipe-X-item-content{width:68vw;padding:0 calc(16/375*100vw)}.dl-page-swipe-X-item-title{width:100%}.dl-page-swipe-X-item-title span{font-size:calc(20/375*100vw)}.dl-page-swipe-X-item-desc span{color:#00000080;font-size:calc(14/375*100vw);white-space:normal}.dl-page-swipe-X-swiper-button{width:100%;padding:0 calc(16/375*100vw);gap:calc(40/375*100vw);height:calc(40/375*100vw)}.dl-page-swipe-X-swiper-button-prev,.dl-page-swipe-X-swiper-button-next{width:calc(40/375*100vw);height:calc(40/375*100vw)}.dl-page-swipe-X-swiper-button-prev svg,.dl-page-swipe-X-swiper-button-next svg{width:calc(40/375*100vw);height:calc(40/375*100vw)}}@media screen and (min-width: 991px) and (max-width: 1600px){.dl-page-swipe-X-container{padding-top:7.5vw;padding-bottom:7.5vw}.dl-page-swipe-X-title{width:90vw;margin:0 auto;margin-bottom:2.5vw}.dl-page-swipe-X-title-sub{display:none}.dl-page-swipe-X-title-main{font-size:calc(56/1600*100vw)}.dl-page-swipe-X-swiper{padding-left:5vw;padding-right:5vw;gap:2.5vw}.dl-page-swipe-X-swiper-wrapper{margin-bottom:2.5vw}.dl-page-swipe-X-swiper-slide{width:35vw;gap:1.5vw}.dl-page-swipe-X-item-media{width:35vw;height:37.5vw;border-radius:.75vw}.dl-page-swipe-X-item-media img,.dl-page-swipe-X-item-media video{width:35vw;height:37.5vw;border-radius:.75vw}.dl-page-swipe-X-item-content{padding:0 16px}.dl-page-swipe-X-item-title span{font-size:2vw;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-page-swipe-X-item-desc span{color:#00000080;font-size:1.5vw;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.dl-page-swipe-X-swiper-button{width:90vw;gap:1.5vw;height:2.5vw}.dl-page-swipe-X-swiper-button-prev,.dl-page-swipe-X-swiper-button-next{width:2.5vw;height:2.5vw}.dl-page-swipe-X-swiper-button-prev svg,.dl-page-swipe-X-swiper-button-next svg{width:2.5vw;height:2.5vw}}@media screen and (min-width: 1601px) and (max-width: 1920px){.dl-page-swipe-X-container{padding-top:6.25vw;padding-bottom:6.25vw}.dl-page-swipe-X-title{width:1440px;margin:0 auto 40px}.dl-page-swipe-X-swiper{padding:0 calc((100vw - 1440px)/2)}}@media screen and (min-width: 1921px){.dl-page-swipe-X-title{margin-bottom:calc(40/1920*100vw);width:75vw}.dl-page-swipe-X-title-sub{display:none}.dl-page-swipe-X-title-main{font-size:calc(56/1920*100vw)}.dl-page-swipe-X-swiper{padding:0 12.5vw;gap:calc(40/1920*100vw)}.dl-page-swipe-X-swiper-wrapper{margin-bottom:calc(40/1920*100vw)}.dl-page-swipe-X-swiper-slide{width:calc(560/1920*100vw);gap:1.25vw}.dl-page-swipe-X-item-media{width:calc(560/1920*100vw);height:31.25vw;border-radius:.625vw}.dl-page-swipe-X-item-media img,.dl-page-swipe-X-item-media video{width:calc(560/1920*100vw);height:31.25vw;border-radius:.625vw}.dl-page-swipe-X-item-content{padding:0 16px}.dl-page-swipe-X-item-title span{font-size:calc(32/1920*100vw);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.dl-page-swipe-X-item-desc span{color:#00000080;font-size:1.25vw;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.dl-page-swipe-X-swiper-button{width:75vw;gap:calc(40/1920*100vw);height:calc(40/1920*100vw)}.dl-page-swipe-X-swiper-button-prev,.dl-page-swipe-X-swiper-button-next{width:calc(40/1920*100vw);height:calc(40/1920*100vw)}.dl-page-swipe-X-swiper-button-prev svg,.dl-page-swipe-X-swiper-button-next svg{width:calc(40/1920*100vw);height:calc(40/1920*100vw)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/dl-page-swipe-X.css.map */