/* /Components/MirrorCreationComponents/AssembleMirrorComponents/MirrorsCarousel.razor.rz.scp.css */
.mirrorsCarousel[b-gfj7j3fwve] {
    width: 100%;
    height:100%;
    min-height: 500px;
}

.carouselImg[b-gfj7j3fwve]{
    margin:auto;
    border-radius:30px;
    object-fit:scale-down;
}

.carouselImg-Container[b-gfj7j3fwve]{
    display:flex;
    height:100%;
}


@media (max-width: 450px) {
    .mirrorsCarousel[b-gfj7j3fwve] {
        width: 100%;
        height: 100%;
        min-height: 35vh;
    }
}
/* /Components/MirrorCreationComponents/AssembleMirrorComponents/MirrorsCatalogueView.razor.rz.scp.css */
/* Page header styling */
.page-header[b-on9hhadruj] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    padding: 10px;
}

.page-title[b-on9hhadruj] {
    font-size: x-large;    
}

.filter-container[b-on9hhadruj] {
    display: flex;
    gap: 15px;
}

/* Series card styling */
.series-card[b-on9hhadruj] {
    background: var(--BackgroundColor);
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 3px 10px rgba(0,0,0,0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    width: 100%;
    height: 100%;
    display:flex;
    flex-direction:column;
}

    .series-card:hover[b-on9hhadruj] {
        
        box-shadow: 0 10px 25px rgba(0,0,0,0.5);
    }

.card-header[b-on9hhadruj] {
    position: relative;
    height: 250px;
    border-radius:25px;
    display: flex;
    align-items: flex-end;
}
.card-header-image[b-on9hhadruj] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit:contain;
    z-index: 0;
}
.card-header-overlay[b-on9hhadruj] {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0) 100%);
}

.card-title-container[b-on9hhadruj] {
    position: relative;
    z-index: 2;
    padding: 15px;
    width: 100%;
}

.card-title[b-on9hhadruj] {
    color: white;
    margin: 0 0 5px 0;
    font-size: 22px;
    font-weight: 500;
}

.card-subtitle[b-on9hhadruj] {
    color: rgba(255,255,255,0.9);
    margin: 0;
    font-size: 14px;
}

.card-badges[b-on9hhadruj] {
    position: absolute;
    top: 15px;
    right: 15px;
    display: flex;
    gap: 5px;
    z-index: 2;
}

.badge[b-on9hhadruj] {
    background-color: var(--customPrimary);
    color: white;
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 20px;
    font-weight: 500;
}

.badge-secondary[b-on9hhadruj] {
    background-color: var(--BronzeGold);
}

.card-content[b-on9hhadruj] {
    padding: 15px;
    flex-grow:1;
    display:flex;
    flex-direction:column;
}

/* Options and features styling */
.series-options[b-on9hhadruj] {
    flex-grow: 1;
    border-bottom: 2px solid var(--customPrimary);
}

.option-pill[b-on9hhadruj] {
    display: flex;
    align-items: center;
    background-color: var(--BronzeGray);
    border-radius: 20px;
    padding: 5px 15px;
    font-size: 12px;
}

    .option-pill img[b-on9hhadruj] {
        width: 40px;
        height: 40px;
        margin-right: 5px;
        object-fit: contain;
    }

.feature-icon[b-on9hhadruj] {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

/* Detail dialog styling */
.detail-header[b-on9hhadruj] {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.detail-title[b-on9hhadruj] {
    color: var(--customPrimary);
    margin: 0;
    font-size: 20px;
}

.back-button[b-on9hhadruj] {
    margin-right: 15px;
    cursor: pointer;
    color: var(--customPrimary);
}

/*Must have all these classes otherwise the header is also changing on hover (inspect styles with hover pesudo-class enabled)*/
[b-on9hhadruj] .mud-table-hover .mud-table-container .mud-table-root .mud-table-body .mud-table-row:hover {
    background-color: var(--customLightPrimary) !important; /* Using your existing color variable */
    transition: background-color 0.3s;
}

/* Media queries using MudBlazor breakpoints */
@media (max-width: 600px) {
    .page-header[b-on9hhadruj] {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .filter-container[b-on9hhadruj] {
        width: 100%;
        flex-direction: column;
    }

    .card-header[b-on9hhadruj] {
        height: 150px;
    }
}

@media (max-width: 960px) and (min-width: 600px) {
    .filter-container[b-on9hhadruj] {
        flex-wrap: wrap;
    }

    [b-on9hhadruj] .search-box {
        width: 100%;
    }
}
/* /Components/MirrorCreationComponents/AssembleMirrorComponents/MirrorSeriesSelectionView.razor.rz.scp.css */
.mirror-grid[b-uhns5veyky] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1.5rem;
}

.mirror-card[b-uhns5veyky] {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 6px 12px rgba(0,0,0,0.1);
    height: 250px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}

    .mirror-card:hover[b-uhns5veyky] {
        transform: translateY(-5px);
        box-shadow: 0 12px 20px rgba(0,0,0,0.15);
    }

.overlay-gradient[b-uhns5veyky] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,0.1) 100%);
    z-index: 1;
    opacity: 0.7;
    transition: opacity 0.3s ease;
}

.mirror-card:hover .overlay-gradient[b-uhns5veyky] {
    opacity: 0.9;
}

.mirror-img[b-uhns5veyky] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.mirror-card:hover .mirror-img[b-uhns5veyky] {
    transform: scale(1.05);
}

.mirror-title[b-uhns5veyky] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: start;
    align-items: end;
    z-index: 2;
    padding: 1rem;
}

    .mirror-title h3[b-uhns5veyky] {
        color: white;
        font-weight: 500;
        font-size: 1.0rem;
        text-align :center;
        text-shadow: 0 2px 4px rgba(0,0,0,0.5);
        transition: transform 0.3s ease;
    }

.mirror-card:hover .mirror-title h3[b-uhns5veyky] {
    transform: scale(1.1);
}

@media (max-width: 768px) {
    .mirror-card[b-uhns5veyky] {
        height: 220px;
    }

    .mirror-title h3[b-uhns5veyky] {
        font-size: 1.3rem;
    }
}

@media (max-width: 480px) {
    .mirror-grid[b-uhns5veyky] {
        grid-template-columns: 1fr;
    }

    .mirror-card[b-uhns5veyky] {
        height: 200px;
    }
}
/* /Components/MirrorCreationComponents/Dialogs/DimensionsDialog.razor.rz.scp.css */
.custom-dimensions-container[b-zysiernwg7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    padding: 1rem;
}

.tape-measure-img[b-zysiernwg7] {
    max-height: 100px;
    transition: transform 0.3s ease;
}

    .tape-measure-img:hover[b-zysiernwg7] {
        transform: scale(1.05);
    }

.dimensions-inputs[b-zysiernwg7] {
    width: 100%;
    max-width: 500px;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.dimension-input-group[b-zysiernwg7] {
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 8px;
    padding: 1rem;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    border-left: 4px solid var(--BronzeGold);
}

    .dimension-input-group:hover[b-zysiernwg7] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    }

.dimension-input-wrapper[b-zysiernwg7] {
    width: 100%;
}

.diameter-input[b-zysiernwg7] {
    border-left: 4px solid var(--BronzeDarkPink);
}

/* Fixed Dimensions UI */
.fixed-dimensions-container[b-zysiernwg7] {
    padding: 1rem;
}

.dimension-options[b-zysiernwg7] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
    padding: 1rem;
}

.dimension-option[b-zysiernwg7] {
    min-width:140px;
    cursor: pointer;
    transition: transform 0.2s ease;
}

    .dimension-option:hover[b-zysiernwg7] {
        transform: translateY(-5px);
    }

.dimension-option-content[b-zysiernwg7] {
    background-color: var(--BackgroundColor);
    border-radius: 8px;
    padding: 0.75rem 1.25rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border: 2px solid transparent;
    transition: all 0.2s ease;
    min-width: 120px;
}

    .dimension-option-content:hover[b-zysiernwg7] {
        border-color: var(--BronzeGold);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    }

    .dimension-option-content.selected[b-zysiernwg7] {
        border-color: var(--BronzeDarkPink);
        background-color: rgba(214, 188, 198, 0.15);
    }

.dimension-display[b-zysiernwg7] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.dimension-values[b-zysiernwg7] {
    font-weight: 500;
    color: var(--customDark);
    font-size: 1.1rem;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    flex-wrap: nowrap;
}

.dimension-separator[b-zysiernwg7] {
    font-weight: bold;
}

.dimension-value-prefix[b-zysiernwg7] {
    font-weight: 500;
}

.dimension-unit[b-zysiernwg7] {
    color: var(--customDark);
    opacity: 0.7;
    font-size: 0.85rem;
    margin-left: 0.1rem;
}

/* Responsive adjustments */
@media (max-width: 600px) {
    .dimensions-inputs[b-zysiernwg7] {
        width: 100%;
    }

    .dimension-option-content[b-zysiernwg7] {
        min-width: 120px;
    }

    .dimension-visual[b-zysiernwg7] {
        width: 80px;
        height: 80px;
    }
}
/* /Components/MirrorCreationComponents/Dialogs/LightsDialog.razor.rz.scp.css */
.light-option[b-5h92daj86x] {
    transition: transform 0.2s ease;
    overflow: hidden;
}

    .light-option:hover[b-5h92daj86x] {
        transform: translateY(-5px);
    }

.light-category-title[b-5h92daj86x] {
    flex-basis:100%;
    font-weight: 500;
    color: var(--customDark);
    margin-bottom: 8px;
    font-size: 0.9rem;
    border-left: 4px solid var(--BronzeGold);
    padding-left: 8px;
}

.light-option-content[b-5h92daj86x] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px;
}

.light-option-img[b-5h92daj86x] {
    max-height: 120px;
    transition: transform 0.3s ease;
}

.light-option-text[b-5h92daj86x] {
    margin-top: 8px;
    text-align: center;
    font-size: 0.9rem;
}

.expansion-title[b-5h92daj86x] {
    font-weight: 500;
    display: flex;
    align-items: center;
    gap:8px;
}
.lineElement[b-5h92daj86x] {
    border-bottom: 4px solid var(--BackgroundColor);
    flex-grow: 1;
    margin: 2px 20px 0px 5px;
}




/* /Components/MirrorCreationComponents/MirrorPricingTable.razor.rz.scp.css */
/* /Components/PrintTemplates/QuotePrintTemplate.razor.rz.scp.css */
@page {
    size: letter;
    margin: 8mm 8mm 8mm 8mm
}

.sumsTable[b-xubxkd29nn] {
    margin-right: 0px;
    margin-left: auto;
    table-layout: auto;
    width: min-content;
}

    .sumsTable td[b-xubxkd29nn] {
        padding: 2px;
    }

.notesTextContainer[b-xubxkd29nn]{
    font-style:italic;
    font-size:0.7rem;
    word-wrap:break-word;
    max-width:450px;
    text-align:left;
}


/* /Components/SVGComponents/BronzeArtLogo2SVG.razor.rz.scp.css */

#BronzeArtLogo2[b-bciff1smz1] {
    
}

#BronzeArtLogo2Path[b-bciff1smz1] {
    stroke-dasharray: 6978.86;
    stroke-dashoffset: 6978.86;
    stroke-width:1px;
    stroke:black;
    animation: line-anime-b-bciff1smz1 10s ease forwards 0.2;
}


    /*#BronzeArtLogo2 path {
        stroke: black;
        stroke-width: 1px;
        animation: fill-anime 1.0s ease forwards 13s;
    }*/

@keyframes line-anime-b-bciff1smz1 {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes fill-anime-b-bciff1smz1 {
    from {
        fill: transparent;
        fill-opacity: 0;
    }

    to {
        fill: red; /*#FFCC66;*/
        fill-opacity: 0.8;
    }
}
/* /Components/SVGComponents/BronzeArtLogoSVG.razor.rz.scp.css */
/*BRONZE LOGO ANIMATION -- WRITING AND FILLING IN THE END*/

#BronzeArtLogo[b-826wgekdr3] {
    animation: fill-anime-b-826wgekdr3 1.0s ease forwards 4.4s;
}

    #BronzeArtLogo path:nth-child(1)[b-826wgekdr3] {
        stroke-dasharray: 301.69px;
        stroke-dashoffset: 301.69px;
        animation: line-anime-b-826wgekdr3 2s ease forwards 0.5;
    }
    #BronzeArtLogo path:nth-child(2)[b-826wgekdr3] {
        stroke-dasharray: 289.627px;
        stroke-dashoffset: 289.627px;
        animation: line-anime-b-826wgekdr3 2s ease forwards 0.3s;
    }
    #BronzeArtLogo path:nth-child(3)[b-826wgekdr3] {
        stroke-dasharray: 281.412px;
        stroke-dashoffset: 281.412px;
        animation: line-anime-b-826wgekdr3 2s ease forwards 0.6s;
    }

    #BronzeArtLogo path:nth-child(4)[b-826wgekdr3] {
        stroke-dasharray: 319.641px;
        stroke-dashoffset: 319.641px;
        animation: line-anime-b-826wgekdr3 2s ease forwards 0.9s;
    }

    #BronzeArtLogo path:nth-child(5)[b-826wgekdr3] {
        stroke-dasharray: 254.963px;
        stroke-dashoffset: 254.963px;
        animation: line-anime-b-826wgekdr3 2s ease forwards 1.2s;
    }
    #BronzeArtLogo path:nth-child(6)[b-826wgekdr3] {
        stroke-dasharray: 259.200px;
        stroke-dashoffset: 259.200px;
        animation: line-anime-b-826wgekdr3 2s ease forwards 1.5s;
    }

    #BronzeArtLogo path:nth-child(7)[b-826wgekdr3] {
        stroke-dasharray: 263.220px;
        stroke-dashoffset: 263.220px;
        animation: line-anime-b-826wgekdr3 2s ease forwards 1.8s;
    }

    #BronzeArtLogo path:nth-child(8)[b-826wgekdr3] {
        stroke-dasharray: 289.6279px;
        stroke-dashoffset: 289.6279px;
        animation: line-anime-b-826wgekdr3 2s ease forwards 2.1s;
    }

    #BronzeArtLogo path:nth-child(9)[b-826wgekdr3] {
        stroke-dasharray: 199.200px;
        stroke-dashoffset: 199.200px;
        animation: line-anime-b-826wgekdr3 2s ease forwards 2.4s;
    }
    #BronzeArtLogo path[b-826wgekdr3]{
        stroke:White;
        stroke-width:3px;
    }

    @keyframes line-anime-b-826wgekdr3 {
        to{
            stroke-dashoffset: 0;
        }
    }

    @keyframes fill-anime-b-826wgekdr3{
        from{
            fill:transparent;
            fill-opacity:0;
        }
        to {
            fill:white; /*#FFCC66;*/
            fill-opacity: 0.1;
        }
    }
/* /Components/SVGComponents/GlassThicknessSVG.razor.rz.scp.css */
@font-face {
    font-family: "Humnst777 Cn BT";
    src: url("#FontID0") format(svg)
}

.fil2[b-pdqwbh7nw8] {
    fill: #6F2443
}

.fil0[b-pdqwbh7nw8] {
    fill: #2B2A29;
    fill-rule: nonzero
}

.fil1[b-pdqwbh7nw8] {
    fill: url(#id0)
}

.fntmm[b-pdqwbh7nw8] {
    font-weight: normal;
    font-size: 164.33px;
    font-family: 'Humnst777 Cn BT'
}

.fnt0[b-pdqwbh7nw8] {
    font-weight: bold;
    font-size: 333.539px;
    font-family: 'Humnst777 Cn BT'
}
.fntTenplex[b-pdqwbh7nw8] {
    font-weight: bold;
    font-size: 160px;
    font-family: 'Humnst777 Cn BT'
}
.fnt810[b-pdqwbh7nw8] {
    font-weight: bold;
    font-size: 256.237px;
    font-family: 'Humnst777 Cn BT'
}
/* /Components/UniversalComponents/LocalProgressIndicator.razor.rz.scp.css */
.progressText[b-1qhbx1vdcx] {
    font-size: 1rem;
    font-weight: bold;
    color: var(--customPrimary);
    display:flex;
    justify-content:center;
}
.progressContainer[b-1qhbx1vdcx] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--BackgroundColor);
    padding:40px;
    border-radius:20px;
    min-width:50%;
}
/* /Components/Various/CabinsCarousel.razor.rz.scp.css */

.cabinsCarousel[b-lmqnikvx3o] {
    width:100%;
    min-height:500px;
}

@media (max-width: 450px){
    .cabinsCarousel[b-lmqnikvx3o]{
        width:100%;
        min-height:300px;
    }
}
/* /Components/Various/NoResultsFoundView.razor.rz.scp.css */
.no-results-container[b-b5at4302pp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-radius: 16px;
    padding: 3rem 2rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    width: 100%;
    margin: 2rem auto;
    text-align: center;
    animation: fadeIn-b-b5at4302pp 0.5s ease-out;
}

.no-results-icon[b-b5at4302pp] {
    width: 300px;
    height: 150px;
    margin-top:-50px;
    margin-bottom: 10px;
}

.no-results-title[b-b5at4302pp] {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--customPrimary);
    margin-bottom: 0.75rem;
}

.no-results-message[b-b5at4302pp] {
    font-size: 1.1rem;
    color: var(--customDark);
    margin-bottom: 1.5rem;
    max-width: 500px;
    line-height: 1.5;
}

.search-tips[b-b5at4302pp] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background-color: #f8f9fa;
    border-left: 4px solid var(--customLightPrimary);
    padding: 1rem 1.5rem;
    border-radius: 8px;
    margin-bottom: 1.5rem;
    text-align: left;
    width: 100%;
    max-width: 500px;
}

.search-tips-title[b-b5at4302pp] {
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: var(--customPrimary);
}

.search-tips ul[b-b5at4302pp] {
    margin: 0;
    padding-left: 1.5rem;
}

.search-tips li[b-b5at4302pp] {
    margin-bottom: 0.5rem;
    color: var(--customDark);
}

.clear-filters-button[b-b5at4302pp] {
    padding: 0.75rem 2rem !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 10px rgba(103, 0, 60, 0.2) !important;
    transition: all 0.2s ease !important;
}

    .clear-filters-button:hover[b-b5at4302pp] {
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(103, 0, 60, 0.3) !important;
    }

    .clear-filters-button:active[b-b5at4302pp] {
        transform: translateY(0) !important;
    }

@keyframes fadeIn-b-b5at4302pp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive adjustments */
@media (max-width: 600px) {
    .no-results-container[b-b5at4302pp] {
        padding: 2rem 1rem;
    }

    .no-results-icon[b-b5at4302pp] {
        width: 140px;
        height: 140px;
    }

    .no-results-title[b-b5at4302pp] {
        font-size: 1.5rem;
    }

    .no-results-message[b-b5at4302pp] {
        font-size: 1rem;
    }
}
/* /Components/Various/VariousDialogs/AddProductsToBasketDialog.razor.rz.scp.css */
.contentContainer[b-rr4s0sgpe2] {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}
.imagePresenterContainer[b-rr4s0sgpe2]{
    height:200px;
    width:300px;
    padding:35px;    
}
.quantityContainer[b-rr4s0sgpe2] {
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items:center;
    width:200px;
    
}
.predefinedQuantitiesBox[b-rr4s0sgpe2]{
    display:flex;
    margin-top:5px;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:start;
}
.actionsContainer[b-rr4s0sgpe2]{
    display:flex;
    flex-direction:row;
    justify-content:center;
    width:100%;
    gap:30px;
}
/* /Components/Various/VariousDialogs/SavedBasketsDialog.razor.rz.scp.css */
.contentContainer[b-6xjkoqddkf] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position:relative;
    min-height:250px;
}
.actionsContainer[b-6xjkoqddkf] {
    border-top: 1px solid var(--customPrimary);
    width:100%;
    display:flex;
    justify-content:center;
}
table[b-6xjkoqddkf]{
    max-width:1200px;
}
td[b-6xjkoqddkf]{
    white-space:break-spaces;
    word-break:break-word!important;
}
/* /Pages/AssembleMirror.razor.rz.scp.css */
/*The breakPoints where the Grid Changes -- Invert gradient and change min-height*/
.mainWindowContainer[b-e8e7juui6m] {
    background: linear-gradient(45deg,silver 0%,var(--BackgroundColor) 25%,gainsboro 50%,whitesmoke 75%,white 100%);
}


@media (max-width:1280px) {
    .mainWindowContainer[b-e8e7juui6m] {
        background: linear-gradient(45deg,silver 0%,var(--BackgroundColor) 25%,gainsboro 50%,whitesmoke 75%,white 100%);
    }
}

@media (max-width:960px) {
    .mainWindowContainer[b-e8e7juui6m] {
        background: linear-gradient(135deg,silver 0%,var(--BackgroundColor) 25%,gainsboro 50%,whitesmoke 75%,white 100%);
    }
}

@media (max-width:600px) {
    .mainWindowContainer[b-e8e7juui6m] {
        background: linear-gradient(135deg,silver 0%,var(--BackgroundColor) 25%,gainsboro 50%,whitesmoke 75%,white 100%);
    }
}

.mirrorButton[b-e8e7juui6m]{
    
}

    .mirrorButton:hover .mirrorButton-Icon[b-e8e7juui6m] {
        transform: translateY(-10px);
    }
/* Frame around main mirror photo */
#mirrorPhotoMudItem img[b-e8e7juui6m] {
    border: 5px solid #ccc;
    padding: 4px;
    box-sizing: border-box;
}

.mirrorButton-Icon[b-e8e7juui6m] {
    transition: all ease 0.3s;
}
/* /Pages/Authentication.razor.rz.scp.css */
#LoaderContainer[b-968zcf2mxc]{
    width:100%;
    height:80vh;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    align-content:center;
    padding:10px;
}
/* /Pages/CabinsPage/Components/CabinPropertiesPanels/CabinExtraOptionsPanel.razor.rz.scp.css */

#ExtrasPanelContainer:focus-within[b-mc9s2eifbi] {
    border-color: lightslategray;
}

#ExtrasPanelContainer[b-mc9s2eifbi] {
    height: 100%;
    border: 1px solid lightgray;
}

#additionalsRow:hover[b-mc9s2eifbi] {
    background-color: var(--customVeryLightGray);
}
/* /Pages/CabinsPage/Components/CabinPropertiesPanels/DimensionsPanel.razor.rz.scp.css */

#MainDimensionsPanelContainer:focus-within[b-gcrgjsvb3x]{
    border-color: lightslategray;
}

#MainDimensionsPanelContainer[b-gcrgjsvb3x] {
    border: 1px solid lightgray;
}

@keyframes opacity-anime-b-gcrgjsvb3x {
    from {
        opacity:1.0
    }

    to {
        opacity:0.5
    }
}
/* /Pages/CabinsPage/Components/CabinPropertiesPanels/GlassPropertiesPanel.razor.rz.scp.css */

#GlassPropertiesMainContainer:focus-within[b-94vknk6aar] {
    border-color: lightslategray;
}

#GlassPropertiesMainContainer[b-94vknk6aar]{
    height:100%;
    border:1px solid lightgray;
}
/* /Pages/CabinsPage/Components/CabinPropertiesPanels/MetalFinishPanel.razor.rz.scp.css */
#MetalFinishPanelContainer:focus-within[b-tljuh2s6ol] {
    border-color:lightslategray
}

#MetalFinishPanelContainer[b-tljuh2s6ol] {
    height: 100%;
    border: 1px solid lightgray
}
/* /Pages/CabinsPage/Components/CabinPropertiesPanels/PricingPanel.razor.rz.scp.css */
#PricingPanelContainer:focus-within[b-g8c0a3tr6v] {
    border-color: lightslategray;
}

#PricingPanelContainer[b-g8c0a3tr6v] {
    height: 100%;
    border: 1px solid lightgray;
}
/* /Pages/CabinsPage/Components/Dialogs/CabinPartSelectionDialog.razor.rz.scp.css */



.cabinItemContainer[b-j7bh1qxyqd] {
    height: 200px;
    width: 350px;
    border:1px solid var(--customDark);
    border-radius:5px;
    background:linear-gradient(
        transparent 0%,
        transparent 148px,
        var(--customPrimary) 148px,
        var(--customPrimary) 150px,
        var(--BackgroundColor) 150px, 
        var(--BackgroundColor) 100%);
    padding:5px 5px 0px 5px;
    display:flex;
    flex-direction:column;
}
    .cabinItemContainer:hover[b-j7bh1qxyqd] {
        box-shadow: var(--BackgroundColor) 7px 7px 5px;
    }

.middleContainer[b-j7bh1qxyqd] {
    width: auto;
    height: 140px;
    display: flex;
    flex-direction: row;
}

.propertiesBox[b-j7bh1qxyqd]{
    width:auto;
    height:auto;
    display:flex;
    margin-left:5px;
    margin-right:5px;
    flex-direction:column;
    justify-content:center;
    align-content:flex-start;
}

.cabinItemContainerImage[b-j7bh1qxyqd] {
    width:190px;
    height:140px;
    padding:0px 0px 5px 0px;
    pointer-events:auto;
    display:flex;
    justify-content:center;
    align-content:center;
}

/*To Apply radius properly*/
.cabinItemContainerImage > img[b-j7bh1qxyqd]{
    object-fit:scale-down;
    max-height:135px;
    max-width:190px;
    border-radius:10px;
}

.bottomHeader[b-j7bh1qxyqd] {
    width: auto;
    height: 55px;
    font-size: 0.5rem;
    color: var(--customDark);
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}






/* /Pages/CabinsPage/Components/DrawComponents/MeasureCabinDraw.razor.rz.scp.css */



/* /Pages/CabinsPage/Components/TableInfoComponents/CabinInfoTable.razor.rz.scp.css */

.tableHead[b-hrkvdg7pk9]{
    border-bottom:12px solid;
    border-bottom-color: var(--BronzeDarkPink);
    background-color: var(--BackgroundColor);
}

.tableCell[b-hrkvdg7pk9] {
    text-align: center;
    font-weight: 500;
    font-size: 14px;
}
/* /Pages/CabinsPage/Components/TableInfoComponents/CabinPartsPhotoTable.razor.rz.scp.css */

.tableHead[b-of57jlosrc] {
    border-bottom: 6px solid;
    border-bottom-color: var(--BronzeDarkPink);
    background-color: var(--BackgroundColor);
}

.tableCell[b-of57jlosrc] {
    text-align: center;
    font-weight: 500;
    font-size: 14px;
}
/* /Pages/CabinsPage/Components/WindowsComponents/CabinPanelWindow.razor.rz.scp.css */
.IconContainer[b-hfq7qsdqgp] {
    border: 1px solid black;
    border-radius: 5px;
    padding: 5px;
    margin: 3px;
}

.iconImg[b-hfq7qsdqgp] {
    max-width: 60px;
}

.IconContainer[b-hfq7qsdqgp]  svg {
    max-width: 60px; /* Prevent horizontal overflow */
    max-height: 60px;
    width:auto;
    height:auto;
}
/* /Pages/CabinsPage/Components/WindowsComponents/StartResumeWindow.razor.rz.scp.css */
/*The breakPoints where the Grid Changes -- Invert gradient and change min-height*/
.mainWindowContainer[b-9epc8mnhz4] {
    background: linear-gradient(45deg,silver 0%,var(--BackgroundColor) 25%,gainsboro 50%,whitesmoke 75%,white 100%);
}


@media (max-width:1280px) {
    .mainWindowContainer[b-9epc8mnhz4] {
        background: linear-gradient(45deg,silver 0%,var(--BackgroundColor) 25%,gainsboro 50%,whitesmoke 75%,white 100%);
    }
}

@media (max-width:960px) {
    .mainWindowContainer[b-9epc8mnhz4] {
        background: linear-gradient(135deg,silver 0%,var(--BackgroundColor) 25%,gainsboro 50%,whitesmoke 75%,white 100%);
    }
}

@media (max-width:600px) {
    .mainWindowContainer[b-9epc8mnhz4] {
        background: linear-gradient(135deg,silver 0%,var(--BackgroundColor) 25%,gainsboro 50%,whitesmoke 75%,white 100%);
    }
}

.notVisible[b-9epc8mnhz4] {
    display: none;
    height: 0px;
    width: 0px;
}




.isVisible[b-9epc8mnhz4] {
    animation: appearAnimation-b-9epc8mnhz4 ease 1s;
    height: 210px;
    width: 730px;
    overflow: hidden;
}








@keyframes appearAnimation-b-9epc8mnhz4 {


    from {
        opacity: 0;
        width: 0%;
        height: 0%;
    }




    to {
        opacity: 1;
        height: 190px;
        width: 730px;
    }
}





@-webkit-keyframes appearAnimation {


    from {
        opacity: 0;
        width: 0%;
        height: 0%;
    }





    to {
        opacity: 1;
        height: 190px;
        width: 730px;
    }
}
/* /Pages/Index.razor.rz.scp.css */
/* Page background styling */
.page-background[b-emd7n6713q] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    background-image: url(../Images/Various/BathroomBackground.jpg);
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
}

.page-overlay[b-emd7n6713q] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(1px);
}

/* ESPA Banner styling */
.espa-banner-container[b-emd7n6713q] {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
    width: 100%;
}

.espa-banner[b-emd7n6713q] {
    min-height: 40px;
    max-height: 60px;
    object-fit: contain;
    margin-bottom:10px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: transform 0.2s ease;
}

    .espa-banner:hover[b-emd7n6713q] {
        transform: scale(1.02);
    }

/* Main content container */
.content-container[b-emd7n6713q] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    position: relative;
    animation: fadeIn-b-emd7n6713q 0.6s ease-out;
}

/* Grid container */
.grid-container[b-emd7n6713q] {
    width: 100%;
    max-width: 1400px;
    padding: 2rem;
}

/* Feature cards (replaces the old buttonImageContainer) */
.feature-card[b-emd7n6713q] {
    position: relative;
    width:500px;
    height: 100%;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
    cursor: pointer;
    transform-origin: center;
    margin-bottom: 1.5rem;
}

    .feature-card:hover[b-emd7n6713q] {
        transform: translateY(-8px) scale(1.02);
        box-shadow: 0 16px 32px rgba(0, 0, 0, 0.2);
    }

.feature-image-container[b-emd7n6713q] {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.feature-image[b-emd7n6713q] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease, filter 0.3s ease;
}

.feature-card:hover .feature-image[b-emd7n6713q] {
    transform: scale(1.05);
    filter: brightness(0.7);
}

.feature-overlay[b-emd7n6713q] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent 70%);
}

.feature-card:hover .feature-overlay[b-emd7n6713q] {
    opacity: 1;
}

.feature-text[b-emd7n6713q] {
    color: white;
    font-size: clamp(1.5rem, 5vmin, 2.5rem);
    font-weight: 600;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    transform: translateY(20px);
    transition: transform 0.3s ease;
}

.feature-card:hover .feature-text[b-emd7n6713q] {
    transform: translateY(0);
}

/* New badge styling (improved version) */
.new-badge[b-emd7n6713q] {
    position: absolute;
    top: 16px;
    right: 16px;
    background-color: var(--customRed);
    color: white;
    font-size: 0.9rem;
    font-weight: 600;
    padding: 8px 16px;
    border-radius: 50px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    z-index: 2;
    animation: pulse-b-emd7n6713q 2s infinite;
}

/* Settings button container */
.settings-button-container[b-emd7n6713q] {
    position: absolute;
    bottom: 16px;
    right: 16px;
    z-index: 10;
}

.settings-button[b-emd7n6713q] {
    transition: transform 0.2s ease;
}

    .settings-button:hover[b-emd7n6713q] {
        transform: rotate(90deg);
    }

/* Animations */
@keyframes fadeIn-b-emd7n6713q {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes pulse-b-emd7n6713q {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.05);
        opacity: 0.8;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Responsive adjustments */
@media (max-width: 600px) {
    .feature-card[b-emd7n6713q] {
        height: 220px;
    }

    .grid-container[b-emd7n6713q] {
        padding: 1rem;
    }
}

@media (min-width: 1200px) {
    .feature-card[b-emd7n6713q] {
        height: 350px;
    }
}

/*#buttonImageContainer {
    filter: drop-shadow(10px 10px 10px black);
    border: .01rem solid transparent;
    border-radius: 1rem;
    overflow: hidden;
    position: relative;
}

    #buttonImageContainer:hover {
        animation: borderRadius-change-anime 1s ease;
        border-radius: 60rem;
    }

        #buttonImageContainer:hover .buttonImage {
            animation: opacity-Image-anime 0.5s ease;
            opacity: 0.4;
        }

    #buttonImageContainer .buttonImage-Text {
        visibility: hidden;
    }

    #buttonImageContainer:hover .buttonImage-Text {
        animation: opacity-Text-anime 0.3s ease forwards 0.1s;
    }

    #buttonImageContainer:hover .newBadge {
        display:none;
    }

.buttonImage-Text {
    font-size: 6vmin;*/ /*Smallest from 3.2vw or 3.2vh*/
/*}

.buttonImage {
}

.newBadge {
    position: absolute;
    top: 0%;
    right: 0%;
    font-size: 1rem;
    color: white;
    background-color: var(--customRed);
    padding: 10px;
    padding-top: 15px;
    text-align: center;
    border-radius: 10px;
    transition:opacity ease 0.3s;
    animation: opacity-Indefinite 3s infinite; 
}

@-webkit-keyframes borderRadius-change-anime {
    from {
        border-radius: 1rem;
    }

    to {
        border-radius: 60rem;
    }
}

@keyframes borderRadius-change-anime {
    from {
        border-radius: 1rem;
    }

    to {
        border-radius: 60rem;
    }
}

@-webkit-keyframes opacity-Image-anime {
    from {
        opacity: 1.0;
    }

    to {
        opacity: 0.4;
    }
}

@keyframes opacity-Image-anime {
    from {
        opacity: 1.0;
    }

    to {
        opacity: 0.4;
    }
}

@-webkit-keyframes opacity-Text-anime {
    from {
        visibility: hidden;
        opacity: 0.0
    }

    to {
        visibility: visible;
        opacity: 1.0
    }
}

@keyframes opacity-Text-anime {
    from {
        visibility: hidden;
        opacity: 0.0
    }

    to {
        visibility: visible;
        opacity: 1.0
    }
}

@keyframes opacity-Indefinite {
    0% {
        opacity: 1.0
    }
    10% {
        opacity: 0.0
    }
    20% {
        opacity: 1.0
    }
    30% {
        opacity: 0.0
    }
    40% {
        opacity: 1.0
    }
}*/
/* /Pages/NewAccessoriesPage/AccessoriesNavigationMain.razor.rz.scp.css */

#menuContainer[b-9ty1hak1pe]{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center;
    overflow-x : hidden;
    padding:10px;
}

#menuButtonContainer[b-9ty1hak1pe] {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 20px;
    border-bottom: 3px solid var(--BackgroundColor);
    transition: border-color 1s ease;
}

#menuButtonContainer:hover[b-9ty1hak1pe] {
    transform: scale(1.01);
    border-bottom: solid 3px var(--customPrimary);
}

#buttonImage[b-9ty1hak1pe]{
    width:400px;
    height:625px;
    border-radius:20px;
    object-fit:cover;
}

/* /Pages/NewAccessoriesPage/AccessoriesPage.razor.rz.scp.css */
.buttonImage[b-6q7mnafzwt]{
    width:80px;
    height:80px;
}
/* /Pages/NewAccessoriesPage/AccessoriesView.razor.rz.scp.css */
.accessoriesViewContainer[b-ij0rpsr2xp] {
    display: flex;
    flex-direction: column;
    animation: fadeInAnimation 500ms;
}

.stickyOptionsContainer[b-ij0rpsr2xp] {
    display: flex;
    flex-direction: row;
    justify-content: start;
    position: sticky;
    top: 0%;
    left: 0%;
    z-index: 99;
    width: 100%;
    background-color: white;
    overflow-x: auto;
}

.viewSelectorContainer[b-ij0rpsr2xp]{
    display:flex;
    flex-direction:row;
    background-color:white;
    justify-content:start;
    align-items:start;
}

.cardRowsContainer[b-ij0rpsr2xp]{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-content:center;
    justify-content:center;
    margin-bottom:100px;
}
/* /Pages/NewAccessoriesPage/DetailedAccessoryCard.razor.rz.scp.css */
.detailedCardContainer[b-8yhikd1ul2] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding: 16px;
    position: relative;
}

.cardContainerItem[b-8yhikd1ul2] {
    display: flex;
    /*Items take 50% of space of flexbox of Card Container The Spaces beteween the '-' operator are obligatory for browser compatibility!!!!!!!*/
    flex: 0 0 calc(50% - 16px);
    /*padding is included in the width of the item
        box-sizing: border-box;
    */
    flex-direction: column;
    border: 1px solid var(--BackgroundColor);
    border-radius: 20px;
}

/*In Viewports equal or less than 800 Put its item in a single row*/
/*ExtraExtraLarge*/
@media (min-width:2560px) {
    .cardContainerItem[b-8yhikd1ul2] {
        flex-basis: calc(50% - 16px);
    }
    .detailedCardContainer[b-8yhikd1ul2] {
        height: 100%;
    }
    .tableCellProperty[b-8yhikd1ul2] {
        white-space: nowrap;
    }
    .mainImageContainer[b-8yhikd1ul2] {
        min-height: 1px;
    }
}
/*ExtraLarge*/
@media (min-width:1920px) and (max-width:2560px) {
    .cardContainerItem[b-8yhikd1ul2] {
        flex-basis: calc(50% - 16px);
    }
    .detailedCardContainer[b-8yhikd1ul2] {
        height: 100%;
    }
    .tableCellProperty[b-8yhikd1ul2] {
        white-space: nowrap;
    }
    .mainImageContainer[b-8yhikd1ul2] {
        min-height: 1px;
    }
}
/*Large*/
@media (min-width:1280px) and (max-width:1920px) {
    .cardContainerItem[b-8yhikd1ul2] {
        flex-basis: calc(50% - 16px);
    }
    .detailedCardContainer[b-8yhikd1ul2] {
        height: 100%;
    }
    .tableCellProperty[b-8yhikd1ul2] {
        white-space: nowrap;
    }
    .mainImageContainer[b-8yhikd1ul2] {
        min-height: 1px;
    }
}
/*Medium*/
@media (min-width:960px) and (max-width:1280px) {
    .cardContainerItem[b-8yhikd1ul2] {
        flex-basis: calc(50% - 16px);
    }
    .detailedCardContainer[b-8yhikd1ul2] {
        height: 100%;
    }
    .tableCellProperty[b-8yhikd1ul2] {
        white-space: nowrap;
    }
    .mainImageContainer[b-8yhikd1ul2] {
        min-height: 1px;
    }
}
/*Small*/
@media (min-width:600px) and (max-width:960px) {
    .cardContainerItem[b-8yhikd1ul2] {
        flex-basis: 100%;
    }
    .mainImageContainer[b-8yhikd1ul2] {
        height: 100%;
    }
    .tableCellProperty[b-8yhikd1ul2] {
    }
}
/*Extra Small*/
@media (max-width:600px) {
    .cardContainerItem[b-8yhikd1ul2] {
        flex-basis: 100%;
    }
    .tableCellProperty[b-8yhikd1ul2] {
        
    }
    .mainImageContainer[b-8yhikd1ul2] {
        height: 100%;
    }
}

.mainImageContainer[b-8yhikd1ul2] {
    /*Grows to the width and height of the container - fills up , need height 1px to not overflow*/
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    border-bottom:1px solid var(--BackgroundColor);
    max-height:700px;
}

.imgCarouselContainer[b-8yhikd1ul2] {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    overflow-y: auto;
    border-right: 1px solid var(--BackgroundColor);
}

.controlsContainer[b-8yhikd1ul2]{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:center;
    width:100%;
    flex-grow:1;
    justify-content:space-evenly;
    gap:10px;
    padding: 0px 16px;
}
.externalPriceContainer[b-8yhikd1ul2] {
    flex-grow: 1;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;
}
.priceContainer[b-8yhikd1ul2]{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    border:2px solid var(--BackgroundColor);
    border-radius:10px;
}

.priceIcon[b-8yhikd1ul2] {
    width: 50px;
    height: 50px;
    padding:10px;
    border-bottom:1px solid var(--BackgroundColor);
    object-fit:scale-down;
}

.stockHeaderText[b-8yhikd1ul2]{
    font-size:1.1rem;
}

.priceValueText[b-8yhikd1ul2]{
    font-size:1.1rem;
    padding:10px;
}

.downloadMenuItemContainer[b-8yhikd1ul2]{
    display:flex;
    flex-direction:row;
    flex-grow:1;
    height:90px;
    align-items:center;
    border:1px solid var(--BackgroundColor);
    padding:15px;
    border-radius:10px;
    background-color:white;
}
.downloadMenuSmallImg[b-8yhikd1ul2] {
    object-fit: scale-down;
    width: 80px;
    height: 80px;
}
.downloadMenuItemText[b-8yhikd1ul2] {
    margin-left:10px;
    font-size:0.8rem;
    font-weight:bold;
    text-align:center;
    flex-grow:1;
}
.downloadMenuTitleText[b-8yhikd1ul2]{
    text-align:center;
    font-size:1rem;
    font-weight:bold;
    text-decoration:underline;
    color:white;
}
/* /Pages/NewAccessoriesPage/NavigateByTraitPages/NavigateByFinish.razor.rz.scp.css */
.finishesContainer[b-3l1wb2x7pd] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    overflow-x: hidden;
    justify-content: center;
}

.finishButtonContainer[b-3l1wb2x7pd] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    margin: 15px;
    border-bottom: 3px solid var(--BackgroundColor);
    transition: border-color 1s ease;
}

    .finishButtonContainer:hover[b-3l1wb2x7pd] {
        transform: scale(1.1);
        border-bottom: solid 3px var(--customPrimary);
    }

.finishImage[b-3l1wb2x7pd] {
    object-fit: cover;
    margin-bottom: 10px;
    width:150px;
    height:150px;
}
/* /Pages/NewAccessoriesPage/NavigateByTraitPages/NavigateByPrimaryType.razor.rz.scp.css */
.typeContainer[b-1g11tovrsc] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    overflow-x: hidden;
    justify-content: center;
}

.typeButtonContainer[b-1g11tovrsc] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    margin: 15px;
    border-bottom: 3px solid var(--BackgroundColor);
    transition: border-color 1s ease;
}

    .typeButtonContainer:hover[b-1g11tovrsc] {
        transform: scale(1.1);
        border-bottom: solid 3px var(--customPrimary);
    }

.typeImage[b-1g11tovrsc] {
    object-fit: cover;
    margin-bottom: 10px;
}

@media (max-width:1200px) {
    .typeImage[b-1g11tovrsc] {
        width: 307px;
        height: 230px;
    }
}

@media (min-width:1201px) {
    .typeImage[b-1g11tovrsc] {
        width: 333px;
        height: 250px;
    }
}
/* /Pages/NewAccessoriesPage/NavigateByTraitPages/NavigateBySeriesPage.razor.rz.scp.css */
.seriesContainer[b-wtcp4aukjw]{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    overflow-x:hidden;
    justify-content:center;
}

.seriesButtonContainer[b-wtcp4aukjw] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content:center;
    margin: 15px;
    border-bottom: 3px solid var(--BackgroundColor);
    transition: border-color 1s ease;
}
    .seriesButtonContainer:hover[b-wtcp4aukjw] {
        transform: scale(1.1);
        border-bottom : solid 3px var(--customPrimary);
    }

.seriesImage[b-wtcp4aukjw] {
    object-fit: cover;
    margin-bottom:10px;
}

@media (max-width:1200px){
    .seriesImage[b-wtcp4aukjw]{
        width:307px;
        height:230px;
    }
}
@media (min-width:1201px){
    .seriesImage[b-wtcp4aukjw] {
        width: 333px;
        height: 250px;
    }
}
/* /Pages/NewAccessoriesPage/NewAccessoryCard.razor.rz.scp.css */
.accessoryCardDiv[b-4eq7qitio5] {
    width: 310px;
    height: 340px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 25px 20px;
    border-bottom: 3px solid var(--BackgroundColor);
    transition: border-bottom-color 1s ease;
    position: relative;
}

    .accessoryCardDiv:hover[b-4eq7qitio5] {
        border-bottom: 3px solid var(--customPrimary);
        /*change z to persist hover from selecting near elements*/
        z-index:2;
    }

        .accessoryCardDiv:hover .dimensionsContainer[b-4eq7qitio5] {
            display: flex;
            max-width:100%;
            flex-direction: column;
            justify-content: center;
            align-items:center;
        }

        .accessoryCardDiv:hover .finishesContainer[b-4eq7qitio5], finishesContainer:hover[b-4eq7qitio5] {
            display: flex;
            position: absolute;
            top: 100%;
            left: 0;
        }
        .accessoryCardDiv:hover .interactionsContainer[b-4eq7qitio5] {
            display: flex;
            gap: 5px;
            flex-direction: column;
            justify-content: center;
            align-items: start;
            position: absolute;
            top: 0%;
            left: 0%;
            margin-top: 5px;
            margin-left: 5px;
            z-index: 3;
        }
.interactionsContainer[b-4eq7qitio5] {
    display: none;
    animation: opacityTransition 0.5s ease;
}
.mainImageContainer[b-4eq7qitio5]{
    width:320px;
    height:220px;
    padding:35px;
}

.bottomContainer[b-4eq7qitio5] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.bottomTextContainer[b-4eq7qitio5] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    width: 100%;
}

.bottomPriceContainer[b-4eq7qitio5] {
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    width: 80px;
    border: 1px solid var(--BackgroundColor);
    padding: 10px;
    margin : 0px 0px 0px 0px;
    border-radius: 10px;
    font-size:small;
    font-weight: bold;
}

.bottomPriceStockContainer[b-4eq7qitio5]{
    display: flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}
.bottomStockContainer[b-4eq7qitio5] {
    
    white-space: nowrap;
    font-size: smaller;
    font-weight:normal;
    display:flex;
    justify-content:flex-start;
}

.dimensionsContainer[b-4eq7qitio5] {
    display: none;
}

.dimensionContainer[b-4eq7qitio5] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    object-fit: contain;
    width: 70px;
}


.dimensionImage[b-4eq7qitio5] {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.finishContainer[b-4eq7qitio5] {
    margin-right: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    padding:4px;
    border:1px solid transparent;
    animation : opacityTransition 0.5s ease;
    transition : border-color ease 0.5s;
}

    .finishContainer:hover[b-4eq7qitio5]{
        border:1px solid var(--customPrimary);
        border-radius:5px;
    }

.finishesContainer[b-4eq7qitio5] {
    display: none;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    width: 100%;
    /*give padding to bootom to persist hover*/
    padding: 10px 0px 20px 0px;
}

.finishImage[b-4eq7qitio5] {
    width: 40px;
    height: 40px;
    object-fit: scale-down;
    display: block;
}
/* /Pages/NewAccessoriesPage/VariousComponents/AccessoriesOptionsTablePresenter.razor.rz.scp.css */
table[b-bynw3a8to9]{
    border-collapse:collapse;
    margin:10px;
    
}

td[b-bynw3a8to9] {
    padding: 10px;
    white-space: nowrap;
    font-size: 0.8rem;
    border: 1px solid #dedede;
}
/* /Pages/NewAccessoriesPage/VariousComponents/AccessoryDimensionsTable.razor.rz.scp.css */

.dimensionsTableContainer[b-0fac962aeu]{
    text-align:center;
    border:1px solid var(--BackgroundColor);
    border-radius:5px;
    margin:10px 16px;
}

.dimensionsTitleContainer[b-0fac962aeu]{
    display:flex;
    flex-direction:row;
    width:100%;
    justify-content:center;
    align-items:center;
    border-bottom:1px solid var(--BackgroundColor);
}
.dimensionsTitleText[b-0fac962aeu] {
    font-size: 1.2rem;
    font-weight: bold;
    text-decoration: underline;
    width:100%;
    text-align:center;
}

.hoverImageContainer[b-0fac962aeu]{
    flex-grow:0;
    flex-shrink:0;
    max-width:140px;
    height:100px;
    position:relative;
    border-right:1px solid var(--BackgroundColor);
    margin-left:15px;
}

.sketchImg[b-0fac962aeu] {
    object-fit: scale-down;
    padding: 5px;
    width:100%;
    height:100%;
}

.dimensionsContainer[b-0fac962aeu] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-evenly;
    padding: 10px;
    gap: 10px;
}

.dimensionContainer[b-0fac962aeu] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.dimensionTitle[b-0fac962aeu] {
    font-weight: normal;
    font-size: 1rem;
    text-align: center;
    margin-bottom: 5px;
}

.dimensionInnerContainer[b-0fac962aeu] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    border: 1px solid var(--BackgroundColor);
    border-radius:5px;
    padding: 5px;
    justify-content: center;
    align-items: center;
}

.dimensionImg[b-0fac962aeu] {
    width: 24px;
    height: 24px;
    object-fit: scale-down;
}

.dimensionValue[b-0fac962aeu] {
    font-weight: normal;
    font-size: 1rem;
    margin: 5px 10px;
}
/* /Pages/NewAccessoriesPage/VariousComponents/AccessoryFinishesSelector.razor.rz.scp.css */
.finishesCard[b-5s3qnod0ne] {
    display: flex;
    flex-direction: column;
    padding: 10px;
    justify-content: center;
    align-items: center;
}

.finishesCardTitle[b-5s3qnod0ne] {
    font-size: 1rem;
    margin-bottom: 10px;
    font-weight: bold;
    text-decoration: underline;
}

.finishesContainer[b-5s3qnod0ne] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.finishContainer[b-5s3qnod0ne] {
    max-width: 70px;
    max-height: 70px;
    padding: 5px;
    border: 2px solid white;
    border-radius: 5px;
}

.selectedFinish[b-5s3qnod0ne] {
    border: 2px solid var(--customPrimary);
    transition: border-color ease 1s;
}

.finishImg[b-5s3qnod0ne] {
    object-fit: scale-down;
}
/* /Pages/NewAccessoriesPage/VariousComponents/AccessoryImagePresenter.razor.rz.scp.css */

.imagePresenterContainer[b-428q9efapf] {
    width: 100%;
    height: 100%;
    position: relative
}

.mainImageElement[b-428q9efapf] {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}

.secondaryImageElement[b-428q9efapf] {
    width: 70px;
    height: 70px;
    object-fit: scale-down;
    position: absolute;
    bottom: 5%;
    right: 5%;
}

/*When photo size thumbnail*/
.secondaryImageElementSmall[b-428q9efapf] {
    width: 25px;
    height: 25px;
    object-fit: scale-down;
    position: absolute;
    bottom: 0%;
    left: 0%;
}

/* /Pages/NewAccessoriesPage/VariousComponents/AccessoryPropertiesTable.razor.rz.scp.css */
.propertiesTableContainer[b-eg2rt4s31z] {
    display:flex;
    flex-direction:column;
    padding:0px 16px;
}

.propertiesHeaderContainer[b-eg2rt4s31z] {
    font-size: 1.3rem;
    text-decoration: underline;
    font-weight: bold;
    width: 100%;
    text-align: center;
    margin-bottom:5px;
}

.tableCellProperty[b-eg2rt4s31z] {
    font-size: 0.9rem;
    font-weight: bold;
    text-align: start;
    align-items: center;
    max-width:105px;
}
.tableCellDivider[b-eg2rt4s31z] {
    font-size: 0.9rem;
    font-weight: bold;
    text-align: center;
    align-items: center;
    width:20px;
}

.tableCellValue[b-eg2rt4s31z] {
    font-size: 0.9rem;
    text-align: start;
}

.smallSelectedFinishImg[b-eg2rt4s31z] {
    height: 23px;
    margin-left: 10px;
    object-fit: scale-down;
}


/* /Pages/NewAccessoriesPage/VariousComponents/AccessorySheetPrint.razor.rz.scp.css */
@page {
    size: A4;
    margin: 8mm 8mm 8mm 8mm
}

.imgPropertiesContainer[b-3dn7nqmzfj] {
    display: flex;
    flex-direction: row;
    align-items:center;
}
.imgContainer[b-3dn7nqmzfj]{
    width:400px;
    height:400px;
}
.dimensionsTableContainer[b-3dn7nqmzfj]{

}
.propertiesTableContainer[b-3dn7nqmzfj]{

}


/* /Pages/NewAccessoriesPage/VariousComponents/CustomCarousel.razor.rz.scp.css */
.carouselContainer[b-qv83gso3fy] {
    display: flex;
    width: 100%;
    flex-direction: column;
    padding:5px;
}

.carouselContainerItem[b-qv83gso3fy] {
    width: 80px;
    height: 80px;
    padding: 5px;
    margin: 5px 0px;
    border: 1px solid white;
    border-radius: 5px;
    transition: border-color ease 0.3s;
}

    .carouselContainerItem:hover[b-qv83gso3fy] {
        border: 2px solid var(--customPrimary);
    }

.carouselImg[b-qv83gso3fy] {
    object-fit: scale-down;
    width: 100%;
    height: 100%
}
/* /Pages/NewAccessoriesPage/VariousComponents/ViewSelector.razor.rz.scp.css */
.displayOptionsContainer[b-hdif3r1vbu] {
    display: flex;
    flex-direction: row;
    padding: 0px;
    margin: 14px 0px 0px 0px;
    height: 40px;
    border: 1px solid black;
    border-radius: 5px;
    background-color:white;
}

.displayOptionsTextContainer[b-hdif3r1vbu] {
    display:flex;
    justify-content:center;
    align-items:center;
    background-color: var(--BackgroundColor);
    border-radius: 5px 0 0 5px;
    border-right: solid 1px black;
    padding: 0px 15px;
    width:200px;
}
/* /Pages/PrintingOffer.razor.rz.scp.css */
@media print {
    #printOverlay[b-lds2h2qhpn] {
        display: none;
    }
}
/* /Pages/PrintingOfferCabins.razor.rz.scp.css */
@media print{
    #printOverlay[b-g6z430qym4] {
        display: none;
    }
}

@page{
    size:letter;
    margin: 8mm 8mm 8mm 8mm
}

.IconContainer[b-g6z430qym4] {
    border: 1px solid black;
    border-radius: 5px;
    padding: 5px;
    margin:2px;
}

.iconImg[b-g6z430qym4]{
    max-width:40px;
}

.iconImg2[b-g6z430qym4] {
    width: 40px;
    height: 40px;
}
/* /Pages/QuoteBasketPage.razor.rz.scp.css */
.quoteBasketContainer[b-sv6e1rxcwk] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
    padding: 0px;
    border: 1px solid var(--BackgroundColor);
    border-radius: 10px;
    position: relative;
}

.basketEmptyContainer[b-sv6e1rxcwk] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-grow:1;
}

.basketEmptyText[b-sv6e1rxcwk] {
    font-size: 2rem;
    text-align: center;
}

.quoteTableContainer[b-sv6e1rxcwk] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}

.toolsContainer[b-sv6e1rxcwk] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 0px;
    border-bottom: 1px solid white;
}

.selectedRulesTextContainer[b-sv6e1rxcwk]{
    font-size:0.75rem;
    margin:auto;
    border-radius:10px;
    border:1px solid var(--BackgroundColor);
}

.toolsSubContainer1[b-sv6e1rxcwk] {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
}
.toolsSubContainer2[b-sv6e1rxcwk] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.toolsSubContainer3[b-sv6e1rxcwk] {
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
}

.quoteTable[b-sv6e1rxcwk] {
    border-collapse: collapse;
    width: 100%;
    position: relative;
}


tr:nth-child(odd)[b-sv6e1rxcwk] {
    background-color: white;
}

tr:nth-child(even)[b-sv6e1rxcwk] {
    background-color: white;
}

thead[b-sv6e1rxcwk] {
    position: sticky;
    z-index: 2;
    top: 0;
}

th[b-sv6e1rxcwk], td[b-sv6e1rxcwk] {
    padding: 8px;
}

th[b-sv6e1rxcwk] {
    background-color: var(--BackgroundColor);
}


.smallInfoCell[b-sv6e1rxcwk] {
    padding: 2px 6px;
    color: var(--mud-palette-action-disabled);
}

    .smallInfoCell:first-child[b-sv6e1rxcwk] {
        text-align: left;
    }

    .smallInfoCell:last-child[b-sv6e1rxcwk] {
        text-align: right;
    }

.headerCell[b-sv6e1rxcwk] {
    /*background-color: #f1f1f1;*/
    color: black;
    font-size: 0.875rem;
    font-weight: bold;
    padding: 5px 10px;
}
/*The Fake border of the sticky header*/
thead th[b-sv6e1rxcwk]::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px; /* Aligns with the bottom of the cell */
    width: 100%;
    border-bottom: 2px solid var(--customPrimary);
    z-index: 2; /* Below the text but above the content */
}

tr th:first-child[b-sv6e1rxcwk] {
    border-left: 1px solid var(--customLightGray);
}

tr th:last-child[b-sv6e1rxcwk] {
    border-right: 1px solid var(--customLightGray);
}

.headerCell.toolboxHeader[b-sv6e1rxcwk] {
    border-bottom: none;
}

tfoot[b-sv6e1rxcwk] {
    position: sticky;
    z-index: 2;
    bottom: 0;
}

.footertd[b-sv6e1rxcwk] {
    background-color: white;
    color: black;
    text-align: right;
    font-size: 0.9rem;
    font-weight: bold;
    padding: 0px;
    padding-right:20px;
    height: 1px; /*Needed to scale child containers properly*/
}

/*Fake border of footer*/
tfoot .footertd[b-sv6e1rxcwk]::before {
    content: "";
    position: absolute;
    left: 0;
    top: -2px; /* Aligns with the top of the cell */
    width: 100%;
    border-top: 2px solid var(--customPrimary);
    z-index: 2; /* Below the text but above the content */
}

.cell[b-sv6e1rxcwk] {
    color: black;
    vertical-align: middle;
    font-size: 0.8rem;
    white-space: nowrap;
    padding: 10px;
    border-bottom: 1px solid #dedede;
}

tr .cell:first-child[b-sv6e1rxcwk] {
    border-left: 1px solid #dedede;
}

tr .cell:last-child[b-sv6e1rxcwk] {
    border-right: 1px solid #dedede;
}

.cellContainer-centered[b-sv6e1rxcwk] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.centeredText[b-sv6e1rxcwk] {
    text-align: center;
}

.rightText[b-sv6e1rxcwk] {
    text-align: right;
}

.leftText[b-sv6e1rxcwk] {
    text-align: left;
}

.scrollable-table[b-sv6e1rxcwk] {
    overflow-x: auto;
    overflow-y: auto;
}

.imageContainer[b-sv6e1rxcwk] {
    width: 90px;
    height: 90px;
    margin: auto;
    padding: 5px;
    border-radius: 10px;
    background-color: white;
}

.trAboveOverlay[b-sv6e1rxcwk] {
    z-index: 1000;
    position: relative;
}
    /*Apply styles to all children of trAboveOverlay with the cell class*/
    .trAboveOverlay .cell[b-sv6e1rxcwk] {
        border-top: 2px solid var(--customPrimary);
        
        background-color: white;
    }

        .trAboveOverlay .cell:first-child[b-sv6e1rxcwk] {
            border-left: 2px solid var(--customPrimary);
        }

        .trAboveOverlay .cell:last-child[b-sv6e1rxcwk] {
            border-right: 2px solid var(--customPrimary);
        }

.codeDescriptionQtyEditContainer[b-sv6e1rxcwk] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.codeDescriptionEditContainer[b-sv6e1rxcwk] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.quantityEditContainer[b-sv6e1rxcwk] {
    flex-grow: 0;
    max-width: 110px;
}

.priceDiscountsContainer[b-sv6e1rxcwk] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
}

.initialPriceEditControl[b-sv6e1rxcwk] {
    max-width: 125px;
    display: flex;
    flex-direction: column;
    margin-top:21px;
}

.editPriceSwitchContainer[b-sv6e1rxcwk] {
    margin-left:-16px;
}

.discountBoxesContainer[b-sv6e1rxcwk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width:155px;
}

.totalDiscountContainer[b-sv6e1rxcwk] {
    max-width: 175px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.totalDiscountEditControl[b-sv6e1rxcwk] {
}

.editDiscountSwitchContainer[b-sv6e1rxcwk] {
}

.subDiscountsContainer[b-sv6e1rxcwk] {
    display: flex;
    flex-direction: row;
}

.subDiscountContainer[b-sv6e1rxcwk] {
    max-width: 55px;
    margin: 10px 2px 0px 2px;
}

.ruleSumsContainer[b-sv6e1rxcwk] {
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    gap:16px;
}

.ruleSumsTable[b-sv6e1rxcwk] {
    border-collapse: collapse;
}

    .ruleSumsTable tr:last-child .smallInfoCell[b-sv6e1rxcwk] {
        border-top: 1px solid var(--mud-palette-action-disabled-background);
    }

.infoIconContainer[b-sv6e1rxcwk] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.rulesContainer[b-sv6e1rxcwk] {
    font-size: 0.75rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    min-height: 30px;
}

.rulesContainerText[b-sv6e1rxcwk] {
    margin-top: 2px;
}

.informationAddtionalTr[b-sv6e1rxcwk] {
    z-index: 1000;
    position: relative;
}

.informationSingleRowCell[b-sv6e1rxcwk] {
    background-color: white;
    border: 2px solid var(--customPrimary);
    border-top: none;
}

.sumsTable[b-sv6e1rxcwk] {
    margin-right: 0px;
    margin-left: auto;
    table-layout: auto;
    width: min-content;
}

    .sumsTable td[b-sv6e1rxcwk] {
        padding: 2px;
    }

/*covers the rolling border of the table*/
.coverRollBorder[b-sv6e1rxcwk] {
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0%;
    left: -1px;
    background-color: white;
}

.moreToolsContainer[b-sv6e1rxcwk] {
    display:flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    transition: width ease 0.5s;
    overflow: hidden;
    border:1px solid var(--BackgroundColor);
}
.moreToolsTitle[b-sv6e1rxcwk]{
    width:100%;
    font-size:1rem;
    text-align:center;
    font-weight:bold;
    padding:15px;
    background-color: var(--BackgroundColor);
    border-bottom: 2px solid var(--customPrimary);
    position:relative;
    white-space:nowrap;
    overflow:hidden;
}

.maxWidthSmallCell[b-sv6e1rxcwk] {
    width: 27px;
}

.optionContainer[b-sv6e1rxcwk] {
    margin: 10px;
}
.optionContainerText[b-sv6e1rxcwk] {
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
    font-weight: bold;
    white-space: nowrap;
}

.toolDiscountsContainer[b-sv6e1rxcwk] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    /*box-shadow: var(--mud-elevation-4);*/
    padding: 10px 10px;
}

.tooltipTableCell[b-sv6e1rxcwk] {
    background-color: var(--mud-palette-dark);
}

.searchOptionsContainer[b-sv6e1rxcwk] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 16px;
    padding: 10px;
    border-radius: 10px;
}

.notesContainer[b-sv6e1rxcwk]{
    
}

.addByCodeContainer[b-sv6e1rxcwk] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2px;
    /*box-shadow: var(--mud-elevation-4);*/
    padding: 10px;
    border-radius: 10px;
}


.accSearchContainer[b-sv6e1rxcwk] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    border: solid 1px var(--BackgroundColor);
    border-radius: 5px;
    transition: border-color ease 0.5s;
    padding: 10px;
}
    .accSearchContainer:hover[b-sv6e1rxcwk] {
        border-color: var(--customPrimary);
    }
.accSearchTextContainer[b-sv6e1rxcwk] {
    text-align: start;
    width: 100px;
    margin-right: 10px;
}

.searchItemImage[b-sv6e1rxcwk] {
    width: 65px;
    height: 65px;
}
.accessoryImage[b-sv6e1rxcwk] {
    object-fit: scale-down;
}


/*.otherButtonsContainer {
    box-shadow: var(--mud-elevation-4);
    padding: 10px;
    border-radius: 10px;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
}
.otherButtonContainer{
    width:80px;
}*/
/* /Shared/Layouts/AccessoriesLayout.razor.rz.scp.css */
.layoutContainer[b-xyiio5s453] {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    overflow-y: hidden;
    margin-left: -16px;
    margin-right: -16px;
    z-index:999;
    position:relative;
}

.basketContainer[b-xyiio5s453]{
    position:absolute;
    bottom:0%;
    left:0%;
    z-index:200;
}
.basketAppModeContainer[b-xyiio5s453]{
    display:flex;
    flex-direction:column;
    width:100%;
    padding: 8px 16px;
    margin-top:auto;
}
.basketNavContainer[b-xyiio5s453] {
    width: 100%;
    height:40px;
    color: black;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    margin-bottom:5px;
}
.appModeContainer[b-xyiio5s453] {
    margin-top:5px;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
}

.autocompleteContainer[b-xyiio5s453]{
    margin-top:3px;
    margin-bottom:10px;
}

.navMenuContainer[b-xyiio5s453] {
    flex-direction: column;
    margin-bottom: 10px;
    border-radius: 10px;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 10px;
    background: linear-gradient(45deg,var(--BackgroundColor) 0%,white 100%);
    width:260px;
    flex-shrink:0;
}

.bodyContainer[b-xyiio5s453] {
    overflow-x: hidden;
    flex-grow: 1;
}


.searchItemContainer[b-xyiio5s453]{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:center;
    align-items:center;
    border:solid 1px var(--BackgroundColor);
    border-radius:5px;
    transition: border-color ease 0.5s;
    padding:10px;
}

    .searchItemContainer:hover[b-xyiio5s453]{
        border-color: var(--customPrimary);
    }

.searchItemTextContainer[b-xyiio5s453]{
    text-align:start;
    width:100px;
    margin-right:10px;
}

.searchItemImage[b-xyiio5s453]{
    width:65px;
    height:65px;
}

.traitImage[b-xyiio5s453] {
    border-radius: 5px;
    object-fit: cover;
}
.accessoryImage[b-xyiio5s453]{
    object-fit:scale-down;
}
/* /Shared/MainLayout.razor.rz.scp.css */
/* Navigation menu styling */
.modern-nav-menu[b-484vi4nx1q] {
    padding: 0 12px;
}

.nav-group[b-484vi4nx1q] {
    margin-bottom: 12px;
}

.nav-link[b-484vi4nx1q] {
    border-radius: 6px;
    margin-bottom: 4px;
    transition: all 0.2s ease-in-out;
}

    .nav-link.active[b-484vi4nx1q] {
        background-color: rgba(214, 188, 198, 0.5) !important;
        color: var(--BronzeDarkPink) !important;
    }

    .nav-link:hover[b-484vi4nx1q] {
        background-color: rgba(214, 188, 198, 0.2) !important;
    }

        .nav-link:hover:not(.active) .mud-nav-link-icon[b-484vi4nx1q],
        .nav-link:hover:not(.active) .mud-nav-link-text[b-484vi4nx1q] {
            color: var(--BronzeDarkPink) !important;
        }

/* Drawer footer styling */
.drawer-footer[b-484vi4nx1q] {
    padding: 24px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-top: auto;
    border-top: 1px solid rgba(0,0,0,0.05);
}