.banner{position:relative;min-width:1px;min-height:1px;width:var(--banner-size-width);max-width:var(--banner-size-max-width)}@media(max-width:991px){.banner{width:var(--banner-size-width-mb);max-width:var(--banner-size-max-width-mb)}}.banner .banner-inner{aspect-ratio:var(--banner-ratio);width:calc(100% - var(--banner-mg-inline-start) - var(--banner-mg-inline-end));border-radius:var(--banner-radius);margin-block:var(--banner-mg-block-start) var(--banner-mg-block-end);margin-inline:var(--banner-mg-inline-start) var(--banner-mg-inline-end)}@media(max-width:991px){.banner .banner-inner{aspect-ratio:var(--banner-ratio-mb);width:calc(100% - var(--banner-mg-inline-start-mb) - var(--banner-mg-inline-end-mb));margin-block:var(--banner-mg-block-start-mb) var(--banner-mg-block-end-mb);margin-inline:var(--banner-mg-inline-start-mb) var(--banner-mg-inline-end-mb)}}.banner .banner-content{padding-block:var(--banner-pd-block-start) var(--banner-pd-block-end);padding-inline:var(--banner-pd-inline-start) var(--banner-pd-inline-end)}@media(max-width:991px){.banner .banner-content{padding-block:var(--banner-pd-block-start-mb) var(--banner-pd-block-end-mb);padding-inline:var(--banner-pd-inline-start-mb) var(--banner-pd-inline-end-mb)}}@media(hover:hover){.banner .banner-content.animate-hover--grayscale .banner-bg .media-with-hover-overlay-inner img,.banner .banner-content.animate-hover--grayscale .banner-bg .media-with-hover-overlay-inner placeholder-image svg{filter:grayscale(0%);transition:all var(--trans-duration) var(--trans-easing)}.banner .banner-content.animate-hover--grayscale:hover .banner-bg .media-with-hover-overlay-inner img,.banner .banner-content.animate-hover--grayscale:hover .banner-bg .media-with-hover-overlay-inner placeholder-image svg{filter:grayscale(100%)}.banner .banner-content.animate-hover--zoom-in .banner-bg .media-with-hover-overlay-inner img,.banner .banner-content.animate-hover--zoom-in .banner-bg .media-with-hover-overlay-inner placeholder-image svg{transform:scale(1);transition:all var(--trans-duration) var(--trans-easing)}.banner .banner-content.animate-hover--zoom-in:hover .banner-bg .media-with-hover-overlay-inner img,.banner .banner-content.animate-hover--zoom-in:hover .banner-bg .media-with-hover-overlay-inner placeholder-image svg{transform:scale(1.1)}.banner .banner-content.animate-hover--zoom-out .banner-bg .media-with-hover-overlay-inner img,.banner .banner-content.animate-hover--zoom-out .banner-bg .media-with-hover-overlay-inner placeholder-image svg{transform:scale(1.1);transition:all var(--trans-duration) var(--trans-easing)}.banner .banner-content.animate-hover--zoom-out:hover .banner-bg .media-with-hover-overlay-inner img,.banner .banner-content.animate-hover--zoom-out:hover .banner-bg .media-with-hover-overlay-inner placeholder-image svg{transform:scale(1)}.banner .banner-content.animate-hover-transition--fade .banner-bg .hover-overlay{transition:opacity var(--trans-duration) var(--trans-easing),visibility var(--trans-duration) var(--trans-easing);opacity:0;visibility:hidden}.banner .banner-content.animate-hover-transition--fade:hover .banner-bg .hover-overlay{opacity:1;visibility:visible}.banner .banner-content.animate-hover-transition--zoom .banner-bg .hover-overlay img,.banner .banner-content.animate-hover-transition--zoom .banner-bg .hover-overlay placeholder-image svg{transform:scale(1.1);transition:all var(--trans-duration) var(--trans-easing)}.banner .banner-content.animate-hover-transition--zoom .banner-bg .hover-overlay{opacity:0;visibility:hidden;transition:opacity var(--trans-duration),visibility var(--trans-duration)}.banner .banner-content.animate-hover-transition--zoom:hover .banner-bg .hover-overlay{opacity:1;visibility:visible}.banner .banner-content.animate-hover-transition--zoom:hover .banner-bg .hover-overlay img,.banner .banner-content.animate-hover-transition--zoom:hover .banner-bg .hover-overlay placeholder-image svg{transform:scale(1)}}.banner .banner-content-inner{width:100%;height:100%;display:flex;gap:var(--banner-flex-gap);flex-direction:var(--banner-direction);justify-content:var(--banner-justify-content);align-items:var(--banner-alignment)}@media(max-width:991px){.banner .banner-content-inner{gap:var(--banner-flex-gap-mb);flex-direction:var(--banner-direction-mb);justify-content:var(--banner-justify-content-mb);align-items:var(--banner-alignment-mb)}}.banner .banner-bg{filter:var(--banner-filter)}
/*# sourceMappingURL=/cdn/shop/t/6/assets/panel-custom-banner-B-s7szhc.css.map */