.wb-uc-hero,.wb-uc-intro,.wb-uc-ways{--wb-uc-accent: var(--wb-brand-cyan)}.wb-uc--pink{--wb-uc-accent: var(--wb-accent-pink)}.wb-uc--green{--wb-uc-accent: var(--wb-accent-green)}.wb-uc-inner{width:100%;max-width:var(--page-width, 128rem);margin-inline:auto;padding-inline:var(--wb-gutter-mobile, 1.6rem)}.wb-uc-hero{position:relative;overflow:hidden;background-color:var(--wb-uc-hero-bg, #004dff);color:#fff;border-radius:0 0 2.4rem 2.4rem;padding-block-start:var(--wb-uc-pad-top-m, 2rem);padding-block-end:var(--wb-uc-pad-bottom-m, 3.2rem)}.wb-uc-hero--overlap{margin-block-start:calc(-1 * var(--header-height, 7.2rem));padding-block-start:calc(var(--header-height, 7.2rem) + var(--wb-uc-pad-top-m, 2rem))}.wb-uc-hero:before{content:"";position:absolute;z-index:0;inset-inline-start:80.4%;inset-block-start:40%;width:52.3rem;height:24.7rem;border-radius:50%;background:linear-gradient(180deg,#fff,#00d2ff);filter:blur(10rem);transform:translate(-50%,-50%) rotate(137.2deg);pointer-events:none}.wb-uc-hero .wb-uc-inner{position:relative;z-index:1}.wb-uc-hero--tint{background-color:color-mix(in srgb,var(--wb-uc-hero-bg, #ff1f88) 8%,transparent);color:var(--wb-ink, #0d1117)}.wb-uc-hero--tint:before{display:none}.wb-uc-hero.wb-uc-hero--tint .wb-uc-hero__eyebrow,.wb-uc-hero.wb-uc-hero--tint .wb-uc-hero__heading{color:var(--wb-uc-hero-bg, #ff1f88)}.wb-uc-hero__row{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "media" "body";row-gap:3.2rem}.wb-uc-hero__heading-group{grid-area:heading;display:flex;flex-direction:column;gap:.2rem}.wb-uc-hero__eyebrow{margin:0;font-family:var(--wb-font-display);font-size:2rem;font-weight:var(--wb-weight-heading, 500);line-height:1.35;text-transform:capitalize}.wb-uc-hero .wb-uc-hero__heading{color:#fff;margin:0;font-family:var(--wb-font-display);font-size:var(--wb-text-3xl, 4.8rem);font-weight:var(--wb-weight-display, 700);letter-spacing:-.02em;line-height:1}.wb-uc-hero__media{grid-area:media;border:4px solid #fff;border-radius:4rem;box-shadow:.8rem .9rem #fff;overflow:hidden;background-color:#ffffff1f}.wb-uc-hero__image{display:block;width:100%;height:100%;aspect-ratio:343 / 240;object-fit:cover}.wb-uc-hero__body-group{grid-area:body;display:flex;flex-direction:column;gap:2.4rem}.wb-uc-hero__body{max-width:48.4rem;font-family:var(--wb-font-ui);font-size:var(--wb-text-base, 1.6rem);line-height:1.5}.wb-uc-hero__body>:first-child{margin-block-start:0}.wb-uc-hero__body>:last-child{margin-block-end:0}.wb-uc-hero__badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.wb-uc-hero__badge:last-child:nth-child(odd){grid-column:1 / -1}.wb-uc-hero__badge{display:inline-flex;align-items:center;justify-content:center;padding:1.2rem 1.6rem;border-radius:var(--wb-radius-pill, 999px);background-color:#fff;color:var(--wb-uc-hero-bg, #004dff);font-family:var(--wb-font-display);font-size:1.4rem;font-weight:700;line-height:1.2;text-align:center}.wb-uc-intro{padding-block-start:var(--wb-uc-pad-top-m, 4rem);padding-block-end:var(--wb-uc-pad-bottom-m, 0)}.wb-uc-intro__row{display:flex;flex-direction:column;gap:2rem}.wb-uc-intro__media{order:-1;border:4px solid var(--wb-uc-intro-frame, var(--wb-brand-yellow));border-radius:3.2rem;overflow:hidden;background-color:rgba(var(--color-foreground),.06)}.wb-uc-intro__image{display:block;width:100%;height:100%;aspect-ratio:343 / 240;object-fit:cover}.wb-uc-intro__image--placeholder{fill:rgba(var(--color-foreground),.2)}.wb-uc-intro__card{display:flex;flex-direction:column;gap:2.4rem;padding:3.2rem 2rem;border:4px solid var(--wb-uc-accent);border-radius:3.2rem;background-color:color-mix(in srgb,var(--wb-uc-accent) 4%,#fff)}.wb-uc-intro__heading{margin:0;font-family:var(--wb-font-display);font-size:var(--wb-text-xl, 3.2rem);font-weight:var(--wb-weight-heading, 500);letter-spacing:-.02em;line-height:1.25;color:#171717}.wb-uc-intro__body{margin:1.2rem 0 0;font-family:var(--wb-font-ui);font-size:1.4rem;line-height:1.43;letter-spacing:.04em;color:var(--wb-ink)}.wb-uc-intro__body>:first-child{margin-block-start:0}.wb-uc-intro__body>:last-child{margin-block-end:0}.wb-uc-intro__cta{align-self:stretch;--wb-button-accent: var(--wb-uc-accent);--wb-btn-shadow: .3rem .3rem 0 var(--wb-uc-accent)}.wb-uc-intro__list{display:flex;flex-direction:column;gap:1.2rem}.wb-uc-item{border:1px solid var(--wb-uc-accent);border-radius:2rem;transition:background-color .2s ease}.wb-uc-item[open]{border-color:transparent;background-color:color-mix(in srgb,var(--wb-uc-accent) 8%,transparent)}.wb-uc-item__summary{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;padding:1.6rem;list-style:none;cursor:pointer;font-family:var(--wb-font-display);font-size:1.6rem;font-weight:var(--wb-weight-heading, 500);line-height:1.5;text-transform:capitalize;color:var(--wb-uc-accent)}.wb-uc-item__summary::-webkit-details-marker{display:none}.wb-uc-item__summary:focus-visible{outline:.2rem solid var(--wb-uc-accent);outline-offset:.2rem;border-radius:2rem}.wb-uc-item__chevron{flex:none;width:.9rem;height:1.4rem;transform:rotate(90deg);transition:transform .2s ease}.wb-uc-item[open] .wb-uc-item__chevron{transform:rotate(-90deg)}.wb-uc-item__body{margin:0;padding:0 1.6rem 1.6rem;font-family:var(--wb-font-ui);font-size:1.4rem;line-height:1.43;letter-spacing:.04em;color:var(--wb-ink)}.wb-uc-item__body>:first-child{margin-block-start:0}.wb-uc-item__body>:last-child{margin-block-end:0}.wb-uc-ways{padding-block-start:var(--wb-uc-pad-top-m, 4rem);padding-block-end:var(--wb-uc-pad-bottom-m, 4rem)}.wb-uc-ways__head{display:flex;flex-direction:column;align-items:center;gap:.8rem;text-align:center}.wb-uc-ways__eyebrow{margin:0;font-family:var(--wb-font-display);font-size:var(--wb-text-base, 1.6rem);font-weight:700;line-height:1.5;color:var(--wb-uc-accent)}.wb-uc-ways__heading{margin:0;font-family:var(--wb-font-display);font-size:var(--wb-text-xl, 3.2rem);font-weight:var(--wb-weight-heading, 500);letter-spacing:-.02em;line-height:1.35;color:#171717}.wb-uc-ways__list{display:flex;flex-direction:column;gap:2rem;padding-block:2.4rem}.wb-uc-card{display:flex;flex-direction:column;gap:.8rem}.wb-uc-card__photo{border-radius:2.4rem;overflow:hidden;background-color:rgba(var(--color-foreground),.06)}.wb-uc-card__image{display:block;width:100%;height:100%;aspect-ratio:343 / 210;object-fit:cover}.wb-uc-card__image--placeholder{fill:rgba(var(--color-foreground),.2)}.wb-uc-card__content{--wb-uc-card-color: var(--wb-brand-cyan);display:flex;flex-direction:column;gap:.8rem;padding:2.4rem;border-radius:2.4rem;background-color:color-mix(in srgb,var(--wb-uc-card-tint, var(--wb-uc-card-color)) var(--wb-uc-card-tint-pct, 16%),#fff)}.wb-uc-card__content--cyan{--wb-uc-card-color: var(--wb-brand-cyan);--wb-uc-card-tint: #00d2ff;--wb-uc-card-tint-pct: 16%}.wb-uc-card__content--green{--wb-uc-card-color: var(--wb-accent-green);--wb-uc-card-tint: #39ff14;--wb-uc-card-tint-pct: 8%}.wb-uc-card__content--pink{--wb-uc-card-color: var(--wb-accent-pink);--wb-uc-card-tint: #ff1f88;--wb-uc-card-tint-pct: 8%}.wb-uc-card__content--yellow{--wb-uc-card-color: var(--wb-brand-yellow);--wb-uc-card-tint: #ffd200;--wb-uc-card-tint-pct: 8%}.wb-uc-card__title{margin:0;font-family:var(--wb-font-display);font-size:var(--wb-text-lg, 2.4rem);font-weight:var(--wb-weight-heading, 500);letter-spacing:-.02em;line-height:1.67;text-transform:capitalize;color:var(--wb-uc-card-color)}.wb-uc-card__text{margin:0;font-family:var(--wb-font-ui);font-size:1.4rem;line-height:1.43;letter-spacing:.03em;color:var(--wb-ink)}.wb-uc-card__text>:first-child{margin-block-start:0}.wb-uc-card__text>:last-child{margin-block-end:0}.wb-uc-ways__footer{display:flex;justify-content:center}@media screen and (min-width:750px){.wb-uc-inner{padding-inline:3.2rem}.wb-uc-hero{border-radius:0 0 4rem 4rem;padding-block-start:var(--wb-uc-pad-top, 4rem);padding-block-end:var(--wb-uc-pad-bottom, 6.4rem)}.wb-uc-hero--overlap{margin-block-start:calc(-1 * var(--header-height, 12.1rem));padding-block-start:calc(var(--header-height, 12.1rem) + var(--wb-uc-pad-top, 4rem))}.wb-uc-hero:before{inset-inline-start:86.4%;inset-block-start:83.4%;width:73.6rem;height:34.8rem}.wb-uc-hero__row{grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"heading media" ". media" "body media";column-gap:3.2rem;row-gap:2.4rem}.wb-uc-hero__eyebrow{font-size:2.4rem}.wb-uc-hero .wb-uc-hero__heading{font-size:var(--wb-text-display, 6.4rem)}.wb-uc-hero__image{aspect-ratio:592 / 372}.wb-uc-hero__body{font-size:var(--wb-text-md, 2rem);line-height:1.5}.wb-uc-hero__badges{display:flex;flex-wrap:wrap}.wb-uc-hero__badge{font-size:var(--wb-text-base, 1.6rem);line-height:1;white-space:nowrap}.wb-uc-intro{padding-block-start:var(--wb-uc-pad-top, 6.4rem);padding-block-end:var(--wb-uc-pad-bottom, 0)}.wb-uc-intro__row{display:grid;grid-template-columns:1fr 1fr;gap:3.2rem}.wb-uc-intro__media{order:0;border-radius:6.4rem}.wb-uc-intro__image{aspect-ratio:auto;min-height:100%}.wb-uc-intro__card{justify-content:center;padding:6.4rem 4rem;border-radius:6.4rem}.wb-uc-intro__cta{align-self:flex-start;--wb-btn-shadow: .4rem .4rem 0 var(--wb-uc-accent)}.wb-uc-intro__heading{font-size:var(--wb-text-3xl, 4.8rem);line-height:1;max-width:43.8rem}.wb-uc-intro__body,.wb-uc-item__body{font-size:var(--wb-text-base, 1.6rem);line-height:1.5}.wb-uc-intro__body{max-width:47.7rem}.wb-uc-item{border-radius:2.4rem}.wb-uc-ways{padding-block-start:var(--wb-uc-pad-top, 4rem);padding-block-end:var(--wb-uc-pad-bottom, 9.6rem)}.wb-uc-ways__heading{font-size:var(--wb-text-3xl, 4.8rem)}.wb-uc-ways__list{gap:1rem;padding-block:4rem}.wb-uc-card{display:grid;grid-template-columns:55.6fr 63.6fr;gap:2.4rem}.wb-uc-card--flip{grid-template-columns:63.6fr 55.6fr}.wb-uc-card--flip .wb-uc-card__photo{order:2}.wb-uc-card__photo{border-radius:3.2rem}.wb-uc-card__image{aspect-ratio:556 / 352}.wb-uc-card__content{justify-content:space-between;gap:2.4rem;padding:4rem;border-radius:4rem}.wb-uc-card__title{font-size:var(--wb-text-xl, 3.2rem);line-height:1.35;letter-spacing:0}.wb-uc-card__text{font-size:var(--wb-text-base, 1.6rem);line-height:1.5;letter-spacing:.04em}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/wb-component-use-case.css.map */