.swiper-kv-banner-container{background:#eee;max-width:100vw;overflow:hidden}.swiper-kv-banner-container .swiper-button-disabled{opacity:0}@media (max-width: 767px){.swiper-kv-banner-container .in-pc{display:none}.swiper-kv-banner-container .in-mob{display:block}}@media (min-width: 768px){.swiper-kv-banner-container .in-pc{display:block}.swiper-kv-banner-container .in-mob{display:none}}.swiper-kv-banner-container .swiper-main-container{height:100%}.swiper-kv-banner-container .swiper-main-container .media-container{width:100%;height:100%;position:absolute;top:0;left:0}.swiper-kv-banner-container .swiper-main-container .media-container img,.swiper-kv-banner-container .swiper-main-container .media-container video{width:100%;height:100%;object-fit:cover}.swiper-kv-banner-container .page-width{display:flex;flex-direction:column;height:100%;box-sizing:border-box;z-index:1;position:relative}@media (min-width: 768px){.swiper-kv-banner-container .page-width.pc-horizontal-align-left *{text-align:left}.swiper-kv-banner-container .page-width.pc-horizontal-align-left .buttons{justify-content:flex-start}.swiper-kv-banner-container .page-width.pc-horizontal-align-center *{text-align:center}.swiper-kv-banner-container .page-width.pc-horizontal-align-center .buttons{justify-content:center}.swiper-kv-banner-container .page-width.pc-horizontal-align-right *{text-align:right}.swiper-kv-banner-container .page-width.pc-horizontal-align-right .buttons{justify-content:flex-end}.swiper-kv-banner-container .page-width.pc-vertical-align-top{justify-content:flex-start}.swiper-kv-banner-container .page-width.pc-vertical-align-center{justify-content:center}.swiper-kv-banner-container .page-width.pc-vertical-align-bottom{justify-content:flex-end}}@media (max-width: 767px){.swiper-kv-banner-container .page-width.mob-horizontal-align-left *{text-align:left}.swiper-kv-banner-container .page-width.mob-horizontal-align-left .buttons{justify-content:flex-start}.swiper-kv-banner-container .page-width.mob-horizontal-align-center *{text-align:center}.swiper-kv-banner-container .page-width.mob-horizontal-align-center .buttons{justify-content:center}.swiper-kv-banner-container .page-width.mob-horizontal-align-right *{text-align:right}.swiper-kv-banner-container .page-width.mob-horizontal-align-right .buttons{justify-content:flex-end}.swiper-kv-banner-container .page-width.mob-vertical-align-top{justify-content:flex-start}.swiper-kv-banner-container .page-width.mob-vertical-align-center{justify-content:center}.swiper-kv-banner-container .page-width.mob-vertical-align-bottom{justify-content:flex-end}}.swiper-kv-banner-container .texts_and_btns{display:flex;flex-direction:column;gap:24px}@media (max-width: 767px){.swiper-kv-banner-container .texts_and_btns{gap:16px}}.swiper-kv-banner-container .texts_and_btns .text-container{display:flex;flex-direction:column;gap:16px}@media (max-width: 767px){.swiper-kv-banner-container .texts_and_btns .text-container{gap:8px}}.swiper-kv-banner-container .texts_and_btns .text-container .titles_and_content{display:flex;flex-direction:column;gap:4px}@media (max-width: 767px){.swiper-kv-banner-container .texts_and_btns .text-container .titles_and_content{gap:2px}}.swiper-kv-banner-container .texts_and_btns .text-container .titles_and_content .subtitle{font-weight:500;font-size:14px;letter-spacing:.28px}@media (max-width: 767px){.swiper-kv-banner-container .texts_and_btns .text-container .titles_and_content .subtitle{font-size:12px}}.swiper-kv-banner-container .texts_and_btns .text-container .titles_and_content .title{line-height:1.2}@media (max-width: 767px){.swiper-kv-banner-container .texts_and_btns .text-container .titles_and_content .title{font-size:32px}}.swiper-kv-banner-container .texts_and_btns .text-container .titles_and_content .content{font-size:20px;line-height:1.3}@media (max-width: 767px){.swiper-kv-banner-container .texts_and_btns .text-container .titles_and_content .content{font-size:16px}}.swiper-kv-banner-container .texts_and_btns .buttons{display:flex;gap:12px;align-items:center}.swiper-kv-banner-container .texts_and_btns .buttons .banner-button{padding:8px 20px;border:1px solid #1a1a1a;border-radius:999px;display:flex;align-items:center;gap:8px;color:#1a1a1a;text-decoration:none;font-size:16px;font-weight:380;line-height:1;text-transform:capitalize}@media (max-width: 767px){.swiper-kv-banner-container .texts_and_btns .buttons .banner-button{font-weight:300}}.swiper-kv-banner-container .texts_and_btns .buttons .banner-button path{stroke:#1a1a1a}.swiper-kv-banner-container .texts_and_btns .buttons .banner-button[type=primary]{border-color:var(--button-color)!important;background:var(--button-color)!important;color:#fff!important}.swiper-kv-banner-container .texts_and_btns .buttons .banner-button[type=primary] path{stroke:#fff!important}.swiper-kv-banner-container .swiper-button{position:absolute;top:50%;z-index:2;cursor:pointer;transition:all .2s}@media (max-width: 767px){.swiper-kv-banner-container .swiper-button{display:none}}.swiper-kv-banner-container .swiper-button.swiper-button-prev-common{left:20px;transition:all .2s}.swiper-kv-banner-container .swiper-button.swiper-button-next-common{right:20px;transition:all .2s}.swiper-kv-banner-container .swiper-button .normal{display:block}.swiper-kv-banner-container .swiper-button .hover,.swiper-kv-banner-container .swiper-button:hover .normal{display:none}.swiper-kv-banner-container .swiper-button:hover .hover{display:block}.swiper-kv-banner-container .progress-bar{position:relative;z-index:2;left:50%;transform:translate(-50%);bottom:30px;display:flex;justify-content:center}.swiper-kv-banner-container .swiper-pagination-bullet{height:8px;width:8px;border-radius:999px;background:#f3f3f399;transition:all .2s;opacity:1}.swiper-kv-banner-container .swiper-pagination-bullet-active{width:32px;position:relative}.swiper-kv-banner-container .swiper-pagination-bullet-active:after{content:"";position:absolute;top:0;left:0;height:8px;border-radius:999px;width:calc(100% * var(--progress) / 100);transition:width .2s;background:#c79f6c}
/*# sourceMappingURL=/cdn/shop/t/5/assets/swiper-kv-banner.css.map */