.bsp-concern-toggle{--bsp-concern-toggle-gap: 10px;--bsp-concern-toggle-height: 52px;--bsp-concern-toggle-max: 280px;display:flex;gap:var(--bsp-concern-toggle-gap);padding-block:var(--bsp-space-2xs);padding-inline:var(--bsp-gutter);background:var(--bsp-color-bg-page)}.bsp-concern-toggle__link{display:flex;flex:1 1 0;align-items:center;justify-content:center;min-height:var(--bsp-concern-toggle-height);padding:var(--bsp-space-xs) var(--bsp-space-2xs);white-space:nowrap;border-radius:var(--bsp-radius-md);background:var(--bsp-color-surface-tint);color:var(--bsp-color-brand);font-size:var(--bsp-type-title-sm-size);font-weight:var(--bsp-weight-semibold);letter-spacing:var(--bsp-tracking-text);line-height:var(--bsp-type-title-sm-leading);text-align:center;text-decoration:none;transition:background-color var(--bsp-transition)}@media(hover:hover){.bsp-concern-toggle__link:hover{background:var(--bsp-color-surface-tint-hover)}}bsp-concern-strip{display:block}.bsp-concern-strip{--bsp-concern-peek: 4;--bsp-concern-icon: clamp(60px, calc((100vw - var(--bsp-gutter) - var(--bsp-concern-peek) * var(--bsp-space-2xs)) / (var(--bsp-concern-peek) + .5)), 77px);--bsp-concern-gap: max(var(--bsp-space-2xs), calc((100vw - var(--bsp-gutter) - (var(--bsp-concern-peek) + .5) * var(--bsp-concern-icon)) / var(--bsp-concern-peek)));--bsp-concern-label-gap: 2px;--bsp-concern-label-leading: 18px;--bsp-concern-current-leading: 16px;--bsp-concern-current-tracking: .06em;--bsp-concern-current-rule: 1.5px;--bsp-concern-current-rule-gap: 5px;--bsp-concern-pad-top: 10px;--bsp-concern-pad-bottom: 5px;--bsp-concern-hover-scale: 1.06;--bsp-concern-hover-lift: -3px;--bsp-concern-hover-duration: var(--bsp-duration-slow);--bsp-concern-tap-scale: 1.1;--bsp-concern-tap-lift: -2px;--bsp-concern-hover-room-top: 6px;--bsp-concern-hover-room-bottom: 4px;--bsp-concern-soon-fade: .45;--bsp-concern-soon-offset: 4px;--bsp-concern-soon-pad: 6px;--bsp-concern-soon-leading: 15px;padding-block:calc(var(--bsp-concern-pad-top) - var(--bsp-concern-hover-room-top)) calc(var(--bsp-concern-pad-bottom) - var(--bsp-concern-hover-room-bottom));background:var(--bsp-color-bg-page)}@media(min-width:470px){.bsp-concern-strip{--bsp-concern-peek: 5}}@media(min-width:560px){.bsp-concern-strip{--bsp-concern-peek: 6}}@media(min-width:650px){.bsp-concern-strip{--bsp-concern-peek: 7}}@media(min-width:750px){.bsp-concern-strip{--bsp-concern-peek: 8}}@media(min-width:850px){.bsp-concern-strip{--bsp-concern-peek: 9}}@media(min-width:940px){.bsp-concern-strip{--bsp-concern-peek: 10}}.bsp-concern-strip__list{display:flex;gap:var(--bsp-concern-gap, var(--bsp-space-2xs));margin:0;padding-block:var(--bsp-concern-hover-room-top) var(--bsp-concern-hover-room-bottom);padding-inline:var(--bsp-gutter);list-style:none;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:var(--bsp-gutter);scrollbar-width:none}.bsp-concern-strip__list::-webkit-scrollbar{display:none}.bsp-concern-strip__item{flex:0 0 auto;scroll-snap-align:start}.bsp-concern-strip__link{display:flex;flex-direction:column;align-items:center;gap:var(--bsp-concern-label-gap);width:var(--bsp-concern-icon);color:var(--bsp-color-text);text-decoration:none}.bsp-concern-strip__media{position:relative;display:block}.bsp-concern-strip__icon{display:block;width:var(--bsp-concern-icon);height:var(--bsp-concern-icon);border-radius:var(--bsp-radius-round);object-fit:cover;transition:transform var(--bsp-concern-hover-duration) var(--bsp-ease-out),box-shadow var(--bsp-concern-hover-duration) var(--bsp-ease-out)}.bsp-concern-strip__label{color:var(--bsp-color-brand);font-size:var(--bsp-type-caption-size);font-weight:var(--bsp-weight-regular);letter-spacing:var(--bsp-tracking-normal);line-height:var(--bsp-concern-label-leading);text-align:center}.bsp-concern-strip__link[aria-current=true] .bsp-concern-strip__label{color:var(--bsp-color-text-strong);font-weight:var(--bsp-weight-semibold);letter-spacing:var(--bsp-concern-current-tracking);line-height:var(--bsp-concern-current-leading)}a.bsp-concern-strip__link{-webkit-tap-highlight-color:transparent}a.bsp-concern-strip__link .bsp-concern-strip__icon{will-change:transform}a.bsp-concern-strip__link .bsp-concern-strip__label{transition:color var(--bsp-concern-hover-duration) var(--bsp-ease-out)}a.bsp-concern-strip__link:hover .bsp-concern-strip__icon,a.bsp-concern-strip__link:active .bsp-concern-strip__icon,a.bsp-concern-strip__link.is-pressed .bsp-concern-strip__icon,a.bsp-concern-strip__link:focus-visible .bsp-concern-strip__icon{transform:translateY(var(--bsp-concern-hover-lift)) scale(var(--bsp-concern-hover-scale));box-shadow:var(--bsp-shadow-md)}a.bsp-concern-strip__link:hover .bsp-concern-strip__label,a.bsp-concern-strip__link:active .bsp-concern-strip__label,a.bsp-concern-strip__link.is-pressed .bsp-concern-strip__label{color:var(--bsp-color-brand-hover)}a.bsp-concern-strip__link.is-tapped .bsp-concern-strip__icon{transform:translateY(var(--bsp-concern-tap-lift)) scale(var(--bsp-concern-tap-scale));box-shadow:var(--bsp-shadow-md)}a.bsp-concern-strip__link.is-tapped .bsp-concern-strip__label{color:var(--bsp-color-brand-hover)}.bsp-concern-strip__link--soon .bsp-concern-strip__icon{opacity:var(--bsp-concern-soon-fade)}.bsp-concern-strip__link--soon .bsp-concern-strip__label{color:var(--bsp-color-text-secondary)}.bsp-concern-strip__soon{position:absolute;inset-block-end:var(--bsp-concern-soon-offset);inset-inline-start:50%;translate:-50% 0;padding-inline:var(--bsp-concern-soon-pad);border-radius:var(--bsp-radius-pill);background:var(--bsp-color-brand);box-shadow:var(--bsp-shadow-sm);color:var(--bsp-color-text-on-brand);font-size:var(--bsp-type-micro-size);font-weight:var(--bsp-weight-semibold);line-height:var(--bsp-concern-soon-leading);white-space:nowrap}.bsp-concern-strip__link[aria-current=page]{padding-block-end:var(--bsp-concern-current-rule-gap);border-block-end:var(--bsp-concern-current-rule) solid var(--bsp-color-brand)}.bsp-concern-strip__link[aria-current=page] .bsp-concern-strip__label{font-weight:var(--bsp-weight-semibold);letter-spacing:var(--bsp-concern-current-tracking);line-height:var(--bsp-concern-current-leading)}@media(min-width:1025px){.bsp-concern-toggle{justify-content:center}.bsp-concern-toggle__link{flex:0 1 var(--bsp-concern-toggle-max)}.bsp-concern-strip__list{justify-content:safe center}.bsp-concern-strip{--bsp-concern-gap: 20px;--bsp-concern-pad-top: 6px;--bsp-concern-pad-bottom: 19.5px}}@media(prefers-reduced-motion:reduce){.bsp-concern-toggle__link,.bsp-concern-strip__icon,a.bsp-concern-strip__link .bsp-concern-strip__label{transition:none}}:is(.template-index,.template-product,.template-collection-concern,.template-page-about,.template-page-clinical,.template-article-new-blog-post-design,.template-blog-new-blog-design,.template-page-certifications) #MainContent.wrapper-body{overflow:clip}@media screen and (max-width:1024px){:is(.template-index,.template-product,.template-collection-concern,.template-page-about,.template-page-clinical,.template-article-new-blog-post-design,.template-blog-new-blog-design,.template-page-certifications) #MainContent>.bsp-concern-strip-section{position:sticky;top:var(--sticky-header-height, 60px);z-index:19}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/section-bsp-concern-nav.css.map */