.showcase{padding:40px 0;background-color:#f0f2f5}.showcase__header{font-family:var(--font-headings);font-size:4.75rem;font-weight:700;line-height:1;text-transform:uppercase}.showcase__media{position:relative;margin-top:calc(var(--offset-mobile, 0) * -1);margin-bottom:24px;margin-left:0;margin-right:0;-webkit-user-select:none;user-select:none;pointer-events:none}.showcase__img{width:100%;height:auto}.showcase__img--desktop:not(:only-child){display:none}.showcase__media-additional{position:absolute;pointer-events:none;-webkit-user-select:none;user-select:none}.showcase__media-additional--none{display:none}.showcase__media-additional--the-pod{top:4%;left:-4%;width:45%;z-index:2}.showcase__media-additional--the-app{top:-21%;right:-3%;width:42%;z-index:2}.showcase__columns{display:flex;justify-content:flex-start;align-items:center;flex-flow:row wrap;text-align:left;gap:32px}.showcase__column{flex:1 1 100%}.showcase__column-title{font-family:var(--font-headings);font-size:1.5rem;font-weight:600;line-height:1.1;color:#1813a2;background:linear-gradient(67.84deg,#6fc3f7 -1.82%,#1813a2 106.59%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;text-wrap:balance;margin:0 0 8px}.showcase__column-description{font-size:1.25rem;text-wrap:balance;margin:4px 0 0}@media screen and (min-width: 992px){.showcase{padding:60px 0}.showcase__header{font-size:8rem;text-align:var(--text-align, left)}.showcase__media{margin-top:calc(var(--offset-desktop, 0) * -1)}.showcase__img--mobile{display:none}.showcase__img--desktop{display:block!important}.showcase__media-additional--the-pod{left:8%;width:38%}.showcase__media-additional--the-app{top:-30%;width:35%}.showcase__columns{flex-flow:row nowrap;align-items:flex-start;justify-content:space-evenly;padding:0 24px}.showcase__column{max-width:320px}}@media screen and (min-width: 1500px){.showcase__header{font-size:9.875rem}.showcase__media-additional--the-app{top:-33%}}.showcase__column:focus-within{outline:2px solid #1813A2;outline-offset:4px;border-radius:4px}@media (prefers-reduced-motion: reduce){.showcase *{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/196/assets/showcase.css.map */
