/** Shopify CDN: Minification failed

Line 71:0 All "@import" rules must come first

**/
/* Hide Elements */
div.okeConnect.okeQuizzes.okeQuizzes .c-subtitle,
div.okeConnect.okeQuizzes.okeQuizzes .c-questionNavigationButtons--empty,
div.okeConnect.okeQuizzes.okeQuizzes .c-progressBar,
div.okeConnect.okeQuizzes.okeQuizzes .c-progressText:has(+ fieldset[aria-label="SCENT MATCH FOUND!"]),
div.okeConnect.okeQuizzes.okeQuizzes .c-resultPanel-footer,
div.okeConnect.okeQuizzes.okeQuizzes .c-recommendedProduct-name span,
div.okeConnect.okeQuizzes.okeQuizzes .c-recommendedProduct-price {
    display: none;
}

/* Backgrounds */
:root {
    --oke-quiz-card-background-color: transparent;
}

div.okeConnect.okeQuizzes.okeQuizzes .c-quiz {
    background: linear-gradient(180deg, #c3dfe1 0%, #edf6f6 85.55%, #fff 100%);
    display: flex;
    justify-content: center;
    padding: 50px 3.4rem;

    &:has(.c-pageContent--start) {
        min-height: 700px;
        padding: 0 3.4rem 50px;
    }

    &:has(.c-pageContent--start):before {
        content: '';
        position: absolute;
        inset: 0;
        background-image: url(/cdn/shop/files/hbm_quiz_bg_mobile.png?v=1782950501);
        background-position: 100% -50px;
        background-repeat: no-repeat;
        background-size: cover;
    }
}

/* Bottom Logo */
div.okeConnect.okeQuizzes.okeQuizzes {
    position: relative;

    .c-quiz:after {
        content: '';
        border-bottom: 12px double #a1092b;
        position: absolute;
        left: 0;
        bottom: 30px;
        width: 100%;
    }

    .c-quiz-viewingArea:after {
        content: '';
        background-image: url("data:image/svg+xml,%3Csvg width='255' height='75' viewBox='0 0 255 75' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1378_3)'%3E%3Cpath d='M162.539 74.1243C161.257 74.1243 159.988 73.7192 158.838 73.5259C148.891 71.8479 139.646 65.6028 134.201 57.2604C131.19 52.6458 128.852 46.6647 128.449 41.2349L128.235 38.374C128.173 37.5727 128.173 36.8374 128.235 36.0362L128.458 32.9301C128.563 31.4548 128.828 30.1775 129.18 28.6834C132.306 15.5003 142.553 4.9472 155.751 1.36981C162.506 -0.463667 168.863 -0.449527 175.609 1.36981C188.521 4.84823 198.664 15.1468 201.975 27.9953C202.326 29.3668 202.374 30.4556 202.659 31.813L203.053 33.6889C203.514 35.8948 203.305 38.242 202.992 40.4714L202.469 44.1854C202.36 44.9584 202.098 45.7927 201.884 46.6034C198.706 58.5375 189.699 68.0113 177.97 72.1304C176.126 72.7764 170.559 74.1195 168.92 74.1195H162.544L162.539 74.1243ZM170.378 53.0514C174.017 52.0001 176.948 49.7754 179.247 46.7448C181.309 44.0347 182.274 40.4431 182.35 36.9741C182.364 36.22 182.193 35.2207 182.074 34.4289C181.447 30.1398 179.029 26.4069 175.556 23.7768C174.088 22.6645 172.311 21.8632 170.559 21.2741C163.214 18.809 154.862 22.3016 151.119 29.0228C149.199 32.4729 148.867 35.1501 149.1 39.0998C149.162 40.165 149.394 41.0464 149.717 42.088C152.349 50.5908 161.546 55.6056 170.378 53.0514Z' fill='%23A1092B'/%3E%3Cpath d='M62.7997 29.6913L62.8237 65.1682C62.8237 66.4458 62.2488 67.2703 61.2128 67.921C57.251 70.8571 50.885 72.9264 45.9823 73.5439C44.7946 73.6949 43.5262 74.072 42.3147 74.081L34.058 74.1333C32.1387 74.1423 26.2004 72.9074 24.2431 72.2055L22.2716 71.4983C13.0409 68.194 5.34957 60.1627 2.31388 50.953L1.62028 48.8556C0.988442 46.9373 0.427858 43.8077 0.275836 41.6914L0.0383011 38.4157C-0.0187072 37.605 -0.00920583 36.8744 0.0478025 36.0496L0.280587 32.7456C0.413606 30.8413 1.04545 27.7683 1.62028 26.0432L2.27113 24.106C3.51581 20.3825 5.43986 17.1822 7.82946 14.095C13.4353 6.8648 22.3808 1.90167 31.4072 0.647932C32.5616 0.487679 33.811 0.0634818 34.9892 0.0729085L43.6972 0.138895C45.1699 0.148322 46.6331 0.534815 48.0916 0.676211C49.9491 0.855318 53.4121 1.49161 55.1082 1.97709L57.8829 2.77363C58.6521 2.99516 59.859 3.26382 60.1821 4.06979L60.1443 24.9262C57.1514 23.465 54.7899 22.249 51.9444 21.4478L48.9752 20.6088L45.1841 19.9301C42.253 19.4069 39.2553 19.7133 36.2434 19.9489C35.26 20.0243 34.0058 20.4438 32.9939 20.6936C28.0817 21.8861 23.4972 25.6426 21.8582 30.436C20.509 34.3763 20.3238 39.6317 21.9248 43.3929C23.8393 47.8847 27.4118 51.2971 32.0722 52.8243C35.1982 53.8469 35.9963 53.8046 39.5499 53.6208C40.2007 53.5875 41.4121 53.0789 42.0344 52.8666C42.2862 52.7818 42.614 52.0748 42.6093 51.7967L42.5428 47.1447L35.9298 47.1164C35.5165 47.0504 35.1222 46.6262 35.0224 46.1502L35.0509 29.696H62.8093L62.7997 29.6913Z' fill='%23A1092B'/%3E%3Cpath d='M253.722 56.9799C253.546 58.2243 253.109 59.4544 252.743 60.562C250.591 67.0854 245.427 71.86 238.733 73.547C237.513 73.8533 236.406 74.0704 235.17 74.2542C231.166 74.8431 229.512 74.8151 225.546 74.2637C221.579 73.7123 217.868 72.6137 214.666 70.1868C209.977 66.6327 207.782 62.1269 206.728 56.5463L206.153 53.5109L206.144 2.2208L225.631 2.1831V48.4536L225.94 50.5887C226.329 53.3319 229.403 55.2829 231.902 54.0813C233.897 53.1195 234.667 51.4088 234.804 49.2973L234.828 2.16425L254.567 2.18781V49.1606L254.297 52.95L253.722 56.9704V56.9799Z' fill='%23A1092B'/%3E%3Cpath d='M113.675 72.9032C112.929 73.1672 108.178 74.0957 107.665 74.1047C101.332 74.2368 97.5127 74.0155 91.4508 72.1209L90.4201 71.7956C90.1917 71.7248 90.0778 71.0836 90.0778 70.8058L90.0682 52.2541C90.0682 51.9336 90.2918 51.3208 90.3818 51.1889C93.3795 53.569 98.1542 54.5403 101.527 53.0081C103.18 52.2588 103.912 50.562 103.579 48.6861C103.157 46.3059 101.684 44.3782 100.126 42.5164C96.5199 38.2037 91.9592 33.1416 90.6906 27.6129C88.9284 19.9444 90.6102 11.2719 96.5768 5.78565C99.8455 2.77854 103.869 1.3457 108.116 0.487874C113.161 -0.530202 119.789 0.190936 124.806 1.35512C125.599 1.53894 126.592 1.74633 127.095 2.47689L127.11 19.8171C127.11 20.4723 126.953 21.2311 126.824 21.6553C123.252 19.1243 121.247 18.3796 117.138 18.2005C114.25 18.0779 111.917 20.0151 111.775 22.9798C111.622 26.1754 114.173 29.1872 116.211 31.5391L119.95 35.8471C123.005 39.3632 126.54 44.5384 127.062 49.1905L127.48 52.9093C127.627 54.2245 127.2 55.7704 127.152 57.1938C127.115 58.3199 126.796 59.2532 126.52 60.3137C125.071 65.8943 121.105 70.2776 115.618 72.2197L113.675 72.9079V72.9032Z' fill='%23A1092B'/%3E%3Cpath d='M86.0718 72.6835L66.5843 72.674L66.5795 2.22417L86.067 2.18646L86.0718 72.6835Z' fill='%23A1092B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1378_3'%3E%3Crect width='255' height='75' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
        background-position: left;
        background-repeat: no-repeat;
        background-size: contain;
        bottom: 40px;
        height: 30px;
        position: absolute;
        width: 100%;
    }
}

/* Text Styling */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

div.okeConnect.okeQuizzes.okeQuizzes .c-title {
    line-height: 1;
    margin-bottom: 10px;
    text-transform: uppercase;
}

div.okeConnect.okeQuizzes.okeQuizzes .c-title.c-questions-header-title,
div.okeConnect.okeQuizzes.okeQuizzes .c-title.c-startPanel-title,
div.okeConnect.okeQuizzes.okeQuizzes .c-resultBlock-title {
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-size: 32px;
}

div.okeConnect.okeQuizzes.okeQuizzes p {
    line-height: 1.4;
}

div.okeConnect.okeQuizzes.okeQuizzes .c-tagInput-label-text,
div.okeConnect.okeQuizzes.okeQuizzes .c-resultBlock-subtitle {
    font-family: Helvetica, Arial, sans-serif;
}

/* Buttons */
div.okeConnect.okeQuizzes.okeQuizzes .c-button,
div.okeConnect.okeQuizzes.okeQuizzes .c-button:focus,
div.okeConnect.okeQuizzes.okeQuizzes .c-button:hover,
div.okeConnect.okeQuizzes.okeQuizzes .c-questionsForm .l-button-center--showBackButton .c-questionsForm-back--withDefaultBorder,
div.okeConnect.okeQuizzes.okeQuizzes .c-questionsForm .l-button-center--showBackButton .c-questionsForm-back--withDefaultBorder:hover {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
    text-transform: uppercase;
}

div.okeConnect.okeQuizzes.okeQuizzes div:has(fieldset[aria-label="SCENT MATCH FOUND!"]) .c-button {
    color: var(--oke-quiz-title-font-text-color);
    margin-top: 20px;
}

/* Borders */
div.okeConnect.okeQuizzes.okeQuizzes .c-header--withDivider,
div.okeConnect.okeQuizzes.okeQuizzes .l-button-center--withDivider,
div.okeConnect.okeQuizzes.okeQuizzes .c-resultPanel-section,
div.okeConnect.okeQuizzes.okeQuizzes .l-productRow--list,
div.okeConnect.okeQuizzes.okeQuizzes .l-productRow--list:last-child {
    border: 0;
}

/* Start Panel */
div.okeConnect.okeQuizzes.okeQuizzes .c-startPanel {
    max-width: 450px;
    padding: 0;
}

div.okeConnect.okeQuizzes.okeQuizzes .c-header--withDivider {
    padding: 0;
}

div.okeConnect.okeQuizzes.okeQuizzes .c-startPanel-title {
    margin: 15px 0 50px;
}

div.okeConnect.okeQuizzes.okeQuizzes .c-startPanel-button.c-button {
    background-color: transparent;
    border: 3px solid #a1092b;
    border-radius: 50%;
    color: #a1092b;
    font-family: 'Open Sans', sans-serif;
    font-size: 0;
    margin: 0;
    padding: 18px 8px;

    &:before {
        content: 'start';
        display: block;
        font-size: 12px;
        text-transform: uppercase;
    }
}

/* Questions */
div.okeConnect.okeQuizzes.okeQuizzes .c-questionsForm,
div.okeConnect.okeQuizzes.okeQuizzes .c-resultPanel {
    padding-top: 0;
    padding-bottom: 60px;
}

div.okeConnect.okeQuizzes.okeQuizzes .c-progressText--above.c-progressText {
    font-weight: 600;
    text-transform: uppercase;
}

div.okeConnect.okeQuizzes.okeQuizzes .c-questions--tags {
    margin-top: 10px;
    margin-bottom: 0;

    .c-tagInput-label-image {
        margin-bottom: 20px;
    }
}

/* Email */
div.okeConnect.okeQuizzes.okeQuizzes fieldset[aria-label="SCENT MATCH FOUND!"] {
    margin-top: 0;

    .c-questions-header-title:after {
        content: 'Please submit your email address below to meet your perfect scent match.';
        display: block;
        font-size: 16px;
        color: var(--oke-quiz-subtitle-font-text-color);
        line-height: 1.4;
        max-width: 600px;
        margin: 20px auto 0;
    }
}

div.okeConnect.okeQuizzes.okeQuizzes .c-emailInput {
    max-width: 450px;
    margin: auto;

    .c-input {
        background-color: #fffaf3;
        font-size: var(--oke-quiz-subtitle-font-size);
    }

    .c-input:focus {
        border-radius: 0;
        box-shadow: none;
    }

    .c-checkbox-inner {
        margin-right: 8px;
    }
}

div.okeConnect.okeQuizzes.okeQuizzes .c-emailInput .c-checkbox {
    margin-top: 20px;

    .c-checkbox-bg {
        background-color: transparent;
        border-radius: 50%;
    }

    .c-checkbox-label {
        font-size: 0;
    }

    .c-checkbox-label:after {
        content: 'email me with personalized offers & news';
        display: block;
        font-size: var(--oke-quiz-subtitle-font-size);
        text-transform: uppercase;
        font-family: Helvetica, Arial, sans-serif;
    }
}

div.okeConnect.okeQuizzes.okeQuizzes .c-checkbox-input {
    &:not(:checked)~.c-checkbox-check {
        background-image: none;
    }

    &:focus~.c-checkbox-check {
        border-radius: 50%;
        outline: none;
    }

    &:checked~.c-checkbox-bg {
        background-color: #656275;
    }
}

div.okeConnect.okeQuizzes.okeQuizzes .c-questionsForm .c-terms {
    font-size: calc(var(--oke-quiz-subtitle-font-size) - 2px);
    margin-bottom: 0;

    a {
        text-decoration: underline;
    }
}

/* Recommendations */
div.okeConnect.okeQuizzes.okeQuizzes .c-resultPanel-section {
	padding: 0;
}

div.okeConnect.okeQuizzes.okeQuizzes .l-productRow--grid.l-productRow {
    max-width: 400px;
    margin: auto;
	
	.l-productRow-item {
		width: 80% !important;
	}
}

div.okeConnect.okeQuizzes.okeQuizzes .c-recommendedProduct-name,
div.okeConnect.okeQuizzes.okeQuizzes .c-resultProductRating-reviewsCount,
div.okeConnect.okeQuizzes.okeQuizzes .c-recommendedProduct-description {
    font-size: var(--oke-quiz-subtitle-font-size);
}

div.okeConnect.okeQuizzes.okeQuizzes .c-recommendedProduct-name {
    margin-bottom: 20px;
}

div.okeConnect.okeQuizzes.okeQuizzes .c-recommendedProduct-image {
    background-color: transparent;
}

div.okeConnect.okeQuizzes.okeQuizzes .c-resultButton-secondary.c-button.c-resultButton {
    padding: 14px;
}

/* Pop-up/Dropdown icon */
div[oke-toast] .c-toast.c-toast--positive {
    background-color: #a1092b;
    color: #fff;
}

div.okeConnect .c-icon--success {
    fill: #603323;
}

/* Media Queries */
@media all and (min-width: 769px) {
    div.okeConnect.okeQuizzes.okeQuizzes .c-quiz-viewingArea:after {
        bottom: 70px;
        height: 60px;
    }

    div.okeConnect.okeQuizzes.okeQuizzes .c-quiz {
        background: linear-gradient(75.53deg, #edfbfc 14.21%, #fff 80.9%);
        padding: 50px 3.4rem;
		
		&:has(.c-pageContent--start) {
			min-height: 900px;
			}

        &:has(.c-pageContent--start):before {
            background-image: url(/cdn/shop/files/hbm_quiz_bg.png?v=1782892632);
            background-position: center;
        }

        &:after {
            border-bottom: 24px double #a1092b;
            bottom: 50px;
        }
    }

    div.okeConnect.okeQuizzes.okeQuizzes .c-startPanel-button.c-button {
        border-width: 6px;
        padding: 36px 16px;

        &:before {
            font-size: 24px;
        }
    }
}

@media all and (max-width: 768px) {
    div.okeConnect.okeQuizzes.okeQuizzes .c-quiz:has(.c-pageContent--start) {
        .c-quiz-viewingArea {
            margin-top: -300px;
        }

        .c-header-image {
            height: 120px;
        }

        .c-startPanel-title {
            font-size: 16px;
            margin-bottom: 30px;
        }
    }
}