/* Minification failed. Returning unminified contents.
(114,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-aspect-ratio'
(127,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(131,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(135,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(139,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(205,40): run-time error CSS1034: 
(205,40): run-time error CSS1042: Expected function, found ','
(205,44): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(208,31): run-time error CSS1030: Expected identifier, found ':'
(208,39): run-time error CSS1031: Expected selector, found ')'
(208,39): run-time error CSS1025: Expected comma or open brace, found ')'
(226,31): run-time error CSS1030: Expected identifier, found ':'
(226,39): run-time error CSS1031: Expected selector, found ')'
(226,39): run-time error CSS1025: Expected comma or open brace, found ')'
(245,32): run-time error CSS1039: Token not allowed after unary operator: '-spg-color-product-configurator'
(251,32): run-time error CSS1039: Token not allowed after unary operator: '-spg-color-product-configurator'
(404,16): run-time error CSS1036: Expected expression, found '$'
(493,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
 */
/* card */
.card--pfc {
    background-color: #fff;
    border: 0;
    border-radius: .5rem;
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0;
    padding: 1rem;
    transition: box-shadow 0.4s ease;
}

    .card--pfc:hover, .card--pfc:focus {
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .25);
        -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.25);
        -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .25);
    }

    .card--pfc .card__body {
        flex: 1 1 auto;
    }

    .card--pfc .card__attributes {
        align-items: center;
        color: #aaa;
        display: flex;
        font-size: .9rem;
        gap: .75rem;
        justify-content: flex-start;
        margin-bottom: 1rem;
    }

    .card--pfc .card__media {
        aspect-ratio: 1 / 1;
        border: 1px solid #eee;
        margin-bottom: 1rem;
        padding: .25rem;
        position: relative;
    }

    .card--pfc .card__image {
        display: block;
        margin: 0 auto;
    }

    .card--pfc .card__title {
        color: #000;
        font-family: Oswald, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.2;
        margin-bottom: 1rem;
    }

        .card--pfc .card__title a {
            color: inherit;
            text-decoration: none;
        }

        .card--pfc .card__title:hover a {
            color: inherit;
            text-decoration: underline;
        }

    .card--pfc .card__button {
        background-color: #89cf00;
        border-radius: 1000px;
        display: block;
        font-weight: 700;
    }

        .card--pfc .card__button::after {
            content: "\f178";
            font-family: "Font Awesome 6 Free";
            font-weight: 700;
            margin-left: .5em;
        }

        .card--pfc .card__button:hover {
            background-color: #6ea600;
        }

    .card--pfc .card__price {
        color: #808080;
        font-size: .9rem;
        font-weight: 700;
        line-height: 1;
    }

    .card--pfc .card__productcolors {
        display: flex;
        flex-wrap: wrap;
        gap: 3px;
        justify-content: center;
        width: 80%;
        padding: 0 .5rem .5rem .5rem;
        position: absolute;
        left: 10%;
        bottom: 0;
    }

        .card--pfc .card__productcolors a {
            line-height: 1;
        }

.ratio {
    position: relative;
    width: 100%;
}

    .ratio::before {
        display: block;
        padding-top: var(--bs-aspect-ratio);
        content: "";
    }

    .ratio > * {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.ratio-1x1 {
    --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
    --bs-aspect-ratio: 75%;
}

.ratio-16x9 {
    --bs-aspect-ratio: 56.25%;
}

.ratio-21x9 {
    --bs-aspect-ratio: 42.8571428571%;
}

.GridView--pfc th, .GridView--pfc td {
    font-size: .9rem;
}

/* 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;
}

/* 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%;
}

/* 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 {
    font-family: "Font Awesome 6 Free";
    font-weight: 700;
    content: "\f077";
}

.accordion--product-configurator .is-active > .accordion__title::before {
    font-family: "Font Awesome 6 Free";
    content: "\f078";
}

.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;
}

    /* Main slider arrows */
    .slider-for .slick-prev,
    .slider-for .slick-next {
        color: #fff;
        cursor: pointer;
        font-size: 26px;
        opacity: 0;
        position: absolute;
        text-shadow: 0 0 6px rgba(0, 0, 0, .25);
        top: 50%;
        transform: translate(0, -50%) scale(1);
        -ms-transform: translate(0,-50%) scale(1);
        -webkit-transform: translate(0, -50%) scale(1);
        transform-origin: center center;
        -ms-transform-origin: center center;
        -webkit-transform-origin: center center;
        transition: opacity 0.3s, text-shadow .6s ease, transform .6s ease;
        visibility: hidden;
        z-index: 2;
    }

    .slider-for .slick-prev {
        left: .5rem;
    }

    .slider-for .slick-next {
        right: .5rem;
    }

    /* Show arrows when hovering main slider */
    .slider-for:hover .slick-prev,
    .slider-for:hover .slick-next {
        opacity: 1;
        visibility: visible;
    }

    .slider-for .slick-prev:hover,
    .slider-for .slick-prev:focus,
    .slider-for .slick-next:hover,
    .slider-for .slick-next:focus {
        outline: 0;
        text-shadow: 0 0 8px rgba(0, 0, 0, .5);
        transform: translate(0, -50%) scale(1.2);
        -ms-transform: translate(0,-50%) scale(1.2);
        -webkit-transform: translate(0, -50%) scale(1.2);
    }

.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 .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 {
        display: block;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: auto;
        height: auto;
        font-family: "Font Awesome 6 Free";
        font-size: 1.2rem;
        color: $arrow-color;
        line-height: 0;
        transition: all 0.25s ease;
    }

    .GridView th.GridViewSelectedColumn.before::before,
    .GridView th.GridViewHeaderStyle.before::before {
        content: "\f104";
        left: .5rem;
    }

    .GridView th.GridViewSelectedColumn.next::after,
    .GridView th.GridViewHeaderStyle.next::after {
        content: "\f105";
        right: .5rem;
    }

    .GridView th.GridViewSelectedColumn.before:hover::before,
    .GridView th.GridViewSelectedColumn.next:hover::after,
    .GridView th.GridViewHeaderStyle.before:hover::before,
    .GridView th.GridViewHeaderStyle.next:hover::after {
        color: #df0782;
    }

/* vizurio-ui overwrites */
#product-visualizer .vizurio-ui ._realisticPreview_e12429a {
    background-color: #009eec;
    border-color: #fff;
    border-radius: 1000px;
    color: #fff;
    padding: .85em 1.2em;
    position: absolute;
    left: 20px;
    transform: none;
    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 ._savelayout_9e0db11 {
    background-color: var(--color-secondary);
}

    #product-visualizer .vizurio-ui ._savelayout_9e0db11: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;
    }

/* 3D Designer HACKS, removed user instruction field! */
._floatingInstruction_2848cc4, ._instructionButton_0f2d281 {
    display: none !important;
}