/* Minification failed. Returning unminified contents.
(64,40): run-time error CSS1034: 
(64,40): run-time error CSS1042: Expected function, found ','
(64,44): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(67,31): run-time error CSS1030: Expected identifier, found ':'
(67,39): run-time error CSS1031: Expected selector, found ')'
(67,39): run-time error CSS1025: Expected comma or open brace, found ')'
(85,31): run-time error CSS1030: Expected identifier, found ':'
(85,39): run-time error CSS1031: Expected selector, found ')'
(85,39): run-time error CSS1025: Expected comma or open brace, found ')'
(126,32): run-time error CSS1039: Token not allowed after unary operator: '-spg-color-product-configurator'
(132,32): run-time error CSS1039: Token not allowed after unary operator: '-spg-color-product-configurator'
(348,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
 */

.btn--pfc-primary,
.card--pfc .card__button,
.button.card__button {
    background-color: #89cf00 !important;
    border-radius: 1000px !important;
    color: #fff !important;
    display: block;
    font-weight: 700;
    border: 0 !important;
}


    .btn--pfc-primary:hover,
    .card--pfc .card__button:hover,
    .button.card__button:hover {
        background-color: #6ea600 !important;
        color: #fff !important;
    }

.btn--pfc-primary {
    display: inline-block;
    padding: 0.5rem 2rem;
    text-decoration: none;
}

/* Utilities */
.h-100 {
    height: 100% !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

/* configurator-option */
.configurator-option input {
    display: none;
}

.configurator-option__label {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: .5rem;
    cursor: pointer;
    display: block;
    height: 100%;
    margin: 0;
    overflow: clip;
    padding: .75rem;
    position: relative;
}

.configurator-option__name {
    line-height: 1.2;
}

.configurator-option:hover .configurator-option__label {
    border-color: #66c6f1;
    box-shadow: 0 0 5px 1px rgb(0, 0, 0, .2);
}

.configurator-option:has(input:checked) .configurator-option__label {
    background-color: #cfc;
    box-shadow: inset 0 0 0 2px #390, 0 0 5px 1px rgb(0, 0, 0, .2);
}

.configurator-option__badge {
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top-right-radius: .5rem;
    border-bottom-left-radius: .5rem;
    color: #000;
    font-size: .75rem;
    padding: .25rem .75rem;
    position: absolute;
    right: 0;
    top: 0;
}

.configurator-option:has(input:checked) .configurator-option__badge,
.configurator-option:hover .configurator-option__badge {
    border-color: #390;
}

.configurator-option__info {
    align-items: center;
    display: grid;
    gap: 1rem;
    grid-template-columns: 35px 1fr;
    height: 100%;
}

/* colorswatch */
.colorswatch {
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px #ccc;
    display: inline-block;
    height: 35px;
    width: 35px;
}

.colorswatch--small {
    height: 20px;
    width: 20px;
}

.colorswatch--xsmall {
    border: 1px solid #ccc;
    box-shadow: none;
    height: 16px;
    width: 16px;
}

/* accordion */
.accordion--product-configurator {
    background-color: transparent;
}

    .accordion--product-configurator .accordion__content {
        background-color: var(--spg-color-product-configurator);
        border: 0;
        padding: 1rem;
    }

    .accordion--product-configurator .accordion__title {
        background-color: var(--spg-color-product-configurator);
        border: 0;
        color: #000;
        font-size: 1rem;
        font-weight: 700;
        padding: 1rem 3rem 1rem 1rem;
        text-decoration: none;
    }

:last-child:not(.is-active) > .accordion__title {
    border-bottom: 0;
}

.accordion--product-configurator .accordion__title::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="black"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 1em;
    opacity: .5;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transition: transform 0.2s;
    width: 1em;
}

.accordion--product-configurator .is-active > .accordion-title::before,
.accordion--product-configurator .is-active > .accordion__title::before {
    transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
}

.accordion--product-configurator .accordion__item {
    margin-bottom: 1.5rem;
}

.product-gallery {
    aspect-ratio: 1 / 1;
    border: 1px solid #ccc;
    overflow: hidden;
    padding: 1rem;
}

.slider-for {
    aspect-ratio: 1 / 1;
    overflow: hidden;
}


.slider-nav {
    display: none;
    overflow: hidden;
}

    .slider-nav.slick-initialized {
        display: block;
    }

    .slider-nav.slick-vertical .slick-slide {
        aspect-ratio: 1 / 1;
        border: 1px solid #ccc;
        cursor: pointer;
        display: block;
        padding: .25rem;
        width: auto !important;
    }

        .slider-nav.slick-vertical .slick-slide img {
            background-color: #fff;
            display: block;
            height: 100%;
            object-fit: contain;
            object-position: center;
            width: 100%;
        }

    .slider-nav.slick-vertical .slick-current {
        border-color: #009eec;
    }

.GridView--pfc {
    font-size: .85rem;
}

.GridView--pfc th, .GridView--pfc td {
    font-size: .85rem;
}

.GridView .PriceCell {
    cursor: pointer;
}

.GridView .GridViewHeaderStyle:nth-child(1),
.GridView .GridViewHeaderStyle:nth-child(2) {
    padding-right: 1.5rem;
}

.GridView .GridViewLeftColumn {
    padding-right: 1.5rem;
}

.GridView th.GridViewSelectedColumn.before,
.GridView th.GridViewSelectedColumn.next,
.GridView th.GridViewHeaderStyle.before,
.GridView th.GridViewHeaderStyle.next {
    cursor: pointer;
    position: relative;
}

.GridView th.GridViewSelectedColumn.before::before,
.GridView th.GridViewSelectedColumn.next::after,
.GridView th.GridViewHeaderStyle.before::before,
.GridView th.GridViewHeaderStyle.next::after {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1.5em;
    height: 1.5em;
    transition: all 0.25s ease;
}

.GridView th.GridViewSelectedColumn.before::before,
.GridView th.GridViewHeaderStyle.before::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="white"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"/></svg>');
    left: .25em;
}

.GridView th.GridViewSelectedColumn.next::after,
.GridView th.GridViewHeaderStyle.next::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="white"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>');
    right: .25em;
}

.GridView th.GridViewSelectedColumn.before:hover::before,
.GridView th.GridViewHeaderStyle.before:hover::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23df0782"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"/></svg>');
}

.GridView th.GridViewSelectedColumn.next:hover::after,
.GridView th.GridViewHeaderStyle.next:hover::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23df0782"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>');
}

/* vizurio-ui overwrites */
#product-visualizer .vizurio-ui ._realisticPreview_e12429a {
    background-color: #009eec;
    border-color: #fff;
    border-radius: 1000px;
    color: #fff;
    padding: .85em 1.2em;
    transition: background-color .25s ease-out;
}

    #product-visualizer .vizurio-ui ._realisticPreview_e12429a::before {
        background-image: url('data:image/svg+xml;utf8,<svg width="24" height="27" viewBox="0 0 24 27" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4173 0.648721C11.7797 0.450426 12.2203 0.450426 12.5827 0.648721L23.3814 6.55708C23.3905 6.56204 23.3995 6.56712 23.4085 6.57234C23.775 6.78469 24 7.17217 24 7.59091V19.4091C24 19.8383 23.7637 20.2338 23.3827 20.4422L12.5827 26.3513C12.2149 26.5526 11.7671 26.5492 11.4026 26.3432L0.617232 20.442C0.236268 20.2336 0 19.8382 0 19.409V7.59091C0 7.17217 0.224988 6.78456 0.591444 6.57221L0.60876 6.57199L0.617232 6.55781L11.4173 0.648721ZM12.0001 12.148L3.67108 7.59085L12 3.03377L20.3291 7.59091L12.0001 12.148ZM2.4 9.59942V18.7136L10.8 23.3096V14.1954L2.4 9.59942ZM13.2 14.1954V23.3097L21.6 18.7137V9.59942L13.2 14.1954Z" fill="%23ffffff"/></svg>');
        background-size: contain;
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 20px;
        width: 20px;
    }

    #product-visualizer .vizurio-ui ._realisticPreview_e12429a span {
        color: #fff;
    }

    #product-visualizer .vizurio-ui ._realisticPreview_e12429a img {
        display: none;
        width: 20px;
        height: 20px;
    }

    #product-visualizer .vizurio-ui ._realisticPreview_e12429a:hover {
        background-color: #007ebd;
    }

@media screen and (min-width: 64em) {
    #product-visualizer .vizurio-ui ._saveLayoutContainer_bf50c44 {
        flex-direction: row;
        right: 80px;
    }
}

#product-visualizer .vizurio-ui ._expandableIcon_bfbcf91 {
    background-color: #004c72;
    border-radius: 1000px;
    border-color: #fff;
    color: #fff;
    padding: .85em 1.2em;
    transition: background-color .25s ease-out;
    width: fit-content;
}

    #product-visualizer .vizurio-ui ._expandableIcon_bfbcf91:hover {
        background-color: #003d5b;
    }

    #product-visualizer .vizurio-ui ._expandableIcon_bfbcf91 ._iconContainer_235e096 div {
        background: transparent;
        width: 20px;
        height: 20px;
    }

#product-visualizer .vizurio-ui ._savealllayout_c0723d4 {
    background-color: var(--color-secondary);
}

#product-visualizer .vizurio-ui ._savealllayout_c0723d4:hover {
    background-color: #0fa31c;
}

#product-visualizer .vizurio-ui ._expandableIcon_bfbcf91 ._labelContainer_c3e9fc2 {
    color: #fff;
    display: flex;
    height: auto;
    width: auto;
}

    #product-visualizer .vizurio-ui ._expandableIcon_bfbcf91 ._labelContainer_c3e9fc2 span {
        visibility: visible;
        opacity: 1;
        width: auto;
        color: #fff;
        padding: 0 10px 0 0;
    }

#product-visualizer .vizurio-ui ._expandableIcon_bfbcf91 ._labelContainer_c3e9fc2 span div {
    color: #fff;
}

/* 3D Designer HACKS, removed user instruction field! */
._floatingInstruction_2848cc4, ._instructionButton_0f2d281 {
    display: none !important;
}

._formGroup_b96c55d {
    display: none !important;
}
