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

/* /Pages/Cart/CartForm.razor.rz.scp.css */
#cart-page[b-pyp6xkbsk5] {
    display: flex;
}

#orderItemListContainer[b-pyp6xkbsk5] {
    /*    position: absolute;*/
    top: 170px;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    /*overflow: scroll;*/
    /*height: 83vh;*/
}

#orderItemLis1t[b-pyp6xkbsk5] {
/*    height: calc(100vh - 12rem);*/
    width: 40%;
    /*max-width: 740px;*/
    overflow-y: auto;
    margin-top: 15px;

}
#orderItemList[b-pyp6xkbsk5] {
    height: calc(100vh - 12rem);
    /* width: 82%; */
    /* max-width: 740px; */
    overflow-y: auto;
    margin-top: 15px;
    text-align: -webkit-center;
    /*justify-items: center;*/
    /* display: contents;*/
}

.placeholder.hidden[b-pyp6xkbsk5] {
    display: none;
}

@media only screen and (min: 700px){
    #cart-page[b-pyp6xkbsk5] {
        height: 100%;
    }

}

@media screen and (max-width: 768px) {
    #cart-page[b-pyp6xkbsk5] {
        flex-direction: column-reverse;
    }
}

/* /Pages/Cart/CartQuantity.razor.rz.scp.css */
body[b-g3l9ak7142] {
    line-height: 1.5;
    font-size: 16px;
    letter-spacing: .15px;
    color: rgb(0 0 0 / var(--tw-text-opacity));
    font-family: SuisseIntl-Book,sans-serif;
}

body[b-g3l9ak7142] {
    /* CSS Variables that may have been missed get put on body */
    --tw-bg-opacity: 1;
    --tw-content: "";
    --tw-content: "";
    --tw-text-opacity: 1;
}

*[b-g3l9ak7142] {
    box-sizing: border-box;
    border: 0 solid;
}

.flex[b-g3l9ak7142] {
    display: flex;
}

@media (min-width: 768px) {
    .md\:gap-m[b-g3l9ak7142] {
        gap: 24px;
    }

    .md\:basis-2\/3[b-g3l9ak7142] {
        flex-basis: 66.666667%;
    }

    .md\:p-l[b-g3l9ak7142] {
        padding: 32px;
    }

    .md\:flex-row[b-g3l9ak7142] {
        flex-direction: row;
    }

    .md\:gap-0[b-g3l9ak7142] {
        gap: 0;
    }

    .md\:border-\[0\.5px\][b-g3l9ak7142] {
        border-width: .5px;
    }

    .md\:p-0[b-g3l9ak7142] {
        padding: 0;
    }
}

.first-of-type\:rounded-t-none:first-of-type[b-g3l9ak7142] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.last-of-type\:rounded-b-none:last-of-type[b-g3l9ak7142] {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

@media (min-width: 768px) {
    .md\:first-of-type\:rounded-t-l:first-of-type[b-g3l9ak7142] {
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
    }

    .md\:last-of-type\:rounded-b-l:last-of-type[b-g3l9ak7142] {
        border-bottom-right-radius: 16px;
        border-bottom-left-radius: 16px;
    }

    .md\:gap-l[b-g3l9ak7142] {
        gap: 32px;
    }
}

.bg-bg-fill-secondary[b-g3l9ak7142] {
    --tw-bg-opacity: 1;
    background-color: rgb(242 244 245/var(--tw-bg-opacity));
}

@media (min-width: 768px) {
    .md\:bg-transparent[b-g3l9ak7142] {
        background-color: initial;
    }

    .md\:mx-0[b-g3l9ak7142] {
        margin-left: 0;
        margin-right: 0;
    }

    .md\:mt-s[b-g3l9ak7142] {
        margin-top: 16px;
    }

    .md\:gap-xxl[b-g3l9ak7142] {
        gap: 48px;
    }
}

.relative[b-g3l9ak7142] {
    position: relative;
}

.grow[b-g3l9ak7142] {
    flex-grow: 1;
}

.overflow-hidden[b-g3l9ak7142] {
    overflow: hidden;
}

body[b-g3l9ak7142] {
    margin: 0;
    line-height: inherit;
}

body[b-g3l9ak7142] {
    font-size: 16px;
    line-height: normal;
    letter-spacing: .15px;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
    -webkit-font-smoothing: antialiased;
}

html[b-g3l9ak7142] {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: SuisseIntl-Book,sans-serif;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
}

html[b-g3l9ak7142] {
    overflow: auto !important;
}

.h-\[32px\][b-g3l9ak7142] {
    height: 32px;
}

.items-center[b-g3l9ak7142] {
    align-items: center;
}

.self-center[b-g3l9ak7142] {
    align-self: center;
}

.rounded-s[b-g3l9ak7142] {
    border-radius: 8px;
}

.p-xs[b-g3l9ak7142] {
    padding: 8px;
}

*[b-g3l9ak7142], [b-g3l9ak7142]:after, [b-g3l9ak7142]:before {
    box-sizing: border-box;
    border: 0 solid;
}

[b-g3l9ak7142]:after, [b-g3l9ak7142]:before {
    --tw-content: "";
}

button[b-g3l9ak7142] {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
}

button[b-g3l9ak7142] {
    text-transform: none;
}

button[b-g3l9ak7142] {
    -webkit-appearance: button;
    background-color: initial;
    background-image: none;
}

button[b-g3l9ak7142] {
    cursor: pointer;
}

.after\:absolute[b-g3l9ak7142]:after {
    content: var(--tw-content);
    position: absolute;
}

.after\:bottom-\[-12px\][b-g3l9ak7142]:after {
    content: var(--tw-content);
    bottom: -12px;
}

.after\:left-\[-12px\][b-g3l9ak7142]:after {
    content: var(--tw-content);
    left: -12px;
}

.after\:right-\[-12px\][b-g3l9ak7142]:after {
    content: var(--tw-content);
    right: -12px;
}

.after\:top-\[-12px\][b-g3l9ak7142]:after {
    content: var(--tw-content);
    top: -12px;
}

.after\:content-\[\"\"\][b-g3l9ak7142]:after {
    --tw-content: "";
    content: var(--tw-content);
}

.w-\[35px\][b-g3l9ak7142] {
    width: 35px;
}

:disabled[b-g3l9ak7142] {
    cursor: default;
}

svg[b-g3l9ak7142] {
    display: block;
    vertical-align: middle;
}

.transition[b-g3l9ak7142] {
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
}

p[b-g3l9ak7142] {
    margin: 0;
}

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

.font-bodyTitleSmall[b-g3l9ak7142] {
    font-family: SuisseIntl-Medium,sans-serif;
}

.text-bodyTitleSmall[b-g3l9ak7142] {
    font-size: 14px;
}

.text-bodyTitleSmall[b-g3l9ak7142] {
    line-height: normal;
    letter-spacing: .15px;
}

.text-text-secondary-inverse[b-g3l9ak7142] {
    --tw-text-opacity: 1;
    color: rgb(201 203 204/var(--tw-text-opacity));
}
/* /Pages/Cart/Checkout/Result/PageResult.razor.rz.scp.css */
section[b-71lvu4nt5l] {
    margin: 16px auto auto;
    text-align: center;
}

#referenceValues[b-71lvu4nt5l] {
    margin: 24px 0;
}

p[b-71lvu4nt5l] {
    margin: 0 0 8px 0;
}

.fas[b-71lvu4nt5l] {
    font-size: 80px;
}

.success[b-71lvu4nt5l] {
    color: green;
}

.failure[b-71lvu4nt5l] {
    color: red;
}

.label[b-71lvu4nt5l] {
    color: #888;
}

.value[b-71lvu4nt5l] {
    color: black;
    font-weight: bold;
}
/* /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] {
    left: 0;
    right: 0;
    top: 0;
    z-index: 2;
    background-color: white;
}
/* /Pages/Cart/OrderItem.razor.rz.scp.css */
.container[b-4xozruvcto] {
    margin: 0 0 10px 0;
    border-radius: 15px;
}

.orderItemDetailProduct[b-4xozruvcto] {
    flex-basis: auto;
    flex-grow: 1;
    /*max-width: 18rem;*/
    position: relative;
}

    .orderItemDetailProduct .remove-button[b-4xozruvcto] {
        position: absolute;
        top: -0.5rem;
        right: -0.5rem;
    }

    .orderItemDetailProduct.disbaled-addons[b-4xozruvcto] {
        opacity: 0.8;
    }

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

    .orderItemDetailQuantity.disabled-addons[b-4xozruvcto] {
        pointer-events: none;
        cursor: not-allowed;
        opacity: 0.6;
    }

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

.orderItemImageContainer[b-4xozruvcto] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.image-selection[b-4xozruvcto] {
    align-self: center;
}

.productPreview[b-4xozruvcto] {
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: 220px;
    width: 220px;
    height: 220px;
}

/* 1) full-width yellow banner under your preview */
.upsell-banner[b-4xozruvcto] {
    background: #ffeb3b; /* bright yellow */
    padding: 0.75rem;
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 0.25rem;
    font-weight: bold;
    border-radius: 15px;
}

    /* the “£5.00” tag on the right */
    .upsell-banner .price-tag[b-4xozruvcto] {
        font-size: 1rem;
    }

.upsell-label[b-4xozruvcto] {
    flex: 1;
    font-weight: 600;
    font-size: 17px;
    text-align: center;
    /*max-width: 18rem;*/
}

.cart-quantity[b-4xozruvcto] {
    margin: 0 0.5rem;
}

.upsell-total[b-4xozruvcto] {
    font-weight: 600;
}

@media (max-width: 575.98px) {
    .orderItemImageContainer[b-4xozruvcto] {
        flex-direction: column;
    }
}
/* /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 */
#cart-page[b-wgomft86mr] {
    display: flex;
}

#orderItemListContainer[b-wgomft86mr] {
    /*    position: absolute;*/
    top: 170px;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    /*overflow: scroll;*/
    /*height: 83vh;*/
}

#orderItemLis1t[b-wgomft86mr] {
/*    height: calc(100vh - 12rem);*/
    width: 40%;
    /*max-width: 740px;*/
    overflow-y: auto;
    margin-top: 15px;

}
#orderItemList[b-wgomft86mr] {
    height: calc(100vh - 12rem);
    /* width: 82%; */
    /* max-width: 740px; */
    overflow-y: auto;
    margin-top: 15px;
    text-align: -webkit-center;
    /*justify-items: center;*/
    /* display: contents;*/
}

.placeholder.hidden[b-wgomft86mr] {
    display: none;
}

@media only screen and (min: 700px){
    #cart-page[b-wgomft86mr] {
        height: 100%;
    }

}

@media screen and (max-width: 768px) {
    #cart-page[b-wgomft86mr] {
        flex-direction: column-reverse;
    }
}

/* /Pages/Cart/PageCartDetails.razor.rz.scp.css */
*[b-r8w67zoc9v] {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.loader[b-r8w67zoc9v] {
    width: 10rem;
    height: 10rem;
}

#orderItemList[b-r8w67zoc9v] {
    justify-items: center;
}

.checkout-details[b-r8w67zoc9v] {
    width: 50%;
}
.checkout-details.full-screen[b-r8w67zoc9v] {
    width: 100%;
}

    .checkout-details .checkout-details-inner[b-r8w67zoc9v] {
        background: #F2F2F2;
        border-radius: 10px;
        padding: 20px;
        height: 100%;
    }

        .checkout-details .checkout-details-inner .checkout-lists[b-r8w67zoc9v] {
            display: flex;
            flex-direction: column;
            row-gap: 15px;
            margin-bottom: 40px;
            height: 40rem;
            height: 45rem;
            height: calc(100vh - 25rem);
            overflow-x: hidden;
            /* Hide scrollbar but allow scrolling */
            -ms-overflow-style: none; /* for Internet Explorer, Edge */
            scrollbar-width: none; /* for Firefox */
        }
            .checkout-details .checkout-details-inner .checkout-lists[b-r8w67zoc9v]::-webkit-scrollbar {
                display: none;
            }


            .checkout-details .checkout-details-inner .checkout-lists .cart-card[b-r8w67zoc9v] {
                width: 100%;
                display: flex;
                column-gap: 15px;
            }

                .checkout-details .checkout-details-inner .checkout-lists .cart-card .card-image[b-r8w67zoc9v] {
                    width: 35%;
                    width: 60%;
                }

                    .checkout-details .checkout-details-inner .checkout-lists .cart-card .card-image img[b-r8w67zoc9v] {
                        width: 100%;
                        object-fit: fill;
                        border-radius: 10px;
/*                        max-height: 200px;
*/                    }

                .checkout-details .checkout-details-inner .checkout-lists .cart-card .card-details[b-r8w67zoc9v] {
                    display: flex;
                    flex-direction: column;
                }

                    .checkout-details .checkout-details-inner .checkout-lists .cart-card .card-details .card-name[b-r8w67zoc9v] {
                        font-size: 12px;
                        font-weight: 500;
                    }

                    .checkout-details .checkout-details-inner .checkout-lists .cart-card .card-details .card-price[b-r8w67zoc9v] {
                        font-size: 10px;
                        font-weight: 500;
                        color: #F2994A;
                        margin-top: 5px;
                    }

                        .checkout-details .checkout-details-inner .checkout-lists .cart-card .card-details .card-price span[b-r8w67zoc9v] {
                            color: #4E5150;
                            text-decoration: line-through;
                            margin-left: 10px;
                        }

                    .checkout-details .checkout-details-inner .checkout-lists .cart-card .card-details .card-wheel[b-r8w67zoc9v] {
                        margin-top: 17px;
                        border: 0.2px solid #4e515085;
                        width: 90px;
                        padding: 8px 8px;
                        border-radius: 10px;
                        font-size: 12px;
                        display: flex;
                        justify-content: space-between;
                    }

                        .checkout-details .checkout-details-inner .checkout-lists .cart-card .card-details .card-wheel button[b-r8w67zoc9v] {
                            background: #E0E0E0;
                            color: #828282;
                            width: 15px;
                            height: 15px;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            border: 0;
                            cursor: pointer;
                            border-radius: 3px;
                            font-weight: 500;
                        }

.checkout-info[b-r8w67zoc9v] {
    padding-left: 5px;
    padding-right: 5px;
}

        .checkout-details .checkout-details-inner .checkout-summary[b-r8w67zoc9v], .checkout-details .checkout-details-inner .checkout-total[b-r8w67zoc9v] {
            display: flex;
            font-size: 16px;
            padding: 5px 0px;
            justify-content: space-between;
        }

        .checkout-details .checkout-details-inner .checkout-total[b-r8w67zoc9v] {
            border-top: 1px solid #BDBDBD;
        }

            .checkout-details .checkout-details-inner .checkout-summary p[b-r8w67zoc9v], .checkout-details .checkout-details-inner .checkout-total p[b-r8w67zoc9v] {
                font-size: 1.25rem;
                font-weight: 500;
            }

    .checkout-details .show-items[b-r8w67zoc9v] {
        display: none;
        -webkit-user-select: none;
        cursor: none;
    }

.arrow[b-r8w67zoc9v] {
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
}
.down[b-r8w67zoc9v] {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.up[b-r8w67zoc9v] {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

@media screen and (max-width: 768px) {
    .checkout-details[b-r8w67zoc9v] {
        width: 100%;

    }

        .checkout-details .checkout-details-inner .checkout-lists[b-r8w67zoc9v] {
/*            height: 13rem;
*/        }
        .checkout-details .checkout-details-inner .checkout-lists.hidden[b-r8w67zoc9v] {
            display: none;
        }

        .checkout-details .show-items[b-r8w67zoc9v] {
            display: inline;
        }
}
/* /Pages/Cart/PageCartForm.razor.rz.scp.css */
*[b-gp0j62z5rp] {
    box-sizing: border-box;
    margin: 0;
    padding: inherit;
}

.checkout-form[b-gp0j62z5rp] {
    width: 50%;
}


    .checkout-form .form-control[b-gp0j62z5rp] {
        border: none;
    }

        .checkout-form .form-control label[b-gp0j62z5rp] {
            text-align: left;
        }

    .checkout-form form h6[b-gp0j62z5rp] {
        font-size: 12px;
        font-weight: 500;
    }

    .checkout-form form .form-control[b-gp0j62z5rp] {
        margin: 10px 0px;
        position: relative;
    }

        .checkout-form form .form-control label:not([for=checkout-checkbox])[b-gp0j62z5rp] {
            display: block;
            font-weight: 500;
            margin-bottom: 2px;
        }

        .checkout-form form .form-control input:not([type=checkbox])[b-gp0j62z5rp] {
            width: 100%;
            padding: 10px 10px 10px 40px;
            border-radius: 10px;
            outline: none;
            border: 0.2px solid #4e515085;
            font-weight: 700;
        }
        .checkout-form form .form-control input[b-gp0j62z5rp]::placeholder {
            font-size: 18px;
        }
        
        input[b-gp0j62z5rp]::placeholder {
            font-size: 18px;
        }

            .checkout-form form .form-control input:not([type=checkbox])[b-gp0j62z5rp]::placeholder {
                font-size: 10px;
                font-weight: 500;
            }

        .checkout-form form .form-control label[for=checkout-checkbox][b-gp0j62z5rp] {
            font-size: 9px;
            font-weight: 500;
            line-height: 10px;
        }

        .checkout-form form .form-control > div[b-gp0j62z5rp] {
            position: relative;
        }

            .checkout-form form .form-control > div span.fa[b-gp0j62z5rp] {
                position: absolute;
                top: 50%;
                left: 0%;
                transform: translate(15px, -50%);
            }

    .checkout-form form .form-group[b-gp0j62z5rp] {
        display: flex;
        column-gap: 25px;
    }

    .checkout-form form .checkbox-control[b-gp0j62z5rp] {
        display: flex;
        align-items: center;
        column-gap: 10px;
    }

    .checkout-form form .form-control-btn[b-gp0j62z5rp] {
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .checkout-form form .form-control-btn input[type=button][b-gp0j62z5rp] {
            padding: 10px 25px;
            font-size: 12px;
            color: #fff;
            background: #009b3a;
            border: 0;
            border-radius: 7px;
            letter-spacing: 0.5px;
            font-weight: 400;
            cursor: pointer;
        }

.title[b-gp0j62z5rp] {
    font-size: 20px;
    font-weight: 400;
}

form input[b-gp0j62z5rp] {
    font-size: 14px;
    font-weight: 200;
}

form p[b-gp0j62z5rp] {
    font-size: 20px;
    font-weight: 200;
}
@media screen and (max-width: 768px) {

    .checkout-form[b-gp0j62z5rp] {
        width: 100%;
        margin-top: 55px;
        /*margin-top: 7px;*/
        overflow: scroll;
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
    }

        .checkout-form[b-gp0j62z5rp]::-webkit-scrollbar {
            /*display: none;*/
        }
}
/* /Pages/ImageSelector/DialogImageSelector.razor.rz.scp.css */
#imageSelectorBackdrop[b-4d3e0aseuw] {
    display: flex;
    justify-content: center;
    align-items: center;
}

    #imageSelectorBackdrop.header[b-4d3e0aseuw] {
        
    }

    #imageSelectorBackdrop .header-text[b-4d3e0aseuw] {
        justify-items: flex-start;
        font-style: oblique;
        font-size: 1.4rem;
    }
    #imageSelectorBackdrop .selection-button[b-4d3e0aseuw] {
        float: inline-end;
        text-align: end;
    }

#imageSelector[b-4d3e0aseuw] {
    position: fixed;
    background-color: #fff;
    border-radius: 8px;
    border-block-color: var(--gray);
    width: 100%;
    padding: 24px;
    align-self: center;
    text-align: center;
    align-self: anchor-center;
    place-self: anchor-center;
    height: 100vh;
    top: 0;

    z-index: 10;
}

.close-button[b-4d3e0aseuw] {
    position: absolute;
    top: -50px;
    left: 0px;
    background: transparent;
    border: none;
    font-size: 5.2rem;
    cursor: pointer;
    color: var(--gray);
}

#imageList[b-4d3e0aseuw] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 16px;
    max-height: 76vh;
    /*max-height: 83vh;*/
    max-height: 90%;
    height: 100%;
    overflow-y: auto;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */

    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    gap: 34px;
}
#imageList[b-4d3e0aseuw]::-webkit-scrollbar {
    display: none; /* Chrome, Safari and Opera */
}

.selected[b-4d3e0aseuw] {
    border: 3px solid rgba(228,66,66,0.8);
    transform: scale(0.95);
    transition: transform 0.2s, border 0.2s;
}

@media only screen and (max-width: 600px) {
    #imageList[b-4d3e0aseuw] {
        max-height: 75vh;
    }
}
/* /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/PagePhotographs.razor.rz.scp.css */
#brandedBackground[b-m63fw8v6bk] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
}

.no-accesscode[b-m63fw8v6bk] {
    min-height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#logo[b-m63fw8v6bk] {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    max-width: 550px;

    background-color: aliceblue;
    border-radius: 16px;
    opacity: 0.9;
}

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

#photographListContainer[b-m63fw8v6bk] {
    /*height: calc(100vh - 10rem);*/
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px;
    min-height: 100%;
}
.photographListWithoutError[b-m63fw8v6bk] {
    top: 118px;
}

.photographListWithError[b-m63fw8v6bk] {
    top: 148px;
}

.accountPanel[b-m63fw8v6bk] {
    border-radius: 12px;
    padding: 24px;
}

    /* Hide scrollbar for Webkit browsers (Chrome, Safari) */
    .accountPanel[b-m63fw8v6bk]::-webkit-scrollbar {
        display: none;
    }

/* Hide scrollbar for Firefox */
.accountPanel[b-m63fw8v6bk] {
    scrollbar-width: none; /* Firefox */
}

/* Hide scrollbar for IE and Edge */
.accountPanel[b-m63fw8v6bk] {
    -ms-overflow-style: none; /* IE and Edge */
}

.password-reset[b-m63fw8v6bk] {
    position: relative;
    bottom: -32px;
    left: 181px;
    left: calc(100% - 69%);
}
@media only screen and (max-width: 350px) {
    .password-reset[b-m63fw8v6bk] {
        position: inherit;
        bottom: -39px;
    }
}

.password-reset[b-m63fw8v6bk], .terms-conditions-link[b-m63fw8v6bk] {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

.password-reset.alert[b-m63fw8v6bk] {
    color: red;
}

    /* Hover state to mimic anchor behavior */
    .password-reset:hover[b-m63fw8v6bk], .terms-conditions-link:hover[b-m63fw8v6bk] {
        text-decoration: none;
        color: #0d6efdb0;
    }

    /* Optional: Focus and active states for better accessibility */
    .password-reset:focus[b-m63fw8v6bk] {
        outline: none;
        text-decoration: none;
        background-color: lightgray;
    }

    .password-reset:active[b-m63fw8v6bk] {
        color: darkblue;
    }
.a-divider.a-divider-break[b-m63fw8v6bk] {
    text-align: center;
    position: relative;
    top: 2px;
    padding-top: 20px;
    margin-bottom: 14px;
    line-height: 0;
    color: white;
}

    .a-box .a-divider.a-divider-break[b-m63fw8v6bk]::after, .a-color-base-background .a-divider.a-divider-break[b-m63fw8v6bk]::after, .a-divider.a-divider-break[b-m63fw8v6bk]:after {
        content: "";
        width: 100%;
        background-color: transparent;
        display: block;
        height: 1px;
        border-top: 1px solid #aaa;
        position: absolute;
        top: 50%;
        margin-top: -1px;
        z-index: 1;
    }
auth-create-account-link[b-m63fw8v6bk]{
    height: 2rem
}
.a-button[b-m63fw8v6bk] {
    background: #e7e9ec;
    border-radius: 3px;
    border-color: #adb1b8 #a2a6ac #8d9096;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    display: inline-block;
    padding: 2px;
    text-align: center;
    text-decoration: none !important;
    vertical-align: middle;
}

.a-button-span12[b-m63fw8v6bk] {
    width: 100% !important;
}

.a-button[b-m63fw8v6bk] {
    background: #ecf0f1;
    border-color: #D5D9D9;
}
.a-button-inner #createAccountsubmit[b-m63fw8v6bk] {
    display: flex;
    place-content: center;
    padding: 7px;
}

    .a-button:not(.a-button-toggle)[b-m63fw8v6bk] {
        border-radius: 8px;
        box-shadow: 0 2px 5px 0 rgba(213,217,217,.5);
    }

    .a-button:hover[b-m63fw8v6bk] {
        border-color: #a2a6ac #979aa1 #82858a;
    }

    .a-button:active[b-m63fw8v6bk], .a-button:active:hover[b-m63fw8v6bk] {
        border-color: #adb1b8 #a2a6ac #a2a6ac;
    }

.auth-no-skin .a-button:hover[b-m63fw8v6bk] {
    background-color: #F7FAFA;
    border-color: #D5D9D9;
}

#form[b-m63fw8v6bk] {
    text-align: -webkit-center;
}
form[b-m63fw8v6bk] {
    margin-bottom: 14px;
}


.new-account-container[b-m63fw8v6bk] {
    width: 33%;
}


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

    .accountPanel[b-m63fw8v6bk] {
        padding: 0;
    }
    .new-account-container[b-hekjwd1zg0][b-m63fw8v6bk] {
        width: 100%;
    }
}

@media only screen and (max-height: 700px ) and (max-width: 400px) {
    .accountPanel[b-m63fw8v6bk] {
        padding: 10px 0px 10px 0px;
    }
}
/* /Pages/Preregistration/PagePreregistration.razor.rz.scp.css */
section[b-ts8hz8i96z] {
    margin: 16px auto auto;
    text-align: center;
}

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

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

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

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

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

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

.value[b-ts8hz8i96z] {
    color: black;
    font-weight: bold;
}
/* /Pages/Products/PageProducts.razor.rz.scp.css */
#productListContainer[b-9cri06cyt6] {
    padding: 8px;
    /*width: 90%;*/
    margin: auto;
    /*height: calc(100vh - 15%);*/
}
    #productListContainer.addon-backdrop[b-9cri06cyt6] {
        background: darkgray;
        opacity: 0.8;
        /* Bootstrap’s default .modal-backdrop is 1040 */
        /*z-index: 1040;*/
    }

.full-modal .modal-dialog[b-9cri06cyt6] {
    max-width: 95vw; /* width near full screen */
    height: 90vh; /* height is 90% of viewport height */
    margin: auto;
}

.full-modal .modal-content[b-9cri06cyt6] {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.full-modal .modal-body[b-9cri06cyt6] {
    flex-grow: 1;
    overflow-y: auto;
}
@media only screen and (min-width: 500px) {
    .navigationBar[b-9cri06cyt6] {
        margin-left: 2%;
    }
}

.category-item[b-9cri06cyt6] {
    -webkit-box-shadow: -5px -5px 19px -17px #000000, 5px 5px 19px -17px #000000;
    box-shadow: -5px -5px 19px -17px #000000, 5px 5px 19px -17px #000000;
}

.category-disabled[b-9cri06cyt6] {
    
}

.productCard[b-9cri06cyt6] {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInCard-b-9cri06cyt6 0.8s ease-out forwards;
    padding: 0px
}

@keyframes fadeInCard-b-9cri06cyt6 {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Shared/Components/AnimatedIcons/AnimatedPlus.razor.rz.scp.css */
.nav-toggle-container[b-33vfi05qz4] {
    background-color: #e5e5e5;
    height: 100%;
}


#nav-toggle[b-33vfi05qz4] {
    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-33vfi05qz4], #nav-toggle span[b-33vfi05qz4]:before {
        cursor: pointer;
        border-radius: 60px;
        height: 4px;
        width: 30px;
        background: white;
        position: absolute;
        top: 50%;
        display: block;
        content: '';
    }

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

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

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

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



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

        #nav-toggle[b-33vfi05qz4], #nav-toggle span[b-33vfi05qz4], #nav-toggle span[b-33vfi05qz4]:before, #nav-toggle span[b-33vfi05qz4]: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-33vfi05qz4] {
                background: #575757;
            }

            #nav-toggle:hover span[b-33vfi05qz4]:before {
                transform: rotate(90deg);
            }
/* /Shared/Components/Banners/InformationBanner.razor.rz.scp.css */
.info-banner[b-suasbc3w9l] {
    min-height: 1.4em;
    justify-content: center;
}

.voucher-carousel[b-suasbc3w9l] {
    height: 260px; /* tweak as needed */
    position: relative; /* parent for absolute children */
    padding-top: 1.25rem; /* space above slide */
    padding-bottom: 3rem; /* leaves room for indicators */
}

    /* This pushes slide content off the very top/bottom
   (the inner div is already flex-centred in Razor) */
    .voucher-carousel .carousel-inner > .carousel-item > div[b-suasbc3w9l] {
        padding-top: .25rem;
        padding-bottom: .25rem;
    }


@media (max-width: 575.98px) { /* phones */
    :root[b-suasbc3w9l] {
        --f-xs: .80rem; /* tiny font */
        --f-s: .95rem; /* captions */
        --pad: .25rem; /* slim padding */
    }

    .info-banner > span:first-child[b-suasbc3w9l] {
        font-size: small !important;
    }
        .info-banner[b-suasbc3w9l] {
            font-size: smaller;
        }

}

@media (min-width: 576px) and (max-width: 767.98px) { /* tablets */
    :root[b-suasbc3w9l] {
        --f-xs: .90rem;
        --f-s: 1.05rem;
        --pad: .4rem;
    }
}
@media (max-width: 575.98px) {

    .info-banner[b-suasbc3w9l] {
        font-size: var(--f-s); /* shrink headline */
        gap: .25rem;
        text-align: center;
    }

        /* reposition the vertical bar (“vr”) into a thin horizontal rule */
        .info-banner .vr[b-suasbc3w9l] {
            background-color: currentColor;
            opacity: .4;
            margin: .125rem 0 !important;
        }

        /* countdown grid: day / hours / mins compress */
        .info-banner .countdown .fs-4[b-suasbc3w9l] {
            font-size: 1.35rem !important; /* override h-size */
        }

        .info-banner .countdown .gap-4[b-suasbc3w9l] {
            gap: .75rem !important;
        }

        .info-banner .countdown .small[b-suasbc3w9l] {
            font-size: var(--f-xs) !important;
            gap: .75rem !important;
        }
}
/* /Shared/Components/Banners/VoucherDetails.razor.rz.scp.css */
voucher-carousel .carousel-item > div[b-h714ytrc1i] {
    flex-wrap: nowrap; /* always one line */
    overflow: hidden; /* clip anything that spills */
}

.voucher-carousel h5[b-h714ytrc1i],
.voucher-carousel .text-muted[b-h714ytrc1i],
.voucher-carousel .badge[b-h714ytrc1i] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.voucher-carousel .badge[b-h714ytrc1i] {
    max-width: 35%;
}

/* Split the remaining space between title and subtitle */
.voucher-carousel h5[b-h714ytrc1i] {
    max-width: 32%;
    margin-bottom: .15rem;
}

.voucher-carousel .text-muted[b-h714ytrc1i] {
    max-width:40%;
}

.voucher-content[b-h714ytrc1i] {
    width: 80%;
}

@media (min-width: 768px) {
    .voucher-content[b-h714ytrc1i] {
        width: 40%;
    }
}
@media (max-width: 575.98px) { /* phones */
    :root[b-h714ytrc1i] {
        --f-xs: .80rem; /* tiny font */
        --f-s: .95rem; /* captions */
        --pad: .25rem; /* slim padding */
    }
}

@media (min-width: 576px) and (max-width: 767.98px) { /* tablets */
    :root[b-h714ytrc1i] {
        --f-xs: .90rem;
        --f-s: 1.05rem;
        --pad: .4rem;
    }
}


@media (max-width: 767.98px) { /* phones & tablets */
    .offers-carousel .carousel-item div[b-h714ytrc1i] { /* the inner <div class="px-2 py-1"> */
        padding: var(--pad) !important;
    }

    .offers-carousel .badge[b-h714ytrc1i] {
        font-size: var(--f-s);
        line-height: 1.2;
        white-space: normal; /* allow wrapping */
    }
}

/* phones only – stack indicators under slide (optional) */
@media (max-width: 575.98px) {
    .offers-carousel[b-h714ytrc1i] {
        height: auto; /* grow with content */
        padding-bottom: var(--pad);
    }

    .voucher-carousel .carousel-control-prev[b-h714ytrc1i],
    .voucher-carousel .carousel-control-next[b-h714ytrc1i] {
        display: none !important;
    }

    .voucher-carousel h5[b-h714ytrc1i] {
        font-size: .90rem;
    }

    .voucher-carousel .text-muted[b-h714ytrc1i] {
        font-size: .80rem;
    }

    .voucher-carousel .badge[b-h714ytrc1i] {
        font-size: .80rem;
    }
}
/* /Shared/Components/CartButton/CartButton.razor.rz.scp.css */
.cartButton[b-f4jix71h83] {
    position: relative;
    cursor: pointer;
}

/* /Shared/Components/Collapse/Collapsable.razor.rz.scp.css */
*[b-0wo8z3d2u5], *[b-0wo8z3d2u5]::before, *[b-0wo8z3d2u5]::after {
    box-sizing: border-box;
}

body[b-0wo8z3d2u5] {
    font-family: 'Lato', sans-serif;
    background-color: #ded2ff;
    color: #42225e;
}

h1[b-0wo8z3d2u5] {
    margin: 50px 0 30px;
    text-align: center;
}

.faq-container[b-0wo8z3d2u5] {
    max-width: 600px;
    margin: 0 auto;
    background-color: white;
    background-color: transparent;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    transition: all .4s ease;
}

.faq[b-0wo8z3d2u5] {
    background-color: transparent;
    border: 1px solid #aaa;
    border-radius: 10px;
    padding: 30px;
    margin: 20px 0;
    position: relative;
    overflow: hidden;
    transition: all .4s ease;
}

    .faq.active[b-0wo8z3d2u5] {
        background-color: white;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1);
    }

.faq-title[b-0wo8z3d2u5] {
    /*margin: 0 35px 0 0;*/
}

.faq-info[b-0wo8z3d2u5] {
    display: none;
    margin: 30px 0 0;
}

.faq.active .faq-info[b-0wo8z3d2u5] {
    display: block;
}

.faq-toggle[b-0wo8z3d2u5] {
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    position: absolute;
    top: 30px;
    right: 30px;
    height: 30px;
    width: 30px;
}

.faq-toggle.hidden[b-0wo8z3d2u5] {
    display: none;
}

.chevron[b-0wo8z3d2u5], .close[b-0wo8z3d2u5] {
    width: 12px;
    height: 12px;
}

.faq-toggle .close[b-0wo8z3d2u5] {
    display: none;
}

.faq.active .faq-toggle .close[b-0wo8z3d2u5] {
    display: block;
}

.faq.active .faq-toggle .chevron[b-0wo8z3d2u5] {
    display: none;
}

.faq.active .faq-toggle[b-0wo8z3d2u5] {
    background-color: #AAA;
    border-radius: 50%;
    color: #ffffd9;
}
/* /Shared/Components/DropDown/GenericDropdown.razor.rz.scp.css */
.genericDropdownContainer[b-q5ii377ltn] {
    height: 100%;
    background-color: red;
}

.genericDropdownContainer[b-q5ii377ltn] {
    margin: 0;
    padding: 0;
    display: grid;
    place-items: center;
    background: #fdfefe;
}

.dropdown-menu[b-q5ii377ltn] {
    position: relative;
}

    .dropdown-menu > button[b-q5ii377ltn] {
        position: relative;
        z-index: 2;
        transition: 0.3s;
    }

        .dropdown-menu > button:hover[b-q5ii377ltn] {
            background: #080808;
        }

    .dropdown-menu.open > button[b-q5ii377ltn] {
        /*   background: #000080; */
        background: -webkit-linear-gradient(to bottom, #0072ff, #00c6ff);
        background: linear-gradient(to bottom, #0072ff, #00c6ff);
    }

    .dropdown-menu button[b-q5ii377ltn] {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 0 15px;
        width: 230px;
        height: 50px;
        border-radius: 12px;
        color: #fdfefe;
        background: #17202a;
        border: 0;
        cursor: pointer;
        font-size: 18px;
        font-family: "Cambria";
    }

        .dropdown-menu button .chevron[b-q5ii377ltn] {
            margin-left: auto;
        }

.dropdown-menu__labels[b-q5ii377ltn] {
    position: absolute;
    overflow: hidden;
    z-index: 1;
    top: 60px;
    left: 0;
    width: 100%;
    height: 168px;
    opacity: 0;
    visibility: hidden;
    background-color: #17202a;
    border-radius: 12px;
    border-top: 0;
    translate: 0 -20px;
    transition: 0.4s;
}

.primary-menu__labels[b-q5ii377ltn] {
    width: 230px;
}

.primary-menu[b-q5ii377ltn] {
    position: absolute;
    width: 460px;
    display: flex;
    transition: 0.3s;
}

    .primary-menu.open[b-q5ii377ltn] {
        translate: -50%;
    }

.dropdown-menu__labels button[b-q5ii377ltn] {
    border: 0;
    width: 100%;
    height: 56px;
    border-radius: 0;
}

    .dropdown-menu__labels button:hover[b-q5ii377ltn] {
        background: #080808;
    }

.dropdown-menu.open .dropdown-menu__labels[b-q5ii377ltn] {
    opacity: 1;
    translate: 0;
    visibility: visible;
}

.secondary-menu__labels[b-q5ii377ltn] {
    display: none;
    width: 230px;
}

    .secondary-menu__labels.open[b-q5ii377ltn] {
        display: block;
    }
/* /Shared/Components/DropDown/SimpleDropdown.razor.rz.scp.css */

#simpleDropdown[b-y90dg0ecwh]  {
    margin: 100px auto;
    margin: auto;
    text-align: center;
}

    #simpleDropdown  ul[b-y90dg0ecwh] {
        margin-left: 0;
        padding-left: 0;
        width: 500px;
        list-style: none;
        position: relative;
        display: inline-table;
    }

        #simpleDropdown ul .options[b-y90dg0ecwh] {
            display: none;
        }

        #simpleDropdown ul li:hover > .options[b-y90dg0ecwh] {
            display: block;
        }

        #simpleDropdown ul li[b-y90dg0ecwh] {
            float: left;
            width: 500px;
            width: 77%;
            text-align: left;
            border-bottom: 3px solid #2ecc71;
        }

            #simpleDropdown ul li p[b-y90dg0ecwh] {
                display: block;
                /* padding: 15px 10px;*/ 
                color: #2a2a2a;
                text-decoration: none;
            }

            #simpleDropdown ul li .options li:hover[b-y90dg0ecwh] {
                background: #f2f2f2;
            }


        #simpleDropdown ul li .options li[b-y90dg0ecwh] {
            border-radius: 0px;
            padding: 0;
            /*position: absolute;*/
            top: 100%;
            cursor: pointer; /* Changes cursor to indicate item is selectable */
        }

        #simpleDropdown ul li .options li[b-y90dg0ecwh] {
            float: none;
            border-bottom: 2px solid #eaeaea;
            position: relative;
        }

            #simpleDropdown ul li .options li p[b-y90dg0ecwh] {
                padding: 15px 10px;
                color: #838383;
            }

            #simpleDropdown ul li .options li p:hover[b-y90dg0ecwh] {
                background: #47d583;
                color: #fff;
            }

#down-triangle[b-y90dg0ecwh] {
    float: right;
    width: 0;
    height: 0;
    margin-top: 10px;
    border-top: 10px solid #2ecc71;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}
#up-triangle[b-y90dg0ecwh] {
    float: right;
    width: 0;
    height: 0;
    margin-top: 10px;
    border-bottom: 10px solid #2ecc71; /* Points up */
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}
.circle[b-y90dg0ecwh] {
    float: right;
    display: inline;
    width: 10px;
    height: 10px;
    margin-top: 5px;
    border: 3px solid #8ce5b2;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

@media screen and (max-width: 768px) {
    #simpleDropdown ul li[b-y90dg0ecwh] {
        width: 71%;
    }

}
/* /Shared/Components/ImageCarousel/Carousel.razor.rz.scp.css */
.images[b-qua8wunvii] {
    /*height: 168px;*/
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow-y: hidden;
    overflow-x: auto;
    box-sizing: border-box;
    width: 100%;
    max-height: 30rem;
    overflow: auto;
}

h6[b-qua8wunvii] {
    justify-self: left;
}
.tooltip-icon[b-qua8wunvii] {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

    .tooltip-icon .tooltip-text[b-qua8wunvii] {
        font-family: Arial, sans-serif; /* Set the font to a standard text font */
        font-size: 20px; /* Set an appropriate font size */
        visibility: hidden;
        width: 250px;
        background-color: #555;
        color: #fff;
        text-align: center;
        border-radius: 5px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        bottom: 125%; /* Position the tooltip above the icon */
        /*left: 50%;*/
        right: 0px;
        margin-left: -100px; /* Center the tooltip */
        opacity: 0;
        transition: opacity 0.3s;
        white-space: normal;
    }

    .tooltip-icon:hover .tooltip-text[b-qua8wunvii] {
        visibility: visible;
        opacity: 1;
    }

@media screen and (max-width: 420px), screen and (max-height: 720px) {
    .tooltip-icon .tooltip-text[b-qua8wunvii] {
        white-space: normal;
        left: auto;
        right: 0;
        transform: none;
    }
}
/* /Shared/Components/ImageCarousel/CarouselImage.razor.rz.scp.css */
.imageContainer[b-xk8cucldes] {
    position: relative;
    text-align: center;
    box-sizing: border-box;
}

img[b-xk8cucldes] {
    object-fit: contain;
    border-radius: 7px;
    min-height: 100px;
}

.image-label[b-xk8cucldes], .tooltip-container[b-xk8cucldes] {
    display: block !important;
    white-space: normal;
    word-break: break-word;
}
.image-label-container[b-xk8cucldes] {
    white-space: normal;
    word-break: break-word;
}

.pencil[b-xk8cucldes] {
    position: absolute;
    top: 0;
    right: 0;
    right: -9px;
    top: -8px;
}

.label[b-xk8cucldes] {
    margin-top: 4px;
}

.tooltip-container[b-xk8cucldes]{
    display: inline-flex;
    text-align: center;
}

.tooltip[b-xk8cucldes] {
    /*position: relative;*/
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    opacity: 90%;
    z-index: 1;
}

.disabled-addons .image-selection-btn[b-xk8cucldes] {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.6;
}

@media screen and (max-width: 420px),
screen and (max-height: 720px) {
    .tooltip[b-xk8cucldes]:after {
        white-space: normal;
        left: auto;
        right: 0;
        transform: none;
    }

}

.tooltip[b-xk8cucldes]:before {
    content: "";
    position: absolute;
    bottom: 140%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s, visibility 0s linear 0.2s;
}

    .tooltip:focus[b-xk8cucldes]:after,
    .tooltip:active[b-xk8cucldes]:after,
    .tooltip:focus[b-xk8cucldes]:before,
    .tooltip:active[b-xk8cucldes]:before {
        opacity: 1;
        visibility: visible;
        transition-delay: 0s;
    }
/* /Shared/Components/ImageSelector/ImageSelector.razor.rz.scp.css */
#imageSelectorContainer[b-4tojz9mqyb] {
    display: flex;
    flex-direction: column;
}

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

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

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

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

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

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

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

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

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

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

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

.claimAccessCodeActivityIndicatorNoContainer[b-cp6oihieb9] {
    position: absolute;
    top: 10px;
    right: 8px;
    font-size: 28px;
}
/* /Shared/Components/InputElement/ToggleSwitch.razor.rz.scp.css */
/*input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden;
}

label {
    cursor: pointer;
    text-indent: -9999px;
    width: 200px;
    height: 46px;
    background: grey;
    display: block;
    border-radius: 100px;
    position: relative;
    margin: auto;
}

    label:after {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        width: 45px;
        height: 35px;
        background: #fff;
        border-radius: 90px;
        transition: 0.3s;
    }

input:checked + label {
    background: #bada55;
}

    input:checked + label:after {
        left: calc(100% - 5px);
        transform: translateX(-100%);
    }

label:active:after {
    width: 130px;
}

body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}
*/
/* /Shared/Components/Layout/ComponentLayout.razor.rz.scp.css */
/*.layout {
    position: relative;
    aspect-ratio: 1;
    width: 100%;
    height: 100%;
    display: inline-flex;
}

.background {*/
    /*object-fit: cover;*/
/*}

.photograph {*/
    /*object-fit: cover;*/
/*}

.placeholder.hidden {
    display: none;
}*/


.layout[b-iun4d8ohl7] {
    /*position: relative;*/
    width: 100%;
    height: 100%;
    display: inline-flex;
}

.background[b-iun4d8ohl7] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the background covers the entire container */
    z-index: 1; /* Make sure it is behind the placeholder and the photograph */
    opacity: 0; /* Initially hidden */
    transition: opacity 0.5s ease-in-out;
}

    .background.loaded[b-iun4d8ohl7] {
        opacity: 1; /* Shows the background when it's loaded */
    }

.photograph[b-iun4d8ohl7] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the photograph fits the container */
    z-index: 2; /* Make sure it's above the background but below the placeholder */
    opacity: 0; /* Initially hidden */
    transition: opacity 0.5s ease-in-out;
}

    .photograph.loaded[b-iun4d8ohl7] {
        opacity: 1; /* Shows the photograph when it's loaded */
    }

.placeholder[b-iun4d8ohl7] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent background */
    z-index: 3; /* Make sure it's on top of everything else */
    transition: opacity 0.5s ease-in-out;
}

    .placeholder.hidden[b-iun4d8ohl7] {
        opacity: 0;
        visibility: hidden; /* Hide the placeholder when the image has loaded */
    }
/* /Shared/Components/Loaders/AnimatedImageLoader.razor.rz.scp.css */
.loader-container[b-rrzb8t7hjc] {
    width: 22rem;
    height: 17rem;
    align-content: center;
    background-color: transparent !important;
}

.flat-anim[b-rrzb8t7hjc] {
    display: block;
    /*width: 264px;*/
    /*height: 265px;*/
    background-color: #ecf0f1;
    border-radius: 42px;
    position: relative;
    left: 50%;
    left: 28%;
    /*margin: -115px 0 0 -516px;*/
}

    .flat-anim[b-rrzb8t7hjc]:before {
        content: "";
        background-color: #ccc;
        width: 26px;
        height: 26px;
        border-radius: 26px;
        position: absolute;
        top: 19px;
        left: 19px;
    }

    .flat-anim[b-rrzb8t7hjc]:after {
        content: "";
        background-color: #68b5f1;
        width: 48px;
        height: 24px;
        border-radius: 10px;
        position: absolute;
        top: 17px;
        right: 22px;
    }

.bottom[b-rrzb8t7hjc] {
    width: 264px;
    height: 112px;
    display: block;
    z-index: 10;
    background-color: #68b5f1;
    border-radius: 0 0 38px 38px;
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: 15px solid #c5c8d4;
    -webkit-box-shadow: inset 0 -20px 0 0 #c3d1dd;
}

    .bottom[b-rrzb8t7hjc]:before {
        content: "";
        background-color: #282e3a;
        width: 140px;
        height: 30px;
        display: block;
        margin: 14px auto 0 auto;
    }

    .bottom[b-rrzb8t7hjc]:after {
        content: "";
        position: absolute;
        top: 30px;
        left: 84px;
        width: 96px;
        height: 70px;
        display: block;
        background-color: #ecf0f1;
        /*border-top:16px solid #c3d1dd;*/
        /*border-bottom:14px solid #db640e;*/
        -webkit-box-shadow: 0 14px 0 0 #db640e, 0 -16px 0 0 #c3d1dd;
        -moz-box-shadow: 0 14px 0 0 #db640e, 0 -16px 0 0 #c3d1dd;
        box-shadow: 0 14px 0 0 #c5c8d4, 0 -16px 0 0 #c3d1dd;
    }

.eye[b-rrzb8t7hjc] {
    width: 37px;
    height: 37px;
    border-radius: 37px;
    background-color: #243e6e;
    display: block;
    margin: 60px auto 0;
    z-index: 20;
    position: relative;
    -webkit-box-shadow: 0 0 0 22px #3e5489, 0 0 0 30px #1c3666, 0 0 0 45px #ecf0f1, 0 10px 0 45px rgba(0,0,0,0.2);
}

    .eye[b-rrzb8t7hjc]:before {
        content: "";
        background-color: #a3bfd5;
        width: 30px;
        height: 30px;
        border-radius: 30px;
        position: absolute;
        top: -16px;
        left: -16px;
    }

    .eye[b-rrzb8t7hjc]:after {
        content: "";
        background-color: #6078a3;
        width: 16px;
        height: 16px;
        border-radius: 16px;
        position: absolute;
        top: 30px;
        left: 30px;
    }
/* Animation */

.flat-anim[b-rrzb8t7hjc] {
    -webkit-animation: flatAnimation 5s infinite;
}

@-webkit-keyframes flatAnimation {
    0% {
        -webkit-transform: rotate(50deg) scale(0.5);
    }

    13% {
        -webkit-transform: rotate(-22deg) scale(1.2);
    }

    20% {
        -webkit-transform: rotate(0) scale(1);
    }

    95% {
        -webkit-transform: rotate(0) scale(1);
    }

    100% {
        -webkit-transform: rotate(50deg) scale(0.5);
    }
}

.eye[b-rrzb8t7hjc],
.flat-anim[b-rrzb8t7hjc]:before,
.flat-anim[b-rrzb8t7hjc]:after {
    -webkit-animation: eyeAnimation 5s infinite;
}

.flat-anim[b-rrzb8t7hjc]:before {
    -webkit-animation-delay: 50ms;
    -moz-animation-delay: 50ms;
    -o-animation-delay: 50ms;
    animation-delay: 50ms;
}

.flat-anim[b-rrzb8t7hjc]:after {
    -webkit-animation-delay: 150ms;
    -moz-animation-delay: 150ms;
    -o-animation-delay: 150ms;
    animation-delay: 150ms;
}

@-webkit-keyframes eyeAnimation {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1);
    }

    12% {
        opacity: 0;
        -webkit-transform: scale(0.1);
    }

    13% {
        opacity: 1;
        -webkit-transform: scale(0.1);
    }

    20% {
        opacity: 1;
        -webkit-transform: scale(1.4);
    }

    25% {
        -webkit-transform: scale(1);
    }

    95% {
        -webkit-transform: scale(1);
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.1);
    }
}

.bottom[b-rrzb8t7hjc]:before {
    -webkit-animation: bottomAnimation 5s infinite;
}

@-webkit-keyframes bottomAnimation {
    0% {
        opacity: 0;
        width: 0;
    }

    20% {
        opacity: 0;
        width: 0;
    }

    21% {
        opacity: 0;
        width: 0;
    }

    22% {
        opacity: 1;
        width: 8px;
    }

    25% {
        opacity: 1;
        width: 165px;
    }

    26% {
        opacity: 1;
        width: 140px;
    }

    95% {
        width: 140px;
        opacity: 1;
    }

    96% {
        opacity: 0;
        width: 0;
    }

    100% {
        opacity: 0;
        width: 0;
    }
}

.bottom[b-rrzb8t7hjc]:after {
    -webkit-animation: bottomAfterAnimation 5s infinite;
}

@-webkit-keyframes bottomAfterAnimation {
    0% {
        opacity: 0;
        height: 0;
        border: 0;
    }

    25% {
        opacity: 0;
        height: 0;
        border: 0;
    }

    26% {
        opacity: 1;
        border: 0;
        height: 0;
    }

    26% {
        opacity: 1;
        border: 0;
        height: 0;
        border-top-width: 2px;
    }

    28% {
        opacity: 1;
        border: 0;
        height: 0;
        border-top-width: 16px;
    }

    28% {
        opacity: 1;
        height: 40px;
        border-top-width: 16px;
        border-bottom-width: 14px;
    }

    95% {
        opacity: 1;
        height: 40px;
        border-top-width: 16px;
        border-bottom-width: 14px;
    }

    100% {
        opacity: 0;
        height: 0;
        border: 0;
    }
}
/* /Shared/Components/NavBar/CartIcon.razor.rz.scp.css */
.barand-small[b-xvmzcj6ucl]{
    display: none;
}

.nav-icons[b-xvmzcj6ucl] {
    align-items: center;
    font-size: 30px;
    z-index: 2;
    margin-right:10px;
}

    .nav-icons .language-toggle[b-xvmzcj6ucl] {
        cursor: pointer;
    }

        .nav-icons .language-toggle button[b-xvmzcj6ucl] {
            border: none;
            background-color: transparent;
        }

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

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

.bell[b-xvmzcj6ucl], .cart[b-xvmzcj6ucl] {
    position: relative;
    display: flex;
    max-width: 1000px;
    flex-wrap: wrap;
    align-content: center;
}

    .bell[b-xvmzcj6ucl], .cart.orphans[b-xvmzcj6ucl] {
        opacity: 0.6;
        cursor: not-allowed;
    }

        /* restyle the little count bubble */
        .bell[b-xvmzcj6ucl], .cart.orphans span[b-xvmzcj6ucl] {
            background: #888;
            color: #fff;
        }

.profilre_dropdown[b-xvmzcj6ucl] {
    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-xvmzcj6ucl] {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

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

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

/* Define a keyframes animation for bounce */
@keyframes bounce-b-xvmzcj6ucl {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-10px);
    }

    60% {
        transform: translateY(-5px);
    }
}

/* Apply the bounce animation to the cart */
.bounce-animation[b-xvmzcj6ucl] {
    animation: bounce-b-xvmzcj6ucl 3s infinite; /* Duration of the animation */
    animation-delay: 6s; /* Add a delay between the animations */
}

@media only screen and (max-width: 1105px) {
    .barand-small[b-xvmzcj6ucl] {
        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-xvmzcj6ucl] {
/*        justify-content: space-between;
*/    }
}

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

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

@media only screen and (max-width: 426px) {
    .nav-icons .links div:nth-of-type(1)[b-xvmzcj6ucl],
    .nav-icons .links div:nth-of-type(3)[b-xvmzcj6ucl] {
        /*        display: none;
*/
    }
}
/* /Shared/Components/NavBar/NavBar.razor.rz.scp.css */
*[b-g0ttmzolkv] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}

/* nav and sidebar ---------------------------------------------------------------------------------------------- */
nav[b-g0ttmzolkv] {
    background-color: #ccd3db;
    color: #fff;
    font-size: 18px;
    /*margin-bottom: 15px;*/
}

.profile_dropdown[b-g0ttmzolkv] {
    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-g0ttmzolkv] {
    display: block;
}

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

    .profile_dropdown ul li[b-g0ttmzolkv] {
        list-style: none;
    }

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


.nav-header[b-g0ttmzolkv] {
    font-weight: 600;
    text-shadow: 0px 0px 10px #FFFFFF, 1px 0px 10px rgba(255,255,255,0.1), 1px 1px 10px rgba(255,255,255,0.1), 0px -1px 10px rgba(255,255,255,0.1), -1px -1px 10px rgba(255,255,255,0.1), -1px -1px 10px rgba(255,255,255,0.1);
    font-size: 21px;
}

@media only screen and (max-width: 804px) {
    .nav-header[b-g0ttmzolkv] {
        font-weight: 600;
        font-size: 18px;
    }
}

@media only screen and (max-width: 604px) {
    .nav-header[b-g0ttmzolkv] {
        font-weight: 600;
        font-size: 16px;
    }
}

@media only screen and (max-width: 450px) {
    .nav-header[b-g0ttmzolkv] {
        font-weight: 600;
        font-size: 15px;
    }
}

.addon-modal-list[b-g0ttmzolkv] {
    height: 30rem;
    overflow-y: auto;
    padding: 1rem 0.5rem;
    border-radius: 1rem;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    /* Hide scrollbar for Webkit browsers */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE 10+ */
}

    .addon-modal-list[b-g0ttmzolkv]::-webkit-scrollbar {
        display: none; /* Chrome, Safari, Edge */
    }
/* main */



@media only screen and (max-width: 1760px) {
    .search-dashboard[b-g0ttmzolkv] {
        width: calc(100vw - 27.5%);
    }
}

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

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

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

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

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

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

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

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

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

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

    .search-dashboard[b-g0ttmzolkv] {
        flex-direction: row;
        width: 100%;
        /*width: 76.5%;*/
        width: calc(100vw - 27.5%);
        place-content: space-evenly;
    }

    nav img[b-g0ttmzolkv] {
        height: 40px;
        padding-left: 0px;
        /*width: 230px;*/
        /*scale: 70%;*/
    }
}

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

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

    nav input[b-g0ttmzolkv] {
        /*width: 400px;*/
    }

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

nav img[b-g0ttmzolkv] {
    height: 50px;
    padding-left: 10px;
}

@media only screen and (max-width: 704px) {
    .barand[b-g0ttmzolkv] {
        display: none;
    }

    nav input[b-g0ttmzolkv] {
        /*width: 300px;*/
    }

    nav img[b-g0ttmzolkv] {
        padding-left: 0px;
        height: 40px;
    }

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

    .search-dashboard[b-g0ttmzolkv] {
        display: flex;
        flex-direction: column-reverse;
        width: 100%;
    }
}


@media only screen and (max-width: 504px) {
    nav img[b-g0ttmzolkv] {
        height: 25px;
        padding-left: 0px;
    }
}



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    nav .links div:nth-of-type(1)[b-g0ttmzolkv],
    nav .links div:nth-of-type(3)[b-g0ttmzolkv] {
        /*        display: none;
*/
    }
}
/* /Shared/Components/NavBar/SearchBar.razor.rz.scp.css */

.container[b-0c8ly7mf4r] {
    width: max-content;
}

.event-dropdown-name[b-0c8ly7mf4r] {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

@media (max-width: 576px) {
    .event-dropdown-name[b-0c8ly7mf4r] {
        max-width: 120px !important;
        font-size: 12px;
    }
}

@media (max-width: 450px) {
    .event-dropdown-name[b-0c8ly7mf4r] {
        max-width: 120px !important;
        font-size: 10px;
    }
}
/* /Shared/Components/NavBar/WorldFlags.razor.rz.scp.css */
.world-flag-container[b-1by86lvsoj] {
    display: flex;
    max-width: 1000px;
    flex-wrap: wrap;
    align-content: center;
}

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

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

.flag-selection[b-1by86lvsoj] {
    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-1by86lvsoj] {
        right: 1%;
        top: auto;
    }
}

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

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

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


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

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

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

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

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

        .argentina[b-1by86lvsoj]: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-1by86lvsoj] {
        background: #003399;
    }

        .australia[b-1by86lvsoj]: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-1by86lvsoj]:after {
            content: "✷";
            color: #fff;
            font-size: 3em;
            position: absolute;
            top: 1.6em;
            left: 0.6em;
        }

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

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

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

        .brazil[b-1by86lvsoj]: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-1by86lvsoj] {
            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-1by86lvsoj]: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-1by86lvsoj]: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-1by86lvsoj] {
        background: #de2910;
    }

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

        .china[b-1by86lvsoj]: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-1by86lvsoj] {
        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-1by86lvsoj]: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-1by86lvsoj]:after {
            content: "★";
            color: #fff;
            font-size: 3em;
            position: absolute;
            top: 0.95em;
            left: 0.2em;
        }

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

        .czech-republic[b-1by86lvsoj]: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-1by86lvsoj] {
        box-shadow: 4em 0 #003399 inset, 8em 0 white inset, 12em 0 #ee0A30 inset;
    }

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

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

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

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

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

        .iceland[b-1by86lvsoj]: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-1by86lvsoj]: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-1by86lvsoj] {
        box-shadow: 0 3em #ff9933 inset, 0 6em #fff inset, 0 9em #009b3a inset;
    }

        .india[b-1by86lvsoj]: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-1by86lvsoj]: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-1by86lvsoj] {
        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-1by86lvsoj]:before {
            content: "✡︎";
            color: #003399;
            font-size: 5.5em;
            position: absolute;
            top: 0.32em;
            left: 0.77em;
        }

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

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

        .jamaica[b-1by86lvsoj]: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-1by86lvsoj]: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-1by86lvsoj] {
            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-1by86lvsoj] {
            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-1by86lvsoj] {
        background: #fff;
    }

        .japan[b-1by86lvsoj]: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-1by86lvsoj] {
        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-1by86lvsoj]:before {
            content: "☀︎";
            color: #fedf00;
            position: absolute;
            font-size: 3em;
            top: 0.1em;
            left: 0.3em;
        }

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

        .new-zealand[b-1by86lvsoj]: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-1by86lvsoj]: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-1by86lvsoj] {
            position: relative;
            width: 6em;
            height: 4em;
        }

    .north-korea[b-1by86lvsoj] {
        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-1by86lvsoj]:before {
            content: "";
            width: 3.5em;
            height: 3.5em;
            background: #fff;
            border-radius: 50%;
            position: absolute;
            top: 2.75em;
            left: 2.5em;
        }

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

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

        .norway[b-1by86lvsoj]: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-1by86lvsoj]: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-1by86lvsoj] {
        box-shadow: 3em 0 #fff inset, 12em 0 #01411c inset;
    }

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

        .pakistan[b-1by86lvsoj]: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-1by86lvsoj] {
        background: #fff;
    }

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

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

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

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

        .philippines[b-1by86lvsoj]: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-1by86lvsoj] {
            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-1by86lvsoj] {
        box-shadow: 0 3em #fff inset, 0 6em #003399 inset, 0 9em #de2910 inset;
    }

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

        .south-africa[b-1by86lvsoj]: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-1by86lvsoj]:after {
            position: absolute;
            content: "";
            background: #009b3a;
            width: 8em;
            height: 2em;
            top: 3.5em;
            left: 4em;
        }

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

        .south-korea[b-1by86lvsoj]: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-1by86lvsoj]: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-1by86lvsoj] {
            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-1by86lvsoj]: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-1by86lvsoj]: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-1by86lvsoj] {
        background: #fecc00;
    }

        .sweden[b-1by86lvsoj]: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-1by86lvsoj] {
        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-1by86lvsoj] {
        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-1by86lvsoj], .australia > div:nth-child(1)[b-1by86lvsoj], .new-zealand > div[b-1by86lvsoj] {
        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-1by86lvsoj] {
        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-1by86lvsoj]:before {
            position: absolute;
            background: #00008b;
            content: "";
            width: 5.5em;
            height: 4.9em;
            top: 0;
            left: 0;
        }

        .united-states[b-1by86lvsoj]: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;
        }
/* /Shared/Components/NavigationBar/NavigationalBar.razor.rz.scp.css */
*[b-jg58xa4rq0] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}

.navbarcontainer[b-jg58xa4rq0] {
    background: aliceblue;
/*    background: repeating-linear-gradient(45deg, black, transparent 100px);
    background: repeating-linear-gradient(45deg, #3f87a6, #ebf8e1 15%, #f63e3c 20%);
*/    width: 100%;
    height: 5%;
    display: flex;
    align-items: center;
    justify-content: center;
}

nav[b-jg58xa4rq0] {
    background: #fff;
    border-radius: 50px;
    padding: 7px;
    box-shadow: 0 25px 20px -20px rgba(0, 0, 0, 0.4);
}

    nav ul li[b-jg58xa4rq0] {
        list-style: none;
        display: inline-block;
/*        padding: 15px 35px;
*//*        margin: 10px;
*/        font-size: 18px;
        font-weight: 500;
        color: #777;
        cursor: pointer;
        position: relative;
        z-index: 2;
        transition: color 0.5s;
    }

        nav ul li[b-jg58xa4rq0]::after {
            content: "";
            background: #f44566;
            background: aliceblue;
            width: 100%;
            height: 100%;
            border-radius: 30px;
            position: absolute;
            top: 100%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: -1;
            opacity: 0;
            transition: top 0.5s, opacity 0.5s;
        }

        nav ul li:hover[b-jg58xa4rq0] {
            color: black;
        }

            nav ul li:hover[b-jg58xa4rq0]::after {
                top: 50%;
                opacity: 1;
            }
/* /Shared/Components/PhotographCard/CardPhotograph.razor.rz.scp.css */

.photographCard[b-w1bmnvbr8r] {
    width: 100%;
    max-width: 430px;
    max-width: 300px;
    border-radius: 6px;
    overflow: hidden;
    padding: 30px;
    padding: 2px 25px 25px 25px;
    transition: background-color 0.3s ease-in-out;
    height: 508px;
}
    .photographCard.selected[b-w1bmnvbr8r] {
        background-color: #cdedf9; /* Light blue/silver */
    }

.photographCard[b-w1bmnvbr8r] {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp-b-w1bmnvbr8r 0.8s ease forwards;
}

@keyframes fadeInUp-b-w1bmnvbr8r {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
    .photographCard:hover[b-w1bmnvbr8r] {
        background-color: #f0f0f0; /* Light grey */
    }

.imageContainer[b-w1bmnvbr8r] {
    aspect-ratio: 3/4;
    overflow: hidden;
    height: inherit;
    align-content: center;
}

.card-title[b-w1bmnvbr8r]{
    text-align: left;
}

.card-img-top[b-w1bmnvbr8r] {
    height: 100%;
    height: auto;
    object-fit: cover;
    object-fit: contain;
}

.placeholder[b-w1bmnvbr8r] {
    opacity: 1;
    transition: opacity 0.8s ease-in-out;
    z-index: 2;
}

    .placeholder.hidden[b-w1bmnvbr8r] {
        opacity: 0;
        pointer-events: none;
    }

.image[b-w1bmnvbr8r] {
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

    .image.loaded[b-w1bmnvbr8r] {
        opacity: 1;
    }

.card-body[b-w1bmnvbr8r] {
    padding: 0.5rem;
}

.card-footer[b-w1bmnvbr8r] {
    padding: 16px 0px 0px 0px;
}


@media (max-width: 576px) {
    .photographCard[b-w1bmnvbr8r] {
        margin-bottom: 1rem; /* adds spacing between stacked cards */
        padding: 16px; /* reduce padding slightly for small screens */
    }

    .card-footer[b-w1bmnvbr8r] {
        padding-bottom: 1rem; /* ensure footer buttons don’t touch the edge */
    }
}
/* /Shared/Components/ProductCard/ProductCard.razor.rz.scp.css */
.productCard[b-ls0mzzq0hl] {
    width: 100%;
    max-width: 430px;
    border-radius: 12px;
    overflow: hidden;
    padding: 12px;
    margin-bottom: 20px;
    transition: background-color 0.3s ease-in-out;
}

    .productCard:hover[b-ls0mzzq0hl] {
        background-color: #f5f5f5;
    }

.productCard[b-ls0mzzq0hl] {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInCard-b-ls0mzzq0hl 0.8s ease-out forwards;
}

@keyframes fadeInCard-b-ls0mzzq0hl {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.imageContainer[b-ls0mzzq0hl] {
    width: 100%;
    /*aspect-ratio: 1/1;*/
    background-color: #f8f8f8;
    overflow: hidden;
    /*display: flex;*/
    justify-content: center;
    align-items: center;
    border-radius: 8px;
}

.card-footer[b-ls0mzzq0hl] {
    padding: 25px 50px;
}

.btn-secondary[b-ls0mzzq0hl] {
    background-color: #6c757d;
    border: none;
}

.btn-success[b-ls0mzzq0hl] {
    background-color: #198754;
    border: none;
}
/* /Shared/Components/ProductPreview/PlaceholderOccupant.razor.rz.scp.css */
.container[b-8m15jlrfrr] {
    position: relative;
    text-align: center;
    width: 75px;
    aspect-ratio: 1;
}

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

.changeImageButton[b-8m15jlrfrr] {
    position: relative;
    top: -14px;
}
/* /Shared/Components/ProductPreview/ProductPreview.razor.rz.scp.css */
.product-container[b-ekjd77itjq] {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    align-self: center;
}

.product-container[b-ekjd77itjq] {
    position: relative;
    border-radius: 0px;
    overflow: hidden;
    align-self: center;
}

.image.loaded.background[b-ekjd77itjq] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    position: absolute;
    justify-self: anchor-center;
    position-area: center;
    z-index: 1;
}
/* /Shared/Components/ProductPreview/ProductPreviewSelection.razor.rz.scp.css */
.layout[b-7vi92cwm3t] {
    position: relative;
    width: 100%;
}

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

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

.containedImage[b-7vi92cwm3t] {
    object-fit: cover;
}

@media only screen and (min-width: 950px){
    .col-lg-6[b-7vi92cwm3t]{
        width: 50%;
    }
}
/* /Shared/Components/Quantity/Quantity.razor.rz.scp.css */
.container[b-ogbcvhwjy6] {
    display: flex;
    align-items: center;
    padding: 8px;
}

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

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

/* /Shared/Components/StaticPreview/ComponentStaticPreview.razor.rz.scp.css */
.staticPreviewContainer[b-t4lx2i12hu] {
    width: 100%;
    height: 100%;
}
.productPreview .staticPreviewContainer[b-t4lx2i12hu] {
    place-content: flex-end;
    justify-content: center;
}

.staticPreview[b-t4lx2i12hu] {
    width: 0%;
    /*object-fit: contain;*/
}
    .staticPreview.loaded[b-t4lx2i12hu] {
        width: 100% !important;
        /*object-fit: contain;*/
        z-index: 1;
        position: relative;
    }
.placeholder.hidden[b-t4lx2i12hu] {
    display: none;
}
/* /Shared/Components/UserIcon/UserIcon.razor.rz.scp.css */
*[b-ruj02pex3a] {
    margin: 0;
    padding: 0;
    font-family: "Poppins", sans-serif;
}

body[b-ruj02pex3a] {
    background: #fdb2ad;
}

.action[b-ruj02pex3a] {
    position: relative;
    /*top: -22px;
    left: 42px;*/
    position: relative;
    display: flex;
    max-width: 1000px;
    flex-wrap: wrap;
    align-content: center;
}

    .action .profile[b-ruj02pex3a] {
        position: relative;
        height: 60px;
        border-radius: 50%;
        overflow: hidden;
        cursor: pointer;
        font-size: 45px;
    }

        .action .profile span[b-ruj02pex3a] {
            position: relative;
            object-fit: cover;
            font-size: 42px;
        }

    .action .menu[b-ruj02pex3a] {
        position: absolute;
        top: 75px;
        right: -10px;
        padding: 10px 20px;
        background: #fff;
        width: 245px;
        box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
        border-radius: 15px;
        visibility: hidden;
        opacity: 0;
        transition: visibility 300ms linear, opacity 300ms linear;
        /*overflow: hidden;*/
    }

        .action .menu.active[b-ruj02pex3a] {
            visibility: visible;
            opacity: 1;
            z-index: 500000000000000000000;
        }

        .action .menu[b-ruj02pex3a]::before {
            content: "";
            position: absolute;
            top: -5px;
            right: 28px;
            width: 20px;
            height: 20px;
            background: #fff;
            transform: rotate(45deg);
        }

        .action .menu h3[b-ruj02pex3a] {
            width: 100%;
            text-align: center;
            font-size: 18px;
            padding: 20px 0;
            font-weight: 500;
            color: #555;
            line-height: 1.2em;
        }

            .action .menu h3 span[b-ruj02pex3a] {
                font-size: 16px;
                color: #cecece;
                font-weight: 400;
                word-wrap: break-word; /* Allows long words (like email) to break onto the next line */
                white-space: normal; /* Allows wrapping */

            }
            .action .menu h3 .email-info[b-ruj02pex3a] {
                font-size: 16px;
                font-weight: 400;
                word-wrap: break-word; /* Allows long words (like email) to break onto the next line */

                text-overflow: ellipsis;
                overflow: hidden;
                width: 100%;
                white-space: nowrap;
            }

        .action .menu ul li[b-ruj02pex3a] {
            list-style: none;
            padding: 10px 0;
            border-top: 1px solid rgba(0, 0, 0, 0.05);
            display: flex;
            align-items: center;
        }

            .action .menu ul li span[b-ruj02pex3a] {
                width: 20px;
                max-width: 20px;
                margin-right: 10px;
                opacity: 0.5;
                transition: opacity 300ms linear;
            }
                .action .menu ul li span.material-symbols-outlined[b-ruj02pex3a] {
                    color: var(--charcoal);
                }

            .action .menu ul li:hover span[b-ruj02pex3a] {
                opacity: 1;
            }

            .action .menu ul li a[b-ruj02pex3a] {
                display: inline-block;
                text-decoration: underline; /* Add underline for links */
                color: #007bff; /* Set a typical link color (blue) */
                font-weight: 500;
                transition: color 300ms linear;
                font-size: 15px;
                text-overflow: ellipsis;
            }
            .action .menu ul li a.logout[b-ruj02pex3a] {
                text-decoration: none;
                color: var(--charcoal); 
            }

            .action .menu ul li:hover a[b-ruj02pex3a] {
                color: var(--charcoal); /* Change link color on hover */
                text-decoration: underline; /* Ensure underline remains on hover */
            }

/* /Shared/Footer/Footer.razor.rz.scp.css */
/* --- footer palette & spacing --- */
/* palette + link styling unchanged */
.site-footer[b-upeqqrjnum] {
    background: #cfd3db;
    color: #3a3a3a;
    font-size: 14px;
    position: relative;
    bottom: 0%;
    width: 100%;
}

    .site-footer a[b-upeqqrjnum] {
        color: #222;
        text-decoration: underline;
    }

        .site-footer a:hover[b-upeqqrjnum] {
            color: #000;
        }

.footer-links[b-upeqqrjnum] {
    height: 105px;
    overflow: auto;
}
.footer-contact[b-upeqqrjnum] {
    line-height: 1.35rem;
}

/* optional spacing between the two blocks on narrow screens */
@media (max-width: 575.98px) {
    .footer-links[b-upeqqrjnum] {
        margin-bottom: .5rem;
    }
    /* small vertical gap if they wrap */
    )
    /* keep what you already have, just small tweaks */
    .footer-links li + li[b-upeqqrjnum] {
        margin-top: .25rem;
    }
    /* vertical gap */
    .footer-contact[b-upeqqrjnum] {
        line-height: 1.4rem;
    }
}

@media (min-width: 768px) { /* md-up */
    .footer-links li + li[b-upeqqrjnum] {
        margin-top: .35rem;
    }
}
/* /Shared/MainLayout.razor.rz.scp.css */
.layout-container[b-uzvswu79ch] {
    display: flex;
    flex-direction: column;
}

.layout-content[b-uzvswu79ch] {
    flex-grow: 1;
    overflow-y: auto; /* allows scrolling when content overflows */
}

#body[b-uzvswu79ch] {
    scrollbar-width: none;
    min-height: 100%
}