.banner-item:not(.banner-collection){position:relative;border-radius:var(--border-radius-size-5);overflow:hidden;transition:border-radius var(--duration-default) var(--transition-primary);container-type:inline-size;container-name:banner-item}@media screen and (min-width:577px){.banner-item:not(.banner-collection):hover{border-radius:var(--border-radius-size-3)}}:where(.banner-item){--color-overlay-rgb: 0, 0, 0}.banner-item__media{position:relative;overflow:hidden}.banner-item__media.placeholder>svg{position:absolute;width:100%;height:100%}.banner-item__media deferred-media{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--color-secondary-background)}.banner-item__media deferred-media iframe{position:absolute;width:calc(101vh * var(--video-aspect-ratio, 1.777));height:101%}.banner-item__media img{position:absolute;width:100%;height:100%;object-fit:cover;transition:var(--duration-long) var(--transition-primary);transition-property:opacity,transform}@media(max-width:1024px){.banner-item__media{aspect-ratio:var(--aspect-ratio-mobile, var(--aspect-ratio))}.banner-item__media img.image-hover{display:none}}@media screen and (min-width:1025px){.mega-menu__banner .banner-item__media{height:var(--menu-media-height)}.mega-menu__banner .banner-item__media.placeholder .media{height:100%;width:100%}.banner-product .banner-item__media img.media-mobile{display:none}}.banner-item__content{position:absolute;display:flex;align-items:center;justify-content:center;left:0;width:100%;z-index:var(--layer-raised);backface-visibility:hidden;transform:translateZ(0)}.banner-content-start .banner-item__content{justify-content:flex-start}.banner-item__content-grid{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.banner-item__link{display:block;height:100%;text-decoration:none}.banner-item__link:not(.hover-accent){color:inherit}.banner-item__box{position:relative;width:100%;padding:30px}.banner-item__box-inner{display:flex;flex-direction:column;width:100%;gap:10px}.banner-item__box-inner>*{margin-bottom:0;color:var(--color-text);z-index:var(--layer-raised);transition:color var(--duration-default) var(--transition-primary)}.banner-item__heading{font-size:var(--font-size)}.banner-item__heading.link-animated{width:fit-content;transition:color var(--duration-default) var(--transition-primary),background-size var(--duration-default) ease-out,background-position 0s var(--duration-default)}.banner-item__subheading{font-size:var(--font-size)}@media screen and (min-width:1025px){.banner-item:not(.banner-product):hover .banner-item__box-inner>*,.banner-product__heading:hover{color:var(--color-text-hover)}}.banner-item__overlay-gradient,.banner-item__overlay-full{position:absolute;inset-inline:0;inset-block:-50px;z-index:var(--layer-raised)}.banner-item__overlay-full{top:0;right:0;bottom:0;left:0;background:rgba(var(--color-overlay-rgb),var(--overlay-opacity, 100%))}@media screen and (max-width:576px){.banner-item__mobile-content--top{top:0}.banner-item__mobile-content--top .banner-item__overlay-gradient{background:linear-gradient(to bottom,rgba(var(--color-overlay-rgb),var(--overlay-opacity)),rgba(var(--color-overlay-rgb),0))}.banner-item__mobile-content--top .banner-item__overlay-gradient{inset-block:0 -50px}.banner-item__mobile-content--bottom{bottom:0}.banner-item__mobile-content--bottom .banner-item__overlay-gradient{background:linear-gradient(to top,rgba(var(--color-overlay-rgb),var(--overlay-opacity)),rgba(var(--color-overlay-rgb),0))}.banner-item__mobile-content--bottom .banner-item__overlay-gradient{inset-block:-50px 0}.banner-item__mobile-content--center{top:0;bottom:0;justify-content:center}.banner-item__mobile-content--center .banner-item__overlay-gradient{background:linear-gradient(to bottom,rgba(var(--color-overlay-rgb),0),rgba(var(--color-overlay-rgb),var(--overlay-opacity)) 40% 60%,rgba(var(--color-overlay-rgb),0))}.banner-item__mobile-text--center{text-align:center}.banner-item__mobile-text--left{text-align:start}.banner-item__mobile-text--right{text-align:end}.banner-item__mobile-text--center .banner-item__heading.link-animated{margin-inline:auto}.banner-item__mobile-text--right .banner-item__heading.link-animated{margin-inline-start:auto}}@media screen and (min-width:577px){.banner-item__content--top{top:0}.banner-item__content--top .banner-item__overlay-gradient{background:linear-gradient(to bottom,rgba(var(--color-overlay-rgb),var(--overlay-opacity)),rgba(var(--color-overlay-rgb),0))}.banner-item__content--bottom{bottom:0}.banner-item__content--top .banner-item__overlay-gradient{inset-block:0 -50px}.banner-item__content--bottom .banner-item__overlay-gradient{background:linear-gradient(to top,rgba(var(--color-overlay-rgb),var(--overlay-opacity)),rgba(var(--color-overlay-rgb),0))}.banner-item__content--bottom .banner-item__overlay-gradient{inset-block:-50px 0}.banner-item__content--center{top:0;bottom:0;justify-content:center}.banner-item__content--center .banner-item__overlay-gradient{background:linear-gradient(to bottom,rgba(var(--color-overlay-rgb),0),rgba(var(--color-overlay-rgb),var(--overlay-opacity)) 45% 55%,rgba(var(--color-overlay-rgb),0))}.banner-item__text--center{text-align:center}.banner-item__text--left{text-align:start}.banner-item__text--right{text-align:end}.banner-item__text--center .banner-item__heading.link-animated{margin-inline:auto}.banner-item__text--right .banner-item__heading.link-animated{margin-inline-start:auto}}.banner-item__button:not(:first-child){margin-top:10px}.banner-product .banner-item__box-inner{gap:3px}.banner-product .price__sale .price-item--sale{order:-1}.banner-product .price--on-sale .price__sale{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:5px 10px}.banner-product .price__sale s{position:relative;text-decoration:none}.banner-product .price__sale s:before{content:"";top:0;right:-1px;bottom:0;left:-1px;position:absolute;background:var(--color-base);-webkit-mask:url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg"%3E%3Cline x2="100%" y1="100%" y2="0" stroke="black" stroke-width="1"/%3E%3C/svg%3E');mask:url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg"%3E%3Cline x2="100%" y1="100%" y2="0" stroke="black" stroke-width="1"/%3E%3C/svg%3E')}.banner-item .price{margin-top:2px;margin-bottom:-2px;transition:color var(--duration-default) var(--transition-primary)}.banner-item .price-item.price-item--sale{color:var(--custom-color-sale-price, var(--color-sale-price))}.badge-wrapper{position:relative;display:flex;margin-bottom:15px;direction:initial;z-index:var(--layer-raised)}.badge-wrapper .badge--banner{margin-bottom:0}.banner-item__content-grid>badge-wrapper{margin:30px 30px 0}@media screen and (max-width:576px){.banner-item__content-grid:not(.badge-mobile-attach-content):has(badge-wrapper:not(.mobile-hide)) .banner-item__content{position:relative}.banner-item__content-grid:not(.badge-mobile-attach-content):has(.banner-item__mobile-content--bottom):has(badge-wrapper:not(.mobile-hide)){justify-content:space-between}.banner-item__content-grid:not(.badge-mobile-attach-content):has(badge-wrapper:not(.mobile-hide)) .banner-item__mobile-content--bottom .banner-item__box{padding-top:0}.badge-mobile-attach-content .banner-item__box .badge-wrapper{display:inline-block}badge-wrapper:has(+.banner-item__mobile-content--bottom),.banner-item__mobile-content--center{height:-webkit-fill-available}badge-wrapper .badge-wrapper--mobile-left{justify-content:flex-start}badge-wrapper .badge-wrapper--mobile-center,badge-wrapper:has(.badge-wrapper--mobile-center)+.banner-item__mobile-content--top .badge-wrapper{justify-content:center}badge-wrapper .badge-wrapper--mobile-right,badge-wrapper:has(.badge-wrapper--mobile-right)+.banner-item__mobile-content--top .badge-wrapper{justify-content:flex-end}.banner-item__content-grid:not(.badge-mobile-attach-content) :is(.banner-item__mobile-content--bottom,.banner-item__mobile-content--center) .badge-wrapper,.badge-mobile-attach-content:has(.banner-item__mobile-content--bottom) badge-wrapper,.badge-mobile-attach-content:has(.banner-item__mobile-content--center) badge-wrapper,badge-wrapper:has(+.banner-item__mobile-content--top){display:none}.banner-item__content-grid:has(badge-wrapper):has(.banner-item__mobile-content--center){padding-bottom:calc(var(--banner-bottom-padding, 60px) + 30px)}badge-wrapper:has(.badge-wrapper--mobile-left)+.banner-item__mobile-content--top.banner-item__mobile-text--right .banner-item__box,badge-wrapper:has(.badge-wrapper--mobile-right)+.banner-item__mobile-content--top.banner-item__mobile-text--left .banner-item__box{display:flex;flex-direction:row;gap:10px;direction:initial}badge-wrapper:has(.badge-wrapper--mobile-left)+.banner-item__mobile-content--top.banner-item__mobile-text--right .badge--banner>span badge-wrapper:has(.badge-wrapper--mobile-right)+.banner-item__mobile-content--top.banner-item__mobile-text--left .badge--banner>span{max-width:calc(50cqw - 30px)}badge-wrapper:has(.badge-wrapper--mobile-right)+.banner-item__mobile-content--top.banner-item__mobile-text--left .banner-item__box{flex-direction:row-reverse}badge-wrapper:has(.badge-wrapper--mobile-right)+.banner-item__mobile-content--top.banner-item__mobile-text--left .badge-wrapper,badge-wrapper:has(.badge-wrapper--mobile-left)+.banner-item__mobile-content--top.banner-item__mobile-text--right .badge-wrapper{margin-bottom:0}}@media screen and (min-width:577px){.banner-item__content-grid:not(.badge-attach-content):has(badge-wrapper) .banner-item__content{position:relative}.badge-attach-content .banner-item__box .badge-wrapper{display:inline-block}badge-wrapper:has(+.banner-item__content--bottom),.banner-item__content--center{height:-webkit-fill-available}badge-wrapper .badge-wrapper--left{justify-content:flex-start}badge-wrapper .badge-wrapper--center,badge-wrapper:has(.badge-wrapper--center)+.banner-item__content--top .badge-wrapper{justify-content:center}badge-wrapper .badge-wrapper--right,badge-wrapper:has(.badge-wrapper--right)+.banner-item__content--top .badge-wrapper{justify-content:flex-end}.banner-item__content-grid:not(.badge-attach-content) :is(.banner-item__content--bottom,.banner-item__content--center) .badge-wrapper,.badge-attach-content:has(.banner-item__content--bottom) badge-wrapper,.badge-attach-content:has(.banner-item__content--center) badge-wrapper,badge-wrapper:has(+.banner-item__content--top){display:none}.banner-item__content-grid:has(.banner-item__content--center){padding-bottom:calc(var(--banner-bottom-padding, 60px) + 30px)}badge-wrapper:has(.badge-wrapper--left)+.banner-item__content--top.banner-item__text--right .banner-item__box,badge-wrapper:has(.badge-wrapper--right)+.banner-item__content--top.banner-item__text--left .banner-item__box{display:flex;flex-direction:row;gap:10px;direction:initial}@container banner-item (width < 250px){badge-wrapper:has(.badge-wrapper--left)+.banner-item__content--top.banner-item__text--right .banner-item__box,badge-wrapper:has(.badge-wrapper--right)+.banner-item__content--top.banner-item__text--left .banner-item__box{flex-direction:column}}badge-wrapper:has(.badge-wrapper--left)+.banner-item__content--top.banner-item__text--right .badge--banner>span,badge-wrapper:has(.badge-wrapper--right)+.banner-item__content--top.banner-item__text--left .badge--banner>span{max-width:calc(50cqw - 30px)}badge-wrapper:has(.badge-wrapper--right)+.banner-item__content--top.banner-item__text--left .banner-item__box{flex-direction:row-reverse}badge-wrapper:has(.badge-wrapper--right)+.banner-item__content--top.banner-item__text--left .badge-wrapper,badge-wrapper:has(.badge-wrapper--left)+.banner-item__content--top.banner-item__text--right .badge-wrapper{margin-bottom:0}}.badge--banner{margin-bottom:15px}.banner-collection .banner-item__link{display:flex;flex-direction:column;width:100%;gap:10px}.banner-collection .banner-item__content{position:relative}.banner-collection .banner-item__media{border-radius:var(--border-radius-size-5);overflow:clip;transition:border-radius var(--duration-default) var(--transition-primary)}@media screen and (min-width:577px){.banner-collection:hover .banner-item__media{border-radius:var(--border-radius-size-3)}}.banner-collection .banner-item__heading{color:currentColor}.banner-list__banner{width:100%}.banner-list .banner-item__media{aspect-ratio:var(--aspect-ratio-mobile, var(--aspect-ratio))}.banner-list .banner-item__media:has(deferred-media){opacity:1;transition:opacity .5s var(--transition-primary)}.banner-list .banner-item__media:has(deferred-media:not([data-media-loaded])){opacity:0}.banner-list .deferred-media__poster-button,.banner-list video img{display:none}@media screen and (max-width:576px){.banner-list.slider-grid.grid-flex{--grid-gap-vertical: var(--grid-gap-horizontal)}.banner-list.grid--cols-2 .banner-item__box{padding:15px}.banner-list.grid--cols-2 :is(.banner-item__button){display:none}.banner-list.grid--cols-2 .banner-item__content-grid>badge-wrapper{margin:15px 15px 0}}@media screen and (min-width:1025px){.banner-list .banner-item__media{aspect-ratio:var(--aspect-ratio)}}.banner-item__media.media--cover :is(deferred-media video,.deferred-media__poster img){object-fit:cover;width:100%;height:100%}.banner-item__media.media--contain :is(deferred-media video,.deferred-media__poster img){object-fit:contain;width:100%;height:100%}shopify-visual-preview-section-list-item .banner-list.slider-list{justify-content:start!important;transition:none;gap:5px}
/*# sourceMappingURL=/cdn/shop/t/3363/assets/component-banner-item.css.map */