.custom-banner{position:relative;overflow:hidden;border-radius:var(--border-radius, 0px);margin:30px 0}.custom-banner--adapt{height:auto}.custom-banner--small{height:400px}.custom-banner--medium{height:550px}.custom-banner--large{height:700px}.custom-banner--mobile-adapt{height:auto}.custom-banner--mobile-small{height:250px}.custom-banner--mobile-medium{height:350px}.custom-banner--mobile-large{height:450px}.custom-banner__media{position:relative;width:100%;height:100%;overflow:hidden}.custom-banner__media img{width:100%;height:100%;object-fit:cover;display:block}.custom-banner__media img:not([loading]){animation:customBannerFadeIn .5s ease}.custom-banner__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:300px;background:#f0f0f0;color:#999;font-size:18px}.custom-banner__content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px;pointer-events:none}.custom-banner__box{max-width:600px;text-align:center;padding:40px;pointer-events:auto}.custom-banner__heading{font-size:40px;line-height:1.2;margin:0 0 15px;color:var(--text-color, #fff)}.custom-banner__text{color:var(--text-color, #fff);margin-bottom:25px}.custom-banner__text p{margin:0;font-size:18px;opacity:.9}.custom-banner__link-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:block;text-decoration:none}.custom-banner__link-overlay:hover{cursor:pointer}.custom-banner .button{background:#fff;color:#000;padding:12px 35px;border-radius:40px;text-decoration:none;font-weight:600;transition:all .3s ease;display:inline-block}.custom-banner .button:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0003}@media screen and (max-width:768px){.custom-banner--adapt{height:auto}.custom-banner--mobile-small{height:250px!important}.custom-banner--mobile-medium{height:350px!important}.custom-banner--mobile-large{height:450px!important}.custom-banner__heading{font-size:28px}.custom-banner__text p{font-size:15px}.custom-banner__box{padding:20px}.custom-banner{margin:15px 0}}@media screen and (max-width:480px){.custom-banner__heading{font-size:22px}.custom-banner .button{padding:10px 25px;font-size:14px}}@keyframes customBannerFadeIn{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;border:0!important}
/*# sourceMappingURL=/cdn/shop/t/3/assets/custom-banner.css.map */