.shopify-section:has(.dosage-guide) .section-background{grid-column:1 / -1;grid-row:1 / -1;border-radius:var(--border-radius-top) var(--border-radius-top) var(--border-radius-bottom) var(--border-radius-bottom)}.shopify-section:has(.dosage-guide) .dosage-guide__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;overflow:hidden}.shopify-section:has(.dosage-guide) .dosage-guide__bg-img,.shopify-section:has(.dosage-guide) .dosage-guide__bg-video{width:100%;height:100%;object-fit:var(--dosage-image-fit, cover);object-position:var(--dosage-image-position, center)}.shopify-section:has(.dosage-guide) .dosage-guide__bg-img--mobile,.shopify-section:has(.dosage-guide) .dosage-guide__bg-video--mobile{display:block}.shopify-section:has(.dosage-guide) .dosage-guide__bg-img--desktop,.shopify-section:has(.dosage-guide) .dosage-guide__bg-video--desktop{display:none}.shopify-section:has(.dosage-guide) .dosage-guide__bg-img--desktop:only-child,.shopify-section:has(.dosage-guide) .dosage-guide__bg-video--desktop:only-child{display:block}.dosage-guide{position:relative;color:rgb(var(--color-foreground-rgb));box-sizing:border-box;min-height:var(--section-min-height, auto);background:transparent;padding-block:var(--padding-block-start) var(--padding-block-end)}.dosage-guide *,.dosage-guide *:before,.dosage-guide *:after{box-sizing:border-box}.dosage-guide .dosage-guide__wrapper{position:relative;z-index:2;width:100%}.dosage-guide.section--page-width .dosage-guide__wrapper{max-width:var(--page-content-width, 1344px);margin:0 auto}.dosage-guide.section--full-width .dosage-guide__wrapper{max-width:none}.dosage-guide .dosage-guide__card{background-color:rgb(var(--color-background-rgb));border-radius:var(--roots-radius-rounded);padding:var(--roots-rhythm-inset);border:1px solid rgb(var(--color-border-rgb) / .1)}.dosage-guide .dosage-guide__card--glass{background:rgb(var(--color-background-rgb) / var(--glass-opacity, .5));backdrop-filter:blur(var(--glass-blur, 38px));-webkit-backdrop-filter:blur(var(--glass-blur, 38px));border:var(--glass-border-width, 0px) solid rgb(var(--color-border-rgb) / var(--glass-border-opacity, .25));padding:var(--roots-rhythm-inset)}.dosage-guide .dosage-guide__card--elevated{background-color:rgb(var(--color-background-rgb));border:var(--roots-card-border);box-shadow:var(--roots-shadow-panel);border-radius:var(--roots-radius-rounded);padding:var(--roots-rhythm-inset)}.dosage-guide .dosage-guide__card--onband{background:transparent;border:0;box-shadow:none;padding:0}.dosage-guide.section--full-width .dosage-guide__card--onband{padding-inline:var(--roots-gap-standard)}.dosage-guide .dosage-guide__grid:not(:first-child){margin-top:var(--roots-rhythm-body-content)}.dosage-guide .dosage-guide__card>.section-button-wrapper:only-child{--section-button-margin: 0px}.dosage-guide .dosage-guide__title{margin:0;color:var(--color, rgb(var(--color-foreground-heading-rgb, var(--color-foreground-rgb))))}.dosage-guide .dosage-guide__body-text{margin-bottom:0;color:var(--color, rgb(var(--color-foreground-rgb)));opacity:.85}.dosage-guide .dosage-guide__body-text:not(:first-child){margin-top:var(--roots-rhythm-heading-body)}.dosage-guide .dosage-guide__link-wrapper:not(:first-child){margin-top:var(--roots-rhythm-body-content)}.dosage-guide .dosage-guide__link{color:var(--color, var(--color-primary, rgb(var(--color-foreground-rgb))));text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;cursor:pointer;transition:opacity var(--animation-speed, 125ms) var(--animation-easing, ease-in-out)}.dosage-guide .dosage-guide__link:hover{opacity:.7}.dosage-guide .dosage-guide__grid{display:grid;gap:var(--roots-rhythm-items);grid-template-columns:repeat(2,min(var(--card-max-width-mobile, var(--card-max-width, 200px)),(100% - var(--roots-rhythm-items)) / 2));justify-content:var(--card-alignment-m, var(--card-alignment, center))}.dosage-guide .dosage-card{--dosage-card-fill: 1;container-type:inline-size;--dosage-band-type-max: calc( (100cqw - 2 * var(--roots-gap-tight)) / var(--dosage-band-chars, 7) );border-radius:var(--roots-radius-rounded);border:var(--dosage-card-border-width, 1px) solid rgb(var(--color-foreground-rgb) / .06);overflow:hidden;background-color:var(--roots-page-background);display:flex;flex-direction:column;width:100%;max-width:var(--card-max-width-mobile, var(--card-max-width, 200px));aspect-ratio:var(--card-aspect-ratio-mobile, var(--card-aspect-ratio, 4 / 5));box-shadow:var(--roots-shadow-card);transition:var(--roots-card-transition)}@supports (width: calc(1px*100cqw/1px)){.dosage-guide .dosage-card{--dosage-card-fill: min( 1, calc(100cqw/min(var(--card-max-width-mobile, var(--card-max-width, 200px)), 200px)) )}}@media(hover:hover){.dosage-guide .dosage-card:hover{transform:var(--roots-card-lift);box-shadow:var(--roots-shadow-card-hover)}}.dosage-guide .dosage-card:focus-within{transform:var(--roots-card-lift);box-shadow:var(--roots-shadow-card-hover)}@media(prefers-reduced-motion:reduce){.dosage-guide .dosage-card:hover,.dosage-guide .dosage-card:focus-within{transform:none}}.dosage-guide .dosage-card__header{padding:calc(var(--roots-gap-tight) * var(--dosage-card-fill));text-align:center;margin:0;flex:0 0 var(--card-header-height, 20%);display:flex;align-items:center;justify-content:center;background-color:var(--card-key, var(--color-primary))}.dosage-guide .dosage-card__header-text{--color: initial;color:var(--color, #ffffff);margin:0}.dosage-guide .dosage-card .dosage-card__header-text{font-size:min(calc(var(--dosage-item-heading-size, 1em) * var(--dosage-card-fill)),var(--dosage-band-type-max))}.dosage-guide .dosage-card .dosage-card__text{font-size:min(calc(var(--dosage-item-body-size, 1em) * var(--dosage-card-fill)),var(--dosage-band-type-max))}.dosage-guide .dosage-card__icon-area{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden;padding:calc(var(--roots-gap-standard) * var(--dosage-card-fill))}.dosage-guide .dosage-card__icon{width:calc(var(--icon-size, 48px) * var(--dosage-card-fill));height:calc(var(--icon-size, 48px) * var(--dosage-card-fill));max-width:100%;max-height:100%;object-fit:contain}.dosage-guide .dosage-card__footer{padding:calc(var(--roots-gap-tight) * var(--dosage-card-fill));text-align:center;margin:0;flex:0 0 var(--card-header-height, 20%);display:flex;align-items:center;justify-content:center;border-top:1px solid rgb(var(--color-foreground-rgb) / .12)}.dosage-guide .dosage-card__text{color:var(--color, rgb(var(--color-foreground-rgb)));margin:0}.dosage-guide .dosage-guide__button{display:inline-flex;align-items:center;justify-content:center;gap:8px}@media screen and (min-width:750px){.shopify-section:has(.dosage-guide) .dosage-guide__bg-img--mobile,.shopify-section:has(.dosage-guide) .dosage-guide__bg-video--mobile{display:none}.shopify-section:has(.dosage-guide) .dosage-guide__bg-img--desktop,.shopify-section:has(.dosage-guide) .dosage-guide__bg-video--desktop{display:block}.dosage-guide .dosage-guide__card--onband{padding:0}.dosage-guide .dosage-guide__card--elevated,.dosage-guide .dosage-guide__card--glass{width:fit-content;max-width:100%;margin-inline:auto}.dosage-guide .dosage-guide__grid{grid-template-columns:repeat(4,min(var(--card-max-width, 200px),(100% - 3 * var(--roots-rhythm-items)) / 4));justify-content:var(--card-alignment, center)}.dosage-guide .dosage-card{max-width:var(--card-max-width, 200px);aspect-ratio:var(--card-aspect-ratio, 4 / 5)}@supports (width: calc(1px*100cqw/1px)){.dosage-guide .dosage-card{--dosage-card-fill: min(1, calc(100cqw/min(var(--card-max-width, 200px), 200px)) )}}}@media(prefers-reduced-motion:reduce){.dosage-guide *{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/dosage-guide.css.map */