.ub-banner{width:100%;overflow:hidden;--swiper-navigation-size:20px}.ub-banner.container .swiper-slide .cover{max-width:var(--container-width);margin:0 auto}.ub-banner .swiper-slide{display:block}.ub-banner .swiper-slide .cover{background-repeat:no-repeat;background-size:cover;background-color:transparent;background-position:center;overflow:hidden;display:block;position:relative}.ub-banner .swiper-slide .cover:after{content:'';display:block;margin-top:50%}.ub-banner .swiper-slide.a .cover{display:flex;align-content:center;align-items:center}.ub-banner .swiper-slide.a .cover .content{max-width:var(--container-width);display:block;margin:1.875rem auto;line-height:2em;flex-grow:1;padding:0 2.5rem}.ub-banner .swiper-slide.a .cover .content.reverse .title{color:#fff}.ub-banner .swiper-slide.a .cover .content.reverse .slogan{color:#fff}.ub-banner .swiper-slide.a .cover .content.reverse .link{border-color:#fff;color:#fff;background:0 0}.ub-banner .swiper-slide.a .cover .content.reverse .text{color:#fff}.ub-banner .swiper-slide.a .cover .content .title{font-size:2.5rem;font-weight:700;color:var(--color-text);line-height:2.5rem}.ub-banner .swiper-slide.a .cover .content .slogan{margin-top:1.25rem;padding:.625rem 0;font-size:1.25rem;color:var(--color-text)}.ub-banner .swiper-slide.a .cover .content .slogan .line{font-size:1.25rem}.ub-banner .swiper-slide.a .cover .content .link{padding:0 1.25rem;display:inline-block;line-height:2.5rem;border-radius:2.5rem;background:var(--color-primary);font-size:var(--font-size);color:#fff;border:.125rem solid var(--color-primary);letter-spacing:.125rem;margin-top:1.25rem}.ub-banner .swiper-slide.a .cover .content .link.sm{font-size:var(--font-size-small);line-height:1.5rem;border-width:1px;letter-spacing:0;padding:0 .625rem;background:#fff;color:var(--color-primary)}.ub-banner .swiper-slide.a .cover .content .text{padding-top:1.25rem}.ub-banner .swiper-slide.b .cover{display:flex}.ub-banner .swiper-slide.b .cover .content{max-width:var(--container-width);display:flex;flex-grow:1;margin:0 auto}.ub-banner .swiper-slide.b .cover .content .left{flex-shrink:0;width:50%;display:flex;flex-direction:column;justify-content:center;padding-left:2.5rem;box-sizing:border-box}.ub-banner .swiper-slide.b .cover .content .left .title{font-size:2.5rem}.ub-banner .swiper-slide.b .cover .content .left .slogan{margin-top:1.25rem;padding:.625rem 0;font-size:1.25rem}.ub-banner .swiper-slide.b .cover .content .left .link{margin-top:1.25rem}.ub-banner .swiper-slide.b .cover .content .left .link .action{padding:0 1.25rem;display:inline-block;line-height:2.5rem;border-radius:2.5rem;background:var(--color-primary);font-size:var(--font-size);color:#fff;border:.125rem solid var(--color-primary);letter-spacing:.125rem;margin-bottom:.625rem}.ub-banner .swiper-slide.b .cover .content .left .link .action.sm{font-size:var(--font-size-small);line-height:1.5rem;border-width:1px;letter-spacing:0;padding:0 .625rem;background:#fff;color:var(--color-primary)}.ub-banner .swiper-slide.b .cover .content .left .text{margin-top:1.25rem}.ub-banner .swiper-slide.b .cover .content .right{flex-shrink:0;width:50%;display:flex;flex-direction:column;justify-content:center}.ub-banner .swiper-slide.b .cover .content .right .image{background-size:contain;background-repeat:no-repeat;background-position:center;width:80%;margin:0 auto}.ub-banner .swiper-slide.b .cover .content .right .image:after{content:'';display:block;margin-top:100%}.ub-banner .swiper-slide.video .cover .video-player{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.ub-banner:hover .swiper-button-white{opacity:.5}.ub-banner .swiper-button-white{opacity:0;background:#fff;color:var(--color-text);font-size:10px;width:3.125rem;height:3.125rem;border-radius:50%;margin-top:-1.5625rem;transition:opacity .3s ease-in-out}.ub-banner .swiper-pagination-bullet{box-shadow:#666 0 0 .3125rem;width:16px;height:4px;border-radius:4px}.ub-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{box-shadow:none}.ub-banner .swiper-pagination .swiper-pagination-bullet-active{background:var(--color-primary)}.ub-banner.ratio-1-1 .swiper-slide .cover:after{margin-top:100%}.ub-banner.ratio-3-2 .swiper-slide .cover:after{margin-top:66.66%}.ub-banner.ratio-4-3 .swiper-slide .cover:after{margin-top:75%}.ub-banner.ratio-2-1 .swiper-slide .cover:after{margin-top:50%}.ub-banner.ratio-1-1 .swiper-slide .cover:after{margin-top:100%}.ub-banner.ratio-3-1 .swiper-slide .cover:after{margin-top:33.33%}.ub-banner.ratio-4-1 .swiper-slide .cover:after{margin-top:25%}.ub-banner.ratio-5-1 .swiper-slide .cover:after{margin-top:20%}.ub-banner.ratio-5-2 .swiper-slide .cover:after{margin-top:40%}.ub-banner.ratio-5-3 .swiper-slide .cover:after{margin-top:60%}.ub-banner.ratio-10-1 .swiper-slide .cover:after{margin-top:10%}@media screen and (max-width:50rem){.ub-banner.m-ratio-1-2 .swiper-slide .cover:after{margin-top:200%}.ub-banner.m-ratio-2-3 .swiper-slide .cover:after{margin-top:150%}.ub-banner.m-ratio-1-1 .swiper-slide .cover:after{margin-top:100%}.ub-banner.m-ratio-3-2 .swiper-slide .cover:after{margin-top:66.66%}.ub-banner.m-ratio-4-3 .swiper-slide .cover:after{margin-top:75%}.ub-banner.m-ratio-2-1 .swiper-slide .cover:after{margin-top:50%}.ub-banner.m-ratio-1-1 .swiper-slide .cover:after{margin-top:100%}.ub-banner.m-ratio-3-1 .swiper-slide .cover:after{margin-top:33.33%}.ub-banner.m-ratio-4-1 .swiper-slide .cover:after{margin-top:25%}.ub-banner.m-ratio-5-1 .swiper-slide .cover:after{margin-top:20%}.ub-banner.m-ratio-5-2 .swiper-slide .cover:after{margin-top:40%}.ub-banner.m-ratio-5-3 .swiper-slide .cover:after{margin-top:60%}.ub-banner.m-ratio-10-1 .swiper-slide .cover:after{margin-top:10%}.ub-banner .swiper-button-next,.ub-banner .swiper-button-prev{display:none}.ub-banner .swiper-slide.a .cover .content{padding:1.25rem;text-align:center;position:absolute;top:0;left:0;right:0;border:0;margin:0;height:calc(100% - 50px);display:flex;flex-direction:column;justify-content:center;align-items:center}.ub-banner .swiper-slide.a .cover .content .title{font-size:1.5rem}.ub-banner .swiper-slide.a .cover .content .slogan{padding:.625rem 0}.ub-banner .swiper-slide.a .cover .content .link{line-height:1.875rem;height:1.875rem}.ub-banner .swiper-slide.b .cover .content{flex-direction:column}.ub-banner .swiper-slide.b .cover .content .left{width:100%;height:50%;text-align:center;padding-left:0}.ub-banner .swiper-slide.b .cover .content .right{width:100%;height:50%;margin-top:1.25rem}}