@import '_content/WebSales.Website.Components/WebSales.Website.Components.bundle.scp.css';

/* /Components/AnimatedIcons/AnimatedPlus.razor.rz.scp.css */
.nav-toggle-container[b-avrpq15q01] {
    background-color: #e5e5e5;
    height: 100%;
}


#nav-toggle[b-avrpq15q01] {
    position: relative;
    margin: 0 auto;
    cursor: pointer;
    padding: 0;
    display: block;
    width: 3.4rem;
    height: 3.4rem;
    background: #262626;
    border-radius: 150px;
}

    #nav-toggle span[b-avrpq15q01], #nav-toggle span[b-avrpq15q01]:before {
        cursor: pointer;
        border-radius: 60px;
        height: 4px;
        width: 30px;
        background: white;
        position: absolute;
        top: 50%;
        display: block;
        content: '';
    }

    #nav-toggle span[b-avrpq15q01] {
        left: 50%;
        margin: -2px 0 0 -15px;
        transform: rotate(180deg);
    }

    #nav-toggle span[b-avrpq15q01] {
        left: 50%;
        margin: -2px 0 0 -15px;
        transform: rotate(180deg);
    }

    #nav-toggle span[b-avrpq15q01] {
        left: 50%;
        margin: -2px 0 0 -15px;
        transform: rotate(180deg);
    }

        #nav-toggle span:hover[b-avrpq15q01] {
            border: 2px solid red;
            transform: rotate(180deg);
        }



        #nav-toggle span[b-avrpq15q01]:before {
            transform: rotate(450deg);
            top: 0;
        }

        #nav-toggle[b-avrpq15q01], #nav-toggle span[b-avrpq15q01], #nav-toggle span[b-avrpq15q01]:before, #nav-toggle span[b-avrpq15q01]:after {
            -webkit-perspective: 1000;
            -webkit-backface-visibility: hidden;
            transition: all 750ms cubic-bezier(0.845, -0.270, 0.025, 1.305);
        }

            #nav-toggle.active[b-avrpq15q01] {
                background: #575757;
            }

            #nav-toggle:hover span[b-avrpq15q01]:before {
                transform: rotate(90deg);
            }
/* /Components/CartButton/CartButton.razor.rz.scp.css */
.cartButton[b-nfn9h8d1ra] {
    position: relative;
    cursor: pointer;
}

/* /Components/ImageCarousel/Carousel.razor.rz.scp.css */
.images[b-ndji1bm8sw] {
    height: 168px;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    column-gap: 8px;
    overflow-y: hidden;
    overflow-x: auto;
    box-sizing: border-box;
    width: 100%;
}
/* /Components/ImageCarousel/CarouselImage.razor.rz.scp.css */
.imageContainer[b-o62q8lt5ei] {
   position: relative; 
   text-align: center;
    box-sizing: border-box;
}

img[b-o62q8lt5ei] {
    object-fit: contain;
    pointer-events: none;
}

.pencil[b-o62q8lt5ei] {
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
}

.label[b-o62q8lt5ei] {
    margin-top: 4px;
    pointer-events: none;
}
/* /Components/ImageSelector/ImageSelector.razor.rz.scp.css */
#imageSelectorContainer[b-wbzqs2es5u] {
    display: flex;
    flex-direction: column;
}

#imagesInGroup[b-wbzqs2es5u] {
    flex-basis: auto;
    flex-grow: 1;

    display: flex;
    flex-direction: row;
    column-gap: 4px;
    overflow-x: auto;
}

#imageGroups[b-wbzqs2es5u] {
    flex-basis: auto;
    flex-grow: 0;
    padding: 8px;

    display: flex;
    flex-direction: row;
    justify-content: center;
    column-gap: 4px;
}
/* /Components/ImageSelector/SelectableImage.razor.rz.scp.css */
.imageContainer[b-ylpzy4xlps] {
    position: relative;
    height: 100%;
}

.selectedIndicator[b-ylpzy4xlps] {
    position: absolute;
    left: 0;
    top: 0;
}

.selected[b-ylpzy4xlps] {
    transform: scale(0.9);
}

.imageContainer > img[b-ylpzy4xlps] {
    height: 100%;
    cursor: pointer;
}
/* /Components/InputAccessCodeEntry/InputAccessCodeEntry.razor.rz.scp.css */
#inputAccessCodeEntryContainer[b-j2oxzs1jof] {
    display: inline-block;
    position: relative;
    text-align: center;
    width: 90%;
    max-width: 400px;
    box-sizing: border-box;
    display: none;
}

    #inputAccessCodeEntryContainer.inputAccessCodeEntryContainer.home[b-j2oxzs1jof] {
        display: inline-block;
    }

    .claimAccessCodeButton[b-j2oxzs1jof] {
        position: absolute;
        top: 34px;
        right: 28px;
        font-size: 28px;
    }

.claimAccessCodeActivityIndicator[b-j2oxzs1jof] {
    position: absolute;
    top: 34px;
    right: 28px;
    font-size: 28px;
}

.claimAccessCodeButtonNoContainer[b-j2oxzs1jof] {
    position: absolute;
    top: 10px;
    right: 8px;
    font-size: 28px;
}

.claimAccessCodeActivityIndicatorNoContainer[b-j2oxzs1jof] {
    position: absolute;
    top: 10px;
    right: 8px;
    font-size: 28px;
}
/* /Components/Layout/ComponentLayout.razor.rz.scp.css */
.layout[b-a5bt6yags7] {
    position: relative;
    width: 100%;
}

.background[b-a5bt6yags7] {
    object-fit: cover;
}

.photograph[b-a5bt6yags7] {
    object-fit: cover;
}
/* /Components/NavBar/NavBar.razor.rz.scp.css */
/*@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap");
*/
*[b-ewl21chw9k] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}

/* nav and sidebar ---------------------------------------------------------------------------------------------- */
nav[b-ewl21chw9k] {
    width: 100%;
    background: #857676e3;
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 18px;
    height: 80px;
    justify-content: space-between;
    position: relative;
    padding: 0 20px;
}

nav .barand[b-ewl21chw9k] {
    cursor: pointer;
}

    nav .barand:hover[b-ewl21chw9k] {

    }

.profilre_dropdown[b-ewl21chw9k] {
    padding: 10px 20px;
    z-index: 9999;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    position: absolute;
    top: 60px;
    right: 5px;
    background-color: #fff;
    color: black;
    display: none;
}

.toggle_profile_dropdown[b-ewl21chw9k] {
    display: block;
}

.profilre_dropdown ul[b-ewl21chw9k] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

    .profilre_dropdown ul li[b-ewl21chw9k] {
        list-style: none;
    }

        .profilre_dropdown ul li a[b-ewl21chw9k] {
            color: black;
            text-decoration: none;
        }

nav img[b-ewl21chw9k] {
/*    border: 2px solid black;
*/    padding: 5px 10px;
/*    width: 150px;
*/}

    nav img:hover[b-ewl21chw9k] {
/*        border: 2px solid #fff;
*/    }

nav .search-dashboard[b-ewl21chw9k] {
    display: flex;
    place-content: center;
}
nav .searchbar[b-ewl21chw9k] {
    display: flex;
    gap: 0;
}

    nav .searchbar button[b-ewl21chw9k] {
        border: none;
        outline: none;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        font-size: 20px;
        padding: 0 15px;
        background-color: rgb(242, 242, 182);
    }

nav input[b-ewl21chw9k] {
    width: 900px;
    height: 40px;
    border-right: none;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: none;
    outline: none;
    padding: 0 10px;
    font-size: 18px;
}

nav a[b-ewl21chw9k] {
    text-decoration: none;
    color: #fff;
}

nav .links[b-ewl21chw9k] {
    display: flex;
    gap: 20px;
    font-size: 30px;
    z-index: 2;
}

.links i[b-ewl21chw9k] {
    cursor: pointer
}

.bell[b-ewl21chw9k], .cart[b-ewl21chw9k] {
    position: relative
}

.links span[b-ewl21chw9k] {
    position: absolute;
    font-size: 15px;
    width: 20px;
    height: 20px;
    background: orange;
    color: black;
    border-radius: 50%;
    text-align: center;
    font-weight: bold;
    left: 20px;
    cursor: pointer;
}

.bell span[b-ewl21chw9k] {
    left: 15px
}

.nav2[b-ewl21chw9k] {
    display: flex;
    background-color: #232f3e;
    height: 50px;
    align-items: center;
    justify-content: space-between;
    padding: 0 30px;
}

    .nav2 ul[b-ewl21chw9k] {
        display: flex;
        gap: 15px;
        align-items: center;
    }

        .nav2 ul li[b-ewl21chw9k] {
            list-style: none;
        }

            .nav2 ul li a[b-ewl21chw9k] {
                text-decoration: none;
                color: #fff;
                font-size: 15px;
                border: 1px solid #232f3e;
                padding: 5px 8px;
            }

                .nav2 ul li a:hover[b-ewl21chw9k],
                .nav2 .menu:hover[b-ewl21chw9k],
                .nav2 .downloadApp a:hover[b-ewl21chw9k] {
                    border: 1px solid #fff;
                }

    .nav2 .menu[b-ewl21chw9k] {
        color: #fff;
        font-size: 20px;
        cursor: pointer;
        border: 1px solid #232f3e;
        padding: 5px 8px;
    }

    .nav2 .downloadApp a[b-ewl21chw9k] {
        text-decoration: none;
        color: #fff;
        font-size: 18px;
        border: 1px solid #232f3e;
        padding: 5px 8px;
    }

.sidebar[b-ewl21chw9k] {
    top: 0;
    background-color: #fff;
    color: black;
    position: fixed;
    left: -100%;
    height: 100vh;
    width: 400px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    overflow-y: scroll;
    transition: 0.3s;
    z-index: 999;
}

    .sidebar .top[b-ewl21chw9k] {
        padding: 10px 30px;
        background-color: #232f3e;
        color: #fff;
        font-size: 25px;
        font-weight: bold;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .sidebar .top button[b-ewl21chw9k] {
            background: transparent;
            border: none;
            outline: none;
            color: #fff;
            font-size: 25px;
            cursor: pointer;
        }

    .sidebar ul[b-ewl21chw9k] {
        padding: 0 30px;
        display: flex;
        flex-direction: column;
        gap: 20px;
        font-size: 20px;
    }

        .sidebar ul .title[b-ewl21chw9k] {
            font-weight: bold;
            font-size: 22px;
        }

        .sidebar ul li[b-ewl21chw9k] {
            list-style: none;
        }

            .sidebar ul li a[b-ewl21chw9k] {
                color: #000;
                text-decoration: none;
            }

.show[b-ewl21chw9k] {
    left: 0;
}




/* main */



@media only screen and (max-width: 1760px) {
    .nav2 ul li:nth-last-of-type(1)[b-ewl21chw9k],
    .nav2 ul li:nth-last-of-type(2)[b-ewl21chw9k],
    .nav2 ul li:nth-last-of-type(3)[b-ewl21chw9k] {
        display: none;
    }
}

@media only screen and (max-width: 1440px) {
    .nav2 .downloadApp a[b-ewl21chw9k] {
        font-size: 15px;
    }

    .nav2[b-ewl21chw9k] {
        padding: 0 10px;
    }

        .nav2 ul[b-ewl21chw9k] {
            display: flex;
            gap: 0;
        }

            .nav2 ul li a[b-ewl21chw9k] {
                font-size: 13px;
            }
}

@media only screen and (max-width: 1288px) {
    nav input[b-ewl21chw9k] {
        width: 600px;
    }

}

@media only screen and (max-width: 1105px) {
    .nav2 ul li:nth-last-of-type(1)[b-ewl21chw9k],
    .nav2 ul li:nth-last-of-type(2)[b-ewl21chw9k],
    .nav2 ul li:nth-last-of-type(3)[b-ewl21chw9k],
    .nav2 ul li:nth-last-of-type(4)[b-ewl21chw9k],
    .nav2 ul li:nth-last-of-type(5)[b-ewl21chw9k] {
        display: none;
    }

}

@media only screen and (max-width: 1024px) {

    nav input[b-ewl21chw9k] {
        width: 600px;
    }

    .nav2 ul[b-ewl21chw9k] {
        display: flex;
        gap: 0;
    }
    .search-dashboard[b-ewl21chw9k] {
        flex-direction: row;
        width: 100%;
        place-content: space-evenly;
    }

    nav img[b-ewl21chw9k] {
        width: 230px;
        padding: 1px;
    }
}

@media only screen and (max-width: 998px) {
    .search-dashboard[b-ewl21chw9k] {
        display: flex;
/*        flex-direction: column-reverse;
*/    }

    nav .links[b-ewl21chw9k] {
        display: flex;
        justify-content: space-between;
    }

    nav input[b-ewl21chw9k] {
        width: 400px;
    }

    .nav2 ul[b-ewl21chw9k] {
        display: none;
    }
}

@media only screen and (max-width: 804px) {
    .barand[b-ewl21chw9k] {
        display: none;
    }
    nav input[b-ewl21chw9k] {
        width: 300px;
    }

    nav img[b-ewl21chw9k] {
        width: 100px;
    }

    nav .links[b-ewl21chw9k] {
        /*        gap: 10px;*/
        font-size: 22px;
/*        gap: 37%;
*/    }

    .search-dashboard[b-ewl21chw9k] {
        display: flex;
        flex-direction: column-reverse;
    }

}



@media only screen and (max-width: 692px) {
    nav input[b-ewl21chw9k] {
        width: 200px;
        height: 30px;
    }

    nav .searchbar button[b-ewl21chw9k] {
        font-size: 15px;
    }
}

@media only screen and (max-width: 498px) {
    nav input[b-ewl21chw9k] {
        width: 115px;
    }

    nav img[b-ewl21chw9k] {
        width: 70px;
    }

    nav .links[b-ewl21chw9k] {
        font-size: 23px;
/*        gap: 34%;
*/    }
}

@media only screen and (max-width: 426px) {
    nav[b-ewl21chw9k] {
        padding: 0 10px;
    }

    .nav2 .menu[b-ewl21chw9k] {
        font-size: 15px;
        padding: 3px 5px;
    }

    .nav2 .downloadApp a[b-ewl21chw9k] {
        text-decoration: none;
        color: #fff;
        font-size: 14px;
        padding: 3px 5px;
    }

    .sidebar[b-ewl21chw9k] {
        left: -120%;
    }

    .show[b-ewl21chw9k] {
        left: 0;
    }

    .sidebar[b-ewl21chw9k] {
        width: 100%;
        gap: 15px;
    }

        .sidebar .top[b-ewl21chw9k] {
            padding: 10px 30px;
            background-color: #232f3e;
            font-size: 20px;
            font-weight: bold;
        }

            .sidebar .top button[b-ewl21chw9k] {
                font-size: 20px;
            }

        .sidebar ul[b-ewl21chw9k] {
            padding: 0 15px;
            gap: 15px;
            font-size: 15px;
        }

            .sidebar ul .title[b-ewl21chw9k] {
                font-weight: bold;
                font-size: 22px;
            }

    .nav2 .menu[b-ewl21chw9k] {
        border: none;
        padding: 0;
        font-size: 13px;
    }

    .nav2 .downloadApp a[b-ewl21chw9k] {
        font-size: 13px;
        border: none;
        padding: 0;
    }

    nav .links div:nth-of-type(1)[b-ewl21chw9k],
    nav .links div:nth-of-type(3)[b-ewl21chw9k] {
/*        display: none;
*/    }
}
/* /Components/NavBar/Nav_Icons.razor.rz.scp.css */
.barand-small[b-j54clay25o]{
    display: none;
}

.nav-icons .links[b-j54clay25o] {
    display: flex;
    flex-direction: row-reverse;
    gap: 20px;
    font-size: 30px;
    z-index: 2;
}

    .nav-icons .links .language-toggle[b-j54clay25o] {
        /* Your styles for the toggle */
        display: inline-block;
        cursor: pointer;
        /* More styles here to match your design */
    }

        .nav-icons .links .language-toggle button[b-j54clay25o] {
            /* Styles for the button */
            border: none;
            background-color: transparent;
            /* More styles here to match your design */
        }

    .nav-icons .links i[b-j54clay25o] {
        cursor: pointer
    }

    .nav-icons .links span[b-j54clay25o] {
        position: absolute;
        font-size: 15px;
        width: 20px;
        height: 20px;
        background: orange;
        color: black;
        border-radius: 50%;
        text-align: center;
        font-weight: bold;
        left: 20px;
        cursor: pointer;
    }

.bell[b-j54clay25o], .cart[b-j54clay25o] {
    position: relative
}

.profilre_dropdown[b-j54clay25o] {
    padding: 10px 20px;
    z-index: 9999;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    position: absolute;
    top: 60px;
    right: 5px;
    background-color: #fff;
    color: black;
    display: none;
}
    .profilre_dropdown ul[b-j54clay25o] {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

        .profilre_dropdown ul li[b-j54clay25o] {
            list-style: none;
        }

            .profilre_dropdown ul li a[b-j54clay25o] {
                color: black;
                text-decoration: none;
            }

@media only screen and (max-width: 1105px) {
    .barand-small[b-j54clay25o] {
        scale: 50%;
        position: absolute;
        top: 2px;
        left: 0px;
        transform-origin: top;
        -webkit-transform-origin-y: top;
        -webkit-transform-origin-x: left;
    }

}
@media only screen and (max-width: 998px) {
    .nav-icons .links[b-j54clay25o] {
/*        justify-content: space-between;
*/    }
}

@media only screen and (max-width: 804px) {
    .nav-icons .links[b-j54clay25o] {
        /*        gap: 10px;*/
        font-size: 22px;
        /*        gap: 37%;
*/
    }
    .barand-small[b-j54clay25o] {
        display: flex;
    }
}

@media only screen and (max-width: 600px) {
    .barand-small[b-j54clay25o] {
        scale: 36%;
        top: 0px;
    }
}
@media only screen and (max-width: 498px) {
    .nav-icons .links[b-j54clay25o] {
        font-size: 23px;
    }
}

@media only screen and (max-width: 426px) {
    .nav-icons .links div:nth-of-type(1)[b-j54clay25o],
    .nav-icons .links div:nth-of-type(3)[b-j54clay25o] {
        /*        display: none;
*/
    }
}
/* /Components/NavBar/SearchBar.razor.rz.scp.css */
.searchbar[b-ns0ve3wq94] {
    display: flex;
    gap: 0;
    flex-direction: row-reverse;
}

.searchbar[b-ns0ve3wq94], .search-input-container[b-ns0ve3wq94] {
    width: 56%;
    display: flex;
    padding-right: 16px;
}
    .searchbar .nav-list #dropdown[b-ns0ve3wq94] {
        height: 40px; /* Match the height of your input field */
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        padding: 0 10px;
        font-size: 18px;
        cursor: pointer;
    }

    .searchbar .search-input-container[b-ns0ve3wq94] {
        display: flex;
    }

        .searchbar .search-input-container input[b-ns0ve3wq94] {
            width: 900px;
            height: 40px;
            border-right: none;
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
            border: none;
            outline: none;
            padding: 0 10px;
            font-size: 18px;
        }

    .searchbar button.search-Icon[b-ns0ve3wq94] {
        border: none;
        outline: none;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        font-size: 20px;
        padding: 0 15px;
        background-color: rgb(242, 242, 182);
        cursor: pointer;
    }

        .searchbar button.search-Icon:hover[b-ns0ve3wq94] {
            background-color: rgb(184 184 104);
        }

@media only screen and (max-width: 1288px) {
    .searchbar .search-input-container input[b-ns0ve3wq94] {
        width: 750px;
    }
}

@media only screen and (max-width: 1024px) {
    .searchbar .search-input-container input[b-ns0ve3wq94] {
        width: 650px;
    }

    .searchbar2 ul[b-ns0ve3wq94] {
        display: flex;
        gap: 0;
    }
}

@media only screen and (max-width: 998px) {
    .searchbar[b-ns0ve3wq94] {
        display: flex;
        flex-direction: column;
        height: 40px;
        width: 100%;
    }

        .searchbar .nav-list[b-ns0ve3wq94] {
            height: 0px;
        }
        .searchbar .nav-list *[b-ns0ve3wq94] {
            width: 100%;
        }

    .searchbar .search-input-container[b-ns0ve3wq94]{
        width: 100%;
    }

    .searchbar .search-input-container input[b-ns0ve3wq94] {
        width: 400px;
        width: 100%;
    }

    .searchbar2 ul[b-ns0ve3wq94] {
        display: none;
    }
}

@media only screen and (max-width: 804px) {
    .searchbar input[b-ns0ve3wq94] {
        width: 300px;
    }
}



@media only screen and (max-width: 692px) {
    .searchbar input[b-ns0ve3wq94] {
        width: 200px;
        height: 30px;
    }

    .searchbar .searchbar button[b-ns0ve3wq94] {
        font-size: 15px;
    }
}

@media only screen and (max-width: 498px) {
    .searchbar input[b-ns0ve3wq94] {
        width: 115px;
    }
}

/* /Components/NavBar/WorldFlags.razor.rz.scp.css */
.container[b-huogp8gcks] {
    display: flex;
    max-width: 1000px;
    flex-wrap: wrap;
    justify-content: center;
}

.flag[b-huogp8gcks] {
    font-size: 12%;
    width: 12em;
    height: 9em;
/*    margin: 20px;
    position: relative;
*/}

    .flag:hover[b-huogp8gcks] {
        cursor: pointer;
    }

.flag-selection[b-huogp8gcks] {
    position: absolute;
    right: 1%;
    top:40%;
    background-color: dimgray;
    padding: 6px;
    border-radius: 8px;
    z-index: 10;
}

@media only screen and (max-width: 1280px) {
    .flag-selection[b-huogp8gcks] {
        right: 1%;
        top: auto;
    }
}

@media only screen and (max-width: 1105px) {
    .flag-selection[b-huogp8gcks] {
        right: 2%;
        top: 11%;
    }
}

    .flag-selection li[b-huogp8gcks] {
        display: flex;
        flex-direction: row;
        padding: 6px;
    }

        .flag-selection li:hover[b-huogp8gcks] {
            cursor: pointer;
            background-color: lightgreen;
            border-radius: 5px;
        }


    .flag-selection p[b-huogp8gcks] {
        font-size: 13px;
        margin: auto;
    }

    .overlay[b-huogp8gcks] {
        width: 12em;
        height: 6em;
        background: black;
        color: white;
        opacity: 0;
        z-index: 2;
        top: 0;
        padding-top: 3em;
        position: absolute;
    }

        .overlay span[b-huogp8gcks] {
            display: block;
            font-size: 2em;
        }

        .overlay:hover[b-huogp8gcks] {
            opacity: 0.9;
        }

    /*Flags in alphabetical order*/
    .argentina[b-huogp8gcks] {
        box-shadow: 0 3em #74acdf inset, 0 6em #fff inset, 0 9em #74acdf inset;
    }

        .argentina[b-huogp8gcks]:before {
            width: 0.6em;
            height: 0.6em;
            border-radius: 50%;
            content: "";
            background: #fecc00;
            position: absolute;
            top: 0.83em;
            left: 1.23em;
            font-size: 4em;
        }

    .australia[b-huogp8gcks] {
        background: #003399;
    }

        .australia[b-huogp8gcks]:before {
            content: "✷";
            color: #fff;
            font-size: 1.5em;
            position: absolute;
            top: 0.3em;
            left: 5.5em;
            text-shadow: 1.2em 1.2em #fff, -1em 1.5em #fff, 0 3.6em #fff;
        }

        .australia[b-huogp8gcks]:after {
            content: "✷";
            color: #fff;
            font-size: 3em;
            position: absolute;
            top: 1.6em;
            left: 0.6em;
        }

        .australia > div:nth-child(1)[b-huogp8gcks] {
            position: relative;
            width: 6em;
            height: 4em;
        }

        .australia > div:nth-child(2)[b-huogp8gcks]:before {
            content: "★";
            color: #fff;
            font-size: 0.8em;
            z-index: 5;
            position: absolute;
            top: 4.8em;
            left: 12.4em;
        }

    .brazil[b-huogp8gcks] {
        background: #009b3a;
    }

        .brazil[b-huogp8gcks]:before {
            background: #fedf00;
            position: absolute;
            content: "";
            top: 1.8em;
            left: 2.7em;
            width: 6.5em;
            height: 5.7em;
            transform: rotate(30deg) skew(-30deg);
        }

        .brazil > div[b-huogp8gcks] {
            overflow: hidden;
            position: absolute;
            width: 4.4em;
            height: 4.2em;
            content: "";
            background: #003399;
            border-radius: 50%;
            top: 4.6em;
            left: 5.9em;
            transform: translate(-50%, -50%);
        }

            .brazil > div[b-huogp8gcks]:before {
                content: "";
                z-index: 2;
                width: 6em;
                height: 4em;
                border-radius: 50%;
                position: absolute;
                top: 1.3em;
                left: -2em;
                border: 0.3em solid #fff;
            }

            .brazil > div[b-huogp8gcks]:after {
                color: #fff;
                font-size: 0.2em;
                position: absolute;
                top: 9em;
                left: 3em;
                content: "✹";
                text-shadow: 10.5em -4em #fff, 0.6em 2em #fff, 1em 4em #fff, 1.6em 6em #fff, 2.4em 1em #fff, 3.6em 0 #fff, 4.4em 5em #fff, 6em 8em #fff, 7.6em 1em #fff, 8.2em 8em #fff, 8.7em 2em #fff, 9em 4em #fff, 12em 3em #fff, 13em 6em #fff, 12em 5em #fff, 10em 5em #fff, 11em 2em #fff, 8em 2.5em #fff;
            }

    .china[b-huogp8gcks] {
        background: #de2910;
    }

        .china[b-huogp8gcks]:before {
            content: "★︎";
            color: #fedf00;
            font-size: 3em;
            position: absolute;
            top: 0.1em;
            left: 0.2em;
        }

        .china[b-huogp8gcks]:after {
            content: "★";
            color: #fedf00;
            font-size: 1em;
            position: absolute;
            top: 1.5em;
            left: 4em;
            transform: rotate(25deg);
            text-shadow: -1em -1em, 0.2em 1.5em, -0.5em 2.8em;
        }

    .cuba[b-huogp8gcks] {
        box-shadow: 0 1.8em #003399 inset, 0 3.6em #fff inset, 0 5.4em #003399 inset, 0 7.22em #fff inset, 0 9em #003399 inset;
    }

        .cuba[b-huogp8gcks]:before {
            content: "";
            width: 0;
            height: 0;
            position: absolute;
            top: 0;
            left: 0;
            border-top: 4.5em solid transparent;
            border-left: 5.5em solid #cf142b;
            border-bottom: 4.5em solid transparent;
        }

        .cuba[b-huogp8gcks]:after {
            content: "★";
            color: #fff;
            font-size: 3em;
            position: absolute;
            top: 0.95em;
            left: 0.2em;
        }

    .czech-republic[b-huogp8gcks] {
        box-shadow: 0 4.5em #fff inset, 0 9em #de2910 inset;
    }

        .czech-republic[b-huogp8gcks]:before {
            content: "";
            width: 0;
            height: 0;
            position: absolute;
            top: 0;
            left: 0;
            border-top: 4.5em solid transparent;
            border-left: 5.5em solid #003399;
            border-bottom: 4.5em solid transparent;
        }

    .france[b-huogp8gcks] {
        box-shadow: 4em 0 #003399 inset, 8em 0 white inset, 12em 0 #ee0A30 inset;
    }

    .netherlands[b-huogp8gcks] {
        box-shadow: 0 3em #ee0A30 inset, 0 6em white inset, 0 9em #003399 inset;
    }

    .germany[b-huogp8gcks] {
        box-shadow: 0 3em #000 inset, 0 6em #cc0000 inset, 0 9em #fedf00 inset;
    }

    .ghana[b-huogp8gcks] {
        box-shadow: 0 3em #cf142b inset, 0 6em #fedf00 inset, 0 9em #006233 inset;
    }

        .ghana[b-huogp8gcks]:before {
            content: "★";
            position: absolute;
            top: 0.67em;
            left: 1.2em;
            font-size: 3.8em;
        }

    .iceland[b-huogp8gcks] {
        background: #fff;
    }

        .iceland[b-huogp8gcks]:before {
            background: #003399;
            position: absolute;
            top: 0;
            left: 0;
            width: 3.5em;
            height: 3.5em;
            content: "";
            box-shadow: 5.5em 0 #003399, 8.55em 0 #003399, 0 5.5em #003399, 8.55em 5.5em #003399, 5.5em 5.5em #003399;
        }

        .iceland[b-huogp8gcks]:after {
            background: #de2910;
            position: absolute;
            top: 0;
            left: 4em;
            width: 1.05em;
            height: 1em;
            content: "";
            box-shadow: 0 1em #de2910, 0 2em #de2910, 0 3em #de2910, 0 4em #de2910, 0 5em #de2910, 0 6em #de2910, 0 7em #de2910, -3.98em 4em #de2910, -3em 4em #de2910, -2em 4em #de2910, -1em 4em #de2910, 1em 4em #de2910, 2em 4em #de2910, 3em 4em #de2910, 4em 4em #de2910, 5em 4em #de2910, 6em 4em #de2910, 7em 4em #de2910, 0 8em #de2910;
        }

    .india[b-huogp8gcks] {
        box-shadow: 0 3em #ff9933 inset, 0 6em #fff inset, 0 9em #009b3a inset;
    }

        .india[b-huogp8gcks]:before {
            width: 0.5em;
            height: 0.5em;
            border-radius: 50%;
            content: "";
            background: #fff;
            border: 0.06em solid #00008b;
            position: absolute;
            top: 0.82em;
            left: 1.24em;
            font-size: 4em;
        }

        .india[b-huogp8gcks]:after {
            width: 0.5em;
            height: 0.5em;
            border-radius: 50%;
            content: "";
            background: radial-gradient(#00008b 20%, #fff 70%);
            position: absolute;
            top: 0.86em;
            left: 1.29em;
            font-size: 4em;
        }

    .israel[b-huogp8gcks] {
        box-shadow: 0 1em #fff inset, 0 2.25em #003399 inset, 0 6.75em #fff inset, 0 8em #003399 inset, 0 9em #fff inset;
    }

        .israel[b-huogp8gcks]:before {
            content: "✡︎";
            color: #003399;
            font-size: 5.5em;
            position: absolute;
            top: 0.32em;
            left: 0.77em;
        }

    .italy[b-huogp8gcks] {
        box-shadow: 4em 0 #009b3a inset, 8em 0 #fff inset, 12em 0 #cf142b inset;
    }

    .jamaica[b-huogp8gcks] {
        background: #fedf00;
        display: flex;
        position: relative;
    }

        .jamaica[b-huogp8gcks]:before {
            position: absolute;
            content: "";
            width: 0;
            height: 0;
            top: 0.5em;
            left: 0;
            border-top: 4em solid transparent;
            border-left: 5em solid #000;
            border-bottom: 4em solid transparent;
        }

        .jamaica[b-huogp8gcks]:after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            top: 0.5em;
            left: 7em;
            border-top: 4em solid transparent;
            border-right: 5em solid #000;
            border-bottom: 4em solid transparent;
        }

        .jamaica > div:nth-child(1)[b-huogp8gcks] {
            position: absolute;
            width: 0;
            height: 0;
            top: 0;
            left: 1em;
            border-right: 5em solid transparent;
            border-left: 5em solid transparent;
            border-top: 4em solid #009b3a;
        }

        .jamaica > div:nth-child(2)[b-huogp8gcks] {
            position: absolute;
            width: 0;
            height: 0;
            top: 5em;
            left: 1em;
            border-right: 5em solid transparent;
            border-left: 5em solid transparent;
            border-bottom: 4em solid #009b3a;
        }

    .japan[b-huogp8gcks] {
        background: #fff;
    }

        .japan[b-huogp8gcks]:before {
            width: 1.5em;
            height: 1.5em;
            border-radius: 50%;
            content: "";
            background: #cf142b;
            position: absolute;
            top: 0.4em;
            left: 0.75em;
            font-size: 4em;
        }

    .namibia[b-huogp8gcks] {
        background: linear-gradient(to bottom right, #003399 42%, #fff 42.1%, #fff 45%, #de2910 45.1%, #de2910 55%, #fff 55.1%, #fff 58%, #009b3a 58.1%);
    }

        .namibia[b-huogp8gcks]:before {
            content: "☀︎";
            color: #fedf00;
            position: absolute;
            font-size: 3em;
            top: 0.1em;
            left: 0.3em;
        }

    .new-zealand[b-huogp8gcks] {
        background: #003399;
    }

        .new-zealand[b-huogp8gcks]:before {
            content: "★";
            color: #fff;
            font-size: 2.1em;
            position: absolute;
            top: 0.1em;
            left: 3.97em;
            text-shadow: 0.8em 0.82em #fff, -0.81em 0.97em #fff, 0 2.44em #fff;
        }

        .new-zealand[b-huogp8gcks]:after {
            content: "★";
            color: #cf142b;
            font-size: 1.7em;
            position: absolute;
            top: 0.265em;
            left: 5em;
            text-shadow: 1em 1em #cf142b, -1em 1.2em #cf142b, 0 3em #cf142b;
        }

        .new-zealand > div[b-huogp8gcks] {
            position: relative;
            width: 6em;
            height: 4em;
        }

    .north-korea[b-huogp8gcks] {
        box-shadow: 0 1.75em #003399 inset, 0 2.25em #fff inset, 0 6.75em #de2910 inset, 0 7.25em #fff inset, 0 9em #003399 inset;
    }

        .north-korea[b-huogp8gcks]:before {
            content: "";
            width: 3.5em;
            height: 3.5em;
            background: #fff;
            border-radius: 50%;
            position: absolute;
            top: 2.75em;
            left: 2.5em;
        }

        .north-korea[b-huogp8gcks]:after {
            content: "★";
            color: #de2910;
            font-size: 4em;
            position: absolute;
            top: 0.59em;
            left: 0.65em;
        }

    .norway[b-huogp8gcks] {
        background: #fff;
    }

        .norway[b-huogp8gcks]:before {
            background: #ee0A30;
            position: absolute;
            top: 0;
            left: 0;
            width: 3.5em;
            height: 3.5em;
            content: "";
            box-shadow: 5.5em 0 #ee0A30, 8.55em 0 #ee0A30, 0 5.5em #ee0A30, 8.55em 5.5em #ee0A30, 5.5em 5.5em #ee0A30;
        }

        .norway[b-huogp8gcks]:after {
            background: #003399;
            position: absolute;
            top: 0;
            left: 4em;
            width: 1.05em;
            height: 1em;
            content: "";
            box-shadow: 0 1em #003399, 0 2em #003399, 0 3em #003399, 0 4em #003399, 0 5em #003399, 0 6em #003399, 0 7em #003399, -3.98em 4em #003399, -3em 4em #003399, -2em 4em #003399, -1em 4em #003399, 1em 4em #003399, 2em 4em #003399, 3em 4em #003399, 4em 4em #003399, 5em 4em #003399, 6em 4em #003399, 7.01em 4em #003399, 0 8em #003399;
        }

    .pakistan[b-huogp8gcks] {
        box-shadow: 3em 0 #fff inset, 12em 0 #01411c inset;
    }

        .pakistan[b-huogp8gcks]:before {
            content: "★";
            color: #fff;
            font-size: 2.5em;
            position: absolute;
            top: 0.95em;
            left: 3em;
            transform: rotate(35deg);
        }

        .pakistan[b-huogp8gcks]:after {
            content: "";
            position: absolute;
            top: 0.5em;
            left: 5.6em;
            width: 6em;
            height: 6em;
            border-radius: 50%;
            box-shadow: -0.6em 1em 0 0 white;
        }

    .panama[b-huogp8gcks] {
        background: #fff;
    }

        .panama[b-huogp8gcks]:before {
            background: #003399;
            position: absolute;
            top: 4.5em;
            left: 0;
            width: 6em;
            height: 4.5em;
            content: "";
            box-shadow: 6em -4.5em #de2910;
        }

        .panama[b-huogp8gcks]:after {
            content: "★";
            color: #003399;
            font-size: 3em;
            position: absolute;
            top: 0.2em;
            left: 0.58em;
            text-shadow: 2.05em 1.53em #de2910;
        }

    .philippines[b-huogp8gcks] {
        box-shadow: 0 4.5em #003399 inset, 0 9em #cf142b inset;
    }

        .philippines[b-huogp8gcks]:before {
            content: "☀︎";
            color: #fedf00;
            position: absolute;
            z-index: 2;
            font-size: 3.5em;
            top: 0.72em;
            left: 0.1em;
        }

        .philippines[b-huogp8gcks]:after {
            content: "★";
            color: #fedf00;
            font-size: 1.5em;
            position: absolute;
            top: 0.4em;
            left: 0.1em;
            text-shadow: 3.2em 0.2em #fedf00, 2.3em 3.4em #fedf00;
            transform: rotate(35deg);
        }

        .philippines > div[b-huogp8gcks] {
            content: "";
            width: 0;
            height: 0;
            position: absolute;
            top: 0;
            left: 0;
            border-top: 4.5em solid transparent;
            border-left: 5.5em solid #fff;
            border-bottom: 4.5em solid transparent;
        }

    .russia[b-huogp8gcks] {
        box-shadow: 0 3em #fff inset, 0 6em #003399 inset, 0 9em #de2910 inset;
    }

    .south-africa[b-huogp8gcks] {
        background: linear-gradient(#de2910 30%, #fff 30%, #fff 70%, #003399 70%);
        position: relative;
        overflow: hidden;
    }

        .south-africa[b-huogp8gcks]:before {
            position: absolute;
            content: "";
            width: 4.5em;
            height: 5em;
            background: #000;
            transform: rotate(45deg);
            top: 2.25em;
            left: -2.5em;
            box-shadow: 0 0 0 0.5em #fecc00, 0 0 0 2.5em #009b3a, 0 0 0 3.25em #fff;
        }

        .south-africa[b-huogp8gcks]:after {
            position: absolute;
            content: "";
            background: #009b3a;
            width: 8em;
            height: 2em;
            top: 3.5em;
            left: 4em;
        }

    .south-korea[b-huogp8gcks] {
        background: #fff;
    }

        .south-korea[b-huogp8gcks]:before {
            content: "";
            position: absolute;
            top: 0.5em;
            left: 2em;
            width: 0.3em;
            height: 1em;
            background: #000;
            transform: rotate(45deg);
            box-shadow: 1.2em 0.9em, 1.2em 0, 0.6em 0.9em, 0.6em 0, 0 0.8em, 9em -1.5em, 9em -0.2em, 9.6em -1.5em, 9.6em -0.2em, 10.2em -1.5em, 10.2em -0.2em;
        }

        .south-korea[b-huogp8gcks]:after {
            content: "";
            position: absolute;
            top: 0.5em;
            left: 9.5em;
            width: 0.3em;
            height: 1em;
            background: #000;
            transform: rotate(-45deg);
            box-shadow: 0 1.3em, -0.6em 0, -0.6em 0.8em, -0.6em 1.3em, -1.2em 0, -1.2em 1.3em, -10em 0, -10em -1.3em, -10em -0.6em, -9.4em -1.3em, -9.4em 0, -8.8em 0, -8.8em -0.6em, -8.8em -1.3em;
        }

        .south-korea > div[b-huogp8gcks] {
            font-size: 0.5em;
            top: 4em;
            left: 7.4em;
            width: 9.6em;
            height: 4.8em;
            border-color: #003399;
            background: #cf142b;
            border-style: solid;
            border-width: 0 0 5em 0;
            border-radius: 100%;
            position: relative;
        }

            .south-korea > div[b-huogp8gcks]:before {
                content: "";
                position: absolute;
                top: 42%;
                left: 0;
                background: #cf142b;
                border: 1.9em solid #cf142b;
                border-radius: 100%;
                width: 1.3em;
                height: 1.2em;
            }

            .south-korea > div[b-huogp8gcks]:after {
                content: "";
                position: absolute;
                top: 58%;
                left: 50%;
                background: #003399;
                border: 1.8em solid #003399;
                border-radius: 100%;
                width: 1.2em;
                height: 1em;
            }

    .sweden[b-huogp8gcks] {
        background: #fecc00;
    }

        .sweden[b-huogp8gcks]:before {
            background: #006aa7;
            position: absolute;
            top: 0;
            left: 0;
            width: 3.5em;
            height: 3.5em;
            content: "";
            box-shadow: 5.5em 0 #006aa7, 8.52em 0 #006aa7, 0 5.5em #006aa7, 8.52em 5.5em #006aa7, 5.5em 5.5em #006aa7;
        }

    .tanzania[b-huogp8gcks] {
        background: linear-gradient(to bottom right, #1eb53a 40%, #fecc00 40.1%, #fecc00 43%, #000 43.1%, #000 57%, #fecc00 57.1%, #fecc00 60%, #006aa7 60.1%);
    }

    .thailand[b-huogp8gcks] {
        box-shadow: 0 1.25em #ee0A30 inset, 0 2.5em #fff inset, 0 6.5em #241d4f inset, 0 7.75em #fff inset, 0 9em #ee0A30 inset;
    }

    .united-kingdom[b-huogp8gcks], .australia > div:nth-child(1)[b-huogp8gcks], .new-zealand > div[b-huogp8gcks] {
        background: linear-gradient(transparent 44%, #cc0000 44.1%, #cc0000 56%, transparent 56.1%), linear-gradient(90deg, transparent 44%, #cc0000 44.1%, #cc0000 56%, transparent 56.1%), linear-gradient(transparent 40%, #fff 40.1%, #fff 60%, transparent 60.1%), linear-gradient(90deg, transparent 40%, #fff 40.1%, #fff 60%, transparent 60.1%), linear-gradient(34deg, transparent 45%, #fff 45.1%, #fff 48%, #cc0000 48.1%, #cc0000 52%, #fff 52.1%, #fff 56%, transparent 56.1%), linear-gradient(-34deg, #003399 45%, #fff 45.1%, #fff 48%, #cc0000 48.1%, #cc0000 52%, #fff 52.1%, #fff 56%, #003399 56%);
    }

    .united-states[b-huogp8gcks] {
        position: relative;
        box-shadow: 0 0.7em #bf0a30 inset, 0 1.4em #fff inset, 0 2.1em #bf0a30 inset, 0 2.8em #fff inset, 0 3.5em #bf0a30 inset, 0 4.2em #fff inset, 0 4.9em #bf0a30 inset, 0 5.6em #fff inset, 0 6.3em #bf0a30 inset, 0 7em #fff inset, 0 7.7em #bf0a30 inset, 0 8.4em #fff inset, 0 9em #bf0a30 inset;
    }

        .united-states[b-huogp8gcks]:before {
            position: absolute;
            background: #00008b;
            content: "";
            width: 5.5em;
            height: 4.9em;
            top: 0;
            left: 0;
        }

        .united-states[b-huogp8gcks]:after {
            color: #fff;
            content: "★";
            position: absolute;
            top: 0.2em;
            left: 0.2em;
            font-size: 0.6em;
            text-shadow: 0em 0em #fff, 1.6em 0em #fff, 3.2em 0em #fff, 4.8em 0em #fff, 6.4em 0em #fff, 8em 0em #fff, 0.8em 0.8em #fff, 2.4em 0.8em #fff, 4em 0.8em #fff, 5.6em 0.8em #fff, 7.2em 0.8em #fff, 0em 1.6em #fff, 1.6em 1.6em #fff, 3.2em 1.6em #fff, 4.8em 1.6em #fff, 6.4em 1.6em #fff, 8em 1.6em #fff, 0.8em 2.4em #fff, 2.4em 2.4em #fff, 4em 2.4em #fff, 5.6em 2.4em #fff, 7.2em 2.4em #fff, 0em 3.2em #fff, 1.6em 3.2em #fff, 3.2em 3.2em #fff, 4.8em 3.2em #fff, 6.4em 3.2em #fff, 8em 3.2em #fff, 0.8em 4em #fff, 2.4em 4em #fff, 4em 4em #fff, 5.6em 4em #fff, 7.2em 4em #fff, 0em 4.8em #fff, 1.6em 4.8em #fff, 3.2em 4.8em #fff, 4.8em 4.8em #fff, 6.4em 4.8em #fff, 8em 4.8em #fff, 0.8em 5.6em #fff, 2.4em 5.6em #fff, 4em 5.6em #fff, 5.6em 5.6em #fff, 7.2em 5.6em #fff, 0em 6.4em #fff, 1.6em 6.4em #fff, 3.2em 6.4em #fff, 4.8em 6.4em #fff, 6.4em 6.4em #fff, 8em 6.4em #fff;
        }
/* /Components/PhotographCard/CardPhotograph.razor.rz.scp.css */
.photographCard[b-2r8mu5sx6j] {
    margin-bottom: 28px;
    width: 100%;
    max-width: 400px;
    display: flex;
    flex-direction: column-reverse;
}

img[b-2r8mu5sx6j] {
    width: 100%;
    object-fit: contain;
}

.bottomPanel[b-2r8mu5sx6j] {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 4px;
}

.accessCode[b-2r8mu5sx6j] {
    flex-grow: 1;
}

.buyButton[b-2r8mu5sx6j] {
    flex-grow: 0;
}

/* /Components/ProductCard/ProductCard.razor.rz.scp.css */
.container[b-7lk7wd2wio] {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    max-width: 400px;
    text-align: center;
    margin-bottom: 32px;
}

.header[b-7lk7wd2wio] {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 8px;
}

.headerItem[b-7lk7wd2wio] {
    flex-basis: 50px;
    flex-grow: 1;
}

.fullSizeImage[b-7lk7wd2wio] {
    width: 100%;
    aspect-ratio: 1;
    position: relative;
}

.previewCommandSpacer[b-7lk7wd2wio] {
    height: 8px;
}

.fullSizeImage > img[b-7lk7wd2wio] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

/* /Components/ProductPreview/PlaceholderOccupant.razor.rz.scp.css */
.container[b-v7n37ta1kj] {
    position: relative;
    text-align: center;
    width: 75px;
    aspect-ratio: 1;
}

img[b-v7n37ta1kj] {
    width: 100%;
    height: 100%;
    object-fit:cover;
}

.changeImageButton[b-v7n37ta1kj] {
    position: relative;
    top: -14px;
}
/* /Components/ProductPreview/ProductPreview.razor.rz.scp.css */
.layout[b-fmyp2hxkr4] {
    position: relative;
    width: 100%;
}

.staticPreview[b-fmyp2hxkr4] {
    width: 100%;
}

.filledImage[b-fmyp2hxkr4] {
    object-fit: cover;
}

.containedImage[b-fmyp2hxkr4] {
    object-fit: cover;
}
/* /Components/Quantity/Quantity.razor.rz.scp.css */
.container[b-622cq9gybo] {
    display: flex;
    align-items: center;
    padding: 8px;
}

.button[b-622cq9gybo] {
    width: 40px;
    flex-grow: 0;
    text-align: center;
}

input[b-622cq9gybo] {
    flex-grow: 1;
    max-width: 40px;
    text-align: left;
}

/* /Components/StaticPreview/ComponentStaticPreview.razor.rz.scp.css */
.staticPreviewContainer[b-5vs36wzbi2] {
    width: 100%;
}

.staticPreview[b-5vs36wzbi2] {
    width: 100%;
    object-fit: contain;
}
/* /Pages/Cart/ComponentShippingOption.razor.rz.scp.css */
.shippingOptionContainer[b-zclkh6x1ji] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    column-gap: 4px;
    margin: 0 8px 8px 8px;
    cursor: pointer;
}

    .shippingOptionContainer > .shippingOptionSelectionIndicator[b-zclkh6x1ji] {
        margin-right: 4px;
        align-self: stretch;
        font-size: 1.5rem;
    }

    .shippingOptionContainer > .shippingOptionTextContainer[b-zclkh6x1ji] {
        flex-grow: 1;
        text-align: left;
    }

    .shippingOptionContainer > .shippingOptionCost[b-zclkh6x1ji] {
        flex-basis: auto;
    }

.center[b-zclkh6x1ji] {
    display: flex;
    justify-content: center;
    justify-items: center;
}

/* /Pages/Cart/ComponentShippingOptionList.razor.rz.scp.css */
hr[b-gafaba6p1o] {
    border: 1px dashed #E0E0E0;
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 2px;
    margin-bottom: 8px;
}
/* /Pages/Cart/EmptyCart.razor.rz.scp.css */

.mt-100[b-cvbb0rv9at] {
    margin-top: 100px;
}

.container-fluid[b-cvbb0rv9at] {
/*    background-image: url("Images/HeaderLogo.png");
*/}

.card[b-cvbb0rv9at] {
    margin-bottom: 30px;
    border: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    letter-spacing: .5px;
    border-radius: 8px;
    -webkit-box-shadow: 1px 5px 24px 0 rgba(68,102,242,.05);
    box-shadow: 1px 5px 24px 0 rgba(68,102,242,.05);
    background-color: #fff;
}

.fa-solid.fa.fa-shopping-cart[b-cvbb0rv9at]{
    font-size: 150px;
}
.card .card-header[b-cvbb0rv9at] {
    border-bottom: none;
    padding: 24px;
    border-bottom: 1px solid #f6f7fb;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.card-header:first-child[b-cvbb0rv9at] {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}



.card .card-body[b-cvbb0rv9at] {
    padding: 30px;
    background-color: transparent;
}

.btn-primary[b-cvbb0rv9at], .btn-primary.disabled[b-cvbb0rv9at], .btn-primary:disabled[b-cvbb0rv9at] {
    background-color: #4466f2 !important;
    border-color: #4466f2 !important;
}
/* /Pages/Cart/Header.razor.rz.scp.css */
#header[b-owl7ekjh14] {
/*    position: absolute;*/
    left: 0;
    right: 0;
    top: 0;
    z-index: 2;
    background-color: white;
    filter: drop-shadow(0 6px 4px #A0A0A0);
}
/* /Pages/Cart/OrderItem.razor.rz.scp.css */
.container[b-4xozruvcto] {
/*    margin: 16px;
*/}

.orderItemDetailProduct[b-4xozruvcto] {
    flex-basis: auto;
    flex-grow: 1;
}

.orderItemDetailQuantity[b-4xozruvcto] {
    flex-basis: auto;
    flex-grow: 0;
}

.orderItemDetailTotal[b-4xozruvcto] {
    flex-basis: auto;
    flex-grow: 1;
}

.productPreview[b-4xozruvcto] {
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: 220px;
    width: 220px;
    height: 220px;
}
/* /Pages/Cart/OrderItemImage.razor.rz.scp.css */
.orderItemImage[b-wlv1nphzbf] {
    position: relative;
    text-align: center;
}

[b-wlv1nphzbf] .changeImageButton {
    position: relative;
    top: -20px;
}
/* /Pages/Cart/PageCart.razor.rz.scp.css */
#orderItemListContainer[b-wgomft86mr] {
/*    position: absolute;*/
    top: 170px;
    left: 0;
    right: 0;
    bottom: 0;

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

#orderItemList[b-wgomft86mr] {
    height: calc(100vh - 11rem);
    width: 80%;
    max-width: 740px;
    overflow-y: auto;
}
/* /Pages/Checkout/Address/PageCheckoutAddress.razor.rz.scp.css */
#formContainer[b-vjo2qk06aq] {
    /*    position: absolute;
*/ /*top: 210px;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    text-align: left;
    overflow-y: auto;
    scrollbar-width: none;*/ /* For Firefox */
    /*-ms-overflow-style: none;*/ /* For Internet Explorer and Edge */
    /*height: calc(100vh - 11rem);*/

    position: relative;
    top: 172px;
    /* left: 0; */
    /* right: 0; */
    /* bottom: 0; */
    display: flex;
    flex-direction: row;
    justify-content: center;
    text-align: left;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    height: calc(100vh - 16rem);
}

/* For Chrome, Safari, and Opera */
.formContainer[b-vjo2qk06aq]::-webkit-scrollbar {
    display: none;
}

#form[b-vjo2qk06aq] {
    max-width: 430px;
}

#validateButtonContainer[b-vjo2qk06aq] {
    text-align: center;
}

#header[b-vjo2qk06aq] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 2;
    background-color: white;
    filter: drop-shadow(0 6px 4px #A0A0A0);
}
/* /Pages/Checkout/Payment/PagePayment.razor.rz.scp.css */
#payPalCheckoutContainer[b-g62fmrle3w] {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

#payPalCheckoutItem[b-g62fmrle3w] {
    width: 380px;   
}

#payPalCheckout[b-g62fmrle3w] {
    margin: 8px;    
}

.simulatedPayment[b-g62fmrle3w] {
    box-sizing: border-box;
    margin: 8px;
    padding: 12px;

    text-align: center;
    background-color: #EEE;
    border: solid 4px #AAA;
}

.simulatedPaymentButton[b-g62fmrle3w] {
    margin: 4px 0;
}

/*#payment-form {
    overflow-y: auto;
    scrollbar-width: none;*/ /* For Firefox */
    /*-ms-overflow-style: none;*/ /* For Internet Explorer and Edge */


    /*max-height: 100vh;
    overflow-y: auto;
}*/

/* For Chrome, Safari, and Opera */
    /*#payment-form::-webkit-scrollbar {
        display: none;
    }*/


.container[b-g62fmrle3w] {
    overflow-y: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */


    max-height: 87vh;
    overflow-y: auto;
}

    /* For Chrome, Safari, and Opera */
    .container[b-g62fmrle3w]::-webkit-scrollbar {
        display: none;
    }

/* /Pages/Checkout/Result/PageResult.razor.rz.scp.css */
section[b-86oqtaa4td] {
    margin: 16px auto auto;
    text-align: center;
}

#referenceValues[b-86oqtaa4td] {
    margin: 24px 0;
}

p[b-86oqtaa4td] {
    margin: 0 0 8px 0;
}

.fas[b-86oqtaa4td] {
    font-size: 80px;
}

.success[b-86oqtaa4td] {
    color: green;
}

.failure[b-86oqtaa4td] {
    color: red;
}

.label[b-86oqtaa4td] {
    color: #888;
}

.value[b-86oqtaa4td] {
    color: black;
    font-weight: bold;
}
/* /Pages/ImageSelector/DialogImageSelector.razor.rz.scp.css */
#imageSelectorBackdrop[b-4d3e0aseuw] {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    background-color: rgba(0, 0, 0, 0.5);
}

#imageSelector[b-4d3e0aseuw] {
    height: auto;
    max-width: 80%;
    text-align: center;
}

#imageList[b-4d3e0aseuw] {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    padding: 8px;
    column-gap: 8px;
    overflow-y: auto;
}
/* /Pages/ImageSelector/PageImageSelector.razor.rz.scp.css */
#imageListContainer[b-n5d95g9cjk] {
    /*    position: relative;
    left: 8px;
    top: 38px;
    right: 8px;
    bottom: 8px;
    overflow-y: auto;*/

    position: relative;
    /* left: 8px; */
    /* top: 38px; */
    right: 8px;
    bottom: 8px;
    overflow-y: auto;
    height: 83vh;
}

#imageList[b-n5d95g9cjk] {
    display: grid;
    gap: 8px;
    padding-top: 8px;
}
/* /Pages/ImageSelector/SelectableImage.razor.rz.scp.css */
.imageContainer[b-ok5m2uwz5z] {
    position: relative;
}

.selectedIndicator[b-ok5m2uwz5z] {
    position: absolute;
}

.selected[b-ok5m2uwz5z] {
    transform: scale(0.9);
}

img[b-ok5m2uwz5z] {
    object-fit: contain;
}

/* /Pages/Photographs/ComponentAccessCodeAndPhotographCounts.razor.rz.scp.css */
#countContainer[b-fuilip7zmr] {
    text-align: center;
}
/* /Pages/Photographs/PagePhotographs.razor.rz.scp.css */
#brandedBackground[b-m63fw8v6bk] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
}

#logo[b-m63fw8v6bk] {
    margin-top: 24px;
    margin-bottom: 24px;
}

#accessCodeEntryPanel[b-m63fw8v6bk] {
/*    position: relative;
*/    left: 8px;
    right: 8px;
    top: 8px;
    text-align: center;
    box-sizing:content-box;
    display: none;
}

.accessCodeEntryPanelWithoutError[b-m63fw8v6bk] {
/*    height: 110px;
*/}

.accessCodeEntryPanelWithError[b-m63fw8v6bk] {
    height: 140px;
}

#row1[b-m63fw8v6bk] {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 4px;
}

.row1Column1[b-m63fw8v6bk] {
    flex-basis: auto;
    flex-grow: 1;
}

.row1Column2[b-m63fw8v6bk] {
    flex-basis: auto;
    flex-grow: 0;
}

.photographListWithoutError[b-m63fw8v6bk] {
    top: 118px;
}

.photographListWithError[b-m63fw8v6bk] {
    top: 148px;
}
/* /Pages/Products/PageProducts.razor.rz.scp.css */
/* /Shared/MainLayout.razor.rz.scp.css */