/** Shopify CDN: Minification failed

Line 341:0 Unexpected "}"

**/

.supplement-facts-modal {
    position: fixed;
    display: flex;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
    background: rgba(0, 0, 0, 0.60);
    overflow-y: auto;
    z-index: 1100;
    transition: all .2s ease-in-out;
    opacity: 0;
    visibility: hidden;
}

.supplement-facts-modal--show {
    opacity: 1;
    visibility: visible;
}

.supplement-facts-modal__wrap {
    padding: 16px 20px;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15);
    max-width: 415px;
    margin: auto;
}

@media screen and (min-width: 768px) {
    .supplement-facts-modal__wrap {
        padding: 24px 40px;
    }
}

.supplement-facts-modal-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 18px;
}

.supplement-facts-modal-header__btn {
    color: #C4C4C4;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    position: relative;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.supplement-facts-modal__title {
    color: #000;
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
}

.supplement-facts-modal__title--secondary {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 12px;
}

@media (hover: hover) {
    .supplement-facts-modal-header__btn:hover {
        color: var(--color-supplement-modal);
    }
}

.supplement-facts-modal-header__btn:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    height: 2px;
    width: 0;
    background: var(--color-supplement-modal);
    transition: all .2s ease-in-out;
}

.supplement-facts-modal-header__btn--active {
    color: var(--color-supplement-modal);
}

.supplement-facts-modal-header__btn--active:after {
    width: 100%;
}

.supplement-facts-modal__data {
    display: grid;
    row-gap: 4px;
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.supplement-facts-modal-table {
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
}

.supplement-facts-modal-table--secondary {
    margin-bottom: 4px;
    border: 8px solid #000;
    border-right: 0;
    border-left: 0;
    padding-bottom: 4px;
}

.supplement-facts-modal-table__header {
    padding: 4px;
    margin-bottom: 4px;
    border-bottom: 4px solid #000;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
}

.supplement-facts-modal-table__row {
    display: flex;
    justify-content: space-between;
    gap: 8px;
}

.supplement-facts-modal-table__row {
    border-bottom: 1px solid #000;
}

.supplement-facts-modal-table__row.supplement-facts-modal-table__row--border {
    border-top: 4px solid #000;
    border-bottom: 0;
}

.supplement-facts-modal-table__row.supplement-facts-modal-table__row--no-border {
    border-bottom: 0;
}

.supplement-facts-modal-table--secondary .supplement-facts-modal-table__row {
    display: grid;
    grid-template-columns: 61% 23% 1fr;
}

.supplement-facts-modal-table--secondary .supplement-facts-modal-table__row--secondary {
    grid-template-columns: 59% 23% 1fr;
    border-top: 1px solid #000;
    border-bottom: 0;
}

@media screen and (max-width: 767px) {
    .supplement-facts-modal-table--secondary .supplement-facts-modal-table__row--vitamin {
        grid-template-columns: 61% 21% 1fr;
    }
}

@media screen and (min-width: 768px) {
    .supplement-facts-modal-table--secondary .supplement-facts-modal-table__row--secondary {
        grid-template-columns: 67% 18% 1fr;
    }
}

.supplement-facts-modal-table__symbol {
    font-size: 8px;
    line-height: 100%;
    vertical-align: super;
}

.supplement-facts-modal-table__sub-name {
    padding-left: 20px;
}

.supplement-facts-modal-table__value {
    text-align: right;
}

.supplement-facts-modal-note {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: space-between;
    font-size: 10px;
    font-weight: 300;
    line-height: 14px;
    margin-bottom: 18px;
}

.supplement-facts-modal-note__info {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.supplement-facts-modal__info {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 18px;
}

.supplement-facts-modal__info strong {
    font-weight: 600;
}

.supplement-facts-modal__info > * {
    display: inline;
}

.supplement-facts-modal__images {
    display: grid;
    grid-template-columns: 1fr 1fr 35%;
    gap: 24px 14px;
}

.supplement-facts-modal__images--secondary {
    grid-template-columns: 42% 1fr;
    gap: 24px;
}

.supplement-facts-modal__images--secondary .supplement-facts-modal-item__img {
    height: 31px;
}

@media screen and (min-width: 768px) {
    .supplement-facts-modal__images {
        gap: 24px;
    }
}

.supplement-facts-modal-item {
    display: grid;
    grid-template-columns: 30px 1fr;
    column-gap: 6px;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
}

.supplement-facts-modal-item__img {
    width: 30px;
    height: 30px;
    mask-size: 100%;
    mask-repeat: no-repeat;
    background: var(--color-supplement-modal);
}

.supplement-facts-modal-item__img--non-gmo {
    mask-image: url(//fernes.com/cdn/shop/t/39/assets/non-gmo.svg?v=135131815435783058251753168616);
}

.supplement-facts-modal-item__img--soy-free {
    mask-image: url(//fernes.com/cdn/shop/t/39/assets/soy-free.svg?v=125497230572947574821753168720);
}

.supplement-facts-modal-item__img--gluten-free {
    mask-image: url(//fernes.com/cdn/shop/t/39/assets/gluten-free.svg?v=47072635580868544501753168494);
}

.supplement-facts-modal-item__img--dairy-free {
    mask-image: url(//fernes.com/cdn/shop/t/39/assets/dairy-free.svg?v=147813670856502476511753168475);
}

.supplement-facts-modal-item__img--nitrates-free {
    mask-image: url(//fernes.com/cdn/shop/t/39/assets/nitrates-free.svg?v=149416490726346078081753168613);
}

.supplement-facts-modal-item__img--nothing-artificial {
    mask-image: url(//fernes.com/cdn/shop/t/39/assets/nothing-artificial.svg?v=97632212213559507181753168617);
}

.supplement-facts-modal-item__img--cold-pressed {
    mask-image: url(//fernes.com/cdn/shop/t/39/assets/cold-pressed.svg?v=115885170214847312481753168441);
}

.supplement-facts-modal-item__img--low-in-lactose {
    mask-image: url(//fernes.com/cdn/shop/t/39/assets/low-in-lactose.svg?v=105002241570201458171753168562);
}

.supplement-facts-modal-item__img--microfiltered {
    mask-image: url(//fernes.com/cdn/shop/t/39/assets/microfiltered.svg?v=13250127728288515191753168570);
}

.supplement-facts-modal-item__img--bioavailable {
    mask-image: url(//fernes.com/cdn/shop/t/39/assets/bioavailable.svg?v=18405642031036768661753168421);
}

.supplement-facts-modal-item__img--undenatured {
    mask-image: url(//fernes.com/cdn/shop/t/39/assets/undenatured.svg?v=118650660575949949691753168736);
}

.supplement-facts-modal-item__img--no-artificial {
    mask-image: url(//fernes.com/cdn/shop/t/39/assets/no-artificial.svg?v=100157069076347266751753168614);
}

.supplement-facts-modal-item__img--premium-quality {
    mask-image: url(//fernes.com/cdn/shop/t/39/assets/premium-quality.svg?v=66528277933044361041753168625);
}

.supplement-facts-modal-item__img--3rd-party {
    mask-image: url(//fernes.com/cdn/shop/t/39/assets/3rd-party.svg?v=40739156149626962731753168395);
}

.supplement-facts-modal-item__img--verified-potency {
    mask-image: url(//fernes.com/cdn/shop/t/39/assets/verified-potency.svg?v=17249818289873905181753168739);
}

.supplement-facts-modal__body {
    margin-bottom: 18px;
}

.supplement-facts-modal__content {
    display: none;
}

.supplement-facts-modal__content--show {
    display: block;
}

.supplement-facts-modal .button {
    background-color: var(--color-button-background);
    box-shadow: 0 4px 0 0 var(--color-button-box-shadow);
    border-color: var(--color-button-background);
}

.supplement-facts-modal .button:hover {
    background-color: var(--color-button-box-shadow);
    box-shadow: 0 4px 0 0 var(--color-button-background);
    border-color: var(--color-button-box-shadow);
}

}