.brook-image-banner{max-width:1200px;margin:0 auto}.brook-image-banner__frame{position:relative;display:grid;border-radius:var(--brook-banner-radius);overflow:hidden}.brook-image-banner__frame>.brook-image-banner__image,.brook-image-banner__frame>.brook-image-banner__features{grid-area:1 / 1}.brook-image-banner__image,.brook-image-banner__image img{display:block;width:100%;height:100%}.brook-image-banner__image img{object-fit:cover}.brook-image-banner__logo{position:absolute;top:20px;left:20px;width:135px;height:auto}.brook-image-banner__features{position:relative;align-self:center;justify-self:start;display:grid;gap:8px;max-width:56%;margin:0;padding:0 0 0 20px}.brook-image-banner__feature{display:flex;align-items:center;gap:10px;color:var(--brook-banner-text);font-family:var(--font-heading-family);font-size:13px;font-weight:700;line-height:1.3;letter-spacing:.6px;text-transform:uppercase}.brook-image-banner__feature img{flex:none;width:36px;height:36px}.brook-image-banner__buttons{position:absolute;right:calc(var(--brook-banner-inset) / 2);bottom:calc(var(--brook-banner-bottom) / 2);left:calc(var(--brook-banner-inset) / 2);display:flex;justify-content:space-between;gap:12px;pointer-events:none}.brook-image-banner__buttons--no-phone{display:none}.brook-image-banner__button{padding:10px 24px;border-radius:100px;background:var(--brook-pink);color:#fff;font-family:var(--font-heading-family);font-size:14px;font-weight:700;line-height:1.3;letter-spacing:.5px;text-decoration:none;text-transform:uppercase;white-space:nowrap;pointer-events:auto}.brook-image-banner__button:only-child{margin-inline:auto}.brook-image-banner__button:hover{filter:brightness(1.1)}.brook-image-banner__button:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px var(--brook-pink)}@media screen and (min-width:750px){.brook-image-banner__buttons--no-phone{display:flex}.brook-image-banner__logo{top:30px;left:25px;width:280px}.brook-image-banner__features{padding-left:35px;gap:10px}.brook-image-banner__feature{font-size:16px}.brook-image-banner__button{padding:10px 32px;font-size:16px}}@media screen and (min-width:990px){.brook-image-banner__logo{top:60px;left:50px;width:400px}.brook-image-banner__features{padding-left:70px;gap:12px}.brook-image-banner__feature{font-size:23px;line-height:1.1}.brook-image-banner__feature img{width:51px;height:51px}.brook-image-banner__buttons{right:var(--brook-banner-inset);bottom:var(--brook-banner-bottom);left:var(--brook-banner-inset)}.brook-image-banner__button{padding:12px 40px;font-size:20px;line-height:1.5}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/brook-image-banner.css.map */