.banner{--banner-top: 100px;padding-top:var(--banner-top, 100px);overflow:hidden;-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 1500 882" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M790.458 15.7327C958.01 30.552 1128.06 45.5923 1499.5 3.69572V447.595V474.723V841.053C1069.65 898.48 890.818 882.663 709.042 866.585C541.49 851.766 371.438 836.726 0 878.622V474.723V447.595V41.2654C429.848 -16.1617 608.682 -0.34459 790.458 15.7327Z" fill="black"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 1500 882" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M790.458 15.7327C958.01 30.552 1128.06 45.5923 1499.5 3.69572V447.595V474.723V841.053C1069.65 898.48 890.818 882.663 709.042 866.585C541.49 851.766 371.438 836.726 0 878.622V474.723V447.595V41.2654C429.848 -16.1617 608.682 -0.34459 790.458 15.7327Z" fill="black"/></svg>');transition:all .3s ease;position:relative;z-index:2}.banner .swiper .swiper-slide{position:relative}.banner .swiper .swiper-slide .media_box{width:100%;aspect-ratio:10000/5013;max-height:calc(100vh - var(--announcement-bar-height));min-height:460px}.banner .swiper .swiper-slide .media_box .media{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media (max-width:768px){.banner .swiper .swiper-slide .media_box .media{object-fit:contain}}.banner .swiper .swiper-slide .is_video .play_btn,.banner .swiper .swiper-slide .is_video .pause_btn{bottom:120px;right:100px;top:auto;left:auto;transform:none;width:60px;height:60px;font-size:30px}.banner .swiper .swiper-slide .is_video .play_btn{padding-left:6px}.banner .swiper .swiper-slide .texts{-webkit-user-select:none;-moz-user-select:none;user-select:none}.banner .swiper .swiper-slide .texts .heading{margin-bottom:18px;font-weight:700}.banner .swiper .swiper-slide .texts .heading span{color:var(--theme_text_color)}.banner .swiper .swiper-slide .texts .content{margin-bottom:28px}.banner .swiper-pagination{width:100%;height:0;left:50%;bottom:auto;top:auto;transform:translate(-50%);display:flex;-moz-column-gap:10px;column-gap:10px}.banner .swiper-pagination .swiper-pagination-bullet{transform:translateY(-50%);width:36px;height:36px;border:1px solid var(--pagination_color, #ffffff);margin:0;background:none;color:var(--pagination_color, #ffffff);display:flex;align-items:center;justify-content:center;opacity:.6}.banner .swiper-pagination .swiper-pagination-bullet-active{opacity:1}@media (min-width: 769px){.banner .swiper .swiper-slide .texts{padding:var(--banner_block_top) calc(var(--screen-margin) + 60px) 80px;max-width:calc(var(--screen-max-width) + var(--screen-margin) * 2);box-sizing:border-box;position:absolute;height:100%;width:100%;display:flex;flex-direction:column;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3}.banner .swiper .swiper-slide .texts>*{max-width:520px}.banner .swiper .top_pc .texts{justify-content:flex-start}.banner .swiper .middle_pc .texts{justify-content:center}.banner .swiper .bottom_pc .texts{justify-content:flex-end}.banner .swiper .left_pc .texts_cover{position:absolute;z-index:2;width:80%;height:100%;top:0;left:0;background:linear-gradient(to right,#fff,#fff0)}.banner .swiper .left_pc .texts{align-items:flex-start;text-align:left}.banner .swiper .left_pc .texts *{text-align:left;justify-content:flex-start}.banner .swiper .center_pc .texts{align-items:center;text-align:center}.banner .swiper .center_pc .texts *{text-align:center;justify-content:center}.banner .swiper .right_pc .texts_cover{position:absolute;z-index:2;width:80%;height:100%;top:0;right:0;background:linear-gradient(to left,#fff,#fff0)}.banner .swiper .right_pc .texts{align-items:flex-end;text-align:right}.banner .swiper .right_pc .texts *{text-align:right;justify-content:flex-end}.banner .swiper .middle_pc.center_pc .texts_cover{position:absolute;z-index:2;height:100%;width:100%;top:0;left:0;background:#fff}.banner .swiper .top_pc.center_pc .texts_cover{position:absolute;z-index:2;height:80%;width:100%;top:0;right:0;background:linear-gradient(to bottom,#fff,#fff0)}.banner .swiper .bottom_pc.center_pc .texts_cover{position:absolute;z-index:2;height:80%;width:100%;bottom:0;right:0;background:linear-gradient(to top,#fff,#fff0)}.banner .swiper-pagination{padding:0 calc(var(--screen-margin) + 60px);max-width:calc(var(--screen-max-width) + var(--screen-margin) * 2)}.banner .swiper-pagination.top_pc{top:calc(var(--banner-top) + 32px)}.banner .swiper-pagination.middle_pc{top:50%}.banner .swiper-pagination.bottom_pc{bottom:62px}.banner .swiper-pagination.left_pc{justify-content:flex-start}.banner .swiper-pagination.center_pc{justify-content:center}.banner .swiper-pagination.right_pc{justify-content:flex-end}}@media (max-width: 768px){.banner{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 601 678" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M316.816 5.2378C383.971 10.4399 452.128 15.7197 601 1.01237V499.377L601 663.006C428.717 683.165 357.04 677.613 284.184 671.969C217.029 666.767 148.872 661.487 0 676.194V499.377V472.337V14.2008C172.283 -5.95831 243.96 -0.405915 316.816 5.2378Z" fill="black" /></svg>');mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 601 678" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M316.816 5.2378C383.971 10.4399 452.128 15.7197 601 1.01237V499.377L601 663.006C428.717 683.165 357.04 677.613 284.184 671.969C217.029 666.767 148.872 661.487 0 676.194V499.377V472.337V14.2008C172.283 -5.95831 243.96 -0.405915 316.816 5.2378Z" fill="black" /></svg>');-webkit-mask-size:150% 100%;mask-size:150% 100%;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.banner .swiper .swiper-slide{max-height:600px;box-sizing:border-box}.banner .swiper .swiper-slide .media_box{aspect-ratio:auto!important;height:100%;min-height:0;max-height:none!important}.banner .swiper .swiper-slide .is_video .play_btn,.banner .swiper .swiper-slide .is_video .pause_btn{width:40px;height:40px;font-size:20px}.banner .swiper .swiper-slide .is_video .play_btn{padding-left:4px}.banner .swiper .swiper-slide .is_video .pause_btn svg{width:24px;height:24px}.banner .swiper .swiper-slide .texts{padding:20px 17px 50px;box-sizing:border-box;position:absolute;height:100%;width:100%;display:flex;flex-direction:column;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3}.banner .swiper .top_mo .texts_cover{position:absolute;z-index:2;height:62.5%;width:100%;top:0;left:0;background:linear-gradient(to bottom,#fff,#fff,#fff0)}.banner .swiper .top_mo .texts{justify-content:flex-start}.banner .swiper .middle_mo .texts{justify-content:center}.banner .swiper .bottom_mo .texts_cover{position:absolute;z-index:2;height:62.5%;width:100%;bottom:0;left:0;background:linear-gradient(to top,#fff,#fff0)}.banner .swiper .bottom_mo .texts{justify-content:flex-end}.banner .swiper .left_mo .texts{align-items:flex-start;text-align:left}.banner .swiper .left_mo .texts *{text-align:left;justify-content:flex-start}.banner .swiper .center_mo .texts{align-items:center;text-align:center}.banner .swiper .center_mo .texts *{text-align:center;justify-content:center}.banner .swiper .right_mo .texts{align-items:flex-end;text-align:right}.banner .swiper .right_mo .texts *{text-align:right;justify-content:flex-end}.banner .swiper .middle_mo.center_mo .texts_cover{position:absolute;z-index:2;height:100%;width:100%;top:0;left:0;background:#fff}.banner .swiper .middle_mo.center_mo .texts{transform:translate(-50%,-50%)}.banner .swiper .middle_mo.left_mo .texts_cover{position:absolute;z-index:2;top:0;left:0;width:80%;height:100%;background:linear-gradient(to right,#fff,#fff0)}.banner .swiper .middle_mo.right_mo .texts_cover{position:absolute;z-index:2;height:80%;width:100%;bottom:0;right:0;background:linear-gradient(to left,#fff,#fff0)}.banner .swiper-pagination{padding:0 20px;-moz-column-gap:8px;column-gap:8px}.banner .swiper-pagination .swiper-pagination-bullet{width:30px;height:30px;font-size:12px;border:1px solid var(--pagination_color_mo, #ffffff);color:var(--pagination_color_mo, #ffffff)}.banner .swiper-pagination.top_mo{top:calc(var(--banner-top) + 32px)}.banner .swiper-pagination.middle_mo{top:50%}.banner .swiper-pagination.bottom_mo{bottom:46px}.banner .swiper-pagination.left_mo{justify-content:flex-start}.banner .swiper-pagination.center_mo{justify-content:center}.banner .swiper-pagination.right_mo{justify-content:flex-end}}@media (max-width: 576px){.banner .swiper-pagination .swiper-pagination-bullet{width:24px;height:24px;font-size:10px}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/dk-banner.css.map */