.bb-banner{--bb-banner-padding: var(--distance-base, 1rem);--bb-banner-overlay-color: #000000;--bb-banner-overlay-opacity: .4;position:relative;display:grid;grid-template-columns:minmax(0,1fr);width:100%;overflow:hidden}.bb-banner__media,.bb-banner__content{grid-column:1;grid-row:1;min-width:0}.bb-banner__media{position:relative;z-index:1;width:100%;min-height:0}.bb-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background-color:var(--bb-banner-overlay-color);opacity:var(--bb-banner-overlay-opacity)}.bb-banner__content{position:relative;z-index:3;align-self:var(--bb-banner-align-self, center);justify-self:var(--bb-banner-justify-self, start);box-sizing:border-box;max-width:35rem;padding:var(--bb-banner-padding);display:flex;flex-direction:column;color:var(--color-4, #ffffff);pointer-events:none;animation:bbBannerContentReveal calc(var(--transition-1-time, .3s) * 2) ease var(--transition-1-time, .3s) 1 normal both}.bb-banner__content a,.bb-banner__content button{pointer-events:auto}.bb-banner[data-content-placement=top_left]{--bb-banner-align-self: start;--bb-banner-justify-self: start}.bb-banner[data-content-placement=top_center]{--bb-banner-align-self: start;--bb-banner-justify-self: center}.bb-banner[data-content-placement=top_right]{--bb-banner-align-self: start;--bb-banner-justify-self: end}.bb-banner[data-content-placement=center_left]{--bb-banner-align-self: center;--bb-banner-justify-self: start}.bb-banner[data-content-placement=center]{--bb-banner-align-self: center;--bb-banner-justify-self: center}.bb-banner[data-content-placement=center_right]{--bb-banner-align-self: center;--bb-banner-justify-self: end}.bb-banner[data-content-placement=bottom_left]{--bb-banner-align-self: end;--bb-banner-justify-self: start}.bb-banner[data-content-placement=bottom_center]{--bb-banner-align-self: end;--bb-banner-justify-self: center}.bb-banner[data-content-placement=bottom_right]{--bb-banner-align-self: end;--bb-banner-justify-self: end}.bb-banner[data-text-alignment=left] .bb-banner__content{text-align:left}.bb-banner[data-text-alignment=center] .bb-banner__content{text-align:center}.bb-banner[data-text-alignment=right] .bb-banner__content{text-align:right}.bb-banner__actions{display:flex;flex-wrap:wrap;gap:.5em;margin-top:1.5em;justify-content:flex-start}.bb-banner[data-text-alignment=center] .bb-banner__actions{justify-content:center}.bb-banner[data-text-alignment=right] .bb-banner__actions{justify-content:flex-end}.bb-banner__subtitle{display:block;font-size:.6875rem;line-height:2.5;letter-spacing:.08em;text-transform:uppercase}.bb-banner__title{margin:0;font-family:var(--font-2, serif);font-weight:400;font-size:2.5rem;line-height:1.2}.bb-banner__button{padding:1em 2.5em .8em;min-width:27ch}.bb-banner__button[href=""]{pointer-events:none;filter:brightness(.9)}@media only screen and (min-width:768px){.bb-banner.bb-banner--desktop-fixed{height:var(--bb-banner-height-desktop);max-height:calc(var(--initial-viewport-height, 100vh) - var(--page-content-offset-top, 0px) - var(--announcement-bar-height, 0px))}.bb-banner.bb-banner--desktop-fixed .bb-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.bb-banner[data-copy-color-desktop=black] .bb-banner__content{color:var(--color-1, #000000)}.bb-banner[data-copy-color-desktop=black] .bb-banner__button{--main-color: var(--color-1, #000000);--alt-color: var(--color-4, #ffffff)}}@media only screen and (max-width:767px){.bb-banner.bb-banner--mobile-fixed{height:var(--bb-banner-height-mobile);max-height:var(--bb-banner-height-mobile)}.bb-banner.bb-banner--mobile-fixed .bb-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.bb-banner__title{font-size:2rem;line-height:1.6}.bb-banner[data-copy-color-mobile=black] .bb-banner__content{color:var(--color-1, #000000)}.bb-banner[data-copy-color-mobile=black] .bb-banner__button{--main-color: var(--color-1, #000000);--alt-color: var(--color-4, #ffffff)}.bb-banner__button{width:100%;min-width:0;padding-left:.5em;padding-right:.5em}}@keyframes bbBannerContentReveal{0%{opacity:0;transform:translate(-10%)}to{opacity:1;transform:translate(0)}}
/*# sourceMappingURL=/cdn/shop/t/354/assets/css-bb-banner.css.map */