.custom-swiper-style3 .custom-swiper__style3-background{position:relative;z-index:0;width:100%;aspect-ratio:var(--style3-bg-aspect-ratio, auto)}.custom-swiper-style3 .custom-swiper__style3-background-image{display:block;width:100%;height:100%;object-fit:cover}.custom-swiper-style3 .custom-swiper__style3-background>picture{display:block;width:100%;height:100%}@media(max-width:767px){.custom-swiper-style3 .custom-swiper__style3-background{aspect-ratio:var(--style3-bg-aspect-ratio-mb, var(--style3-bg-aspect-ratio, auto))}}.custom-swiper-style3 .cus-swiper_style3-bg-img-mb{display:none}.custom-swiper-style3 .cus-swiper_con-style3-bg .custom-swiper__swiper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:visible}.custom-swiper-style3 .cus-swiper_con-style3-bg .con-bg{position:absolute;top:0;right:0;bottom:0;left:0;margin-left:clamp(16px,5vw,80px);margin-right:clamp(16px,5vw,80px)}.custom-swiper-style3 .cus-swiper_style3-s{position:unset}.custom-swiper-style3 .cus-swiper_style3-s .cus-swiper_s-image{width:100%}.custom-swiper-style3 .cus-swiper_con-style3-bg .cus-swiper_style3-s .cus-swiper_s-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;overflow:visible}.custom-swiper-style3 .custom-swiper__style3-content{position:absolute;top:50%;right:clamp(16px,5vw,80px);bottom:auto;left:auto;z-index:2;width:min(42%,560px);max-width:calc(100% - 32px);padding:0;color:#fff;text-align:left;transform:translateY(-50%)}.custom-swiper-style3 .custom-swiper__style3-content .custom-swiper__style3-detail,.custom-swiper-style3 .custom-swiper__style3-content .custom-swiper__style3-detail p{color:#fff}.custom-swiper-style3 .custom-swiper__style3-list{position:absolute;right:auto;bottom:24px;left:0;z-index:4;width:clamp(400px,28%,28%)}.custom-swiper-style3 .custom-swiper__style3-list .con{display:flex;flex-direction:column;gap:14px}.custom-swiper-style3 .custom-swiper__style3-item{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;width:100%;padding:0;border:0;background:transparent;color:#ffffff80;font:inherit;line-height:1.35;text-align:left;cursor:pointer;column-gap:var(--mb-gap);margin:10px 0;transition:opacity .5s linear}.custom-swiper-style3 .custom-swiper__style3-item{opacity:.5}.custom-swiper-style3 .custom-swiper__style3-item.is-active,.custom-swiper-style3 .custom-swiper__style3-item:hover{opacity:1}.custom-swiper-style3 .custom-swiper__style3-item-arrow{padding-top:1px;font-size:20px;line-height:1;transform:rotate(0);transition:transform .25s ease}.custom-swiper__style3-item-arrow svg path{stroke:var(--heading-color)}.custom-swiper-style3 .custom-swiper__style3-item-heading{font-size:var(--content-heading-clamp);margin-bottom:4px;color:var(--heading-color);font-weight:700}.custom-swiper-style3 .custom-swiper__style3-item-text{grid-column:2;display:block;max-height:0;overflow:hidden;color:var(--text-color);font-size:var(--content-text-clamp);opacity:0}.custom-swiper-style3 .custom-swiper__style3-item-text p{margin:0}.custom-swiper-style3 .custom-swiper__style3-item.is-active{color:#fff}.custom-swiper-style3 .custom-swiper__style3-item.is-active .custom-swiper__style3-item-arrow{transform:rotate(180deg)}.custom-swiper-style3 .custom-swiper__style3-item.is-active .custom-swiper__style3-item-text{max-height:180px;opacity:1}.custom-swiper-style3 .cus-con{left:unset;width:25%;z-index:10;max-width:358px;display:flex;flex-direction:column;gap:20px;right:0;bottom:21%;align-items:end}.custom-swiper-style3 .cus-con img{border-radius:16px;border:1.029px solid rgba(195,195,195,.68);background:#7474741a;box-shadow:0 15.431px 38.783px #ffffff26 inset,0 0 16.563px #ffffff0a inset;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%}.custom-swiper-style3 .cus-con span{font-size:1em;padding:0;margin:0;display:block;border:0}.custom-swiper-style3 .common_info__tooltip{width:50vw;right:0;max-width:unset;margin-top:16px;padding:16px 20px}.custom-swiper-style3 .custom-swiper__swiper{max-width:var(--max-width,1280px)}.custom-swiper-style3 .custom-swiper__header{position:absolute;left:clamp(16px,5vw,80px);right:clamp(16px,5vw,80px);top:clamp(60px,6vw,100px);max-width:var(--max-width,1280px);margin:auto;z-index:2}@media(max-width:1024px){.custom-swiper-style3 .custom-swiper__style3-list{width:50%}.custom-swiper-style3 .custom-swiper__style3-list{bottom:5%}}@media(min-width:768px){.custom-swiper-style3{--left-distance:clamp(32px, 5vw, 80px)}.custom-swiper-style3 .custom-swiper__style3-content{right:var(--left-distance)}.custom-swiper-style3 .custom-swiper__style3-list{bottom:13%}}@media(max-width:768px){.custom-swiper-style3 .custom-swiper__style3-background-image--desktop{display:none}.custom-swiper-style3 .cus-swiper_style3-bg-img-mb{display:block}.custom-swiper-style3 .custom-swiper__style3-content{top:16px;right:16px;left:16px;width:auto;max-width:none;transform:none}.custom-swiper-style3 .custom-swiper__style3-list{bottom:44px;touch-action:pan-y;width:auto;max-width:none;padding:16px}.custom-swiper-style3 .custom-swiper__style3-list .con{gap:0}.custom-swiper-style3 .custom-swiper__style3-item{display:none;margin:0;column-gap:8px}.custom-swiper-style3 .custom-swiper__style3-item.is-active{display:block}.custom-swiper-style3 .custom-swiper__style3-item-heading{font-size:var(--content-heading-clamp, 20px)}.custom-swiper-style3 .custom-swiper__style3-item-text{font-size:var(--content-text-clamp, 12px)}.custom-swiper-style3 .custom-swiper__swiper .custom-swiper__pagination{position:absolute;right:0;bottom:14px;left:0;z-index:5;width:100%;margin:0}.custom-swiper-style3 .cus-swiper_con-style3-bg .con-bg{margin:0}}@media(min-width:768px){.custom-swiper-style3 .custom-swiper__style3-item-heading{font-size:var(--content-heading-px)}.custom-swiper-style3 .custom-swiper__style3-item-text{font-size:var(--content-text-px)}.custom-swiper-style3 .custom-swiper__style3-item{column-gap:var(--pc-gap)}}@media(max-width:768px){.custom-swiper-style3 .cus-con{width:100%;position:absolute;max-width:unset;top:0;right:0;left:0;height:63%;margin:auto;display:flex;justify-content:space-between;flex-direction:column-reverse;padding:0 16px;align-items:self-start;bottom:5%}.custom-swiper-style3 .custom-swiper__style3-item-arrow{display:none}.custom-swiper-style3 .common_info__tooltip{left:16px;width:90%}}
/*# sourceMappingURL=/cdn/shop/t/150/assets/custom-swiper-style3.css.map */