body {
    line-height: 1.43;
    --text-color-tertiary: #697177;
    /* background-color: #fcf1d4; */
    color: #520500;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
}

.LinkPrimary,
.c-input-box__link {
    color: #ff8961;
}
.c-progress__bar {
    background: #ff8961;
}
.c-input-box__input:checked {
    border-color: #ff8961;
}
.c-input-box__checkmark {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23ff8961' stroke-width='3' d='M5,12.5373721 L9.93086252,17 C15.9769542,9.66666667 19,6 19,6'/%3E%3C/svg%3E%0A");
}
.c-input-box--radio .c-input-box__checkmark::after,
.c-radio__checkmark::after {
    background: #ff8961;
}

/* OVERRIDE FONTS */
.Display1 {
    font-weight: 500;
}

*::-moz-selection {
    /* Code for Firefox */
    background: rgba(102, 103, 203, 0.2);
}

*::selection {
    background: rgba(102, 103, 203, 0.2);
}

/* SWATCHES */

.QuestionSwatchInput:checked
    ~ .QuestionSwatchLabelRadioTextContainer
    .QuestionSwatchLabelRadio
    .QuestionSwatchLabelRadioChecked {
    background-color: var(--primary-color);
}

.QuestionSwatchInput:checked
    ~ .QuestionSwatchLabelCheckboxTextContainer
    .QuestionSwatchLabelCheckbox
    .QuestionSwatchLabelCheckboxChecked {
    border-color: var(--primary-color);
}

.QuestionSwatchInput:checked ~ .QuestionSwatchLabelRadioTextContainer .QuestionSwatchLabelRadio {
    border-color: var(--primary-color);
}

.QuestionSwatchInput:checked ~ .QuestionSwatchBorder {
    border-color: var(--primary-color);
}

/* ACCOUNT AREA */

.AccountMenuBarContainer {
    background-color: #1b1b33;
}

.AccountIndexProfileTiles {
    background-color: var(--primary-color);
}

.AccountIndexProfileTileLink {
    color: var(--primary-color);
}

.AccountIndexProfileTileArrow {
    border-color: var(--primary-color);
}

.AccountIndexAvatarEditBtn:hover {
    border-color: var(--primary-color);
    background-color: #e6e6f6;
    color: var(--primary-color);
}

.AccountIndexAvatarEditBtn:focus {
    border-color: #d1d2eb;
}

/* ACCOUNT INDEX AWARDS */

.AccountIndexAwardsIconAchieved svg path {
    fill: #c04c7d;
}

.AccountProductsCount {
    background-color: #c04c7d;
}

/* BEAUTY PROFILE */

.c-radio__label {
    font-size: 0.875rem;
}
.LandingFooterTerms a {
    margin: 0 0.5rem;
}
.LandingFooter #powered-by-sopost {
    margin-bottom: 3rem;
}
.c-badge {
    text-align: center;
    --em-size: 21px;
}

.c-button {
    cursor: pointer;
    position: relative;
    text-decoration: none;
    font-size: 1.3125rem;
    --lh: 2.5;
    font-weight: 500;
    block-size: calc(var(--lh) * 1em);
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    padding-inline: 1.5em;
    white-space: nowrap;
    overflow: hidden;
    font-family: ModernGothic;
    transition: all 0.2s;
    border-radius: 0;
    font-weight: 700;
    text-transform: capitalize;
    color: #520500;
}
.c-button:hover {
    background: rgb(114, 21, 93);
    background: #ff8961;
}
.c-account-footer {
    background-color: #fcf1d4;
    font-family: Roboto;
}
.c-profile-tile__complete {
    color: black;
}
.c-profile-tile {
    background-image: linear-gradient(to right, #ffd0cb, #fff8ed);
}
.c-profile-tile__button {
    border: 1px solid black;
    background: var(--primary-color);
    color: black;
}
.c-account-footer__nav {
    color: #520500;
}
.c-bottom-nav__link {
    color: #520500;
}
.c-profile-tile__arrow {
    border-color: var(--primary-color-text);
}
.c-account-header a {
    margin-block-end: 2rem;
    display: inline-block;
    max-inline-size: 220px;
}