:root{--bon-color-black: #181818;--bon-color-black-rgb: 24 24 24;--bon-color-white: #ffffff;--bon-color-white-rgb: 255 255 255;--bon-color-beige: #f5f0ec;--bon-color-taupe: #685d58;--bon-color-taupe-rgb: 104 93 88;--bon-color-taupe-border: #c3bebd;--bon-color-blue: #1654fd;--bon-color-soft-blue: #7398fe;--bon-color-dark-blue: #0038d0;--bon-color-yellow: #eef141;--bon-color-soft-orange: #fdb141;--bon-color-error: #ff0000;--bon-color-beige-dark: #d6cbb3;--bon-color-quantity-option-bg: color-mix(in srgb, var(--bon-color-taupe) 10%, var(--bon-color-white));--bon-color-primary-button-bg: var(--bon-color-blue);--bon-color-primary-button-text: var(--bon-color-white);--bon-color-primary-button-hover-bg: var(--bon-color-dark-blue);--bon-color-primary-button-hover-text: var(--bon-color-white);--bon-color-primary-button-disabled-bg: #e0e0e0;--bon-color-primary-button-disabled-text: #808080;--bon-color-success: #006400;--bon-color-instock: #3ed660;--bon-color-outofstock: #c8c8c8;--bon-font-family: var(--font-body--family);--bon-font-body-weight: 400;--bon-font-heading-weight: 500;--bon-font-h1-size: 40px;--bon-font-h1-line-height: 1.1;--bon-font-h1-letter-spacing: -.03em;--bon-font-h2-size: 32px;--bon-font-h2-line-height: 1.1;--bon-font-h2-letter-spacing: -.03em;--bon-font-h3-size: 24px;--bon-font-h3-line-height: 1.1;--bon-font-h3-letter-spacing: -.03em;--bon-font-h4-size: 20px;--bon-font-h4-line-height: 1.1;--bon-font-h4-letter-spacing: -.02em;--bon-font-body-size: 16px;--bon-font-body-line-height: 1.3;--bon-font-body-md-size: 16px;--bon-font-body-md-line-height: 1.3;--bon-font-body-sm-size: 14px;--bon-font-body-sm-line-height: 1.3;--bon-font-cta-size: 16px;--bon-font-cta-line-height: 1;--bon-font-cta-letter-spacing: -.01em;--bon-font-cta-sm-size: 14px;--bon-font-cta-sm-line-height: 1;--bon-font-cta-sm-letter-spacing: -.01em;--bon-font-cta-xs-size: 14px;--bon-font-cta-xs-letter-spacing: -.01em;--bon-font-legal-size: 12px;--bon-font-legal-line-height: 1.3;--bon-font-display-number-size: 48px;--bon-font-display-number-line-height: 1;--bon-section-padding-mobile: 48px;--bon-section-padding-desktop: 80px;--bon-cta-min-width: 180px;--bon-cta-height: 55px;--bon-cta-border-radius: 28px;--bon-card-border-radius: 16px;--bon-card-padding: 24px;--bon-carousel-gap: 16px;--bon-carousel-arrow-size: 48px;--bon-faq-icon-size: 24px;--bon-stat-number-size: var(--bon-font-display-number-size);--bon-content-gap: 1rem;--bon-content-gap-lg: 1.5rem;--bon-heading-margin-block-end: .25em;--bon-block-margin-block-end: .75em;--bon-star-size: 20px;--bon-star-color: var(--bon-color-soft-orange);--bon-media-control-size: 48px;--bon-media-control-icon-size: 20px;--bon-media-control-radius: 50%;--bon-media-control-bg: linear-gradient(135deg, rgb(24 24 24 / .4) 0%, rgb(255 255 255 / .4) 100%);--bon-media-control-hover-bg: linear-gradient(135deg, rgb(24 24 24 / .85) 0%, rgb(255 255 255 / .85) 100%);--bon-media-control-blur: 16px;--bon-media-control-loading-ring-color: var(--bon-color-white);--bon-media-control-icon-color: var(--bon-color-white);--bon-media-control-ring-width: 2px;--bon-media-control-ring-inset: -4px;--bon-badge-padding: 8px 16px;--bon-badge-border-radius: 100px;--bon-brick-transparent-background-style-1: rgba(255, 255, 255, .7);--bon-brick-transparent-blur-style-1: 20px;--bon-brick-transparent-background-style-2: rgba(255, 255, 255, .16);--bon-brick-transparent-blur-style-2: 16px;--bon-brick-transparent-background-style-3: rgba(255, 255, 255, .16);--bon-brick-transparent-blur-style-3: 20px;--bon-brick-transparent-background-style-4: rgba(255, 255, 255, .7);--bon-brick-transparent-blur-style-4: 15px;--bon-brick-transparent-background-style-5: rgba(255, 255, 255, .7);--bon-brick-transparent-blur-style-5: 8px}@media screen and (min-width:750px){:root{--bon-font-h1-size: 72px;--bon-font-h1-line-height: 1.1;--bon-font-h2-size: 56px;--bon-font-h2-line-height: 1.1;--bon-font-h3-size: 40px;--bon-font-h3-line-height: 1.1;--bon-font-h4-size: 32px;--bon-font-h4-line-height: 1.1;--bon-font-body-size: 20px;--bon-font-body-md-size: 18px;--bon-font-body-sm-size: 16px;--bon-font-cta-size: 16px;--bon-font-cta-sm-size: 14px;--bon-font-cta-xs-size: 14px;--bon-font-legal-size: 12px;--bon-font-display-number-size: 104px}}.bon-section{--padding-block-start: var(--bon-section-padding-mobile);--padding-block-end: var(--bon-section-padding-mobile)}.bon-font{font-family:var(--bon-font-family)}.bon-font p,.bon-font .rte{font-size:var(--bon-font-body-size);line-height:var(--bon-font-body-line-height)}.bon-font .h1,.bon-font h1{font-size:var(--bon-font-h1-size);font-weight:var(--bon-font-heading-weight);line-height:var(--bon-font-h1-line-height);letter-spacing:var(--bon-font-h1-letter-spacing);margin-block-end:var(--bon-heading-margin-block-end)}.bon-font .h2,.bon-font h2{font-size:var(--bon-font-h2-size);font-weight:var(--bon-font-heading-weight);line-height:var(--bon-font-h2-line-height);letter-spacing:var(--bon-font-h2-letter-spacing);margin-block-end:var(--bon-heading-margin-block-end)}.bon-font .h3,.bon-font h3{font-size:var(--bon-font-h3-size);font-weight:var(--bon-font-heading-weight);line-height:var(--bon-font-h3-line-height);letter-spacing:var(--bon-font-h3-letter-spacing);margin-block-end:var(--bon-heading-margin-block-end)}.bon-font .h4,.bon-font h4{font-size:var(--bon-font-h4-size);font-weight:var(--bon-font-heading-weight);line-height:var(--bon-font-h4-line-height);letter-spacing:var(--bon-font-h4-letter-spacing);margin-block-end:var(--bon-heading-margin-block-end)}.bon-hero__heading{font-size:var(--bon-font-h1-size);font-weight:var(--bon-font-heading-weight);line-height:var(--bon-font-h1-line-height);letter-spacing:var(--bon-font-h1-letter-spacing)}.bon-pill-button{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;border-radius:50px;font-family:var(--bon-font-family);font-size:var(--bon-font-cta-size);line-height:var(--bon-font-cta-line-height);letter-spacing:var(--bon-font-cta-letter-spacing);font-weight:400;text-decoration:none;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.bon-pill-button--small{padding:8px 16px;font-size:var(--bon-font-cta-xs-size);letter-spacing:var(--bon-font-cta-xs-letter-spacing)}.bon-pill-button--primary{background:var(--bon-color-primary-button-bg);color:var(--bon-color-primary-button-text);border-color:var(--bon-color-primary-button-bg)}.bon-pill-button--primary:hover:not(:disabled):not([aria-disabled=true]){background:var(--bon-color-primary-button-hover-bg);color:var(--bon-color-primary-button-hover-text);border-color:var(--bon-color-primary-button-hover-bg)}.bon-pill-button--primary:disabled,.bon-pill-button--primary[aria-disabled=true]{background:var(--bon-color-primary-button-disabled-bg);color:var(--bon-color-primary-button-disabled-text);border-color:var(--bon-color-primary-button-disabled-bg);cursor:not-allowed;opacity:1}.bon-pill-button:focus-visible{outline:3px solid var(--bon-color-black);outline-offset:3px}body{--color-primary-button-background: var(--bon-color-primary-button-bg);--color-primary-button-text: var(--bon-color-primary-button-text);--color-primary-button-border: var(--bon-color-primary-button-bg);--color-primary-button-hover-background: var(--bon-color-primary-button-hover-bg);--color-primary-button-hover-text: var(--bon-color-primary-button-hover-text);--color-primary-button-hover-border: var(--bon-color-primary-button-hover-bg)}.button--primary:disabled,.button--primary[aria-disabled=true],.button:disabled.button--primary{background-color:var(--bon-color-primary-button-disabled-bg);color:var(--bon-color-primary-button-disabled-text);border-color:var(--bon-color-primary-button-disabled-bg);opacity:1;cursor:not-allowed}@media screen and (min-width:750px){main[data-template="page.story"] .bon-story-belief__heading,main[data-template="page.story"] .bon-story-belief__body{max-width:880px;margin-inline:auto}main[data-template="page.story"] .bon-story-digital-health__heading,main[data-template="page.story"] .bon-story-digital-health__body{max-width:880px;margin-inline:auto}}
/*# sourceMappingURL=/cdn/shop/t/122/assets/bon-brand.css.map */