.wb-usage{--wb-usage-blue: #eafbff;--wb-usage-pink: #fff0f7;--wb-usage-yellow: #fffae5;--wb-usage-muted: #52616a;--wb-usage-line: #dce9ec;--wb-usage-safety-line: #ffd200;--wb-usage-accent: var(--wb-brand-cyan);--wb-usage-heading: var(--wb-ink);font-family:var(--wb-font-ui);color:var(--wb-ink)}.wb-usage__inner{width:100%;max-width:calc(var(--page-width, 128rem) + 4rem);margin-inline:auto;padding-inline:2rem}.wb-usage__eyebrow{margin:0;color:var(--wb-usage-accent);font-family:var(--wb-font-ui);font-size:1.3rem;font-weight:700;line-height:1.8rem;letter-spacing:.1rem;text-transform:uppercase}.wb-usage__heading{margin:0;color:var(--wb-usage-heading);font-family:var(--wb-font-display);font-weight:var(--wb-weight-display);letter-spacing:var(--wb-tracking-display)}.wb-usage__muted{color:var(--wb-usage-muted)}.wb-usage__image{display:block;width:100%;height:100%;object-fit:cover}.wb-usage-intro{background-color:var(--wb-usage-blue);border-radius:0 0 2.4rem 2.4rem;padding-block:.8rem 3.2rem}.wb-usage-intro--overlap{margin-block-start:calc(-1 * var(--header-height, 7.2rem));padding-block-start:calc(var(--header-height, 7.2rem) + 2.8rem)}.wb-usage__breadcrumb{margin:0 0 2.4rem;color:var(--wb-usage-muted);font-size:1.4rem;line-height:2.1rem}.wb-usage__breadcrumb ol{display:flex;flex-wrap:wrap;gap:.8rem;margin:0;padding:0;list-style:none}.wb-usage__breadcrumb li+li:before{content:"/";margin-inline-end:.8rem}.wb-usage__breadcrumb a{color:inherit;text-decoration:none}.wb-usage__breadcrumb a:hover,.wb-usage__breadcrumb a:focus-visible{text-decoration:underline}.wb-usage-intro__row,.wb-usage-intro__title{display:flex;flex-direction:column;gap:1.6rem}.wb-usage-intro__heading{font-size:4.8rem;line-height:5.4rem}.wb-usage-intro__lede{display:flex;flex-direction:column;gap:1.2rem}.wb-usage-intro__subheading{font-size:2.4rem;line-height:3rem}.wb-usage-intro__text{margin:0;font-size:1.8rem;line-height:2.7rem}.wb-usage-featured{padding-block:3.2rem 0}.wb-usage-featured__card{display:flex;flex-direction:column;overflow:hidden;border-radius:2.8rem;background-color:var(--wb-usage-pink)}.wb-usage-featured__media{position:relative;aspect-ratio:335 / 280;background-color:var(--wb-usage-blue)}.wb-usage-featured__details{display:flex;flex-direction:column;align-items:flex-start;gap:1.8rem;padding:2.4rem}.wb-usage-featured__heading{font-size:3.2rem;line-height:3.6rem}.wb-usage-featured__heading a{color:inherit;text-decoration:none}.wb-usage-featured__heading a:hover,.wb-usage-featured__heading a:focus-visible{text-decoration:underline}.wb-usage-featured__text{margin:0;font-size:1.7rem;line-height:2.6rem}.wb-usage__meta{margin:0;font-size:1.4rem;line-height:1.8rem}.wb-usage-featured__button{--wb-btn-shadow: none}.wb-usage-browse{padding-block:4rem}.wb-usage-browse__inner{display:flex;flex-direction:column;gap:2.8rem}.wb-usage-browse__intro{display:flex;flex-direction:column;gap:1.2rem}.wb-usage-browse__heading{font-size:3.2rem;line-height:3.6rem}.wb-usage-browse__text{margin:0;font-size:1.7rem;line-height:2.6rem}.wb-usage__pills{display:flex;flex-wrap:wrap;gap:.8rem;margin-block-end:2.8rem;padding-block-end:2rem;border-block-end:1px solid var(--wb-usage-line)}.wb-usage__pill{display:inline-flex;align-items:center;min-height:3.8rem;padding:1rem 1.4rem;border:1px solid var(--wb-usage-line);border-radius:var(--wb-radius-pill, 999px);background-color:#fff;color:var(--wb-usage-muted);font-family:var(--wb-font-ui);font-size:1.4rem;line-height:1.8rem;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.wb-usage__pill:hover{border-color:var(--wb-brand-cyan);color:var(--wb-ink)}.wb-usage__pill:focus-visible{outline:2px solid var(--wb-ink);outline-offset:2px}.wb-usage__pill.is-active{border-color:var(--wb-brand-cyan);background-color:var(--wb-brand-cyan);color:#fff}.wb-usage__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:3.6rem}.wb-usage__grid[hidden],.wb-usage__item[hidden]{display:none}.wb-usage-card{display:flex;flex-direction:column;gap:2rem;min-width:0}.wb-usage-card__media{aspect-ratio:335 / 230;overflow:hidden;border-radius:2.4rem;background-color:var(--wb-usage-blue)}.wb-usage-card__details{display:flex;flex-direction:column;gap:1.2rem;padding-inline:.4rem}.wb-usage-card__heading{font-size:2.8rem;line-height:3.2rem}.wb-usage-card__heading a{color:inherit;text-decoration:none}.wb-usage-card--link{position:relative}.wb-usage-card--link .wb-usage-card__heading a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.wb-usage-card--link:hover .wb-usage-card__heading a,.wb-usage-card--link:focus-within .wb-usage-card__heading a{text-decoration:underline}.wb-usage-card__text{margin:0;font-size:1.7rem;line-height:2.6rem}.wb-usage-card--guide{gap:2rem;padding:2.4rem;border-radius:2.4rem;background-color:var(--wb-usage-blue)}.wb-usage-card--yellow{background-color:var(--wb-usage-yellow)}.wb-usage-card--pink{background-color:var(--wb-usage-pink)}.wb-usage-card--guide .wb-usage-card__details{padding-inline:0}.wb-usage-card__top{display:flex;align-items:center;justify-content:space-between;gap:1.2rem}.wb-usage-card__icon{display:inline-flex;flex:none;width:2.8rem;height:2.8rem;color:var(--wb-brand-cyan)}.wb-usage-card__icon svg{width:100%;height:100%}.wb-usage__empty{margin:0;padding-block:2.4rem;color:var(--wb-usage-muted);font-size:1.7rem}.wb-usage-safety-section{padding-block:0 4rem}.wb-usage-safety{display:flex;flex-direction:column;gap:1.2rem;padding:2.4rem;border:1.5px solid var(--wb-usage-safety-line);border-radius:2.4rem;background-color:var(--wb-usage-yellow)}.wb-usage-safety__body{display:flex;flex-direction:column;gap:1.2rem;min-width:0}.wb-usage-safety__heading{font-size:2.4rem;line-height:2.7rem}.wb-usage-safety__text,.wb-usage-safety__alert{margin:0;font-size:1.6rem;line-height:2.4rem}.wb-usage-safety__alert{font-weight:700}@media screen and (min-width:750px){.wb-usage__inner{padding-inline:3.2rem}.wb-usage-intro{border-radius:0 0 4rem 4rem;padding-block:1.6rem 4rem}.wb-usage-intro--overlap{padding-block-start:calc(var(--header-height, 12.1rem) + 4rem)}.wb-usage__breadcrumb{margin-block-end:3.2rem}.wb-usage-intro__row{flex-direction:row;align-items:flex-end;gap:9.6rem}.wb-usage-intro__title{flex:0 1 60rem}.wb-usage-intro__lede{flex:1 1 0;min-width:0}.wb-usage-intro__heading{font-size:7.2rem;line-height:8.1rem}.wb-usage-intro__subheading{font-size:3rem;line-height:3.4rem}.wb-usage-intro__text{font-size:2rem;line-height:3rem}.wb-usage-featured{padding-block-start:4.8rem}.wb-usage-featured__card{flex-direction:row;border-radius:3.2rem}.wb-usage-featured__media{flex:0 0 50%;aspect-ratio:auto;min-height:46.4rem}.wb-usage-featured__media .wb-usage__image{position:absolute;top:0;right:0;bottom:0;left:0}.wb-usage-featured__details{flex:1 1 0;justify-content:center;gap:2.4rem;padding:4rem}.wb-usage-featured__heading{font-size:4.4rem;line-height:5rem}.wb-usage-featured__text{font-size:2rem;line-height:3rem}.wb-usage-browse{padding-block:6.4rem 8rem}.wb-usage-browse__inner{gap:3.2rem}.wb-usage-browse__heading{font-size:4rem;line-height:4.5rem}.wb-usage__pills{gap:2.4rem;margin-block-end:3.2rem}.wb-usage__pill{min-height:4.1rem;padding:1rem 1.8rem;border-color:transparent;font-size:1.6rem;line-height:2.1rem}.wb-usage__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3.2rem}.wb-usage-card__media{aspect-ratio:405 / 250}.wb-usage-card--guide{padding:3.2rem}.wb-usage-safety-section{padding-block-end:8rem}}@media screen and (min-width:990px){.wb-usage__grid--articles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.wb-usage__pill{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/wb-component-usage.css.map */