.brook-support-banner{padding-top:10px}.brook-support-banner__band{background:var(--brook-support-band)}.brook-support-banner__heading{margin:0;padding:12px 16px;color:#fff;font-family:var(--font-heading-family);font-size:28px;font-weight:700;line-height:1.3;text-align:center;text-transform:uppercase}.brook-support-banner__desktop,.brook-support-banner__phone{display:none}.brook-support-banner__body{position:relative}.brook-support-banner__portrait{position:absolute;right:0;bottom:0;z-index:1;width:40%;max-width:180px;pointer-events:none}.brook-support-banner__portrait img{display:block;width:100%;height:auto}.brook-support-banner__media{position:relative;display:flex;align-items:flex-start;min-height:160px;aspect-ratio:600 / 446;background:var(--brook-support-band)}.brook-support-banner--no-portrait .brook-support-banner__media{aspect-ratio:16 / 9}.brook-support-banner__video{position:absolute;top:0;right:0;bottom:0;left:0}.brook-support-banner__video video{display:block;width:100%;height:100%;object-fit:cover}.brook-support-banner__video--desktop{display:none}.brook-support-banner__claim{position:relative;margin:0;padding:16px 24px;color:#fff;font-family:var(--font-heading-family);font-size:28px;font-weight:800;line-height:1.3;letter-spacing:0;text-shadow:-1.4px 1.4px 5px #151515;text-transform:uppercase}.brook-support-banner__fade{display:inline-block;-webkit-mask-image:linear-gradient(to right,#000 10%,rgba(0,0,0,.3) 70%,transparent 100%);mask-image:linear-gradient(to right,#000 10%,rgba(0,0,0,.3) 70%,transparent 100%)}.brook-support-banner__pause{position:absolute;left:12px;bottom:12px;z-index:2;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:9px;border:0;border-radius:50%;background:#00000073;color:#fff;cursor:pointer}.brook-support-banner__pause svg{width:100%;height:100%}.brook-support-banner__pause[aria-pressed=true] .brook-support-banner__pause-icon,.brook-support-banner__pause:not([aria-pressed=true]) .brook-support-banner__play-icon{display:none}.brook-support-banner__pause:focus-visible{outline:2px solid #fff;outline-offset:-4px}@media screen and (max-width:749px){.brook-support-banner__not-phone{display:none}.brook-support-banner__phone{display:inline}.brook-support-banner__heading{padding:10px 16px;font-size:24px;text-align:left}.brook-support-banner__media{aspect-ratio:2 / 1}.brook-support-banner__claim{padding:14px 16px;font-size:22px}.brook-support-banner__portrait{top:-28px;width:calc((50vw + 28px)*.846);max-width:55%}.brook-support-banner__portrait picture,.brook-support-banner__portrait img{display:block;width:100%;height:100%;object-fit:contain;object-position:right bottom}}@media screen and (min-width:750px){.brook-support-banner{--brook-support-portrait: min(340px, 40vw);padding-top:20px}.brook-support-banner__heading{padding:16px;font-size:38px;font-weight:700;text-align:center}.brook-support-banner__body{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr)}.brook-support-banner--no-portrait .brook-support-banner__body{grid-template-columns:minmax(0,1fr)}.brook-support-banner__portrait{position:relative;right:auto;bottom:auto;align-self:end;justify-self:end;width:var(--brook-support-portrait);max-width:none;margin-top:-24px;margin-right:calc(var(--brook-support-portrait) / -2)}.brook-support-banner__media{aspect-ratio:auto;min-height:280px}.brook-support-banner--no-portrait .brook-support-banner__media{aspect-ratio:1440 / 400}.brook-support-banner__video--desktop{display:block}.brook-support-banner__video--phone{display:none}.brook-support-banner__claim{padding:20px 30px 20px calc(var(--brook-support-portrait) / 2 + 20px);font-size:38px}.brook-support-banner--no-portrait .brook-support-banner__claim{padding-left:30px}}@media screen and (min-width:990px){.brook-support-banner{--brook-support-portrait: min(360px, 26vw);--brook-support-text-start: calc(var(--brook-support-portrait) / 2 + 30px)}.brook-support-banner__band{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr)}.brook-support-banner__heading{grid-column:2;padding:16px 16px 16px var(--brook-support-text-start);font-size:42px;text-align:left}.brook-support-banner--no-portrait .brook-support-banner__heading{grid-column:1 / -1;padding-left:30px}.brook-support-banner__desktop{display:inline}.brook-support-banner__tablet{display:none}.brook-support-banner__body{grid-template-columns:minmax(0,3fr) minmax(0,9fr)}.brook-support-banner__portrait{margin-top:-40px}.brook-support-banner__claim{padding:30px 30px 30px var(--brook-support-text-start);font-size:42px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/brook-support-banner.css.map */