.cta-banner{position:relative;width:100%;height:600px;overflow:hidden;background:var(--ui-color-surface-tertiary);color:var(--cta-banner-text-color);--cta-banner-overlay-color-rgb: 0, 0, 0;--cta-banner-overlay-opacity: 1}.cta-banner__media-layer,.cta-banner__overlay,.cta-banner__logo-shell,.cta-banner__video-launch,.cta-banner__content-shell{position:absolute;top:0;right:0;bottom:0;left:0}.cta-banner__media-layer{z-index:0}.cta-banner__overlay{z-index:1;background:linear-gradient(360deg,rgba(var(--cta-banner-overlay-color-rgb),.64),rgba(var(--cta-banner-overlay-color-rgb),.1));opacity:var(--cta-banner-overlay-opacity)}.cta-banner__logo-shell,.cta-banner__video-launch,.cta-banner__content-shell{width:100%;max-width:1440px;margin:0 auto;box-sizing:border-box}.cta-banner__logo-shell{z-index:2;height:100%;padding:64px 24px;display:flex;flex-direction:column;pointer-events:none}.cta-banner__video-launch{z-index:3;max-width:none;padding:0;border:0;display:flex;align-items:center;justify-content:center;background:transparent;cursor:pointer}.cta-banner__video-launch svg{display:block;flex-shrink:0}.cta-banner__video-launch[hidden]{display:none}.cta-banner__content-shell{z-index:4;width:100%;height:100%;padding:64px 24px;display:flex;flex-direction:column;pointer-events:none}.cta-banner--logo-x-left .cta-banner__logo-shell{align-items:flex-start}.cta-banner--logo-x-center .cta-banner__logo-shell{align-items:center}.cta-banner--logo-x-right .cta-banner__logo-shell{align-items:flex-end}.cta-banner--logo-y-top .cta-banner__logo-shell{justify-content:flex-start}.cta-banner--logo-y-center .cta-banner__logo-shell{justify-content:center}.cta-banner--logo-y-bottom .cta-banner__logo-shell{justify-content:flex-end}.cta-banner__logo{width:min(100%,280px)}.cta-banner__logo-image{display:block;width:100%;height:auto}.cta-banner--x-left .cta-banner__content-shell{align-items:flex-start}.cta-banner--x-center .cta-banner__content-shell{align-items:center}.cta-banner--x-right .cta-banner__content-shell{align-items:flex-end}.cta-banner--y-top .cta-banner__content-shell{justify-content:flex-start}.cta-banner--y-center .cta-banner__content-shell{justify-content:center}.cta-banner--y-bottom .cta-banner__content-shell{justify-content:flex-end}.cta-banner__content{width:min(100%,440px);display:grid;gap:12px;pointer-events:auto}.cta-banner--x-left .cta-banner__content{text-align:left}.cta-banner--x-center .cta-banner__content{text-align:center}.cta-banner--x-right .cta-banner__content{text-align:right}.cta-banner__heading{margin:0;color:inherit;font-family:var(--ui-font-family-sans);font-size:36px;line-height:1.04;letter-spacing:-.05em;font-weight:var(--ui-font-weight-regular)}.cta-banner__subheading{color:inherit;font-size:16px;line-height:1.3;color:var(--ui-color-text-secondary-inverted)}.cta-banner__subheading p{margin:0}.cta-banner__subheading p+p{margin-top:10px}.cta-banner__actions{margin-top:24px;pointer-events:auto}.cta-banner__button{padding:12px 18px;border:1px solid transparent;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-size:var(--ui-type-button-1-font-size);line-height:var(--ui-type-button-1-line-height);font-weight:var(--ui-type-button-1-font-weight);transition:background-color .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease;pointer-events:auto}.cta-banner__button svg{flex-shrink:0}.cta-banner__button--light{background:var(--ui-color-surface-primary);color:var(--ui-color-text-primary)}.cta-banner__button--dark{background:var(--ui-color-surface-brand);color:var(--ui-color-text-primary-inverted)}.cta-banner__button.is-disabled,.cta-banner__button[aria-disabled=true]{opacity:.56;pointer-events:none;cursor:default}@media(hover:hover)and (pointer:fine){.cta-banner__button--light:hover:not(.is-disabled){background:var(--ui-color-surface-tertiary)}.cta-banner__button--dark:hover:not(.is-disabled){background:rgba(var(--ui-color-surface-tertiary-rgb),.4)}}.cta-banner__deferred-video{width:100%;height:100%}.cta-banner__media-layer picture{width:100%;height:100%;display:block}.cta-banner__media-image,.cta-banner__placeholder,.cta-banner__deferred-video video,.cta-banner__deferred-video mux-player{width:100%;height:100%;display:block}.cta-banner__media-image,.cta-banner__placeholder,.cta-banner__deferred-video video,.cta-banner__deferred-video mux-player{object-fit:cover}.cta-banner__placeholder{background:rgba(var(--ui-color-surface-tertiary-rgb),.84);color:rgba(var(--ui-color-text-secondary-rgb),.5)}.cta-banner__deferred-video video,.cta-banner__deferred-video mux-player{background:var(--ui-color-surface-tertiary)}.cta-banner__mux-player{--controls: none;--media-object-fit: cover;--media-object-position: center;background:var(--ui-color-surface-tertiary);pointer-events:none}.cta-banner__video-controls{position:absolute;right:16px;bottom:16px;z-index:5;display:flex;gap:8px}.cta-banner__video-controls[hidden]{display:none}.cta-banner__video-control{display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;min-height:40px;padding:0;border:none;border-radius:10px;background:rgba(var(--ui-color-surface-primary-rgb),.88);color:var(--ui-color-text-primary);cursor:pointer;transition:background-color .18s ease,opacity .18s ease;flex-shrink:0;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}@media(hover:hover)and (pointer:fine){.cta-banner__video-control:hover{background:rgba(var(--ui-color-surface-primary-rgb),.96)}}.cta-banner__video-control svg{display:block;flex-shrink:0}.cta-banner__video-control:disabled{opacity:.52;cursor:default;pointer-events:none}.cta-banner__button:focus-visible,.cta-banner__video-launch:focus-visible,.cta-banner__video-control:focus-visible{outline:2px solid var(--ui-color-stroke-primary-inverted);outline-offset:2px}@media(max-width:1024px)and (min-width:768px){.cta-banner{height:420px}.cta-banner__content-shell,.cta-banner__logo-shell{padding:64px 24px}.cta-banner__content{width:min(100%,520px);gap:14px}}@media(max-width:767px){.cta-banner{height:420px}.cta-banner__content-shell,.cta-banner__logo-shell{padding:16px}.cta-banner__content{width:min(100%,100%);max-width:360px;gap:12px}.cta-banner__heading{font-size:36px}.cta-banner__subheading{font-size:16px;line-height:1.28}.cta-banner__button{min-width:182px}.cta-banner__logo{width:min(100%,180px)}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/cta-banner.css.map */