/*字体文件*/
@font-face {
    font-family: moriston;
    font-weight: 800;
    src: url(./fonts/Moriston-Black.otf)
}

@font-face {
    font-family: inter;
    font-weight: 400;
    src: url(./fonts/Inter-Regular.ttf)
}

@font-face {
    font-family: inter-bold;
    src: url(./fonts/Inter-Bold.ttf)
}

@font-face {
    font-family: inter-black;
    font-weight: 700;
    src: url(./fonts/Inter-Black.ttf)
}

@font-face {
    font-family: inter-light;
    src: url(./fonts/Inter-Light.ttf)
}

@font-face {
    font-family: inter-xtra-light;
    src: url(./fonts/Inter-ExtraLight.ttf)
}

@font-face {
    font-family: inter-medium;
    src: url(./fonts/Inter-Medium.ttf)
}

@font-face {
    font-family: roxborough;
    font-style: normal;
    font-weight: 700;
    src: url(./fonts/Roxborough-CF-Bold.otf)
}

@font-face {
    font-family: roxborough;
    font-weight: 500;
    src: url(./fonts/Roxborough-CF-Medium.otf)
}

@font-face {
    font-family: roxborough;
    font-style: italic;
    font-weight: 500;
    src: url(./fonts/Roxborough-CF-Medium-Italic.otf)
}

@font-face {
    font-family: roxborough;
    font-style: italic;
    font-weight: 400;
    src: url(./fonts/Roxborough-CF-Regular-Italic.otf)
}

@font-face {
    font-family: nimbus-sans;
    font-weight: 400;
    src: url(./fonts/nimbus-sans-l.regular.otf)
}

@font-face {
    font-family: nimbus-sans;
    font-weight: 600;
    src: url(./fonts/nimbus-sans-l.bold.otf)
}

@font-face {
    font-family: termina;
    font-weight: 400;
    src: url(./fonts/Termina-regular.otf)
}

@font-face {
    font-family: termina;
    font-weight: 800;
    src: url(./fonts/Termina-black.otf)
}

@font-face {
    font-family: rene-bieder;
    font-weight: 800;
    src: url("./fonts/Rene Bieder - RBNo3.1-Bold.otf")
}

@font-face {
    font-family: rene-bieder;
    font-style: italic;
    font-weight: 800;
    src: url("./fonts/Rene Bieder - RBNo3.1-BoldItalic.otf")
}

@font-face {
    font-family: rene-bieder;
    font-weight: 400;
    src: url("./fonts/Rene Bieder - RBNo3.1-Light.otf")
}

@font-face {
    font-family: rene-bieder;
    font-style: italic;
    font-weight: 400;
    src: url("./fonts/Rene Bieder - RBNo3.1-LightItalic.otf")
}

@font-face {
    font-family: barlow;
    src: url(./fonts/Barlow-Regular.ttf)
}

@font-face {
    font-family: barlow;
    font-style: italic;
    src: url(./fonts/Barlow-Italic.ttf)
}

@font-face {
    font-family: barlow;
    font-weight: 100;
    src: url(./fonts/Barlow-Thin.ttf)
}

@font-face {
    font-family: barlow;
    font-style: italic;
    font-weight: 100;
    src: url(./fonts/Barlow-Thin.ttf)
}

@font-face {
    font-family: barlow;
    font-weight: 200;
    src: url(./fonts/Barlow-ExtraLight.ttf)
}

@font-face {
    font-family: barlow;
    font-style: italic;
    font-weight: 200;
    src: url(./fonts/Barlow-ExtraLightItalic.ttf)
}

@font-face {
    font-family: barlow;
    font-weight: 300;
    src: url(./fonts/Barlow-Light.ttf)
}

@font-face {
    font-family: barlow;
    font-style: italic;
    font-weight: 300;
    src: url(./fonts/Barlow-LightItalic.ttf)
}

@font-face {
    font-family: barlow;
    font-weight: 500;
    src: url(./fonts/Barlow-Medium.ttf)
}

@font-face {
    font-family: barlow;
    font-style: italic;
    font-weight: 500;
    src: url(./fonts/Barlow-MediumItalic.ttf)
}

@font-face {
    font-family: barlow;
    font-weight: 600;
    src: url(./fonts/Barlow-SemiBold.ttf)
}

@font-face {
    font-family: barlow;
    font-style: italic;
    font-weight: 600;
    src: url(./fonts/Barlow-SemiBoldItalic.ttf)
}

@font-face {
    font-family: barlow;
    font-weight: 700;
    src: url(./fonts/Barlow-Bold.ttf)
}

@font-face {
    font-family: barlow;
    font-style: italic;
    font-weight: 700;
    src: url(./fonts/Barlow-BoldItalic.ttf)
}

@font-face {
    font-family: barlow;
    font-weight: 800;
    src: url(./fonts/Barlow-ExtraBold.ttf)
}

@font-face {
    font-family: barlow;
    font-style: italic;
    font-weight: 800;
    src: url(./fonts/Barlow-ExtraBoldItalic.ttf)
}

@font-face {
    font-family: barlow;
    font-weight: 900;
    src: url(./fonts/Barlow-Black.ttf)
}

@font-face {
    font-family: barlow;
    font-style: italic;
    font-weight: 900;
    src: url(./fonts/Barlow-BlackItalic.ttf)
}

@font-face {
    font-family: neue-haas-grotesk-display;
    font-weight: 100;
    src: url(./fonts/NeueHaasDisplayXXThin.ttf)
}

@font-face {
    font-family: neue-haas-grotesk-display;
    font-style: italic;
    font-weight: 100;
    src: url(./fonts/NeueHaasDisplayXXThinItalic.ttf)
}

@font-face {
    font-family: neue-haas-grotesk-display;
    font-weight: 200;
    src: url(./fonts/NeueHaasDisplayXThin.ttf)
}

@font-face {
    font-family: neue-haas-grotesk-display;
    font-style: italic;
    font-weight: 200;
    src: url(./fonts/NeueHaasDisplayXThinItalic.ttf)
}

@font-face {
    font-family: neue-haas-grotesk-display;
    font-weight: 300;
    src: url(./fonts/NeueHaasDisplayThin.ttf)
}

@font-face {
    font-family: neue-haas-grotesk-display;
    font-style: italic;
    font-weight: 300;
    src: url(./fonts/NeueHaasDisplayThinItalic.ttf)
}

@font-face {
    font-family: neue-haas-grotesk-display;
    font-weight: 400;
    src: url(./fonts/NeueHaasDisplayLight.ttf)
}

@font-face {
    font-family: neue-haas-grotesk-display;
    font-style: italic;
    font-weight: 400;
    src: url(./fonts/NeueHaasDisplayLightItalic.ttf)
}

@font-face {
    font-family: neue-haas-grotesk-display;
    font-weight: 500;
    src: url(./fonts/NeueHaasDisplayRoman.ttf)
}

@font-face {
    font-family: neue-haas-grotesk-display;
    font-style: italic;
    font-weight: 500;
    src: url(./fonts/NeueHaasDisplayRomanItalic.ttf)
}

@font-face {
    font-family: neue-haas-grotesk-display;
    font-weight: 600;
    src: url(./fonts/NeueHaasDisplayMedium.ttf)
}

@font-face {
    font-family: neue-haas-grotesk-display;
    font-style: italic;
    font-weight: 600;
    src: url(./fonts/NeueHaasDisplayMediumItalic.ttf)
}

@font-face {
    font-family: neue-haas-grotesk-display;
    font-weight: 700;
    src: url(./fonts/NeueHaasDisplayBold.ttf)
}

@font-face {
    font-family: neue-haas-grotesk-display;
    font-style: italic;
    font-weight: 700;
    src: url(./fonts/NeueHaasDisplayBoldItalic.ttf)
}

@font-face {
    font-family: neue-haas-grotesk-display;
    font-weight: 800 900;
    src: url(./fonts/NeueHaasDisplayBlack.ttf)
}

@font-face {
    font-family: neue-haas-grotesk-display;
    font-style: italic;
    font-weight: 800 900;
    src: url(./fonts/NeueHaasDisplayBlackItalic.ttf)
}

@font-face {
    font-family: ivyora-display;
    font-weight: 100;
    src: url(./fonts/IvyOraDisplay-Thin.otf)
}

@font-face {
    font-family: ivyora-display;
    font-style: italic;
    font-weight: 100;
    src: url(./fonts/IvyOraDisplay-ThinItalic.otf)
}

@font-face {
    font-family: ivyora-display;
    font-weight: 200 300;
    src: url(./fonts/IvyOraDisplay-Light.otf)
}

@font-face {
    font-family: ivyora-display;
    font-style: italic;
    font-weight: 200 300;
    src: url(./fonts/IvyOraDisplay-LightItalic.otf)
}

@font-face {
    font-family: ivyora-display;
    font-weight: 400 500;
    src: url(./fonts/IvyOraDisplay-Regular.otf)
}

@font-face {
    font-family: ivyora-display;
    font-style: italic;
    font-weight: 400 500;
    src: url(./fonts/IvyOraDisplay-RegularItalic.otf)
}

@font-face {
    font-family: ivyora-display;
    font-weight: 600 700;
    src: url(./fonts/IvyOraDisplay-Medium.otf)
}

@font-face {
    font-family: ivyora-display;
    font-style: italic;
    font-weight: 600 700;
    src: url(./fonts/IvyOraDisplay-MediumItalic.otf)
}

@font-face {
    font-family: ivyora-display;
    font-weight: 800 900;
    src: url(./fonts/IvyOraDisplay-Bold.otf)
}

@font-face {
    font-family: ivyora-display;
    font-style: italic;
    font-weight: 800 900;
    src: url(./fonts/IvyOraDisplay-BoldItalic.otf)
}
/*字体文件结束*/
body, button, input, textarea {
    font-family: neue-haas-grotesk-display,Arial,Helvetica,sans-serif;
    font-weight: 500
}
.page-title h1 {
    font-family: neue-haas-grotesk-display,Arial,Helvetica,sans-serif
}

.mb-5 {
    margin: 0 0 54px;
}

.bg-white {
    background-color: #efede4;
}

.full-height {
    height: 100%;
}

a {
    cursor: pointer;
}

.color-white {
    color: #fff;
}

.flex-end {
    justify-content: flex-end;
}

.transparent {
    background-color: transparent;
}

.no-border {
    border: none;
}

.font-light {
    font-weight: 500;
}

.pointer {
    cursor: pointer;
}

.underline {
    text-decoration: underline;
}

.d-flex {
    display: flex;
}

.full-width {
    width: 100%;
}

.center_text {
    text-align: center;
}

.dp__input_wrap {
    box-sizing: unset;
    position: relative;
    width: 100%
}

    .dp__input_wrap:focus {
        border-color: var(--dp-border-color-hover);
        outline: none
    }

.dp__input {
    background-color: var(--dp-background-color);
    border: 1px solid var(--dp-border-color);
    border-radius: 4px;
    box-sizing: border-box;
    color: var(--dp-text-color);
    font-family: -apple-system, blinkmacsystemfont, Segoe UI, roboto, oxygen, ubuntu, cantarell, Open Sans, Helvetica Neue, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    outline: none;
    padding: 6px 12px;
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    width: 100%
}

    .dp__input::-moz-placeholder {
        opacity: .7
    }

    .dp__input::placeholder {
        opacity: .7
    }

    .dp__input:hover {
        border-color: var(--dp-border-color-hover)
    }

.dp__input_reg {
    caret-color: transparent
}

.dp__input_focus {
    border-color: var(--dp-border-color-hover)
}

.dp__disabled {
    background: var(--dp-disabled-color)
}

    .dp__disabled::-moz-placeholder {
        color: var(--dp-disabled-color-text)
    }

    .dp__disabled::placeholder {
        color: var(--dp-disabled-color-text)
    }

.dp__input_icons {
    stroke-width: 0;
    box-sizing: content-box;
    color: var(--dp-icon-color);
    display: inline-block;
    font-size: 1rem;
    height: 1rem;
    line-height: 1.5rem;
    padding: 6px 12px;
    width: 1rem
}

.dp__input_icon {
    left: 0
}

.dp__clear_icon,
.dp__input_icon {
    color: var(--dp-icon-color);
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.dp__clear_icon {
    right: 0
}

.dp__input_icon_pad {
    padding-left: 35px
}

.dp__input_valid {
    box-shadow: 0 0 4px var(--dp-success-color)
}

    .dp__input_valid,
    .dp__input_valid:hover {
        border-color: var(--dp-success-color)
    }

.dp__input_invalid {
    box-shadow: 0 0 4px var(--dp-danger-color)
}

    .dp__input_invalid,
    .dp__input_invalid:hover {
        border-color: var(--dp-danger-color)
    }

.dp__menu {
    background: var(--dp-background-color);
    border: 1px solid var(--dp-menu-border-color);
    border-radius: 4px;
    font-family: -apple-system, blinkmacsystemfont, Segoe UI, roboto, oxygen, ubuntu, cantarell, Open Sans, Helvetica Neue, sans-serif;
    font-size: 1rem;
    min-width: 260px;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

    .dp__menu,
    .dp__menu:after,
    .dp__menu:before {
        box-sizing: border-box
    }

        .dp__menu:focus {
            border: 1px solid var(--dp-menu-border-color);
            outline: none
        }

.dp__menu_index {
    z-index: 99999
}

.dp__menu_disabled,
.dp__menu_readonly {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.dp__menu_disabled {
    background: hsla(0, 0%, 100%, .5);
    cursor: not-allowed
}

.dp__menu_readonly {
    background: transparent;
    cursor: default
}

.dp__arrow_top {
    border-left: 1px solid var(--dp-menu-border-color);
    border-top: 1px solid var(--dp-menu-border-color);
    top: -1px;
    transform: translate(-50%, -50%) rotate(45deg)
}

.dp__arrow_bottom,
.dp__arrow_top {
    background-color: var(--dp-background-color);
    height: 12px;
    left: 50%;
    position: absolute;
    width: 12px
}

.dp__arrow_bottom {
    border-bottom: 1px solid var(--dp-menu-border-color);
    border-right: 1px solid var(--dp-menu-border-color);
    bottom: -1px;
    transform: translate(-50%, 50%) rotate(45deg)
}

.dp__now_wrap {
    padding: 2px 0;
    text-align: center
}

.dp__now_button {
    background: transparent;
    border: 1px solid var(--dp-primary-color);
    border-radius: 4px;
    color: var(--dp-primary-color);
    cursor: pointer;
    font-size: 1rem;
    font-weight: 700;
    padding: 0 4px
}

.dp__preset_ranges {
    border-right: 1px solid var(--dp-border-color);
    padding: 5px
}

.dp__preset_range {
    padding: 5px
}

    .dp__preset_range:hover {
        background-color: var(--dp-hover-color);
        cursor: pointer
    }

.dp__menu_content_wrapper {
    display: flex
}

.dp__calendar_wrap {
    flex: 0;
    flex-direction: column;
    font-family: -apple-system, blinkmacsystemfont, Segoe UI, roboto, oxygen, ubuntu, cantarell, Open Sans, Helvetica Neue, sans-serif
}

.dp__calendar_header,
.dp__calendar_wrap {
    align-items: center;
    display: flex;
    justify-content: center
}

.dp__calendar_header {
    color: var(--dp-text-color);
    font-weight: 700;
    position: relative;
    white-space: nowrap
}

.dp__calendar_header_item {
    box-sizing: border-box;
    flex-grow: 1;
    height: 35px;
    padding: 5px;
    text-align: center;
    width: 35px
}

.dp__calendar_row {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 5px 0
}

.dp__calendar_item {
    box-sizing: border-box;
    color: var(--dp-text-color);
    flex-grow: 1;
    text-align: center
}

.dp__calendar {
    position: relative
}

.dp__calendar_header_cell {
    border-bottom: thin solid var(--dp-border-color);
    padding: .5rem
}

.dp__cell_inner {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    height: 35px;
    justify-content: center;
    padding: 5px;
    position: relative;
    text-align: center;
    width: 35px
}

.dp__cell_auto_range_start,
.dp__date_hover_start:hover,
.dp__range_start {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.dp__cell_auto_range_end,
.dp__date_hover_end:hover,
.dp__range_end {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.dp__active_date,
.dp__range_end,
.dp__range_start {
    background: var(--dp-primary-color);
    color: var(--dp-primary-text-color)
}

.dp__cell_auto_range_end,
.dp__cell_auto_range_start {
    border-bottom: 1px dashed var(--dp-primary-color);
    border-top: 1px dashed var(--dp-primary-color)
}

.dp__date_hover:hover,
.dp__date_hover_end:hover,
.dp__date_hover_start:hover {
    background: var(--dp-hover-color);
    color: var(--dp-hover-text-color)
}

.dp__cell_disabled,
.dp__cell_offset {
    color: var(--dp-secondary-color)
}

.dp__cell_disabled {
    cursor: not-allowed
}

.dp__range_between {
    background: var(--dp-hover-color);
    border-bottom: 1px solid var(--dp-hover-color);
    border-radius: 0;
    border-top: 1px solid var(--dp-hover-color)
}

.dp__range_between_week {
    background: var(--dp-primary-color);
    border-bottom: 1px solid var(--dp-primary-color);
    border-radius: 0;
    border-top: 1px solid var(--dp-primary-color);
    color: var(--dp-primary-text-color)
}

.dp__today {
    border: 1px solid var(--dp-primary-color)
}

.dp__week_num {
    color: var(--dp-secondary-color);
    text-align: center
}

.dp__cell_auto_range {
    border-bottom: 1px dashed var(--dp-primary-color);
    border-radius: 0;
    border-top: 1px dashed var(--dp-primary-color)
}

.dp__cell_auto_range_start {
    border-left: 1px dashed var(--dp-primary-color)
}

.dp__cell_auto_range_end {
    border-right: 1px dashed var(--dp-primary-color)
}

.dp__calendar_header_separator {
    background: var(--dp-border-color);
    height: 1px;
    width: 100%
}

.dp__calendar_next {
    margin-left: 10px
}

.dp__marker_dot,
.dp__marker_line {
    background-color: var(--dp-marker-color);
    bottom: 0;
    height: 5px;
    position: absolute
}

.dp__marker_dot {
    border-radius: 50%;
    left: 50%;
    transform: translateX(-50%);
    width: 5px
}

.dp__marker_line {
    left: 0;
    width: 100%
}

.dp__marker_tooltip {
    background-color: var(--dp-tooltip-color);
    border: 1px solid var(--dp-border-color);
    border-radius: 4px;
    box-sizing: border-box;
    cursor: default;
    padding: 5px;
    position: absolute;
    z-index: 99999
}

.dp__tooltip_content {
    white-space: nowrap
}

.dp__tooltip_text {
    align-items: center;
    color: var(--dp-text-color);
    display: flex;
    flex-flow: row nowrap
}

.dp__tooltip_mark {
    background-color: var(--dp-text-color);
    border-radius: 50%;
    color: var(--dp-text-color);
    height: 5px;
    margin-right: 5px;
    width: 5px
}

.dp__arrow_bottom_tp {
    background-color: var(--dp-tooltip-color);
    border-bottom: 1px solid var(--dp-border-color);
    border-right: 1px solid var(--dp-border-color);
    bottom: 0;
    height: 8px;
    left: 50%;
    position: absolute;
    transform: translate(-50%, 50%) rotate(45deg);
    width: 8px
}

.dp__instance_calendar {
    position: relative
}

@media only screen and (max-width:600px) {
    .dp__flex_display {
        flex-direction: column
    }
}

.dp__month_year_row {
    align-items: center;
    box-sizing: border-box;
    color: var(--dp-text-color);
    display: flex;
    height: 35px
}

.dp__inner_nav {
    align-items: center;
    border-radius: 50%;
    color: var(--dp-icon-color);
    cursor: pointer;
    display: flex;
    height: 25px;
    justify-content: center;
    text-align: center;
    width: 25px
}

    .dp__inner_nav svg {
        height: 20px;
        width: 20px
    }

    .dp__inner_nav:hover {
        background: var(--dp-hover-color);
        color: var(--dp-hover-icon-color)
    }

.dp__month_year_select {
    align-items: center;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 35px;
    justify-content: center;
    text-align: center;
    width: 50%
}

    .dp__month_year_select:hover {
        background: var(--dp-hover-color);
        color: var(--dp-hover-text-color)
    }

.dp__overlay {
    background: var(--dp-background-color);
    box-sizing: border-box;
    color: var(--dp-text-color);
    font-family: -apple-system, blinkmacsystemfont, Segoe UI, roboto, oxygen, ubuntu, cantarell, Open Sans, Helvetica Neue, sans-serif;
    height: 100%;
    left: 0;
    overflow-y: auto;
    position: absolute;
    top: 0;
    transition: opacity 1s ease-out;
    width: 100%;
    z-index: 99999
}

    .dp__overlay::-webkit-scrollbar-track {
        background-color: var(--dp-scroll-bar-background);
        box-shadow: var(--dp-scroll-bar-background)
    }

    .dp__overlay::-webkit-scrollbar {
        background-color: var(--dp-scroll-bar-background);
        width: 5px
    }

    .dp__overlay::-webkit-scrollbar-thumb {
        background-color: var(--dp-scroll-bar-color);
        border-radius: 10px
    }

    .dp__overlay:focus {
        border: none;
        outline: none
    }

.dp__container_flex {
    display: flex
}

.dp__container_block {
    display: block
}

.dp__overlay_container {
    flex-direction: column;
    height: 100%
}

.dp__overlay_row {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    padding: 0;
    width: 100%
}

.dp__overlay_container > .dp__overlay_row {
    flex: 1
}

.dp__overlay_col {
    box-sizing: border-box;
    padding: 3px;
    white-space: nowrap;
    width: 33%
}

.dp__overlay_cell_pad {
    padding: 10px 0
}

.dp__overlay_cell_active {
    background: var(--dp-primary-color);
    color: var(--dp-primary-text-color)
}

.dp__overlay_cell,
.dp__overlay_cell_active {
    border-radius: 4px;
    cursor: pointer;
    text-align: center
}

    .dp__cell_in_between,
    .dp__overlay_cell:hover {
        background: var(--dp-hover-color);
        color: var(--dp-hover-text-color)
    }

.dp__overlay_action {
    background: #fff;
    bottom: 0;
    position: -webkit-sticky;
    position: sticky
}

.dp__over_action_scroll {
    box-sizing: border-box;
    right: 5px
}

.dp__overlay_cell_disabled {
    cursor: not-allowed
}

    .dp__overlay_cell_disabled,
    .dp__overlay_cell_disabled:hover {
        background: var(--dp-disabled-color)
    }

.dp__overlay_cell_active_disabled {
    cursor: not-allowed
}

    .dp__overlay_cell_active_disabled,
    .dp__overlay_cell_active_disabled:hover {
        background: var(--dp-primary-disabled-color)
    }

.dp__month_picker_header {
    height: 35px;
    justify-content: space-between
}

.dp__month_picker_header,
.dp__time_input {
    align-items: center;
    display: flex;
    width: 100%
}

.dp__time_input {
    color: var(--dp-text-color);
    font-family: -apple-system, blinkmacsystemfont, Segoe UI, roboto, oxygen, ubuntu, cantarell, Open Sans, Helvetica Neue, sans-serif;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.dp__time_col_reg {
    padding: 0 20px
}

.dp__time_col_reg_with_button {
    padding: 0 15px
}

.dp__time_col_sec {
    padding: 0 10px
}

.dp__time_col_sec_with_button {
    padding: 0 5px
}

.dp__time_col {
    flex-direction: column;
    font-size: 2rem;
    text-align: center
}

.dp__time_col,
.dp__time_display {
    align-items: center;
    display: flex;
    justify-content: center
}

.dp__time_display {
    border-radius: 4px;
    color: var(--dp-text-color);
    cursor: pointer;
    padding: 0 3px
}

    .dp__time_display:hover {
        background: var(--dp-hover-color);
        color: var(--dp-hover-text-color)
    }

.dp__inc_dec_button {
    align-items: center;
    border-radius: 50%;
    box-sizing: border-box;
    color: var(--dp-icon-color);
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 5px
}

    .dp__inc_dec_button,
    .dp__inc_dec_button svg {
        height: 32px;
        width: 32px
    }

        .dp__inc_dec_button:hover {
            background: var(--dp-hover-color);
            color: var(--dp-primary-color)
        }

.dp__pm_am_button {
    background: var(--dp-primary-color);
    border: none;
    border-radius: 4px;
    color: var(--dp-primary-text-color);
    cursor: pointer;
    padding: 10px
}

.dp__action_row {
    align-items: center;
    background: var(--dp-background-color);
    box-sizing: border-box;
    color: var(--dp-text-color);
    display: flex;
    padding: 10px;
    width: 100%
}

    .dp__action_row svg {
        height: 20px;
        width: auto
    }

.dp__selection_preview {
    color: var(--dp-text-color);
    font-size: .8rem;
    width: 50%
}

.dp__action_buttons {
    text-align: right;
    width: 50%
}

.dp__action {
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    font-weight: 700;
    padding: 2px 5px
}

.dp__select {
    color: var(--dp-success-color)
}

.dp__action_disabled {
    color: var(--dp-success-color-disabled);
    cursor: not-allowed
}

.dp__cancel {
    color: var(--dp-secondary-color)
}

.dp__theme_dark {
    --dp-background-color: #212121;
    --dp-text-color: #fff;
    --dp-hover-color: #484848;
    --dp-hover-text-color: #fff;
    --dp-hover-icon-color: #959595;
    --dp-primary-color: #005cb2;
    --dp-primary-disabled-color: #61a8ea;
    --dp-primary-text-color: #fff;
    --dp-secondary-color: #a9a9a9;
    --dp-border-color: #2d2d2d;
    --dp-menu-border-color: #2d2d2d;
    --dp-border-color-hover: #aaaeb7;
    --dp-disabled-color: #737373;
    --dp-disabled-color-text: #d0d0d0;
    --dp-scroll-bar-background: #212121;
    --dp-scroll-bar-color: #484848;
    --dp-success-color: #00701a;
    --dp-success-color-disabled: #428f59;
    --dp-icon-color: #959595;
    --dp-danger-color: #e53935;
    --dp-marker-color: #e53935;
    --dp-tooltip-color: #3e3e3e
}

.dp__theme_light {
    --dp-background-color: #fff;
    --dp-text-color: #212121;
    --dp-hover-color: #f3f3f3;
    --dp-hover-text-color: #212121;
    --dp-hover-icon-color: #959595;
    --dp-primary-color: #1976d2;
    --dp-primary-disabled-color: #6bacea;
    --dp-primary-text-color: #f8f5f5;
    --dp-secondary-color: #c0c4cc;
    --dp-border-color: #ddd;
    --dp-menu-border-color: #ddd;
    --dp-border-color-hover: #aaaeb7;
    --dp-disabled-color: #f6f6f6;
    --dp-scroll-bar-background: #f3f3f3;
    --dp-scroll-bar-color: #959595;
    --dp-success-color: #76d275;
    --dp-success-color-disabled: #a3d9b1;
    --dp-icon-color: #959595;
    --dp-danger-color: #ff6f60;
    --dp-marker-color: #ff6f60;
    --dp-tooltip-color: #fafafa;
    --dp-disabled-color-text: #8e8e8e
}

.dp__main {
    box-sizing: border-box;
    font-family: -apple-system, blinkmacsystemfont, Segoe UI, roboto, oxygen, ubuntu, cantarell, Open Sans, Helvetica Neue, sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.dp__pointer {
    cursor: pointer
}

.dp__icon {
    stroke: currentcolor;
    fill: currentcolor
}

.dp__button {
    align-content: center;
    align-items: center;
    background: var(--dp-background-color);
    box-sizing: border-box;
    color: var(--dp-icon-color);
    cursor: pointer;
    display: flex;
    height: 35px;
    justify-content: center;
    padding: 10px;
    text-align: center;
    width: 100%
}

    .dp__button:hover {
        background: var(--dp-hover-color);
        color: var(--dp-hover-icon-color)
    }

    .dp__button svg {
        height: 20px;
        width: auto
    }

.dp__button_bottom {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.dp__flex_display {
    display: flex
}

.dp__flex_display_with_input {
    align-items: start;
    flex-direction: column
}

.dp__relative {
    position: relative
}

.calendar-next-enter-active,
.calendar-next-leave-active,
.calendar-prev-enter-active,
.calendar-prev-leave-active {
    transition: all .1s ease-out
}

.calendar-next-enter-from {
    opacity: 0;
    transform: translateX(22px)
}

.calendar-next-leave-to,
.calendar-prev-enter-from {
    opacity: 0;
    transform: translateX(-22px)
}

.calendar-prev-leave-to {
    opacity: 0;
    transform: translateX(22px)
}

.dp-menu-appear-enter-active,
.dp-menu-appear-leave-active,
.dp-slide-down-enter-active,
.dp-slide-down-leave-active,
.dp-slide-up-enter-active,
.dp-slide-up-leave-active {
    transition: all .1s ease-out
}

.dp-slide-down-leave-to,
.dp-slide-up-enter-from {
    opacity: 0;
    transform: translateY(22px)
}

.dp-slide-down-enter-from,
.dp-slide-up-leave-to {
    opacity: 0;
    transform: translateY(-22px)
}

.dp-menu-appear-enter-from {
    opacity: 0
}

.dp-menu-appear-leave-to {
    opacity: 1
}

* {
    box-sizing: border-box;
    line-height: 1;
    margin: 0;
    outline: none;
    padding: 0
}

html {
    font-size: 15px;
}

body {
    color: #29524d;
    font-size: 15px;
}

body,
button,
input {
    font-family: neue-haas-grotesk-display, Arial, Helvetica, sans-serif
}

h3,
h4,
h5 {
    font-family: ivyora-display, Barlow, Arial, Helvetica, sans-serif
}

li,
ul {
    list-style-type: none
}

a,
a:hover,
a:visited {
    text-decoration: none
}

button,
input {
    outline: none
}

button {
    cursor: pointer
}

a:visited {
    text-decoration: none
}

@media (max-width:425px) {

    div[aria-modal=false][aria-label="Live video shopping"],
    div[data-bambuser-liveshopping-floating-id] {
        bottom: 5rem !important;
        transition: all .3s ease
    }
}

.contain {
    -o-object-fit: contain;
    object-fit: contain
}

.d-flex {
    display: flex
}

.justify-content-space-between {
    justify-content: space-between
}

.justify-content-space-around {
    justify-content: space-around
}

.flex-col-center {
    align-items: center
}

.flex-col-center,
.flex-col-justify-center {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.flex-column {
    flex-direction: column
}

.justify-content-center {
    justify-content: center
}

.align-items-center {
    align-items: center
}

.flex-wrap {
    flex-wrap: wrap
}

.relative-container {
    position: relative
}

.i-norm {
    font-style: normal
}

.page-wrapper {
    padding: 1rem 2rem
}

@media (max-width:425px) {
    .page-wrapper {
        padding: 1rem 7vw
    }
}

.product-list-item-container {
    border: 1px solid #d3d5e3;
    border-radius: 5px;
    min-height: 438px;
    width: 165px
}

.background-gradient-blue-black {
    background: linear-gradient(292deg, #2d394c 70%, #2c5b75)
}

.background-gradient-orange {
    background: linear-gradient(115deg, #f05743 70%, #f0ad43)
}

.background-gradient-blue-green {
    background: linear-gradient(104deg, #2c5b75 70%, #0fc191)
}

.message-box-container {
    border-radius: 5px;
    padding: 1rem;
    position: relative
}

    .message-box-container.blue-message-theme {
        border: 1px solid #2c5b75
    }

        .message-box-container.blue-message-theme a,
        .message-box-container.blue-message-theme b {
            color: #2c5b75
        }

    .message-box-container.green-message-theme {
        border: 1px solid #29524d
    }

        .message-box-container.green-message-theme a,
        .message-box-container.green-message-theme b {
            color: #29524d
        }

    .message-box-container.dark-gray-message-theme {
        border: 1px solid #d3d5e3
    }

        .message-box-container.dark-gray-message-theme a,
        .message-box-container.dark-gray-message-theme b {
            color: #d3d5e3
        }

.message-box-container__icon {
    bottom: 0;
    position: absolute;
    right: 2%;
    top: 0
}

    .message-box-container__icon i {
        background: #d3d5e3;
        border-radius: 100%;
        color: #fff;
        font-size: .75rem;
        font-style: normal;
        height: 1.25rem;
        margin: auto 0;
        width: 1.25rem
    }

.message-box-container p {
    font-size: .75rem;
    line-height: 1.5;
    margin: 0
}

    .message-box-container p:not(:first-child) {
        margin: 1rem 0 0
    }

.message-box-container a {
    text-decoration: underline
}

@media (min-width:1024px) {
    .message-box-container {
        max-width: 375px
    }
}

.promo-tag-wrapper {
    left: -2.5px;
    position: absolute;
    top: 5px
}

    .promo-tag-wrapper .promo-tag {
        border-radius: 0 25px 25px 0;
        font-size: .5rem;
        padding: .25rem .5rem
    }

        .promo-tag-wrapper .promo-tag p {
            color: #fff;
            text-transform: uppercase
        }

    .promo-tag-wrapper .promo-tag__second {
        margin: .25rem 0 0
    }

.pv-tag {
    padding: .25rem .5rem;
    position: absolute;
    right: 0;
    top: 5px
}

    .pv-tag p {
        font-size: .75rem;
        margin: 0 0 0 .25rem;
        text-transform: uppercase
    }

        .pv-tag p:nth-child(2) {
            text-decoration: line-through
        }

.btn {
    background: #fff;
    border: 1px solid #3e635f;
    border-radius: 30px;
    box-shadow: none;
    color: #3e635f;
    cursor: pointer;
    font-size: 16px;
    font-weight: 900;
    outline: none;
    padding: .75rem 3rem;
    transition: all .25s ease
}

    .btn:disabled {
        opacity: .5
    }

.btn-circle {
    border-radius: 100%;
    padding: .5rem .75rem
}

.btn-pa-orange {
    background-color: #ff4612;
    border-color: #ff4612;
    color: #fff
}

    .btn-pa-orange:hover {
        background-color: #221f1f;
        border-color: #221f1f
    }

    .btn-pa-orange:active {
        opacity: .8
    }

.btn-pa-orange-secondary {
    background-color: #ff4612;
    border-color: #ff4612;
    color: #fff
}

    .btn-pa-orange-secondary:hover {
        background-color: #b6b0e9;
        border-color: #b6b0e9
    }

    .btn-pa-orange-secondary:active {
        opacity: .8
    }

.btn-pa-orange-outline {
    background: transparent;
    border-color: #ff4612;
    color: #ff4612;
    font-weight: 900
}

    .btn-pa-orange-outline:hover {
        background: #ff4612;
        color: #fff
    }

    .btn-pa-orange-outline:active {
        opacity: .8
    }



.btn-na-blue,
.btn-na-green,
.btn-na-green-alt,
.btn-pa-green,
.btn-pa-green-static {
    background: #29524d;
    border-color: #29524d;
    color: #dcfd8b
}

    .btn-na-blue:hover,
    .btn-na-green-alt:hover,
    .btn-na-green:hover,
    .btn-pa-green-static:hover,
    .btn-pa-green:hover {
        background: #dcfd8b;
        border-color: #dcfd8b;
        color: #29524d
    }

    .btn-na-blue:active,
    .btn-na-green-alt:active,
    .btn-na-green:active,
    .btn-pa-green-static:active,
    .btn-pa-green:active {
        opacity: .8
    }

    .btn-pa-green-static:active,
    .btn-pa-green-static:hover {
        background: #29524d;
        border-color: #29524d;
        color: #dcfd8b
    }

.btn-na-blue-outline,
.btn-na-green-outline,
.btn-pa-green-outline {
    background: transparent;
    border-color: #29524d;
    color: #29524d;
    font-weight: 600
}

    .btn-na-blue-outline:hover,
    .btn-na-green-outline:hover,
    .btn-pa-green-outline:hover {
        background: #29524d;
        border-color: #29524d;
        color: #dcfd8b
    }

    .btn-na-blue-outline:active,
    .btn-na-green-outline:active,
    .btn-pa-green-outline:active {
        opacity: .8
    }


.btn-na-blue:disabled,
.btn-na-green-alt:disabled,
.btn-na-green:disabled,
.btn-pa-green-static:disabled,
.btn-pa-green:disabled {
    background-color: #d3d5e3;
    border: none;
    color: #fff;
    cursor: not-allowed;
}


.btn-na-blue-outline:disabled,
.btn-na-green-outline:disabled,
.btn-pa-green-outline:disabled {
    border: 1px solid #d3d5e3;
    color: #d3d5e3;
    cursor: not-allowed;
}

    .btn-na-blue-outline:disabled:hover,
    .btn-na-green-outline:disabled:hover,
    .btn-pa-green-outline:disabled:hover {
        background: none;
    }



.btn-pa-blue {
    background: #007aff;
    border-color: #007aff;
    color: #fff
}

    .btn-pa-blue:hover {
        background: #3d7183;
        border-color: #3d7183
    }

    .btn-pa-blue:active {
        background: #2c5b75;
        border-color: #2c5b75
    }

.btn-pa-purple {
    background: #b6b0e9;
    border-color: #b6b0e9;
    color: #2c5b75
}

    .btn-pa-purple:hover {
        background: #2c5b75;
        border-color: #2c5b75;
        color: #b6b0e9
    }

    .btn-pa-purple:active {
        opacity: .8
    }

.btn-pa-black-outline {
    background: transparent;
    border-color: #221f1f;
    color: #221f1f;
    font-weight: 900
}

    .btn-pa-black-outline:hover {
        background: #221f1f;
        border-color: #221f1f;
        color: #fff
    }

    .btn-pa-black-outline:active {
        opacity: .8
    }

.btn-na-white-outline {
    background: transparent;
    border-color: #fff;
    color: #fff;
    font-weight: 900
}

    .btn-na-white-outline:hover {
        background: #fff;
        border-color: #fff;
        color: #9e9fa6
    }

    .btn-na-white-outline:active {
        background: #f2f3fa;
        border-color: #f2f3fa
    }

.btn-pa-white-secondary {
    background: #fff;
    border-color: #fff;
    color: #2c5b75
}

    .btn-pa-white-secondary:hover {
        background: #b6b0e9;
        border-color: #b6b0e9
    }

    .btn-pa-white-secondary:active {
        opacity: .8
    }

.btn-pa-white-outline {
    background: transparent;
    border-color: #fff;
    color: #fff;
    font-weight: 900
}

    .btn-pa-white-outline:hover {
        background: #b6b0e9;
        border-color: #b6b0e9
    }

    .btn-pa-white-outline:active {
        opacity: .8
    }

.btn-na-red-purple-gradient {
    background: linear-gradient(112deg, #ff485d, #524fe7 51%, #ff485d 115%);
    background-size: 200% auto;
    border-color: transparent;
    color: #fff;
    font-weight: 900;
    transition: all .3s
}

    .btn-na-red-purple-gradient:hover {
        background-position: 100%
    }

    .btn-na-red-purple-gradient:active {
        opacity: .9
    }

.btn-na-orange {
    background: #ff485d;
    border-color: #ff485d;
    color: #fff;
    font-weight: 900
}

    .btn-na-orange:hover {
        background: #e64154;
        border-color: #e64154
    }

    .btn-na-orange:active {
        background: #cc3a4a;
        border-color: #cc3a4a
    }

.btn-na-purple {
    background: #b6b0e9;
    border-color: #b6b0e9;
    color: #2c5b75;
    font-weight: 900
}

    .btn-na-purple:active,
    .btn-na-purple:hover {
        background: #2c5b75;
        border-color: #2c5b75;
        color: #b6b0e9
    }

.btn-slider {
    background: #e6e7e8;
    border: none;
    border-radius: 100%;
    box-shadow: none;
    cursor: pointer;
    padding: .75rem;
    transition: all .3s ease
}

    .btn-slider.active {
        background: #2c5b75
    }

.btn-lu {
    background: transparent;
    border: 1px solid #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .161);
    color: #fff;
    cursor: pointer;
    font-family: termina;
    font-weight: 800;
    height: 35px;
    max-width: 300px;
    outline: none;
    transition: all .3s;
    width: 100%
}

.btn-lu-blue {
    background: #006980;
    border-color: #006980
}

    .btn-lu-blue:hover {
        background: #005f73;
        border-color: #005f73
    }

    .btn-lu-blue:active {
        background: #005466;
        border-color: #005466
    }

.btn-lu-pink {
    background: #f67599;
    border-color: #f67599
}

    .btn-lu-pink:hover {
        background: #dd698a;
        border-color: #dd698a
    }

    .btn-lu-pink:active {
        background: #c55e7a;
        border-color: #c55e7a
    }

.btn-lu-pink-outline {
    border-color: #f67599
}

    .btn-lu-pink-outline:hover {
        background: #f67599
    }

    .btn-lu-pink-outline:active {
        background: #dd698a;
        border-color: #dd698a
    }

.btn-lu-white-outline {
    border-color: #fff
}

    .btn-lu-white-outline:hover {
        background: #fff;
        color: #9e9fa6
    }

    .btn-lu-white-outline:active {
        background: #f2f3fa;
        border-color: #f2f3fa
    }

.btn-rn {
    background: transparent;
    border: 1px solid #fff;
    border-radius: 3px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 100% calc(100% - 1.125rem), calc(100% - 10px) 100%, 0 100%, 0 0, 0 0);
    clip-path: polygon(0 0, 100% 0, 100% 0, 100% calc(100% - 1.125rem), calc(100% - 10px) 100%, 0 100%, 0 0, 0 0);
    color: #fff;
    cursor: pointer;
    font-family: rene-bieder;
    font-size: 1rem;
    font-weight: 800;
    height: auto;
    max-width: 18.75rem;
    outline: none;
    padding: .625rem;
    transition: all .3s;
    width: 100%
}

.btn-rn-yellow {
    background: #ffc62a;
    border-color: #ffc62a;
    color: #092140
}

    .btn-rn-yellow:hover {
        background: #e6b226;
        border-color: #e6b226
    }

    .btn-rn-yellow:active {
        background: #cc9e22;
        border-color: #cc9e22
    }

.btn-rn-blue {
    background: #092140;
    border-color: #092140
}

    .btn-rn-blue:hover {
        background: #223753;
        border-color: #223753
    }

    .btn-rn-blue:active {
        background: #004287;
        border-color: #004287
    }

.btn-rn-blue-outline {
    background: #092140;
    border-color: #092140;
    color: #092140;
    position: relative
}

    .btn-rn-blue-outline:before {
        background: #fff;
        border-radius: 2px;
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 100% calc(100% - 1.125rem), calc(100% - 10px) 100%, 0 100%, 0 0, 0 0);
        clip-path: polygon(0 0, 100% 0, 100% 0, 100% calc(100% - 1.125rem), calc(100% - 10px) 100%, 0 100%, 0 0, 0 0);
        content: "";
        height: 100%;
        position: absolute;
        width: 100%;
        z-index: -1
    }

    .btn-rn-blue-outline:hover {
        color: #fff
    }

        .btn-rn-blue-outline:hover:before {
            background: #092140
        }

    .btn-rn-blue-outline:active {
        background: #223753;
        border-color: #223753
    }

fieldset.input-wrapper,
fieldset.textarea-wrapper {
    border: 1px solid #c7c7c7;
    color: #221f1f;
    font-size: 14px;
    padding: 0;
    position: relative
}

    fieldset.input-wrapper.error,
    fieldset.textarea-wrapper.error {
        border: 1px solid red
    }

    fieldset.input-wrapper input,
    fieldset.input-wrapper textarea,
    fieldset.textarea-wrapper input,
    fieldset.textarea-wrapper textarea {
        background-color: #fff;
        border: none;
        box-sizing: border-box;
        color: #29524d;
        font-size: 14px;
        font-weight: 400;
        padding: 10px 25px;
        width: 100%
    }

        fieldset.input-wrapper input.error,
        fieldset.input-wrapper textarea.error,
        fieldset.textarea-wrapper input.error,
        fieldset.textarea-wrapper textarea.error {
            border: 1px solid red
        }

    fieldset.input-wrapper legend,
    fieldset.textarea-wrapper legend {
        background: #fff;
        color: #29524d;
        font-size: 10px;
        left: 25px;
        padding: 0 2px;
        pointer-events: none;
        position: absolute;
        top: -1px;
        transform: translateY(-50%);
        transition: top .3s, font-size .3s, color .3s
    }

    fieldset.input-wrapper input:focus-visible,
    fieldset.input-wrapper textarea:focus-visible,
    fieldset.textarea-wrapper input:focus-visible,
    fieldset.textarea-wrapper textarea:focus-visible {
        outline: none
    }

    fieldset.input-wrapper input:disabled,
    fieldset.input-wrapper textarea:disabled,
    fieldset.textarea-wrapper input:disabled,
    fieldset.textarea-wrapper textarea:disabled {
        cursor: not-allowed
    }

    fieldset.input-wrapper:focus-within,
    fieldset.textarea-wrapper:focus-within {
        border: 1px solid #b6cc95
    }

    fieldset.input-wrapper:has(input:not(:-moz-placeholder-shown):not(:focus)),
    fieldset.input-wrapper:has(textarea:not(:-moz-placeholder-shown):not(:focus)),
    fieldset.textarea-wrapper:has(input:not(:-moz-placeholder-shown):not(:focus)),
    fieldset.textarea-wrapper:has(textarea:not(:-moz-placeholder-shown):not(:focus)) {
        border: 1px solid #29524d
    }

    fieldset.input-wrapper:has(input:not(:placeholder-shown):not(:focus)),
    fieldset.input-wrapper:has(textarea:not(:placeholder-shown):not(:focus)),
    fieldset.textarea-wrapper:has(input:not(:placeholder-shown):not(:focus)),
    fieldset.textarea-wrapper:has(textarea:not(:placeholder-shown):not(:focus)) {
        border: 1px solid #29524d
    }

    fieldset.input-wrapper:has(input:-moz-placeholder-shown:not(:focus)) legend,
    fieldset.input-wrapper:has(textarea:-moz-placeholder-shown:not(:focus)) legend,
    fieldset.textarea-wrapper:has(input:-moz-placeholder-shown:not(:focus)) legend,
    fieldset.textarea-wrapper:has(textarea:-moz-placeholder-shown:not(:focus)) legend {
        background: transparent;
        color: #29524d;
        font-size: 14px
    }

    fieldset.input-wrapper:has(input:placeholder-shown:not(:focus)) legend,
    fieldset.input-wrapper:has(textarea:placeholder-shown:not(:focus)) legend,
    fieldset.textarea-wrapper:has(input:placeholder-shown:not(:focus)) legend,
    fieldset.textarea-wrapper:has(textarea:placeholder-shown:not(:focus)) legend {
        background: transparent;
        color: #29524d;
        font-size: 14px
    }

.input-wrapper {
    border-radius: 20px
}

    .input-wrapper input {
        border-radius: 20px;
        height: 38px
    }

    .input-wrapper:has(input:-moz-placeholder-shown:not(:focus)) legend {
        top: 50%
    }

    .input-wrapper:has(input:placeholder-shown:not(:focus)) legend {
        top: 50%
    }

.textarea-wrapper {
    border-radius: 5px
}

    .textarea-wrapper textarea {
        border-radius: 5px;
        line-height: 21px
    }

    .textarea-wrapper:has(textarea:-moz-placeholder-shown:not(:focus)) legend {
        top: 15%
    }

    .textarea-wrapper:has(textarea:placeholder-shown:not(:focus)) legend {
        top: 15%
    }

.input {
    background-color: #fff;
    border: 1px solid #c7c7c7;
    border-radius: 1.5rem;
    font-size: inherit;
    margin: 0 0 1rem;
    padding: .75rem 1.25rem
}

    .input.error {
        border: 1px solid red
    }

    .input:focus {
        border: 1px solid #b6cc95
    }

    .input::placeholder {
        color: #29524d;
        opacity: 1
    }

    .input::-webkit-input-placeholder {
        color: #29524d;
        opacity: 1
    }

    .input::-moz-placeholder {
        color: #29524d;
        opacity: 1
    }

    .input:-ms-input-placeholder {
        color: #29524d;
        opacity: 1
    }

    .input:-moz-placeholder {
        color: #29524d;
        opacity: 1
    }

.radio-btn-blue {
    align-self: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #e6e7e8;
    border-radius: 50%;
    cursor: pointer;
    height: 20px;
    width: 20px
}

    .radio-btn-blue:checked {
        background: #b6cc95;
        border: 3px solid #fff;
        box-shadow: 0 0 0 1px #2c5b75;
        height: 18px;
        margin: 1px;
        position: relative;
        width: 18px
    }

        .radio-btn-blue:checked:focus {
            box-shadow: 0 0 .175rem .05rem #29524d
        }

.radio-btn-green {
    align-self: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #e6e7e8;
    border-radius: 50%;
    cursor: pointer;
    height: 20px;
    width: 20px
}

    .radio-btn-green:checked {
        background: #29524d;
        border: 3px solid #fff;
        box-shadow: 0 0 0 1px #29524d;
        height: 18px;
        margin: 1px;
        position: relative;
        width: 18px
    }

        .radio-btn-green:checked:focus {
            box-shadow: 0 0 .175rem .05rem #29524d
        }

.btn-close-outline,
.btn-close-solid {
    background-color: transparent;
    border: 1px solid #29524d;
    border-radius: 50%;
    cursor: pointer;
    height: 35px;
    position: relative;
    transition: opacity .2s ease-out, transform .2s, scale .2s cubic-bezier(.22, .68, 0, 1.71);
    width: 35px
}

    .btn-close-outline:after,
    .btn-close-outline:before,
    .btn-close-solid:after,
    .btn-close-solid:before {
        background-color: #29524d;
        content: "";
        height: 45%;
        inset: 0;
        margin: auto;
        position: absolute;
        width: 1px
    }

    .btn-close-outline:before,
    .btn-close-solid:before {
        transform: rotate(45deg)
    }

    .btn-close-outline:after,
    .btn-close-solid:after {
        transform: rotate(-45deg)
    }

    .btn-close-outline:hover,
    .btn-close-solid:hover {
        scale: 1.05;
        transform: rotate(90deg)
    }

    .btn-close-outline:active,
    .btn-close-solid:active {
        opacity: .8;
        scale: .95
    }

.btn-close-solid {
    background-color: #29524d
}

    .btn-close-solid:after,
    .btn-close-solid:before {
        background-color: #dcfd8b
    }

.font-bold {
    font-weight: 700
}

.font-black {
    font-weight: 900
}

.link {
    color: #2c5b75;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 2px
}

    .link:focus {
        outline: 2px solid #2c5b75
    }

.butter-cta-card {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 5px 10px 20px rgba(0, 0, 0, .102);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    text-align: center;
    width: min(475px, 100%)
}

    .butter-cta-card img {
        width: 100%
    }

    .butter-cta-card div {
        align-items: center;
        color: #221f1f;
        display: flex;
        flex-direction: column;
        gap: 1.25rem;
        padding: 3rem 1.5rem
    }

        .butter-cta-card div b,
        .butter-cta-card div p {
            font-size: clamp(16px, 2vw, 18px)
        }

        .butter-cta-card div hr {
            background-color: #221f1f;
            border: none;
            height: 2px;
            margin: 1rem 0;
            width: 10rem
        }

        .butter-cta-card div a {
            width: min(100%, 300px)
        }

@media (min-width:1024px) {
    .butter-cta-card.horizontal {
        flex-direction: row-reverse;
        max-height: 300px;
        width: min(1000px, 100%)
    }

        .butter-cta-card.horizontal img {
            width: 50%
        }

        .butter-cta-card.horizontal div {
            flex: 1;
            justify-content: center
        }
}

.cs-standard-container {
    padding: 5.4rem 8.75rem 5rem
}

@media (min-width:1024px) and (max-width:1279px) {
    .cs-standard-container {
        padding: 5.4rem 6vw 5rem
    }
}

@media (max-width:768px), (max-width:812px) and (orientation:landscape) {
    .cs-standard-container {
        padding: 5.4rem 8vw 5rem
    }
}

.text-shadow {
    text-shadow: 0 3px 6px rgba(0, 0, 0, .302)
}

.dp__calendar_header_item {
    display: inline-block
}

.dp__main {
    font-family: inherit
}

    .dp__main .dp__input {
        background-color: transparent;
        border: none;
        font-family: inherit;
        font-size: inherit;
        padding: 0
    }

.dp__instance_calendar {
    padding: 1em
}

.dp__input_icon {
    left: -12px
}

.dp__main .dp__input_icon_pad {
    padding-left: 23px
}

#hs-eu-cookie-confirmation {
    display: none
}

h1,
h2,
h3,
h4 {
    color: #29524d;
    font-weight: 900
}

h1 {
    font-size: 2.5rem
}

h2 {
    font-size: 2rem
}

h3 {
    font-size: 1.5rem
}

h4 {
    font-size: 1rem
}

.rtl a,
.rtl h1,
.rtl h2,
.rtl h3,
.rtl h4,
.rtl h5,
.rtl p,
.rtl small,
.rtl span {
    direction: rtl
}

.btn-ar-gold {
    background: linear-gradient(261deg, #d8c58e -40%, #b9a165 51%, #d8c58e);
    background-size: 200% auto;
    border-color: transparent;
    color: #fff;
    font-weight: 900;
    transition: all .3s
}

    .btn-ar-gold:hover {
        background-position: 100%
    }

    .btn-ar-gold:active {
        opacity: .9
    }

.btn-ar-gold-outline {
    border-color: #b9a165;
    color: #b9a165;
    font-weight: 900
}

    .btn-ar-gold-outline:hover {
        background: #b9a165;
        color: #fff
    }

    .btn-ar-gold-outline:active {
        opacity: .8
    }

.btn-no-green {
    background: linear-gradient(261deg, #83c752 -40%, #5ba530 51%, #83c752);
    background-size: 200% auto;
    border-color: transparent;
    color: #fff;
    font-weight: 900;
    transition: all .3s
}

    .btn-no-green:hover {
        background-position: 100%
    }

    .btn-no-green:active {
        opacity: .9
    }

.btn-no-green-outline {
    border-color: #83c752;
    color: #83c752;
    font-weight: 900
}

    .btn-no-green-outline:hover {
        background: #83c752;
        color: #fff
    }

    .btn-no-green-outline:active {
        opacity: .8
    }

.btn-li-blue {
    background: linear-gradient(269deg, #1557c4, #1f67de);
    border-color: transparent;
    color: #fff;
    font-weight: 900
}

    .btn-li-blue:hover {
        opacity: .9
    }

    .btn-li-blue:active {
        opacity: .8
    }

.btn-li-blue-outline {
    border-color: #1f67de;
    color: #1f67de;
    font-weight: 900
}

    .btn-li-blue-outline:hover {
        background: #1f67de;
        color: #fff
    }

    .btn-li-blue-outline:active {
        opacity: .8
    }

.btn-ze-teal {
    background: linear-gradient(269deg, #1db5d3, #1db5d3);
    border-color: transparent;
    color: #fff;
    font-weight: 900
}

    .btn-ze-teal:hover {
        opacity: .9
    }

    .btn-ze-teal:active {
        opacity: .8
    }

.btn-ze-teal-outline {
    border-color: #1db5d3;
    color: #1db5d3;
    font-weight: 900
}

    .btn-ze-teal-outline:hover {
        background: #1db5d3;
        color: #fff
    }

    .btn-ze-teal-outline:active {
        opacity: .8
    }

.accessible ::-moz-placeholder {
    color: #3f5955 !important
}

.accessible #email_submit,
.accessible #footerForm label.green:after,
.accessible #messaging-component,
.accessible #shipping_address_form label:after,
.accessible #shipping_method label:after,
.accessible .btn-na-blue,
.accessible .btn.btn-na-white-outline,
.accessible .card__overlay a,
.accessible .carousel-figure__caption__p,
.accessible .checkbox-label.blue,
.accessible .custom_select__list li,
.accessible .desktop-menu-bottom,
.accessible .desktop-menu-bottom__anchor,
.accessible .list__item__link,
.accessible .media-block__link,
.accessible .product-tile,
.accessible .product-tile .tile-content__header__description__read-more,
.accessible .shop-bar__title,
.accessible .smc-wrapper a.btn,
.accessible .sub-menu h3.sub-menu__column__title,
.accessible .toaster_message_wrapper,
.accessible ::placeholder,
.accessible button,
.accessible button#checkout,
.accessible figcaption p.featured-box-2__description b,
.accessible h1,
.accessible h2,
.accessible h2.more_products,
.accessible h3,
.accessible h4,
.accessible h5,
.accessible h6,
.accessible i,
.accessible input,
.accessible label,
.accessible p,
.accessible p.featured-box-2__description,
.accessible small,
.accessible span,
.accessible span.green-bar-modal__content__left__balance,
.accessible strong {
    color: #3f5955 !important
}

    .accessible #itemsAddedPosition span,
    .accessible #messaging-component .btn,
    .accessible .action-bar__btn.active,
    .accessible .action-update-bubble__msg,
    .accessible .btn.btn-na-blue-outline,
    .accessible .calendar__date button,
    .accessible .calendar__tabs__item__p,
    .accessible .carousel-figure__caption__btn,
    .accessible .checkout-step__dot.current,
    .accessible .cta-btn a,
    .accessible .cta-btn button,
    .accessible .feed button,
    .accessible .green-bar-modal input,
    .accessible .green-bar-modal__content__left__message span,
    .accessible .green-bar-modal__content__right,
    .accessible .green-bar-modal__content__right .form-section__label,
    .accessible .hero-section__slider-container__wrapper__content h2,
    .accessible .hero-section__slider-container__wrapper__content h2 strong,
    .accessible .hero-section__slider-container__wrapper__content i,
    .accessible .hero-section__slider-container__wrapper__content span,
    .accessible .hover-overlay h3,
    .accessible .hover-overlay p,
    .accessible .lc-content button.btn-na-blue,
    .accessible .leader__body__p i,
    .accessible .leader__body__p strong,
    .accessible .menu-btn,
    .accessible .modal-mask button.quantity-container__add-btn,
    .accessible .product-carousel__link-to,
    .accessible .product-tile .background-sold-out p,
    .accessible .promo-tag p,
    .accessible .purchase-container button.btn-na-green-outline,
    .accessible .reusable-footer h3,
    .accessible .reusable-footer p,
    .accessible .reusable-footer span,
    .accessible .reusable-footer strong,
    .accessible .rf-content__links a:hover,
    .accessible .social-component h2 p,
    .accessible .story__video h2,
    .accessible .story__video p,
    .accessible button.btn-na-green,
    .accessible button.btn-na-green.tile-content__purchase-details__add-to-cart,
    .accessible button.email-signup__btn,
    .accessible figcaption.blue h3,
    .accessible figcaption.blue p,
    .accessible form.green-bar-modal__content__right,
    .accessible form.green-bar-modal__content__right h3,
    .accessible h1.hero-heading,
    .accessible h2.green-bar__title,
    .accessible h2.hero-subheading,
    .accessible h3.thin p,
    .accessible h4.green-bar-modal__content__left__message__title,
    .accessible i.green-bar-modal__title__inner,
    .accessible i.green-bar__title__inner,
    .accessible p.green-bar-modal__content__right__p span,
    .accessible section .leader__body p,
    .accessible section.brand-messaging h2,
    .accessible section.brand-messaging p,
    .accessible section.brand-messaging p i,
    .accessible section.green-bar-modal h2,
    .accessible section.green-bar-modal h3,
    .accessible section.green-bar-modal p,
    .accessible span.desktop-menu-top__btn--basket__counter {
        color: #fff !important
    }

.accessible #footerForm input::-moz-placeholder {
    color: #000 !important
}

.accessible #footerForm input::placeholder,
.accessible .footer_form_subscriptions .placeholder,
.accessible section.green-bar-modal {
    color: #000 !important
}

.accessible #email_submit,
.accessible .brand-messaging_container .btn.btn-na-white-outline,
.accessible .btn-na-blue,
.accessible .card__overlay a,
.accessible .ftr-social-icon,
.accessible .shop-bar,
.accessible .smc-wrapper a.btn,
.accessible a.btn.media-block__link:hover,
.accessible button#checkout {
    background: #f8f8f8 !important
}

.accessible #itemsAddedPosition span,
.accessible #messaging-component .btn,
.accessible .action-bar__btn.active,
.accessible .action-update-bubble,
.accessible .brand-messaging_container,
.accessible .btn-na-green-alt,
.accessible .btn.btn-na-blue-outline,
.accessible .carousel-figure__caption__btn,
.accessible .checkout-step__dot.complete,
.accessible .checkout-step__dot.complete:after,
.accessible .checkout-step__dot.current,
.accessible .container.social-component,
.accessible .container.social-media,
.accessible .cta-btn a,
.accessible .cta-btn button,
.accessible .desktop-menu-top__btn--basket__counter,
.accessible .feed button,
.accessible .green-bar,
.accessible .lc-content button.btn-na-blue,
.accessible .leader__body,
.accessible .menu-btn,
.accessible .modal-mask button.quantity-container__add-btn,
.accessible .product-carousel__link-to,
.accessible .promo-tag.background-best-seller,
.accessible .promo-tag.background-hot-item,
.accessible .promo-tag.background-last-chance,
.accessible .promo-tag.background-limited-edition,
.accessible .promo-tag.background-sold-out,
.accessible .purchase-container button.btn-na-green-outline,
.accessible .story__video,
.accessible .sub-menu__item a.btn,
.accessible .tile-content__purchase-details button,
.accessible button.btn-na-green,
.accessible button.email-signup__btn,
.accessible figcaption.blue,
.accessible section.green-bar-modal {
    background: #3f5955 !important
}

.accessible .ftr-social-icon:hover {
    background: linear-gradient(135deg, #f8f8f8 35%, #fff 60%) !important
}

.accessible .hero-section-container img,
.accessible .hero-section__slider-container__wrapper img {
    display: none !important
}

.accessible .hero-section-container,
.accessible .hero-section__slider-container__wrapper,
.accessible section.calendar {
    background: #023e7a !important
}

.accessible section.calendar {
    background-image: none !important
}

.accessible .shop-bar__smart-links img,
.accessible .shop-bar__svg,
.accessible .success-wrapper__img.smile {
    filter: invert(0) sepia(0) saturate(0) hue-rotate(121deg) brightness(0) contrast(30%) !important
}

.accessible #scroll_to_top {
    border: 1px solid #f8f8f8;
    border-radius: 25px;
    filter: invert(99%) sepia(0) saturate(0) hue-rotate(316deg) brightness(200%) contrast(200%) !important
}

.accessible #messaging-component .btn,
.accessible .btn-na-green-alt,
.accessible .btn.btn-na-blue,
.accessible .btn.btn-na-blue-outline,
.accessible .card__overlay a,
.accessible .cta-btn a,
.accessible .cta-btn button,
.accessible .na-nav-blue-border-bottom,
.accessible .product-carousel__link-to,
.accessible .promo-tag.background-sold-out,
.accessible .purchase-container button.btn-na-green-outline,
.accessible .tile-content__purchase-details button,
.accessible button.btn-na-green {
    border: none !important
}

.accessible #shipping_address_form button.smart-link,
.accessible .cookie-snackbar button.btn-na-blue,
.accessible .media-block__link,
.accessible button#checkout {
    border: 1px solid #3f5955 !important
}

.accessible .green-bar-modal__content__left__message {
    border: 1px solid #fff !important
}

.accessible .action-update-bubble:after {
    border-color: #3f5955 transparent !important
}

.accessible .mobile-menu__section--1__btn-icon:after {
    border-right: 2px solid #3f5955 !important;
    border-top: 2px solid #3f5955 !important
}

.accessible p.green-bar-modal__content__left__balance-title.faded {
    opacity: 1
}

.accessible .accessibility-icon {
    transform: translateX(6.5rem);
    transition: transform .2s
}

.accessible .accessibility-text {
    transform: translateX(-2.2rem);
    transition: transform .2s
}

.accessible .hero-section__slider-container__wrapper__content h2 {
    filter: none !important
}

.terms[data-v-6c78d4da] {
    margin: 0 auto;
    max-width: 1024px
}

.terms h1[data-v-6c78d4da] {
    font-size: 3.75rem;
    font-weight: 300
}


.terms .line-separator-hero[data-v-6c78d4da] {
    background: #b6cc95;
    height: 2px;
    margin: 2.5rem auto 2.5rem 0;
    width: 9.375rem
}

.terms__content h2[data-v-6c78d4da] {
    color: #29524d;
    font-size: 1rem;
    line-height: 2;
    margin: 2rem 0;
    text-transform: uppercase
}

.terms__content[data-v-6c78d4da] p {
    font-size: 1rem;
    line-height: 2;
    margin: 0 0 2rem
}

.terms__content[data-v-6c78d4da] a {
    color: #2c5b75;
    font-weight: 400;
    text-decoration: underline
}

.terms__content[data-v-6c78d4da] ol {
    counter-reset: list-counter;
    list-style: none
}

.terms__content[data-v-6c78d4da] ol li {
        margin-bottom: 35px
}

.terms__content[data-v-6c78d4da] ol li:before {
    color: #b6cc95;
    content: counter(list-counter) ".";
    counter-increment: list-counter;
    display: block;
    margin-bottom: 15px
}