.ds-banner.ds-banner--digital{box-sizing:border-box;scroll-margin-top:calc(var(--header-height, 16rem) + 2rem);--ds-banner-background: #151b24;--ds-banner-text: #ffffff;--ds-banner-accent: #0957cd;display:grid;grid-template-columns:minmax(0,1.34fr) minmax(0,1fr) minmax(18.5rem,.49fr);grid-template-areas:"copy devices action";align-items:center;gap:clamp(1.8rem,2vw,3.6rem);position:relative;isolation:isolate;width:100%;min-height:26rem;padding:var(--ds-banner-padding-top, 32px) clamp(2.4rem,3.8vw,7rem) var(--ds-banner-padding-bottom, 32px);overflow:hidden;color:var(--ds-banner-text);border:0;border-left:3px solid #ff6a21;background:linear-gradient(110deg,var(--ds-banner-background) 0%,color-mix(in srgb,var(--ds-banner-background) 78%,var(--ds-banner-accent)) 43%,var(--ds-banner-accent) 100%);font-family:var(--font-body-family, Arial, sans-serif)}.ds-banner--digital .ds-banner__copy{grid-area:copy;position:relative;z-index:1;min-width:0;max-width:none}.ds-banner--digital .ds-banner__eyebrow{margin:0 0 1.2rem;color:color-mix(in srgb,var(--ds-banner-accent) 20%,#9affff);font-family:inherit;font-size:clamp(1rem,.88vw,1.25rem);font-weight:750;line-height:1.5;letter-spacing:.14em;text-transform:none}.ds-banner--digital .ds-banner__heading{scroll-margin-top:calc(var(--header-height, 16rem) + 5rem);max-width:none;margin:0 0 1.5rem;color:var(--ds-banner-text);font-family:Arial,Helvetica,sans-serif;font-size:clamp(calc(3.6rem * var(--ds-banner-heading-scale-desktop, 1)),calc(2.9vw * var(--ds-banner-heading-scale-desktop, 1)),calc(5.4rem * var(--ds-banner-heading-scale-desktop, 1)));font-weight:750;line-height:1.1;letter-spacing:-.035em;text-wrap:balance;overflow-wrap:break-word}.ds-banner--digital .ds-banner__text{max-width:57rem;color:var(--ds-banner-text);opacity:.78;font-size:clamp(1.35rem,1.05vw,1.65rem);line-height:1.65}.ds-banner--digital .ds-banner__text p{margin:0}.ds-banner--digital .ds-banner__text p+p{margin-top:.6rem}.ds-banner--digital .ds-banner__text a{color:inherit;text-underline-offset:.3rem}.ds-banner--digital .ds-banner__devices{grid-area:devices;display:grid;align-items:center;justify-items:center;min-width:0;margin-block:-3.2rem}.ds-banner--digital .ds-banner__image{display:block;width:100%;height:27rem;max-width:60rem;object-fit:contain;transform:scale(1.35);filter:drop-shadow(0 1.2rem 1.8rem rgb(0 0 0 / 24%))}.ds-banner--digital .ds-banner__action{grid-area:action;min-width:0;justify-self:end}.ds-banner--digital .ds-banner__cta{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;min-height:4.8rem;max-width:100%;padding:1.35rem 2rem;color:#102746;border:1px solid #ffffff;border-radius:var(--ds-banner-button-radius, 7px);background:#fff;box-shadow:0 .6rem 1.8rem #0000001f;font-family:inherit;font-size:1.4rem;font-weight:750;line-height:1.4;text-align:center;text-decoration:none;white-space:nowrap}.ds-banner--digital .ds-banner__cta:hover{color:#102746;border-color:#e7f3ff;background:#e7f3ff}.ds-banner--digital .ds-banner__cta:focus-visible{outline:3px solid #86e7ff;outline-offset:4px}@media screen and (min-width:1800px){.ds-banner.ds-banner--digital{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(21rem,.46fr)}.ds-banner--digital .ds-banner__image{height:28rem}.ds-banner--digital .ds-banner__cta{padding-inline:2.8rem}}@media screen and (max-width:1199px)and (min-width:750px){.ds-banner.ds-banner--digital{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);grid-template-areas:"copy devices" "action devices";align-items:start;column-gap:2.4rem;row-gap:1.8rem}.ds-banner--digital .ds-banner__heading{font-size:clamp(calc(3.1rem * var(--ds-banner-heading-scale-desktop, 1)),calc(3.65vw * var(--ds-banner-heading-scale-desktop, 1)),calc(4rem * var(--ds-banner-heading-scale-desktop, 1)))}.ds-banner--digital .ds-banner__devices{align-self:center;margin-block:0}.ds-banner--digital .ds-banner__image{height:23rem;transform:scale(1.12)}.ds-banner--digital .ds-banner__action{justify-self:start}}@media screen and (max-width:749px){.ds-banner.ds-banner--digital{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "action" "devices";gap:1.8rem;min-height:0;padding-inline:2rem}.ds-banner--digital .ds-banner__eyebrow{margin-bottom:1rem;font-size:1rem;letter-spacing:.12em}.ds-banner--digital .ds-banner__heading{max-width:22ch;margin-bottom:1.2rem;font-size:clamp(calc(2.7rem * var(--ds-banner-heading-scale-mobile, 1)),calc(8vw * var(--ds-banner-heading-scale-mobile, 1)),calc(3.4rem * var(--ds-banner-heading-scale-mobile, 1)));line-height:1.12}.ds-banner--digital .ds-banner__text{font-size:1.4rem;line-height:1.6}.ds-banner--digital .ds-banner__action{width:100%;justify-self:stretch}.ds-banner--digital .ds-banner__cta{min-height:4.8rem;width:100%;white-space:normal}.ds-banner--digital .ds-banner__devices{margin:-.4rem 0 -.6rem}.ds-banner--digital .ds-banner__image{height:18rem;max-width:42rem;transform:none}}@media(prefers-reduced-motion:no-preference){.ds-banner--digital .ds-banner__cta{transition:background-color .15s ease,border-color .15s ease}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/shopde-digital-banner.css.map */