.main-banner{overflow:hidden;position:relative;padding:0 16px 28px;max-width:1440px;margin:0 auto}.main-banner .main-banner-container{display:grid;grid-template:"content"}.main-banner .media-block{display:flex;height:100%;width:100%;overflow:hidden;border-radius:30px;grid-area:content;min-height:74vh;position:relative}.main-banner .media-block.overlay_bg:after{content:"";background:rgb(var(--color-foreground));opacity:.1;position:absolute;top:0;left:0;height:100%;width:100%;display:block}.main-banner .media-block img,.main-banner .media-block video{height:100%;width:100%;object-fit:cover}.main-banner .media-block.has_video{padding-bottom:46%}.main-banner .media-block.overlay_bg.has_video:after{content:unset}.main-banner .media-block.has_video img,.main-banner .media-block.has_video video{position:absolute;top:0;left:0;transition:.2s}.main-banner .media-block.has_video img{z-index:1}.main-banner .media-block .video-play-btn{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.2s;background:rgba(var(--color-foreground),.4)}.main-banner .media-block .video-play-btn svg{height:88px;width:88px;transform:translateY(-100%)}.main-banner .media-block.has_video.active .video-play-btn,.main-banner .media-block.has_video.active img{opacity:0}.main-banner .content-block{padding:22px;grid-area:content;align-self:end;position:relative;z-index:1}.main-banner .content-block-wrap{width:100%;background:var(--cnt-block-bg);padding:32px 60px 22px;border-radius:20px;position:relative;overflow:hidden}.main-banner .content-block-wrap .block-title{margin:0;font-size:44px}.main-banner .content-block-wrap .block-text{color:var(--tertiary-text-color);margin-top:16px}.main-banner .content-block-wrap .button-wrap{display:flex;gap:12px;justify-content:center;margin-top:24px}.main-banner .content-block-wrap .logo-small-icon{position:absolute;bottom:-2px;right:0;height:56px;width:56px;object-fit:contain}@media screen and (max-width: 1250px){.main-banner .media-block .video-play-btn svg{height:76px;width:76px}}@media screen and (max-width: 1024px){.main-banner .content-block-wrap .block-title{font-size:34px}}@media screen and (max-width: 749px){.main-banner{padding:6px 14px 12px}.main-banner .media-block{border-radius:24px;min-height:58vh}.main-banner .media-block.has_video{padding-bottom:129%}.main-banner .content-block{padding:12px}.main-banner .content-block-wrap{border-radius:18px;padding:22px 25px}.main-banner .content-block-wrap .block-title{font-size:26px}.main-banner .content-block-wrap .block-text{margin-top:12px}.main-banner .content-block-wrap .button-wrap{margin-top:22px}.main-banner .content-block-wrap .logo-small-icon{height:32px;width:32px}}@media screen and (max-width: 575px){.main-banner .content-block-wrap .block-title{max-width:290px;margin:0 auto}}@media screen and (max-width: 420px){.main-banner .content-block-wrap{padding:20px 15px}.main-banner .content-block-wrap .button-wrap{gap:10px;margin-top:15px}.main-banner .content-block-wrap .button-wrap .button{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-main-banner.css.map */