.promotional-banner{position:relative;background:var(--color-bg, var(--bg-body, #fff));color:var(--color-text, var(--color-body))}.promotional-banner.layout--split{display:flex;flex-direction:column-reverse}@media only screen and (min-width: 768px){.promotional-banner.layout--split{flex-direction:row;align-items:center}.promotional-banner.layout--split .promotional-banner--content,.promotional-banner.layout--split .promotional-banner--image{flex:1}}@media only screen and (min-width: 768px){.promotional-banner.layout--split.image_first{flex-direction:row-reverse}}.promotional-banner.layout--full .promotional-banner--content{position:absolute;top:0;left:0;width:100%;height:100%;z-index:35}.promotional-banner.frame-border--true:after{content:"";display:block;position:absolute;top:10px;left:10px;right:10px;bottom:10px;z-index:20;border:2px solid var(--color-text, var(--color-body));pointer-events:none}.promotional-banner--image{width:100%}.promotional-banner--image svg,.promotional-banner--image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.promotional-banner--image svg{padding:50px;fill:var(--bg-body, #fff);opacity:.5;background:var(--color-accent)}.promotional-banner--image-media{position:relative;width:100%;overflow:hidden;padding-bottom:var(--ratio-percent)}.promotional-banner--image-media.aspect-ratio--small{padding-bottom:75%}.promotional-banner--image-media.aspect-ratio--large{padding-bottom:100%}.promotional-banner--image-media:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:11;pointer-events:none;background:rgba(var(--overlay-color-rgb),var(--overlay-opacity))}.promotional-banner--image-media .promotional-image--mobile{display:block}@media only screen and (min-width: 768px){.promotional-banner--image-media .promotional-image--mobile{display:none}}.promotional-banner--image-media .promotional-image--desktop{display:none}@media only screen and (min-width: 768px){.promotional-banner--image-media .promotional-image--desktop{display:block}}@media only screen and (max-width: 767px){.promotional-banner--image-media.mobile-aspect-ratio--true.aspect-ratio--adapt{padding-bottom:var(--ratio-percent--mobile)}}.promotional-banner--content{width:100%;display:flex;align-items:center;justify-content:center}.promotional-banner--content-inner{padding:0}@media only screen and (min-width: 768px){.promotional-banner--content-inner{padding:10%}}.promotional-banner--content .subheading{margin-bottom:15px}.promotional-banner--content h3{margin-bottom:10px}.promotional-banner--content h3,.promotional-banner--content p{color:var(--color-text, var(--color-body))}.promotional-banner--content .button{margin-top:10px}.promotional-banner--product-tags{margin-top:14px;display:flex;justify-content:flex-start}.promotional-banner--product-tags-label{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;font-weight:var(--font-body-bold-weight, 600);margin-bottom:8px;color:var(--color-text, var(--color-body));text-align:center}.promotional-banner .product-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.promotional-banner .product-tag{display:inline-flex;align-items:center;height:auto;padding:0;border:0;border-radius:0;font-size:1rem;font-weight:var(--font-body-bold-weight, 700);color:var(--color-brand-purple, #732082);background:transparent;white-space:nowrap;gap:.5rem}.promotional-banner .product-tag:before{content:"";width:.65rem;height:.65rem;min-width:.65rem;min-height:.65rem;border-radius:50%;background:#f6d68f;display:inline-block}.promotional-banner--add-to-cart{margin-top:20px}.promotional-banner--quantity-cart{display:flex;gap:10px;align-items:center}.promotional-banner--quantity-cart .quantity{flex-shrink:0}.promotional-banner--quantity-cart .add-to-cart-button{flex:1;margin:0}.promotional-banner--carousel.mobile-only{display:block!important}@media only screen and (min-width: 768px){.promotional-banner--carousel.mobile-only{display:none!important}}.promotional-banner--double-images.desktop-only{display:none!important}@media only screen and (min-width: 768px){.promotional-banner--double-images.desktop-only{display:flex!important}}.promotional-banner--carousel{position:relative}.carousel-container{overflow:visible}.carousel-track{display:flex;scroll-snap-type:x mandatory;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:15px;padding:0 20px 0 0}.carousel-track::-webkit-scrollbar{display:none}.carousel-slide{min-width:calc(85% - 7.5px);flex-shrink:0;scroll-snap-align:start;transition:transform .3s ease}.carousel-slide:first-child{margin-left:0}.carousel-indicators{display:flex;justify-content:center;gap:8px;margin-top:15px;position:relative;z-index:50}.indicator{width:8px;height:8px;border-radius:50%;background-color:#ffffff80;transition:background-color .3s ease;cursor:pointer}.indicator.active{background-color:#ffffffe6}.promotional-banner--double-images{display:flex;height:100%;width:100%}.desktop-image-container{flex:1;position:relative;display:none}@media only screen and (min-width: 768px){.desktop-image-container{display:block}}.desktop-image-container .promotional-banner--image-media{height:100%}.desktop-image-container+.desktop-image-container .promotional-banner--image-media{margin-left:10px}@media only screen and (min-width: 768px){.promotional-banner.layout--split.has-multiple-images{gap:0}.promotional-banner.layout--split.has-multiple-images .promotional-banner--content{flex:1;min-width:0}.promotional-banner.layout--split.has-multiple-images .promotional-banner--image{flex:2;min-width:0}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/promotional-banner.css.map */