.b-scope{--b-gutter: calc(var(--space-sm) + var(--space-xs) / 2);--b-max: calc(var(--space-xl) * 14);--b-btn-h: calc(var(--space-xs) * 6.5);--b-ease: cubic-bezier(.2, .7, .2, 1);color:var(--color-ink);background-color:var(--color-bone);font-family:var(--font-body)}.b-scope *,.b-scope *:before,.b-scope *:after{box-sizing:border-box}.b-container{width:100%;max-width:calc(var(--b-max) + var(--b-gutter) * 2);margin-inline:auto;padding-inline:var(--b-gutter)}.b-section{padding-block:var(--space-lg)}.b-section--tight{padding-block:var(--space-md)}.b-eyebrow{margin:0;font-family:var(--font-data);font-size:var(--text-xs);font-weight:500;line-height:1.4;letter-spacing:.14em;text-transform:uppercase;color:var(--color-stone)}.b-display,.b-h2,.b-h3{margin:0;font-family:var(--font-heading);font-style:normal;text-transform:none;text-wrap:balance;color:inherit}.b-display{font-size:clamp(calc(var(--text-xl) * 1.375),7.2vw,calc(var(--text-3xl) * 1.375));font-weight:600;line-height:.95;letter-spacing:-.035em}.b-h2{font-size:clamp(var(--text-xl),4.8vw,var(--text-3xl));font-weight:600;line-height:1;letter-spacing:-.03em}.b-h3{font-size:var(--text-lg);font-weight:600;line-height:1.15;letter-spacing:-.01em}.b-lede{margin:0;max-width:46ch;font-size:calc(var(--text-md) + var(--space-xs) / 4);line-height:1.55;text-wrap:pretty;color:var(--color-stone)}.b-body{margin:0;font-size:var(--text-md);line-height:1.6;text-wrap:pretty}.b-fine{margin:0;font-size:var(--text-xs);line-height:1.5;color:var(--color-stone)}.b-mono{font-family:var(--font-data);font-variant-numeric:tabular-nums;letter-spacing:0}.b-stack>*{margin:0}.b-stack>*+*{margin-block-start:var(--space-sm)}.b-stack>*+.b-h2,.b-stack>*+.b-display{margin-block-start:calc(var(--space-xs) * 1.5)}.b-stack>*+.b-actions{margin-block-start:var(--space-md)}.b-actions{display:flex;flex-wrap:wrap;gap:calc(var(--space-xs) * 1.5)}.b-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:var(--b-btn-h);padding:0 calc(var(--space-xs) * 3.5);border:1px solid transparent;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-md);font-weight:600;line-height:1.2;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer}.b-btn__meta{font-family:var(--font-data);font-size:var(--text-sm);font-weight:500;opacity:.8}.b-btn--primary{background-color:var(--color-ink);color:var(--color-bone)}.b-btn--secondary{background-color:transparent;border-color:var(--color-ink);color:var(--color-ink)}.b-btn--light{background-color:var(--color-bone);color:var(--color-ink)}.b-btn--outline-light{background-color:transparent;border-color:color-mix(in srgb,var(--color-bone) 55%,transparent);color:var(--color-bone)}.b-btn:focus-visible,.b-link:focus-visible,.b-focus:focus-visible{outline:2px solid currentColor;outline-offset:3px}.b-link{color:inherit;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3em}@media(hover:hover){.b-btn--primary:hover{background-color:var(--color-primary-dark)}.b-btn--secondary:hover{background-color:var(--color-sand)}.b-btn--light:hover{background-color:var(--color-white)}.b-btn--outline-light:hover{border-color:var(--color-bone)}}@media(prefers-reduced-motion:no-preference){.b-btn{transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}@media(hover:hover){.b-btn:hover{transform:scale(1.02)}}}.b-chip{display:inline-flex;align-items:center;gap:calc(var(--space-xs) / 2);padding:calc(var(--space-xs) / 2) calc(var(--space-xs) * 1.25);border:1px solid var(--color-line);border-radius:var(--radius-full);font-family:var(--font-data);font-size:var(--text-xs);font-weight:500;line-height:1.3;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.b-band--sage{background-color:var(--color-sage);color:var(--color-bone)}.b-band--ink{background-color:var(--color-ink);color:var(--color-bone)}.b-band--sand{background-color:var(--color-sand)}.b-band--sage .b-eyebrow,.b-band--ink .b-eyebrow,.b-band--sage .b-lede,.b-band--ink .b-lede,.b-band--sage .b-fine,.b-band--ink .b-fine{color:color-mix(in srgb,var(--color-bone) 82%,transparent)}.b-band--sand .b-eyebrow,.b-band--sand .b-lede,.b-band--sand .b-fine{color:var(--color-muted-on-sand)}.b-media{position:relative;overflow:hidden;background-color:var(--color-sand)}.b-media>img,.b-media>video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.b-tin{container-type:inline-size;position:relative;display:block;aspect-ratio:1;padding:3.5%;border-radius:16%;background:linear-gradient(145deg,var(--range-ink-box),var(--color-ink) 55%);box-shadow:0 calc(var(--space-xs) * 1.5) calc(var(--space-md) * 1.25) color-mix(in srgb,var(--color-ink) 22%,transparent)}.b-tin__label{position:relative;display:block;height:100%;overflow:hidden;border-radius:13%;background-color:var(--color-sand);color:var(--color-ink)}.b-tin__label>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.b-tin__band{position:absolute;inset:0 0 auto;height:27%;background-color:var(--b-tin-band, var(--range-sand-box));clip-path:polygon(0 0,100% 0,100% 78%,92% 86%,84% 74%,75% 90%,66% 80%,55% 94%,46% 82%,36% 92%,27% 79%,17% 90%,8% 80%,0 92%)}.b-tin__g{position:absolute;right:4%;bottom:3%;font-family:var(--font-heading);font-size:66cqi;font-weight:700;line-height:.75;color:var(--color-white)}.b-tin__copy{position:absolute;inset:31% auto auto 8%;display:grid;gap:1.2cqi}.b-tin__copy>*{display:block}.b-tin__brand{font-family:var(--font-heading);font-size:7.5cqi;font-weight:600;letter-spacing:-.03em}.b-tin__name{font-family:var(--font-heading);font-size:11.5cqi;font-weight:700;line-height:.95;letter-spacing:-.02em}.b-tin__flavour{font-size:4.6cqi;font-weight:700}.b-tin__dose{font-family:var(--font-data);font-size:4.2cqi}.b-tin__chip{position:absolute;left:8%;bottom:12%;padding:1.6cqi 3.2cqi;border-radius:2cqi;background-color:var(--color-ink);color:var(--color-white);font-family:var(--font-heading);font-size:6cqi;font-weight:700}.b-rail{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(72%,1fr);gap:calc(var(--space-xs) * 1.5);margin-inline:calc(var(--b-gutter) * -1);padding-inline:var(--b-gutter);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--b-gutter);scrollbar-width:none}.b-rail::-webkit-scrollbar{display:none}.b-rail>*{scroll-snap-align:start}@media(prefers-reduced-motion:no-preference){.b-js .b-reveal:not(.is-in){opacity:0;transform:translateY(var(--space-sm))}.b-js:not(.b-ready) .b-reveal:not(.is-in){animation:b-reveal-fallback .01s 3s forwards}.b-js .b-reveal{transition:opacity .8s var(--b-ease),transform .8s var(--b-ease);transition-delay:var(--b-delay, 0s)}.shopify-design-mode .b-reveal:not(.is-in){opacity:1;transform:none;animation:none}}@keyframes b-reveal-fallback{to{opacity:1;transform:none}}.b-video-toggle{position:absolute;inset:auto var(--space-sm) var(--space-sm) auto;z-index:2;display:inline-grid;place-items:center;width:calc(var(--space-xs) * 5);height:calc(var(--space-xs) * 5);padding:0;border:1px solid color-mix(in srgb,var(--color-bone) 50%,transparent);border-radius:var(--radius-full);background-color:color-mix(in srgb,var(--color-ink) 45%,transparent);color:var(--color-bone);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.b-video-toggle svg{width:40%;height:40%}.b-video-toggle [data-icon=play],.b-video-toggle[aria-pressed=true] [data-icon=pause]{display:none}.b-video-toggle[aria-pressed=true] [data-icon=play]{display:block}.b-video-toggle:focus-visible{outline:2px solid var(--color-bone);outline-offset:3px}.b-visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media screen and (min-width:750px){.b-scope{--b-gutter: var(--space-md)}.b-section{padding-block:var(--space-xl)}.b-section--tight{padding-block:var(--space-lg)}.b-lede{font-size:var(--text-lg)}.b-h3{font-size:calc(var(--text-lg) + var(--space-xs) / 2)}.b-rail{grid-auto-columns:minmax(40%,1fr)}}@media screen and (min-width:1200px){.b-scope{--b-gutter: calc(var(--space-md) + var(--space-sm))}}@media screen and (min-width:750px){#header-component#header-component[data-menu-style] .header-menu{display:none}#header-component#header-component[data-menu-style] .header__drawer{display:flex;min-height:var(--header-drawer-min-height, calc(var(--space-xs) * 7.5))}.header[transparent] .header-logo__wordmark{height:calc(var(--space-md) + var(--space-xs))}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/bearing-ui.css.map */