#visualizer .font-helvetica {
    font-family: Helvetica;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
}

#visualizer .font-bold {
    font-weight: 700;
}

#visualizer .font-normal {
    font-weight: 400;
}

#visualizer .font-price {
    font-size: 28px;
    line-height: 24px;
}

#visualizer .font-price-uom {
    font-size: 12px;
    line-height: 14px;
    vertical-align: top;
}

#visualizer .font-text-lg {
    font-size: 20px;
    line-height: 28px;
}

#visualizer .font-text {
    font-size: 16px;
    line-height: 22px;
}

#visualizer .font-text-sm {
    font-size: 14px;
    line-height: 20px;
}

#visualizer .font-text-xs {
    font-size: 12px;
    line-height: 20px;
}

#visualizer .font-custom-attr {
    font-size: 12px;
    line-height: 16px;
}

#visualizer .text-color-tertiary {
    color: var(--colorTertiary-visualizer);
}

#visualizer .text-color-interactive {
    color: var(--interactive, #0041C2);
}

#visualizer .text-color-white {
    color: var(--text-color-solid-inverse, #FFF);
}

#visualizer .text-color-primary {
    color: var(--colorTextPrimary-visualizer);
}

#visualizer .product-card {
    gap: 8px;
    padding: 16px 16px 12px 16px;
    display: flex;
    flex-direction: column;
    justify-items: stretch;
}

#visualizer .gap-sm {
    gap: 4px;
}

#visualizer .gap-l {
    gap: 8px;
}

#visualizer p {
    margin: 0px;
}

div#main-content-container > div.container {
    width: 100%;
    max-width: 1536px;
}

#visualizer .padding-top-l {
    padding-top: 16px;
}

.cards-container-visualizer {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.pagination-visualizer {
    align-items: center;
    display: -webkit-flex;
    display: flex;
    padding: 0px 0px 0px 1px;
    float: right;
    width: 100%;
}

.sort-filter-container {
    display: none;
}

.active-blue {
    background-color: var(--colorQuaternary-visualizer);
}

.disabled-grey {
    background-color: var(--colorBorderSubdued-visualizer);
}

.pagination-tile-visualizer {
    color: var(--colorQuaternary-visualizer);
    gap: 8px;
    font-weight: bold;
}

.center-flex {
    display: flex;
    margin-left: auto;
    margin-right: auto;
}

.chevron-down-visualizer {
    margin-top: 7px;
}

.items-number-dropdown .chevron-down-visualizer {
    width: 100%;
}

.color-search-visualizer,
.sortby-dropdown-vizualizer {
    border: 1px solid var(--colorBorderPrimary-visualizer);
    display: flex;
    width: 256px;
    padding: 7px 15px;
    align-items: center;
}

div.row-visualizer > div.ths-colors-tab article.assortments-visualizer figure.assortment-model-visualizer {
    margin: 0px;
    padding: 0px;
    height: 368px;
}

article.assortments-visualizer div.product-image-container {
    height: 224px;
}

#visualizer .img-visualizer {
    height: 100%
}

#visualizer .compare-button-container {
    padding: 16px;
}

#visualizer .offcanvas-assortments-container figure {
    flex: 1 1 50%;
    max-width: 50%;
}

div.pagination-visualizer > ul.pagination {
    gap: 8px;
}

#visualizer .search-visualizer {
    display: flex;
    border: 1px solid;
    width: 100%;
}

#visualizer .card-section-visualizer .product-img-container {
    height: 275px;
}

div.pagination-visualizer > ul.pagination > li {
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
}

    div.pagination-visualizer > ul.pagination > li > a {
        margin: 0px;
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        color: var(--colorButtonPrimary-visualizer);
        border: none;
    }

        div.pagination-visualizer > ul.pagination > li > a > p {
            font-family: Helvetica;
            color: var(--colorButtonPrimary-visualizer);
            font-weight: 700;
            font-size: 16px;
        }

            div.pagination-visualizer > ul.pagination > li > a > p.pagination-dots {
                color: var(--colorSecondary-visualizer);
            }

    div.pagination-visualizer > ul.pagination > li.disabled-color > a {
        background-color: var(--colorBorderSubdued-visualizer);
    }

    div.pagination-visualizer > ul.pagination > li.active-color > a {
        background-color: var(--colorButtonPrimary-visualizer);
    }

        div.pagination-visualizer > ul.pagination > li.disabled-color > a > p,
        div.pagination-visualizer > ul.pagination > li.active-color > a > p {
            color: var(--colorWhite-visualizer);
        }

    div.pagination-visualizer > ul.pagination > li.active {
        border: 1px solid var(--colorBorderPrimary-visualizer);
        color: inherit;
    }

        div.pagination-visualizer > ul.pagination > li.active > a {
            background-color: inherit;
        }

            div.pagination-visualizer > ul.pagination > li.active > a > p {
                color: var(--colorSecondary-visualizer);
            }

@media (min-width: 1872px) {

    div.row-visualizer > div.ths-colors-tab article.assortments-visualizer figure {
        max-width: 25%;
        display: flex;
        flex: 1 1 25%;
    }
}

@media (max-width: 1872px) /*1584*/ {

    div.row-visualizer > div.ths-colors-tab article.assortments-visualizer figure {
        display: flex;
        flex: 1 1 25%;
        max-width: 25%;
    }
}

@media (max-width: 1312px) {

    div.row-visualizer {
        width: 100%;
    }

        div.row-visualizer > div.ths-colors-tab article.assortments-visualizer figure {
            max-width: 25%;
            display: flex;
            flex: 1 1 25%;
        }

    article.assortments-visualizer div.product-image-container img.img-visualizer {
        height: 100%;
    }
}

@media (max-width: 1056px) {

    div.row-visualizer > div.ths-colors-tab article.assortments-visualizer figure {
        display: flex;
        flex: 1 1 50%;
        max-width: 50%;
    }
}

@media (max-width: 1096px) {

    div.row-visualizer > div.ths-colors-tab article.assortments-visualizer figure {
        max-width: 33.33333333333334%;
        display: flex;
        flex: 1 1 30%;
    }
}

@media (max-width: 1440px) {

    #visualizer .coming-soon-msg-wrapper p {
        font-size: 1.4rem !important;
    }

    #visualizer .img-comp-img,
    #visualizer .coming-soon-msg-wrapper {
        height: 480px;
    }

    #visualizer .visualizer-placeholder {
        padding: 16px 8px 16px !important;
    }

    #visualizer .product-card .flex-column-visualizer {
        text-align: center;
    }

    div.row-visualizer > div.ths-colors-tab article.assortments-visualizer figure.assortment-model-visualizer {
        height: auto;
    }

    article.assortments-visualizer div.product-image-container {
        height: auto;
    }
}

@media (min-width: 1441px) {
    #visualizer .img-comp-img,
    #visualizer .coming-soon-msg-wrapper {
        height: 700px;
    }
}

@media (max-width: 1023px) {

    #visualizer div.visualizer-sort-by {
        display: none;
    }

    #visualizer .sort-filter-container {
        display: flex;
    }

    #visualizer button.sort-filter-button {
        display: flex;
        padding: 7px 15px;
        min-width: 125px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        border: 1px solid var(--colorButtonPrimary-visualizer);
        color: var(--colorButtonPrimary-visualizer);
        font-weight: 700;
        height: 100%;
        background-color: inherit
    }
}

@media (max-width: 992px) {
    /* #visualizer .offcanvas-content {
        margin-top: 195px;
    }*/

}

@media (max-width: 776px) {

    #visualizer div.filters-visualizer,
    #visualizer div.search-container,
    #visualizer div.flex-visualizer,
    #visualizer div.sort-filter-container,
    #visualizer button.sort-filter-button,
    #visualizer article.assortments-visualizer {
        width: 100%;
    }

    div.row-visualizer > div.ths-colors-tab article.assortments-visualizer figure {
        display: flex;
        flex: 1 1 30%;
        max-width: 33.33333333333334%;
    }

    #visualizer .mobile-filter-header {
        display: flex;
        align-items: center;
        gap: 16px;
        align-self: stretch;
        padding: 0 0 16px 0;
    }

    #visualizer .mobile-close-filter {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M0.295228 0.294058C0.482756 0.106587 0.737064 0.00127129 1.00223 0.00127129C1.26739 0.00127129 1.5217 0.106587 1.70923 0.294058L8.00223 6.58706L14.2952 0.294058C14.3875 0.198548 14.4978 0.122365 14.6198 0.0699563C14.7418 0.0175473 14.873 -0.0100389 15.0058 -0.0111927C15.1386 -0.0123465 15.2703 0.0129552 15.3932 0.0632361C15.5161 0.113517 15.6277 0.18777 15.7216 0.281663C15.8155 0.375555 15.8898 0.487207 15.94 0.610104C15.9903 0.733 16.0156 0.86468 16.0145 0.997459C16.0133 1.13024 15.9857 1.26146 15.9333 1.38346C15.8809 1.50547 15.8047 1.61581 15.7092 1.70806L9.41623 8.00106L15.7092 14.2941C15.8914 14.4827 15.9922 14.7353 15.9899 14.9975C15.9876 15.2597 15.8825 15.5105 15.697 15.6959C15.5116 15.8813 15.2608 15.9865 14.9986 15.9887C14.7364 15.991 14.4838 15.8902 14.2952 15.7081L8.00223 9.41506L1.70923 15.7081C1.52063 15.8902 1.26802 15.991 1.00583 15.9887C0.74363 15.9865 0.492817 15.8813 0.307409 15.6959C0.122001 15.5105 0.0168322 15.2597 0.0145538 14.9975C0.0122754 14.7353 0.11307 14.4827 0.295228 14.2941L6.58823 8.00106L0.295228 1.70806C0.107757 1.52053 0.00244141 1.26622 0.00244141 1.00106C0.00244141 0.735894 0.107757 0.481585 0.295228 0.294058Z' fill='black'/%3E%3C/svg%3E");
        background-position: right center;
        background-repeat: no-repeat;
        flex: auto;
        height: 24px;
        width: 24px;
        opacity: 0.5;
        background-color: white;
        border: none;
    }

    #visualizer .clear-filters-button-wrapper {
        display: none;
    }

    #visualizer .mobile-search-input-wrapper {
        display: flex;
        padding: 7px var(--forms-input-padding-x, 15px);
        align-items: center;
        border: 1px solid var(--forms-input-border-color, #8F8F8F);
        flex: auto;
    }

    .pagination-visualizer {
        margin-right: 215px;
    }

    div.pagination-visualizer > ul.pagination > li.hidden {
        display: none;
    }

    div.page-count-sm {
        display: flex;
        padding-bottom: 15px;
    }

        div.page-count-sm > div.page-count-current {
            width: 40px;
            height: 40px;
            border: 1px solid;
            gap: 8px;
            display: flex;
            justify-content: center;
            flex-direction: column;
            text-align: center;
            margin: 0 8px;
        }

        div.page-count-sm > div.page-count-text {
            display: flex;
            justify-content: center;
            flex-direction: column;
        }

    div.page-count-text > p {
        font-size: 14px;
        line-height: 20px;
        color: var(--colorTertiary-visualizer);
    }

    #visualizer .next-page-sm-text {
        font-size: 16px;
        line-height: 20px;
        padding: 15px;
        font-weight: 700;
        color: var(--colorWhite-visualizer);
        display: flex;
    }


    div.pagination-visualizer {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

        div.pagination-visualizer > ul.pagination > li.page-number-container,
        div.pagination-visualizer > ul.pagination > li.dots-container,
        div.pagination-visualizer > ul.pagination > li.last-page-container,
        div.pagination-visualizer > ul.pagination > li.first-page-container {
            display: none;
        }

        div.pagination-visualizer > ul.pagination > li.next-page-container {
            width: 224px;
            height: 56px;
        }

        div.pagination-visualizer > ul.pagination > li.previous-page-container {
            height: 56px;
            width: 56px;
        }

            div.pagination-visualizer > ul.pagination > li.next-page-container > a.next-page > div > p,
            div.pagination-visualizer > ul.pagination > li.previous-page-container > a.previous-page > p {
                display: flex;
                justify-content: center;
                flex-direction: column;
            }

    .pagination-visualizer {
        margin-right: 0px;
    }

    .items-number-container{
        margin-right: 0;
    }
}

@media (max-width: 672px) {

    div.row-visualizer > div.ths-colors-tab article.assortments-visualizer figure {
        max-width: 50%;
        display: flex;
        flex: 1 1 50%;
    }

    #visualizer section.card-section-visualizer {
        width: 100%
    }


    #visualizer .card-container-visualizer {
        display: flex;
    }

    #visualizer .cards-placeholder {
        flex: 1 1 50%;
    }

    #visualizer .section-container-visualizer {
        display: flex;
        max-width: 100%;
    }

    div.container.main,
    .row-visualizer {
        padding: 0px;
    }



    #visualizer .section-container-visualizer {
        flex-direction: column-reverse;
    }
}

#visualizer .visualizer-placeholder {
    padding: 8px;
}

@media(min-width: 533px) {
    #visualizer .mobile-search-input-wrapper {
        display: none;
    }
}

@media (max-width: 533px) {

    #visualizer article.assortments-visualizer {
        padding: 0 8px;
    }

    div.row-visualizer > div.ths-colors-tab article.assortments-visualizer figure {
        max-width: 50%;
        display: flex;
        flex: 1 1 50%;
    }



    .chevron-left-visualizer {
        margin-left: 5px;
    }

    #visualizer .filters-container-visualizer > div.filters-visualizer > div.search-container {
        display: none;
    }

    #visualizer .search-input {
        width: 100%;
    }
}

@media (max-width: 672px) and (min-width: 414px) {
    #visualizer .card-buttons-bar {
        display: none;
    }

    #visualizer section.selected.hidden-visualizer {
        display: flex;
    }

    #visualizer div.compare-button-container.flex-visualizer {
        height: 275px;
        padding: 8px;
        width: auto;
    }

    #visualizer section.card-section-visualizer {
        padding: 8px;
    }

    #visualizer .section-subcontainer {
        flex-direction: row;
    }
}

@media (max-width: 600px) {
    #visualizer .offcanvas {
        width: 100%;
    }
}

#visualizer .mobile-search-button {
    background: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M11.7444 10.3451C12.7127 9.02376 13.1463 7.38557 12.9587 5.75823C12.771 4.13089 11.9758 2.63442 10.7321 1.56821C9.48848 0.501998 7.88811 -0.0553194 6.2512 0.00775377C4.61429 0.0708269 3.06155 0.749639 1.90363 1.90838C0.745714 3.06713 0.0680132 4.62035 0.00611138 6.25731C-0.0557904 7.89427 0.502672 9.49424 1.56977 10.7371C2.63687 11.98 4.13391 12.7741 5.76138 12.9607C7.38886 13.1472 9.02674 12.7123 10.3474 11.7431H10.3464C10.3764 11.7831 10.4084 11.8211 10.4444 11.8581L14.2944 15.7081C14.4819 15.8957 14.7362 16.0012 15.0015 16.0013C15.2668 16.0014 15.5212 15.8961 15.7089 15.7086C15.8965 15.5211 16.002 15.2667 16.0021 15.0014C16.0022 14.7362 15.8969 14.4817 15.7094 14.2941L11.8594 10.4441C11.8236 10.4079 11.7852 10.3745 11.7444 10.3441V10.3451ZM12.0024 6.50108C12.0024 7.22335 11.8601 7.93855 11.5837 8.60584C11.3073 9.27313 10.9022 9.87944 10.3914 10.3902C9.88073 10.9009 9.27441 11.306 8.60712 11.5824C7.93983 11.8588 7.22463 12.0011 6.50236 12.0011C5.78009 12.0011 5.06489 11.8588 4.3976 11.5824C3.73031 11.306 3.124 10.9009 2.61328 10.3902C2.10255 9.87944 1.69743 9.27313 1.42103 8.60584C1.14462 7.93855 1.00236 7.22335 1.00236 6.50108C1.00236 5.04239 1.58183 3.64344 2.61328 2.61199C3.64473 1.58054 5.04367 1.00108 6.50236 1.00108C7.96105 1.00108 9.36 1.58054 10.3914 2.61199C11.4229 3.64344 12.0024 5.04239 12.0024 6.50108Z' fill='black' fill-opacity='0.7'/%3E%3C/svg%3E") no-repeat right center;
    width: 16px;
    height: 16px;
    border: none;
}

@media (max-width: 414px) {

    #visualizer .coming-soon-msg-wrapper p {
        font-size: 1.1rem !important;
    }

    #visualizer .card-container-visualizer {
        max-width: 100%;
    }

    #visualizer .offcanvas-assortments-container .product-card {
        flex-direction: row;
    }

    #visualizer div.offcanvas-assortments-container > figure {
        max-width: 100%;
        flex: 1 1 100%;
    }

    #visualizer section.card-container-visualizer {
        flex-direction: column;
    }

    div#main-content-container > div.container {
        max-width: 100%;
    }

    div.row-visualizer > div.ths-colors-tab article.assortments-visualizer figure {
        display: flex;
        flex: 1 1 100%;
        flex-direction: column;
        max-width: 100%;
    }

    #visualizer filters-container-visualizer > div.filters-visualizer > div.search-container {
        display: none;
    }

    .row-visualizer > .ths-colors-tab > aside {
        display: none;
    }

    #visualizer filters-container-visualizer > div.filters-visualizer > div.search-container,
    #visualizer filters-container-visualizer > div.filters-visualizer > div.visualizer-sort-by {
        display: none;
    }

    div.row-visualizer > div.ths-colors-tab > article.assortments-visualizer {
        width: 100%
    }

    #visualizer filters-container-visualizer > div.filters-visualizer > div.visualizer-sort-by {
        display: none;
    }

    article.assortments-visualizer > div.filters-container-visualizer {
        justify-content: left;
    }

    #visualizer .cards-container-visualizer .product-card {
        padding: 8px;
    }

    #visualizer .font-price {
        font-size: 24px;
        line-height: 20px;
    }

    #visualizer .font-price-uom {
        font-size: 10px;
        line-height: 12px;
    }

    #visualizer .font-text {
        line-height: 20px;
    }

    #visualizer .font-xs {
        font-size: 12px;
        line-height: 16px;
    }

    #visualizer .product-card b {
        font-weight: 700;
    }

    .container.main {
        padding: 0px;
    }

    article.assortments-visualizer > figure > div.product-card > div.flex-column-visualizer {
        justify-content: flex-start;
    }

    article.assortments-visualizer > div.cards-container-visualizer > figure > div.product-card > div.flex-column-visualizer {
        align-items: center;
    }

        article.assortments-visualizer > div.cards-container-visualizer > figure > div.product-card > div.flex-column-visualizer > div.flex-column-visualizer {
            text-align: center;
        }

    #visualizer .filters-container-visualizer > div.filters-visualizer > div.search-container {
        display: none;
    }

    #visualizer .product-text-container {
        min-width: 160px;
    }

    div.pagination-visualizer {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    #enhancedFlooring-form .assortmentModelImageContainer > .img-main {
        max-width: 144px;
    }

    #visualizer .stepper-wrapper {
        padding-top: 10px;
    }

    div.row-visualizer > div.ths-colors-tab article.assortments-visualizer figure.assortment-model-visualizer {
        height: auto;
    }

    article.assortments-visualizer div.product-image-container {
        height: auto;
    }
}

@media (max-width: 320px) {

    #visualizer button.sort-filter-button {
        width: 140px;
    }

    #visualizer .product-card {
        max-height: 100%;
    }

    #visualizer div.product-card {
        min-width: 100%;
    }

    #visualizer div.search-container,
    #visualizer div.sort-by-container {
        display: none;
    }

    div.row-visualizer > div.ths-colors-tab article.assortments-visualizer figure {
        max-width: 100%;
        display: flex;
        flex: 1 1 100%;
        height: 146px;
        margin: 0px;
    }

    #visualizer .product-card b {
        font-weight: 700;
    }

    article.assortments-visualizer > div.filters-container-visualizer {
        justify-content: left;
    }

    #visualizer article.assortments-visualizer > figure > div.product-card {
        flex-direction: row;
    }

    #visualizer .product-image-container {
        height: 128px;
    }

        #visualizer .product-image-container img {
            max-width: 100%;
            height: 128px;
        }

    article.assortments-visualizer > figure > div.product-card > div.flex-column-visualizer {
        justify-content: flex-start;
    }
}

.next-page-sm-text {
    display: none;
}

#visualizer a.next-page,
#wizard-search-box,
#nextAction-back,
#itemsPerPage,
#wizard-sort-by-dropdown {
    border: none;
}

#wizard-search-box-button,
#nextAction-back {
    background-color: inherit;
}

.visualizer-button-hidden {
    display: none;
}

.filters-container-visualizer {
    display: flex;
    justify-content: right;
}

.search-sort-visualizer-bar {
    display: flex;
    padding: 16px;
    gap: 8px;
    margin-right: 30px;
}

.filters-visualizer {
    display: flex;
    padding: 0 16px 16px 8px;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.search-bar-visualizer {
    box-shadow: none;
    outline: none;
    width: 224px;
    padding: 0 16px;
}

.flex-visualizer {
    display: flex;
}

.flex-column-visualizer {
    display: flex;
    flex-direction: column;
    text-align: left;
    justify-content: center;
}

.row-visualizer {
    max-width: 1472px;
    width: 100%;
    padding: 0 16px 32px;
}

.font-text-visualizer {
    font-size: 16px;
    font-weight: normal;
}

.items-number-container {
    display: flex;
    border: 1px solid;
    padding: 7px 15px;
}

.items-number-dropdown {
    height: 100%;
    display: flex;
    font-weight: normal;
    margin: 5px 0;
}

.show-number-label {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 4px;
    padding: 0 5px 0 0;
}

.sort-by-container {
    border: 1px solid;
    height: 100%;
    padding: 0;
}

.sort-by-container > #wizard-sort-by-dropdown {
    padding: 0 15px;
    background-position: right 15px top 50%;
}

.arrow-icon-background {
    background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 16' width='16' height='16' xmlns='http://www.w3.org/2000/svg'><g><path d='M1.64824 4.64714C1.69468 4.60057 1.74986 4.56363 1.8106 4.53842C1.87135 4.51322 1.93647 4.50024 2.00224 4.50024C2.068 4.50024 2.13313 4.51322 2.19387 4.53842C2.25462 4.56363 2.30979 4.60057 2.35624 4.64714L8.00224 10.2941L13.6482 4.64714C13.6947 4.60065 13.7499 4.56377 13.8107 4.53861C13.8714 4.51346 13.9365 4.50051 14.0022 4.50051C14.068 4.50051 14.1331 4.51346 14.1938 4.53861C14.2546 4.56377 14.3097 4.60065 14.3562 4.64714C14.4027 4.69363 14.4396 4.74881 14.4648 4.80955C14.4899 4.87029 14.5029 4.93539 14.5029 5.00114C14.5029 5.06688 14.4899 5.13198 14.4648 5.19272C14.4396 5.25346 14.4027 5.30865 14.3562 5.35514L8.35624 11.3551C8.30979 11.4017 8.25461 11.4386 8.19387 11.4639C8.13312 11.4891 8.068 11.502 8.00224 11.502C7.93647 11.502 7.87135 11.4891 7.8106 11.4639C7.74986 11.4386 7.69468 11.4017 7.64824 11.3551L1.64824 5.35514C1.60167 5.30869 1.56473 5.25352 1.53952 5.19277C1.51432 5.13203 1.50134 5.06691 1.50134 5.00114C1.50134 4.93537 1.51432 4.87025 1.53952 4.8095C1.56473 4.74876 1.60167 4.69358 1.64824 4.64714Z' fill='black' fill-opacity='0.7'/></g></svg>") no-repeat;
    background-position: right 0px top 50%;
}

.sort-by-visualizer {
    width: 274px;
    height: 100%;
    text-align: left;
}

.items-number-visualizer {
    width: 52px;
    height: 100%;
    font-weight: bold;
    padding-right: 15px;
}

    .items-number-visualizer option {
        font-weight: bold;
    }

.search-container {
    display: flex;
    flex-direction: column;
}

.img-visualizer {
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.page-count-sm {
    display: none;
}

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

.flex-center-row {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.page-count-current {
    width: 40px;
    height: 40px;
    border: 1px solid;
    gap: 8px;
}

.page-number {
    font-weight: bold;
    font-size: 16px;
}

.flex-left-column {
    display: flex;
    justify-content: left;
    flex-direction: column;
}

.items-number-container select,
.sort-by-container select {
    -webkit-appearance: none;
}

.modal-header-visualizer {
    align-self: stretch;
    flex-grow: 0;
    justify-content: flex-start;
    align-items: center;
    color: var(--colorPrimary-reskin);
}

.header-font-visualizer {
    font-family: Helvetica;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    color: var(--colorTextPrimary-visualizer);
}

.vendor-warning-visualizer {
    background-color: var(--colorWarningPrimary-visualizer);
    border-color: var(--colorWarningSecondary-visualizer);
    padding: 1rem;
    border-left-style: solid;
    border-left-width: 4px;
    margin-bottom: 1rem;
}

.vendor-warning-container {
    margin-left: 0,75rem;
}

.vendor-warning-header {
    font-weight: 500;
    font-size: 15px;
    line-height: 2rem;
    color: var(--colorWarningTertiary-visualizer);
}

.vendor-warning-paragraph {
    font-size: 15px;
    line-height: 2rem;
    color: var(--colorWarningQuaternary-visualizer);
}

#visualizer .content-wrapper {
    display: flex;
    flex-direction: row;
}

#visualizer .filter-collapsed {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.3527 8.65091C13.7018 8.65091 14 8.35273 14 7.99636C14 7.64 13.7018 7.34909 13.3527 7.34909H2.64727C2.29818 7.34909 2 7.64 2 7.99636C2 8.35273 2.29818 8.65091 2.64727 8.65091H13.3527Z" fill="black" /> </svg>');
}

#visualizer .filter-uncollapsed {
    content: url('data:image/svg+xml,  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.00001 14C8.34918 14 8.64135 13.7221 8.64135 13.38V8.64133H13.2447C13.5867 8.64133 13.8789 8.34917 13.8789 8C13.8789 7.65083 13.5867 7.3658 13.2447 7.3658H8.64135V2.61995C8.64135 2.27791 8.34918 2 8.00001 2C7.65085 2 7.36581 2.27791 7.36581 2.61995V7.3658H2.75536C2.41332 7.3658 2.12115 7.65083 2.12115 8C2.12115 8.34917 2.41332 8.64133 2.75536 8.64133H7.36581V13.38C7.36581 13.7221 7.65085 14 8.00001 14Z" fill="black" /> </svg>');
}

#visualizer #filterWrapper {
    display: flex;
    width: 304px;
    padding-bottom: 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--standard-20, 0px);
}

#visualizer #filters {
    width: 100%;
}

#visualizer .filter-category-header {
    display: flex;
    padding: 12px var(--standard-20, 0px);
    align-items: center;
    gap: 16px;
    flex: 1 0 0;
    margin-bottom: 0px;
}

#visualizer .filter-category-header-text {
    width: inherit
}

#visualizer .category-filters {
    border-radius: var(--standard-20, 0px);
    border-bottom: 1px solid var(--filter-category-border, rgba(0, 0, 0, 0.12));
    padding-bottom: 24px;
}

#visualizer legend {
    border-bottom: none;
}

#visualizer .filter-category-items-wrapper {
    display: flex;
    padding: var(--standard-20, 0px);
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    align-self: stretch;
}

#visualizer .filter-category-item {
    display: flex;
    padding: 1px 0px;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

#visualizer .filter-item-checkbox {
    display: flex;
    width: 20px;
    height: 20px;
    align-items: flex-start;
    margin: 0px;
    border-radius: 0px;
}

    #visualizer .filter-item-checkbox:checked {
        content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='19' height='19' fill='%23003DA9'/%3E%3Cpath d='M15.92 4.96251C16.0053 4.87547 16.1071 4.80632 16.2195 4.75911C16.3319 4.71191 16.4525 4.68759 16.5744 4.68759C16.6963 4.68759 16.8169 4.71191 16.9293 4.75911C17.0416 4.80632 17.1434 4.87547 17.2288 4.96251C17.5863 5.32376 17.5913 5.90751 17.2413 6.27501L9.85001 15.0125C9.76609 15.1047 9.66425 15.1787 9.55073 15.2302C9.4372 15.2816 9.31438 15.3093 9.18976 15.3117C9.06515 15.314 8.94137 15.2909 8.82599 15.2438C8.71062 15.1966 8.60607 15.1264 8.51876 15.0375L4.02126 10.48C3.8478 10.3031 3.75064 10.0653 3.75064 9.81751C3.75064 9.56977 3.8478 9.3319 4.02126 9.15501C4.10656 9.06797 4.20838 8.99882 4.32074 8.95161C4.4331 8.90441 4.55375 8.88009 4.67563 8.88009C4.79751 8.88009 4.91816 8.90441 5.03052 8.95161C5.14288 8.99882 5.2447 9.06797 5.33001 9.15501L9.145 13.0213L15.895 4.99001C15.9028 4.98035 15.9111 4.97117 15.92 4.96251Z' fill='white'/%3E%3Crect x='0.5' y='0.5' width='19' height='19' stroke='%23003DA9'/%3E%3C/svg%3E");
    }

    #visualizer .filter-item-checkbox:not(:checked) {
        content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='19' height='19' fill='white'/%3E%3Cpath d='M6.28769 10.6187L7.52513 9.38128L10 11.8562L8.76256 13.0936L6.28769 10.6187Z' fill='white'/%3E%3Cpath d='M12.4749 6.9064L13.7123 8.14384L10 11.8562L8.76256 10.6187L12.4749 6.9064Z' fill='white'/%3E%3Crect x='0.5' y='0.5' width='19' height='19' stroke='%238F8F8F'/%3E%3C/svg%3E%0A");
    }

    #visualizer .filter-item-checkbox:disabled {
        content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='19' height='19' fill='white'/%3E%3Cpath d='M6.28769 10.6187L7.52513 9.38128L10 11.8562L8.76256 13.0936L6.28769 10.6187Z' fill='white'/%3E%3Cpath d='M12.4749 6.9064L13.7123 8.14384L10 11.8562L8.76256 10.6187L12.4749 6.9064Z' fill='white'/%3E%3Crect x='0.5' y='0.5' width='19' height='19' stroke='%23B3B3B3'/%3E%3C/svg%3E%0A");
    }

    #visualizer .filter-item-checkbox:hover {
        content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='19' height='19' fill='white'/%3E%3Cpath d='M6.28769 10.6187L7.52513 9.38128L10 11.8562L8.76256 13.0936L6.28769 10.6187Z' fill='white'/%3E%3Cpath d='M12.4749 6.9064L13.7123 8.14384L10 11.8562L8.76256 10.6187L12.4749 6.9064Z' fill='white'/%3E%3Crect x='0.5' y='0.5' width='19' height='19' stroke='%23003DA9'/%3E%3C/svg%3E%0A");
    }

#visualizer .filter-category-item-label {
    margin: 0px;
    align-self: flex-end;
}

    #visualizer .filter-category-item-label:hover {
        text-decoration: underline;
    }

#visualizer .filter-category-item-label-disabled {
    color: var(--text-color-disabled, rgba(0, 0, 0, 0.30));
}

#visualizer .mobile-clear-filters-button {
    border: none;
    background: transparent;
}

#visualizer .ths-colors-tab > aside {
    width: 304px;
}

@media(min-width: 1024px) {

    #visualizer .mobile-sortby-wrapper {
        display: none;
    }

    #visualizer .mobile-show-filtered-results-wrapper {
        display: none;
    }

    #visualizer .mobile-filter-header {
        display: none;
    }

    #visualizer .clear-filters-button-wrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        align-self: stretch;
        border-radius: var(--standard-20, 0px);
    }

        #visualizer .clear-filters-button-wrapper > button {
            display: flex;
            padding: 7px 15px;
            justify-content: center;
            align-items: center;
            gap: 8px;
            align-self: stretch;
            border: 1px solid var(--colorPrimary-reskin);           
            color: var(--colorPrimary-reskin);
            background: transparent;
        }
}

@media(max-width: 1023px) {

    #visualizer #filterWrapper {
        display: none;
        width: 100%;
        padding: 16px;
        top: 0px;
        left: 0px;
        background: white;
        z-index: 1050;
        display: none;
        position: fixed;
        height: 100vh;
        overflow: auto;
    }

    #visualizer #filters {
        overflow-y: scroll;
    }

    #visualizer > aside {
        width: 100%;
        background: white;
    }

    #visualizer .mobile-sort-by-option-radiobutton {
        -webkit-appearance: none;
        appearance: none;
        width: 20px;
        height: 20px;
        border: 1px #0041C2 solid;
        border-radius: 50%;
        place-content: center;
        display: grid;
        float: left;
    }

        #visualizer .mobile-sort-by-option-radiobutton::before {
            content: '';
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background-color: #0041C2;
            transform: scale(0);
            transition: 120ms transform ease-in-out;
        }

        #visualizer .mobile-sort-by-option-radiobutton:checked::before {
            transform: scale(0.69);
        }


    #visualizer .mobile-show-filtered-results-wrapper {
        display: flex;
        padding: var(--offcanvas-padding-y, 16px) var(--offcanvas-padding-x, 16px);
        align-items: flex-start;
        gap: 8px;
        align-self: stretch;
        position: sticky;
        bottom: 30px;
    }

        #visualizer .mobile-show-filtered-results-wrapper > button {
            display: flex;
            padding: 7px 15px;
            justify-content: center;
            align-items: center;
            gap: 8px;
            flex: 1 0 0;
            border: 1px solid var(--interactive, #0041C2);
            background: var(--interactive, #0041C2);
        }
}


#visualizer .hidden-visualizer {
    display: none;
}

#visualizer .card-section-visualizer {
    width: 368px;
    padding: 16px;
    flex-direction: column;
    gap: 16px;
}

#visualizer .inline-flex-visualizer {
    display: inline-flex;
}

#visualizer .comparision-visualizer-placeholder {
    height: inherit;
    flex-wrap: wrap;
}

    #visualizer .comparision-visualizer-placeholder * {
        box-sizing: border-box;
    }

.img-comp-img {
    position: relative;
    width: auto;
    overflow: hidden;
}

    .img-comp-img img {
        height: inherit;
        display: block;
        vertical-align: middle;
        max-width: unset;
    }

.slider-wrapper {
    position: absolute;
}

.img-comp-slider {
    position: relative;
    z-index: 1;
    cursor: ew-resize;
    width: 45px;
    height: 45px;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border: 2px solid white;
}

    .img-comp-slider::before,
    .img-comp-slider::after {
        content: "\e072";
        font-family: 'Glyphicons Halflings';
        font-size: 2rem !important;
        color: white;
        display: inline-block;
        margin-top: 6px;
    }

    .img-comp-slider::before {
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
    }


.img-comp-b:before,
.img-comp-b:after {
    content: "";
    background: white;
    position: absolute;
    left: 0px; /*fallback value*/
    left: var(--slider-left);
    height: var(--slider-bottom-part);
    width: var(--slider-width);
}

.img-comp-b:before {
    top: 0;
}

.img-comp-b:after {
    bottom: 0;
}

.product-card-button {
    display: flex;
    padding: 11px 31px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

.visualizer-continue {
    border: 1px solid var(--colorPrimaryButton-reskin);
    background: var(--colorPrimaryButton-reskin);
    color: var(--colorWhite-visualizer);
}

.visualizer-back {
    border: 1px solid var(--colorPrimaryButton-reskin);
    background: var(--colorWhite-visualizer);
    color: var(--colorPrimaryButton-reskin);
}

.product-card-nav-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.assortment-card-visualizer {
    display: flex;
    flex: 1 1 50%
}

.content-container-visualizer {
    padding: 16px;
    border: 1px solid var(--colorBorderSubdued-visualizer);
}

.compare-button-visualizer {
    background: inherit;
    border: 1px dotted var(--colorPrimaryButton-reskin);
    color: var(--colorPrimaryButton-reskin);
    padding: 31px 35px;
    width: 100%;
}

.previous-quote-visualizer {
    color: var( --colorSelectedPreviousQuote-visualizer);
}

.border-bottom-visualizer {
    border-bottom: 1px solid var(--colorSurfaceSubdued-visualizer);
}

.option-button-visualizer {
    border-radius: 100px;
    display: flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    width: 50%;
}

.option-button-active {
    color: var(--colorWhite-visualizer);
    background: var(--colorPrimary-reskin);
}

.option-button-inactive {
    color: var(--colorTertiary-visualizer);
    background: var(--colorSurfaceSubdued-visualizer);
}

.colors-offcanvas {
    left: -600px;
    transition: left 0.3s;
    width: 600px;
}

.rooms-offcanvas {
    right: -600px;
    transition: right 0.3s;
    width: 383px;
}

.offcanvas {
    display: flex;
    position: fixed;
    top: 0;
    height: 100%;
    background: var(--colorWhite-visualizer);
    z-index: 1;
    overflow-y: auto;
    visibility: visible;
}

    .offcanvas::-webkit-scrollbar {
        display: flex;
        width: 4px;
        flex-direction: column;
        align-items: flex-start;
    }

    .offcanvas::-webkit-scrollbar-thumb {
        background: #C1C1C1;
        border-radius: 8px;
    }

.offcanvas-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--colorWhite-visualizer);
    padding-top: 16px;
}

.close-offcanvas {
    position: absolute;
    right: 10px;
    font-size: 24px;
    cursor: pointer;
    color: black;
    line-height: 28px;
}

.card-buttons-bar {
    width: 100%;
    padding: 16px;
}

.offcanvas-content header {
    padding-left: 16px;
}

.close-visualizer {
    display: flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 100px;
    border: 1px solid var(--colorDarkRed-visualizer);
    background: var(--colorWhite-visualizer);
}

.offcanvas-assortments-container {
    display: flex;
    flex-wrap: wrap;
}

.width-max {
    width: 100%;
}

.flex-start-visualizer {
    display: flex;
    align-items: flex-start;
}

.select-room-button {
    z-index: 1;
    border: 1px solid var(--colorBorderPrimary-visualizer);
    background-color: var(--colorWhite-visualizer);
    font-weight: 700;
    height: 40px;
    position: absolute;
    margin: 16px
}

#visualizer .preview-visualizer-image {
    width: 100%;
    object-fit: scale-down;
    align-self: flex-start;
}

#visualizer .visualizer-placeholder .preview-visualizer-image {
    width: unset;
}

.room-img-container {
    padding: 8px 16px 8px 16px;
}

.room-img-visualizer {
    width: 100%;
    height: 100%
}

#visualizer > #form-EdgeSection > .assortmentGallery .assortment-model-visualizer {
    height: unset !important;
    display: flex;
}

#visualizer .generic-assortment-visualizer {
    border: 1px solid var(--colorBorderSubdued-visualizer);
    width: 100%;
}

.flex-row-visualizer {
    display: flex;
    flex-direction: row;
}

#visualizer .generic-assortment-visualizer .img-container {
    max-width: 40%;
}

#visualizer .assortments-column-visualizer {
    gap: 8px;
    width: 30%;
    padding-top: 16px;
}

#visualizer .generic-placeholder {
    width: 70%;
    display: flex;
    justify-content: flex-end;
    padding: 24px 8px 16px;
}

#visualizer .generic-select-room {
    margin-left: -120px;
}

#visualizer .option-list-visualizer {
    display: flex;
    flex-direction: row;
    gap: 16px;
}

#visualizer .offcanvas-header-bar {
    display: flex;
}

@media (max-width: 1440px) {
    #visualizer #filterWrapper {
        width: 200px;
    }
}

@media (max-width: 1200px) {
    #visualizer .generic-assortment-visualizer .font-text-lg {
        font-size: 16px;
    }

    #visualizer .generic-assortment-visualizer .font-price {
        font-size: 24px;
    }

    #visualizer .generic-assortment-visualizer .font-price-uom {
        font-size: 10px;
    }

    #visualizer .assortments-column-visualizer {
        margin: 0px;
    }
}

@media (max-width: 1024px) {
    #visualizer .option-list-visualizer {
        padding: 20px 10px 0px 10px;
    }

    #visualizer .generic-header-visualizer p {
        padding-left: 10px;
    }
}

@media (max-width: 876px) {
    #visualizer .generic-assortment-visualizer .font-text-lg {
        font-size: 12px;
    }

    #visualizer .generic-assortment-visualizer .font-price {
        font-size: 20px;
    }

    #visualizer .generic-assortment-visualizer .font-price-uom {
        font-size: 10px;
    }
}

@media (max-width: 672px) {
    #visualizer .option-list-visualizer {
        flex-direction: column-reverse;
    }

    #visualizer .assortments-column-visualizer {
        width: 100%;
    }

    #visualizer .generic-assortment-visualizer .font-text-lg {
        font-size: 20px;
    }

    #visualizer .generic-assortment-visualizer .font-price {
        font-size: 28px;
    }

    #visualizer .generic-assortment-visualizer .font-price-uom {
        font-size: 14px;
    }

    #visualizer .assortments-column-visualizer {
        margin: 0px;
        padding-top: 0px;
    }

    #visualizer .generic-placeholder {
        width: 100%;
        padding: 0px;
    }

    #visualizer .img-comp-img,
    #visualizer .coming-soon-msg-wrapper {
        height: 380px;
    }
}

@media (max-width: 414px) {
    #visualizer .generic-assortment-visualizer .font-text-lg {
        font-size: 16px;
    }

    #visualizer .generic-assortment-visualizer .font-price {
        font-size: 24px;
    }

    #visualizer .generic-assortment-visualizer .font-price-uom {
        font-size: 10px;
    }

    #visualizer .img-comp-img,
    #visualizer .coming-soon-msg-wrapper {
        height: 224px;
    }

    #visualizer .visualizer-placeholder.with-both-imgs {
        margin-left: auto;
        margin-right: auto;
        width: auto !important;
    }

    #visualizer .visualizer-placeholder .preview-visualizer-image {
        width: 320px !important;
    }
}

@media (max-width: 320px) {
    #visualizer .generic-assortment-visualizer .font-text-lg {
        font-size: 12px;
    }

    #visualizer .generic-assortment-visualizer .font-price {
        font-size: 20px;
    }

    #visualizer .generic-assortment-visualizer .font-price-uom {
        font-size: 10px;
    }
}

#visualizer .line-through {
    text-decoration: line-through;
}


#visualizer .img-comp-b {
    border-color: white !important;
    --slider-left: 0px;
    --slider-bottom-part: 0px;
    --slider-width: 0px;
}

#visualizer .coming-soon-msg-wrapper {
    width: 85%;
    position: absolute !important;
    color: white;
}

    #visualizer .coming-soon-msg-wrapper p {
        font-size: 2rem;
    }

#visualizer .coming-soon-msg {
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    text-align: center;
    color: white;
    z-index: 1;
    display: flex;
    overflow: visible;
    border: 1px solid white;
    padding: 10px;
    border-radius: 2px;
    background-color: var(--colorDarkBlue-visualizer);
}


#visualizer .assortments-vertical-scroll {
    overflow-y: auto;
    margin: 24px 8px 16px;
    height: auto; /* Fallback value. Set in js*/
}

#visualizer .visualizerIT:not(:first-child) {
    padding-top: 8px;
}

#visualizer .section-subcontainer {
    justify-content: flex-start;
}

.product-section {
    display: flex;
    justify-content: center;
    width: 100%;
}

.promo-content {
    color: #ee2700;
}

#visualizer .visualizer-assortments-container {
    width: 100%;
}

.description-container-visualizer {
    padding-left: 14px;
    width: 80%;
}

.visualizer-sort-by {
    height: 46px;
    width: 276px;
}

.font-H4-reskin {
    font-size: 24px;
    font-weight: bold;
    line-height: 29px;
}

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

.align-item-baseline {
    align-items: baseline;
}

#select-room-visualizer {
    padding-inline-start: 6px;
    padding-inline-end: 6px;
}