/* _content/GrapeWebsite/Components/Layout/AttributeContainer.razor.rz.scp.css */
.attribute-container[b-2ag51yin0v] {
    display: flex;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 8px;
}

.attribute-icon[b-2ag51yin0v]:before {
    content: "\00a0\00a0\00a0";
    font-size: 12px;
    padding-right: 4px;
    margin-right: 3px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: var(--attribute-icon);
    mask-image: var(--attribute-icon);
}

.attribute[b-2ag51yin0v] {
    color: white;
    background-image: linear-gradient(#b985fd, #ff00d9);
    font-weight: bold;
    font-size: 12px;
    line-height: 22px;
    border-radius: 5px;
    padding: 0 5px 0 4px;
    margin-right: 5px;
    margin-bottom: 5px;
    box-shadow: 0 1px 4px black;
}

.attribute-mobile[b-2ag51yin0v] {
    display: none;
}

.attribute-popular[b-2ag51yin0v] {
    background-image: linear-gradient(#ffc800, #ff0000) !important;
}

.attribute-limited-stock[b-2ag51yin0v] {
    background-image: var(--red-gradient) !important;
}

.attribute-shipping[b-2ag51yin0v] {
    background-image: linear-gradient(#2bdd00, #175e00) !important;
}

@media (max-width: 944px) {
    .listing-grid:not(.carousel)[b-2ag51yin0v] {
        .attribute-mobile {
            display: unset;
        }
    }
}
/* _content/GrapeWebsite/Components/Layout/BlazorButton.razor.rz.scp.css */
.blazor-button[b-rslj6g45qe] {
    position: relative;
}

.blazor-button-icon[b-rslj6g45qe]:before {
    content: "\00a0\00a0\00a0";
    padding-right: var(--button-icon-size);
    margin-right: var(--button-icon-margin);
    height: var(--button-icon-height);
    top: var(--button-icon-top);
    left: var(--button-icon-left);
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    color: transparent;
    background-color: white;
    -webkit-mask-image: var(--button-icon);
    mask-image: var(--button-icon);
    transition-duration: 0.5s;
}
/* _content/GrapeWebsite/Components/Layout/BlazorForm.razor.rz.scp.css */
.blazor-form[b-jsmp82p8ir] {
    position: relative;
}
/* _content/GrapeWebsite/Components/Layout/BookingOverlay.razor.rz.scp.css */
.booking-overlay[b-za82kpl3ox] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.75);
    z-index: 2;
}

.booking[b-za82kpl3ox] {
    width: 100%;
    max-width: 1024px;
    max-height: calc(100vh - 145px);
    margin: 145px 10px 25px 10px;
    overflow: auto;
    border: 3px solid transparent;
    background: linear-gradient(to bottom, #31313e, #181820), linear-gradient(to right, #b985fd, #ff00d9);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    box-shadow: 0 3px 9px black;
    padding: 8px;
    transition-duration: 0.5s;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

.booking-content[b-za82kpl3ox] {
    padding: 2px;
}

.booking-top-row[b-za82kpl3ox] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.booking-title[b-za82kpl3ox] {
    font-weight: bold;
    font-size: 20px;
}

.booking-buttons[b-za82kpl3ox] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .booking-buttons[b-za82kpl3ox]  button {
        margin-top: 2px;
        margin-bottom: 2px;
    }

.booking-data[b-za82kpl3ox] {
    display: flex;
    flex-direction: column;
    margin: 10px 0;
    padding: 10px;
    border-radius: 16px;
    background: linear-gradient(to top, #31313e, #181820);
    box-shadow: inset 0 0 10px black;
}

    .booking-data span[b-za82kpl3ox] {
        margin: 2px 0;
    }

    .booking-data label[b-za82kpl3ox] {
        font-size: 18px;
        margin-right: 5px;
    }

.booking-data-controls[b-za82kpl3ox] {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

    .booking-data-controls > span[b-za82kpl3ox] {
        display: flex;
        align-items: flex-start;
        overflow-wrap: anywhere;
        width: 100%;
        font-size: 14px;
        margin-top: 6px;
    }

        [b-za82kpl3ox] .booking-data-controls button {
            font-size: 14px;
            width: 100%;
            margin: 0 auto;
        }

        .booking-data-controls input[b-za82kpl3ox], .booking-data-controls select[b-za82kpl3ox] {
            font-size: 14px;
            max-width: 100%;
        }

        .booking-data-controls select[b-za82kpl3ox] {
            font-size: 12px;
            max-width: 100%;
        }

.booking-data-controls.booking-data-edit > span[b-za82kpl3ox] {
    flex-direction: column;
}

[b-za82kpl3ox] .booking-data-controls.booking-data-edit button {
    margin-top: 5px;
    margin-left: 0;
}

.booking-columns[b-za82kpl3ox] {
    display: flex;
    flex-direction: row !important;
    width: 100%;
}

    .booking-columns > div[b-za82kpl3ox] {
        display: flex;
        flex-direction: column;
        width: calc(50% - 5px);
    }

        .booking-columns > div:first-child[b-za82kpl3ox] {
            margin-right: 5px;
        }

        .booking-columns > div:last-child[b-za82kpl3ox] {
            margin-left: 5px;
        }

.booking-details[b-za82kpl3ox] {
    font-weight: bold;
}

.booking-section-title[b-za82kpl3ox] {
    font-weight: bold;
    font-size: 22px;
    margin-top: 10px;
}

    .booking-section-title:first-child[b-za82kpl3ox] {
        margin-top: 0;
    }

.addon-container[b-za82kpl3ox], .payment-container[b-za82kpl3ox] {
    display: inline-grid;
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    margin: 5px 0;
    padding: 4px;
    box-shadow: 0 3px 9px black;
}

.addon-container-content[b-za82kpl3ox], .payment-container-content[b-za82kpl3ox] {
    padding: 16px;
}

    .addon-container-content > span[b-za82kpl3ox], .payment-container-content > span[b-za82kpl3ox] {
        display: flex;
        align-items: center;
        margin: 10px 0;
    }

    .addon-container-content label[b-za82kpl3ox], .payment-container-content label[b-za82kpl3ox] {
        font-size: 18px;
        margin-right: 5px;
    }

    [b-za82kpl3ox] .addon-container-content button, [b-za82kpl3ox] .payment-container-content button {
        margin-top: 0!important;
    }

.addon-container-title[b-za82kpl3ox], .payment-container-title[b-za82kpl3ox] {
    font-weight: bold;
    font-size: 26px;
    text-align: center;
    margin-bottom: 10px;
}

.addon-container-buttons[b-za82kpl3ox], .payment-container-buttons[b-za82kpl3ox] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
}

    .addon-container-buttons div[b-za82kpl3ox], .payment-container-buttons div[b-za82kpl3ox] {
        display: flex;
    }

.yellow-cross-icon[b-za82kpl3ox]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background: var(--yellow-gradient);
    -webkit-mask-image: url(images/icons/cross.svg);
    mask-image: url(images/icons/cross.svg);
}

.yellow-pending-icon[b-za82kpl3ox]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background: var(--yellow-gradient);
    -webkit-mask-image: url(images/icons/pending.svg);
    mask-image: url(images/icons/pending.svg);
}

.green-tick-icon[b-za82kpl3ox]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background: var(--green-gradient);
    -webkit-mask-image: url(images/icons/tick.svg);
    mask-image: url(images/icons/tick.svg);
}

.yellow-warning-icon[b-za82kpl3ox]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background: var(--yellow-gradient);
    -webkit-mask-image: url(images/icons/warning.svg);
    mask-image: url(images/icons/warning.svg);
}

.red-cross-icon[b-za82kpl3ox]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background: var(--red-gradient);
    -webkit-mask-image: url(images/icons/cross.svg);
    mask-image: url(images/icons/cross.svg);
}

.red-error-icon[b-za82kpl3ox]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background: var(--red-gradient);
    -webkit-mask-image: url(images/icons/error.svg);
    mask-image: url(images/icons/error.svg);
}

.account-icon[b-za82kpl3ox]:before {
    content: "\00a0\00a0\00a0";
    width: 2.5rem;
    padding-right: 4px;
    margin-right: 4px;
    position: relative;
    overflow-wrap: normal;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/account.svg);
    mask-image: url(images/icons/account.svg);
    text-shadow: none;
}

.address-icon[b-za82kpl3ox]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/address.svg);
    mask-image: url(images/icons/address.svg);
}

.article-icon[b-za82kpl3ox]:before {
    content: "\00a0\00a0\00a0";
    width: 2.5rem;
    padding-right: 4px;
    margin-right: 4px;
    position: relative;
    overflow-wrap: normal;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/article.svg);
    mask-image: url(images/icons/article.svg);
    text-shadow: none;
}

.booking-payment-icon[b-za82kpl3ox]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 4px;
    margin-right: 4px;
    position: relative;
    overflow-wrap: normal;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    color: transparent;
    background-color: white;
    -webkit-mask-image: var(--payment-icon);
    mask-image: var(--payment-icon);
}

.booking-service-icon[b-za82kpl3ox]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 4px;
    margin-right: 4px;
    position: relative;
    overflow-wrap: normal;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    color: transparent;
    background-color: white;
    -webkit-mask-image: var(--service-icon);
    mask-image: var(--service-icon);
}

.calendar-icon[b-za82kpl3ox]:before {
    content: "\00a0\00a0\00a0";
    width: 2.5rem;
    padding-right: 4px;
    margin-right: 4px;
    position: relative;
    overflow-wrap: normal;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/calendar.svg);
    mask-image: url(images/icons/calendar.svg);
    text-shadow: none;
}

.calendar-clock-icon[b-za82kpl3ox]:before {
    content: "\00a0\00a0\00a0";
    width: 2.5rem;
    padding-right: 8px;
    margin-right: 4px;
    position: relative;
    overflow-wrap: normal;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/calendar-clock.svg);
    mask-image: url(images/icons/calendar-clock.svg);
    text-shadow: none;
}

.cart-icon[b-za82kpl3ox]:before {
    content: "\00a0\00a0\00a0";
    width: 2.5rem;
    padding-right: 4px;
    margin-right: 4px;
    position: relative;
    overflow-wrap: normal;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/cart.svg);
    mask-image: url(images/icons/cart.svg);
    text-shadow: none;
}

.category-icon[b-za82kpl3ox]:before {
    content: "\00a0\00a0\00a0";
    width: 2.5rem;
    padding-right: 4px;
    margin-right: 4px;
    position: relative;
    overflow-wrap: normal;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/category.svg);
    mask-image: url(images/icons/category.svg);
    text-shadow: none;
}

.cross-icon[b-za82kpl3ox]:before {
    content: "\00a0\00a0\00a0";
    width: 2.5rem;
    padding-right: 4px;
    margin-right: 4px;
    position: relative;
    overflow-wrap: normal;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/cross.svg);
    mask-image: url(images/icons/cross.svg);
    text-shadow: none;
}

.deposit-icon[b-za82kpl3ox]:before {
    content: "\00a0\00a0\00a0";
    width: 2.5rem;
    padding-right: 8px;
    margin-right: 4px;
    position: relative;
    overflow-wrap: normal;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/deposit.svg);
    mask-image: url(images/icons/deposit.svg);
    text-shadow: none;
}

.dollar-icon[b-za82kpl3ox]:before {
    content: "\00a0\00a0\00a0";
    width: 2.5rem;
    padding-right: 8px;
    margin-right: 4px;
    position: relative;
    overflow-wrap: normal;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/dollar.svg);
    mask-image: url(images/icons/dollar.svg);
    text-shadow: none;
}

.door-icon[b-za82kpl3ox]:before {
    content: "\00a0\00a0\00a0";
    width: 2.5rem;
    padding-right: 4px;
    margin-right: 4px;
    position: relative;
    overflow-wrap: normal;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/door.svg);
    mask-image: url(images/icons/door.svg);
    text-shadow: none;
}

.email-icon[b-za82kpl3ox]:before {
    content: "\00a0\00a0\00a0";
    width: 2.5rem;
    padding-right: 4px;
    margin-right: 4px;
    position: relative;
    overflow-wrap: normal;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/email.svg);
    mask-image: url(images/icons/email.svg);
    text-shadow: none;
}

.globe-icon[b-za82kpl3ox]:before {
    content: "\00a0\00a0\00a0";
    width: 2.5rem;
    padding-right: 4px;
    margin-right: 4px;
    position: relative;
    overflow-wrap: normal;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/globe.svg);
    mask-image: url(images/icons/globe.svg);
    text-shadow: none;
}

.hash-icon[b-za82kpl3ox]:before {
    content: "\00a0\00a0\00a0";
    width: 2.5rem;
    padding-right: 4px;
    margin-right: 4px;
    position: relative;
    overflow-wrap: normal;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/hash.svg);
    mask-image: url(images/icons/hash.svg);
    text-shadow: none;
}

.lock-icon[b-za82kpl3ox]:before {
    content: "\00a0\00a0\00a0";
    width: 2.5rem;
    padding-right: 4px;
    margin-right: 4px;
    position: relative;
    overflow-wrap: normal;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/lock.svg);
    mask-image: url(images/icons/lock.svg);
    text-shadow: none;
}

.options-icon[b-za82kpl3ox]:before {
    content: "\00a0\00a0\00a0";
    width: 2.5rem;
    padding-right: 8px;
    margin-right: 4px;
    position: relative;
    overflow-wrap: normal;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/options.svg);
    mask-image: url(images/icons/options.svg);
    text-shadow: none;
}

.order-icon[b-za82kpl3ox]:before {
    content: "\00a0\00a0\00a0";
    width: 2.5rem;
    padding-right: 8px;
    margin-right: 4px;
    position: relative;
    overflow-wrap: normal;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/order.svg);
    mask-image: url(images/icons/order.svg);
    text-shadow: none;
}

.organisation-icon[b-za82kpl3ox]:before {
    content: "\00a0\00a0\00a0";
    width: 2.5rem;
    padding-right: 4px;
    margin-right: 4px;
    position: relative;
    overflow-wrap: normal;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/organisation.svg);
    mask-image: url(images/icons/organisation.svg);
    text-shadow: none;
}

.phone-icon[b-za82kpl3ox]:before {
    content: "\00a0\00a0\00a0";
    width: 2.5rem;
    padding-right: 4px;
    margin-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/phone.svg);
    mask-image: url(images/icons/phone.svg);
    text-shadow: none;
}

.plus-icon[b-za82kpl3ox]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 8px;
    margin-right: 4px;
    background-size: cover;
    background-position: center;
    background-image: url(images/icons/plus.svg);
}

.time-icon[b-za82kpl3ox]:before {
    content: "\00a0\00a0\00a0";
    width: 2.5rem;
    padding-right: 4px;
    margin-right: 4px;
    position: relative;
    overflow-wrap: normal;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/time.svg);
    mask-image: url(images/icons/time.svg);
    text-shadow: none;
}

@media (min-width: 729px) {
    .booking[b-za82kpl3ox] {
        max-height: calc(100vh - 25px);
        margin: 25px;
        padding: 10px 25px 10px 25px;
    }

    .booking-content[b-za82kpl3ox] {
        padding: 8px;
    }

    .booking-section-title[b-za82kpl3ox] {
        font-size: 26px;
    }

    .booking-data-controls > span[b-za82kpl3ox] {
        flex-direction: row !important;
        align-items: center !important;
        font-size: var(--bs-body-font-size);
    }

    .booking-data-controls.booking-data-edit > span[b-za82kpl3ox] {
        align-items: flex-start;
    }

    .booking-data-controls input[b-za82kpl3ox], .booking-data-controls select[b-za82kpl3ox] {
        font-size: 20px;
    }

    [b-za82kpl3ox] .booking-data-controls button {
        font-size: var(--bs-body-font-size);
        width: auto;
        margin: 0;
    }

    [b-za82kpl3ox] .booking-data-controls.booking-data-edit button {
        margin-top: 0;
        margin-left: 5px;
        height: 42px;
    }
}
/* _content/GrapeWebsite/Components/Layout/Carousel.razor.rz.scp.css */
.carousel[b-yvjjdbol50] {
    display: none;
}

.carousel-heading[b-yvjjdbol50] {
    text-align: center;
    font-size: 36px;
    font-weight: bold;
}
/* _content/GrapeWebsite/Components/Layout/CartButton.razor.rz.scp.css */
@keyframes cartButtonLoop-b-83v0dqfipa {
    0% {
        transform: scale(100%);
    }

    90% {
        transform: scale(100%);
    }

    95% {
        transform: scale(110%);
    }

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

.cart-button-container[b-83v0dqfipa] {
    position: fixed;
    z-index: 998;
    top: 135px;
    right: 16px;
    width: 385px;
}

@media (max-width: 433px)
{
    .cart-button-container[b-83v0dqfipa] {
        max-width: calc(100vw - 48px);
    }
}

[b-83v0dqfipa] .cart-button {
    background: var(--interact-gradient);
    border-radius: 100%;
    float: right;
    margin: 5px 5px 0 5px;
}

    [b-83v0dqfipa] .cart-button:hover, [b-83v0dqfipa] .cart-button:focus {
        background: linear-gradient(315deg, var(--interact-gradient-color1), var(--interact-gradient-color2));
        transform: none;
        box-shadow: 0 3px 9px black;
    }

.cart-button-hide-list[b-83v0dqfipa] {
    width: fit-content;
    animation: 3s ease-out 0s 1 cartButtonLoop-b-83v0dqfipa;
    animation-iteration-count: infinite;
}

.cart-icon[b-83v0dqfipa] {
    background-color: white;
    content: "\00a0\00a0\00a0";
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-image: url(images/icons/cart.svg);
    mask-image: url(images/icons/cart.svg);
    line-height: 70px;
    font-size: 60px;
    padding-right: 60px;
    padding-bottom: 6px;
}

.cart-counter[b-83v0dqfipa] {
    position: absolute;
    right: 2px;
    bottom: -2px;
    font-weight: bold;
    background-image: var(--green-gradient);
    padding: 2px 8px 0 8px;
    border-radius: 100%;
    box-shadow: 0 3px 9px black;
}

.cart-list-container[b-83v0dqfipa] {
    background: linear-gradient(#31313e, #181820);
    border-radius: 8px;
    box-shadow: 0 3px 9px black;
}

.cart-list[b-83v0dqfipa] {
    padding: 10px 10px 2px 10px;
}

.cart-listing[b-83v0dqfipa] {
    display: flex;
    align-items: center;
    height: 60px;
    margin: 10px 0;
    padding: 10px;
    border-radius: 16px;
    background: linear-gradient(to top, #31313e, #181820);
    box-shadow: inset 0 0 10px black;
}

.cart-listing-thumbnail[b-83v0dqfipa] {
    max-width: 30px;
    border-radius: 6px;
    box-shadow: 0 3px 9px black;
}

.cart-listing-name[b-83v0dqfipa] {
    cursor: default;
    width: 100%;
    max-width: 250px;
    font-size: 14px;
    margin: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.cart-listing-quantity[b-83v0dqfipa] {
    cursor: default;
    font-size: 14px;
}

.cart-more-listings[b-83v0dqfipa] {
    cursor: default;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
    background: linear-gradient(#31313e, #181820);
    padding: 10px;
    border-radius: 6px;
}

[b-83v0dqfipa] .cart-link-button {
    width: 100%;
    font-size: 20px;
    border-radius: 8px;
}

    [b-83v0dqfipa] .cart-link-button:hover, [b-83v0dqfipa] .cart-link-button:focus {
        background: linear-gradient(315deg, var(--interact-gradient-color1), var(--interact-gradient-color2));
        transform: none;
        -webkit-transition: background 1000ms linear;
        -ms-transition: background 1000ms linear;
        transition: background 1000ms linear;
    }

@media (min-width: 729px) {
    .cart-button-container[b-83v0dqfipa] {
        top: 16px;
    }
}
/* _content/GrapeWebsite/Components/Layout/CartTableRow.razor.rz.scp.css */
.cart-table-row[b-l02oen7aoc] {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 2px solid #808080;
    padding: 10px 0;
}

    .cart-table-row:last-child[b-l02oen7aoc] {
        border-bottom: none;
    }

.cart-table-thumbnail[b-l02oen7aoc] {
    border-radius: 8px;
    width: 60px;
    margin-left: 10px;
    box-shadow: 0 3px 9px black;
}

.cart-table-name[b-l02oen7aoc] {
    width: 100%;
    margin: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.cart-table-quantity[b-l02oen7aoc] {
    width: 110px;
    text-align: center;
}

.cart-table-quantity-input[b-l02oen7aoc] {
    width: 55px;
}

.cart-table-discount[b-l02oen7aoc] {
    width: 110px;
    font-weight: bold;
    text-align: center;
}

.cart-table-cost[b-l02oen7aoc] {
    width: 110px;
    font-weight: bold;
    padding: 0 10px;
    text-align: center;
}

@media (max-width: 980px)
{
    .cart-table-row[b-l02oen7aoc] {
        font-size: 14px;
    }

    .cart-table-name[b-l02oen7aoc] {
        font-size: 12px;
    }

    .cart-table-thumbnail[b-l02oen7aoc] {
        max-width: 30px;
        max-height: 40px;
    }
}
/* _content/GrapeWebsite/Components/Layout/CategorySelector.razor.rz.scp.css */
.category-selector[b-kin00jrixy] {
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0;
    padding: 10px 10px 5px 10px;
    border-radius: 16px;
    background: linear-gradient(to top, #31313e, #181820);
    box-shadow: inset 0 0 10px black;
}

[b-kin00jrixy] .category-selector-button {
    color: white;
    background-image: linear-gradient(#a1a1a1, #646464);
    font-size: 12px;
    line-height: 22px;
    border-radius: 5px;
    padding: 0 5px 0 4px;
    margin-right: 5px;
    margin-bottom: 5px;
    box-shadow: 0 1px 4px black;
    transition: none;
}

    [b-kin00jrixy] .category-selector-button:hover {
        transform: none;
    }

[b-kin00jrixy] .category-selector-button-selected {
    background-image: linear-gradient(#b985fd, #ff00d9);
}

.category-selector-request-notice[b-kin00jrixy] {
    margin-left: 5px;
}
/* _content/GrapeWebsite/Components/Layout/CheckoutCart.razor.rz.scp.css */
.checkout-cart-container[b-71oyaymzv5] {
    position: relative;
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    width: 100%;
    padding: 4px;
    box-shadow: 0 3px 9px black;
}

.checkout-cart-content[b-71oyaymzv5] {
    background: linear-gradient(to top, #31313e, #181820);
    border-radius: 12px;
    box-shadow: inset 0 0 10px black;
    padding: 0 10px;
    margin: 10px;
}

.checkout-cart-item[b-71oyaymzv5] {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 2px solid #808080;
    padding: 10px 0;
}

    .checkout-cart-item:last-child[b-71oyaymzv5] {
        border-bottom: none;
    }

    .checkout-cart-item img[b-71oyaymzv5] {
        border-radius: 8px;
        width: 60px;
        margin-left: 10px;
        box-shadow: 0 3px 9px black;
    }

.checkout-cart-item-name[b-71oyaymzv5] {
    width: 100%;
    margin: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
/* _content/GrapeWebsite/Components/Layout/CodeScanner.razor.rz.scp.css */
.code-scanner[b-n4s3udnjx6] {
    border: none !important;
}

.code-scanner-video-container[b-n4s3udnjx6] {
    position: relative;
    text-align: center;
    margin-bottom: 10px;
}

    .code-scanner-video-container > video[b-n4s3udnjx6] {
        width: 100%;
        max-width: 100%;
        max-height: 75vh;
        border-radius: 16px;
        background-color: black;
        box-shadow: 0 3px 9px black;
    }

.code-scanner-video-overlay[b-n4s3udnjx6] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
}

.code-scanner-video-frame[b-n4s3udnjx6] {
    display: none;
    border: 3px solid #ff00d9;
    border-radius: 16px;
    box-shadow: inset 0 0 10px black, 0 3px 9px black;
    padding: 10px 25px 10px 25px;
}

.code-scanner-canvas[b-n4s3udnjx6] {
    display: none;
}

.code-scanner-error[b-n4s3udnjx6] {
    display: none;
    text-align: center;
    font-size: 20px;
    margin-bottom: 5px;
}

.code-scanner-controls[b-n4s3udnjx6], .code-scanner-zoom-container[b-n4s3udnjx6] {
    display: none;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 5px 0;
}

[b-n4s3udnjx6] .code-scanner-controls > button {
    height: 42px;
    margin: 0 5px;
}

.code-scanner-zoom-container[b-n4s3udnjx6] {
    font-size: 25px;
}

.code-scanner-zoom-slider[b-n4s3udnjx6] {
    width: 100%;
    max-width: 250px;
}

.scan-zoom-icon[b-n4s3udnjx6]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/scan-zoom.svg);
    mask-image: url(images/icons/scan-zoom.svg);
}
/* _content/GrapeWebsite/Components/Layout/ContactForm.razor.rz.scp.css */
.contact-form[b-hz6hj4l8z4] {
    display: flex;
    flex-direction: column;
    font-size: 20px;
    margin-bottom: 15px;
}

    .contact-form span[b-hz6hj4l8z4] {
        margin: 5px 0;
    }

    .contact-form input[b-hz6hj4l8z4], .contact-form textarea[b-hz6hj4l8z4] {
        width: 100%;
    }

    [b-hz6hj4l8z4] .contact-form button {
        font-size: 20px;
    }
/* _content/GrapeWebsite/Components/Layout/DraggableHandle.razor.rz.scp.css */
.draggable-overlay[b-0nd5vr43zd] {
    position: absolute;
    width: 100%;
    height: 100%;
}

.draggable-overlay[b-0nd5vr43zd]:before {
    content: unset;
}
/* _content/GrapeWebsite/Components/Layout/ErrorNotice.razor.rz.scp.css */
.error-notice-container[b-a7os37hul4] {
    display: flex;
    height: calc(100% - 250px);
    flex-direction: column;
    justify-content: center;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

.error-notice-icon[b-a7os37hul4] {
    background: var(--interact-gradient);
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    height: 200px;
    color: white;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-image: url(/images/icons/error.svg);
    mask-image: url(/images/icons/error.svg);
}

.error-notice-text[b-a7os37hul4] {
    margin-top: 10px;
    font-weight: bold;
    text-align: center;
    font-size: 28px;
}
/* _content/GrapeWebsite/Components/Layout/ErrorOverlay.razor.rz.scp.css */
.error-overlay[b-vt05vjerlu] {
    z-index: 500;
    display: flex;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
}

.error-overlay-icon[b-vt05vjerlu] {
    background: var(--interact-gradient);
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%;
    width: 200px;
    height: 200px;
    color: white;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-image: url(/images/icons/error.svg);
    mask-image: url(/images/icons/error.svg);
}

.error-overlay-text[b-vt05vjerlu] {
    margin-top: 10px;
    font-weight: bold;
    text-align: center;
    font-size: 28px;
}
/* _content/GrapeWebsite/Components/Layout/EventGalleryListing.razor.rz.scp.css */
.event-listing[b-wkmc9go5lf] {
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 4px;
    margin-bottom: 20px;
    box-shadow: 0 3px 9px black;
    transition: transform 0.25s;
}

    .event-listing:last-child[b-wkmc9go5lf] {
        margin-bottom: 0;
    }

.event-listing:hover[b-wkmc9go5lf], .event-listing:focus[b-wkmc9go5lf] {
    transform: scale(101%);
}

    .event-listing:hover .event-listing-title[b-wkmc9go5lf], .event-listing:focus .event-listing-title[b-wkmc9go5lf] {
        color: var(--interact-color-highlight);
    }

.event-listing-content[b-wkmc9go5lf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #d9d9d9;
    padding: 16px;
}

.event-listing-thumbnail-container[b-wkmc9go5lf] {
    width: 100%;
    margin-bottom: 15px;
}

.event-listing-thumbnail[b-wkmc9go5lf] {
    max-width: 100%;
    max-height: 100%;
    border-radius: 16px;
    box-shadow: 0 3px 9px black;
    object-fit: cover;
}

.event-listing-info[b-wkmc9go5lf] {
    width: 100%;
}

.event-listing-title[b-wkmc9go5lf] {
    display: -webkit-box;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.event-listing-availability[b-wkmc9go5lf] {
    background-image: var(--green-gradient);
    text-decoration: none;
    color: transparent;
    font-weight: bold;
    -webkit-background-clip: text;
}

.event-listing-date-container[b-wkmc9go5lf] {
    margin-top: 5px;
}

.event-listing-date[b-wkmc9go5lf] {
    font-size: 14px;
}

@media (min-width: 500px) {
    .event-listing-content[b-wkmc9go5lf] {
        flex-direction: row;
    }

    .event-listing-thumbnail-container[b-wkmc9go5lf] {
        width: 150px;
        margin-right: 15px;
        margin-bottom: 0;
        text-align: center;
    }

    .event-listing-thumbnail[b-wkmc9go5lf] {
        width: auto;
        height: auto;
        max-width: 150px;
        max-height: 150px;
    }
}
/* _content/GrapeWebsite/Components/Layout/FAQ.razor.rz.scp.css */
.faq-top-row[b-t2ly5jww2i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.faq-container[b-t2ly5jww2i] {
    padding: 10px;
    border-radius: 16px;
    background: linear-gradient(to top, #31313e, #181820);
    box-shadow: inset 0 0 10px black;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

.faq-title[b-t2ly5jww2i] {
    font-weight: bold;
    text-align: center;
    margin: 10px 20px;
    text-shadow: 5px 5px 5px black;
}

.faq-account-buttons[b-t2ly5jww2i] {
    text-align: right;
    margin-bottom: 15px;
}

.faq-search-container[b-t2ly5jww2i] {
    max-width: min(900px, 100%);
    text-align: right;
    margin: 10px auto 15px auto;
}

.faq-entry-buttons[b-t2ly5jww2i] {
    max-width: 900px;
    margin: 0 auto;
}

    [b-t2ly5jww2i] .faq-entry-buttons button {
        width: 100%;
        font-size: 24px;
        text-align: left;
        border-radius: 12px;
        margin-bottom: 8px;
        background: linear-gradient(#31313e, #181820);
    }

    [b-t2ly5jww2i] .faq-entry-buttons button:last-child {
        margin-bottom: 0;
    }

    [b-t2ly5jww2i] .faq-entry-buttons button:hover {
        color: var(--interact-color-highlight);
        transform: scale(99%);
    }

        [b-t2ly5jww2i] .faq-entry-buttons button:hover:before, [b-t2ly5jww2i] .faq-entry-buttons button:hover .hidden-icon:before {
            background-color: var(--interact-color-highlight);
        }

.faq-body[b-t2ly5jww2i] {
    font-size: 18px;
}

[b-t2ly5jww2i] .faq-contact-form {
    display: flex;
    flex-direction: column;
    font-size: 20px;
    border-radius: 10px;
    padding: 0 20px 10px 20px;
}

    [b-t2ly5jww2i] .faq-contact-form span {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin: 5px 0;
    }

    [b-t2ly5jww2i] .faq-contact-form input[type=text], [b-t2ly5jww2i] .faq-contact-form input[type=email], [b-t2ly5jww2i] .faq-contact-form textarea {
        width: 100%;
    }

    [b-t2ly5jww2i] .faq-contact-form input[type=radio] {
        margin: 5px 0;
    }

    [b-t2ly5jww2i] .faq-contact-form button {
        font-size: 20px;
    }

.hidden-icon[b-t2ly5jww2i]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 4px;
    margin-right: 8px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    color: transparent;
    background-color: white;
    -webkit-mask-image: url(images/icons/hide.svg);
    mask-image: url(images/icons/hide.svg);
    text-shadow: none;
    transition-duration: 0.5s;
}

@media (max-width: 400px) {
    .faq-search-container[b-t2ly5jww2i] {
        text-align: center;
    }

    .list-search[b-t2ly5jww2i] {
        margin-left: 0 !important;
    }
}
/* _content/GrapeWebsite/Components/Layout/Header.razor.rz.scp.css */
@keyframes pageHeaderBackgroundFadeIn-b-zbad7c4u9o {
    0% {
        opacity: 0;
        filter: blur(5px);
    }

    100% {
        opacity: 1;
        filter: blur(0);
    }
}

.page-header[b-zbad7c4u9o] {
    background-image: url(/images/header/wave_background.svg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 100px;
    animation: 0.25s ease-out 0s 1 pageHeaderBackgroundFadeIn-b-zbad7c4u9o;
}

@keyframes pageTitleFadeUp-b-zbad7c4u9o {
    0% {
        opacity: 0;
        filter: blur(5px);
        transform: translateY(25%);
    }

    100% {
        opacity: 1;
        filter: blur(0);
        transform: initial;
    }
}

.page-title[b-zbad7c4u9o] {
    font-size: 3em;
    word-break: break-word;
    hyphens: auto;
    font-weight: bold;
    text-align: center;
    text-shadow: 8px 8px 5px rgba(0, 0, 0, 0.75);
    animation: 0.25s ease-out 0s 1 pageTitleFadeUp-b-zbad7c4u9o;
}

@media (min-width: 729px) {
    .page-title[b-zbad7c4u9o] {
        font-size: 4em !important;
    }
}
/* _content/GrapeWebsite/Components/Layout/IconNotice.razor.rz.scp.css */
.icon-notice-container[b-nrp60jw338] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

.icon-notice-icon[b-nrp60jw338] {
    background: var(--interact-gradient);
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    height: 200px;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-image: var(--icon);
    mask-image: var(--icon);
}

.icon-notice-text[b-nrp60jw338] {
    margin-top: 10px;
    font-weight: bold;
    text-align: center;
    font-size: 28px;
}
/* _content/GrapeWebsite/Components/Layout/ImageSelector.razor.rz.scp.css */
.image-selector-overlay[b-5nnmo87r7f] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.75);
    z-index: 2;
}

.image-selector[b-5nnmo87r7f] {
    width: 100%;
    max-height: calc(100vh - 25px);
    margin: 25px;
    overflow: auto;
    border: 3px solid transparent;
    background: linear-gradient(to bottom, #31313e, #181820), linear-gradient(to right, #b985fd, #ff00d9);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    box-shadow: 0 3px 9px black;
    padding: 10px 25px 10px 25px;
    transition-duration: 0.5s;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

.image-selector-top-row[b-5nnmo87r7f] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

[b-5nnmo87r7f] .image-selector-close-button {
    width: 34px;
    height: 34px;
    font-size: 24px;
}

    [b-5nnmo87r7f] .image-selector-close-button:after {
        top: -6px;
        left: -1.5px;
    }

.image-selector-name[b-5nnmo87r7f] {
    text-transform: uppercase;
}

.image-selector-title[b-5nnmo87r7f] {
    font-weight: bold;
    font-size: 20px;
}

.image-selector-search[b-5nnmo87r7f] {
    width: 311px;
    max-width: 311px;
}

@media (max-width: 650px) {
    .image-selector-search[b-5nnmo87r7f] {
        width: 100%;
        min-width: 200px;
    }
}

.image-selector-second-row[b-5nnmo87r7f] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.image-selector-upload-button-container[b-5nnmo87r7f] {
    position: relative;
    width: fit-content;
    height: fit-content;
    margin: 0 auto 15px auto;
}

.image-selector-upload-button[b-5nnmo87r7f] {
    font-size: 18px;
}

    .image-selector-upload-button[b-5nnmo87r7f]:before {
        content: "\00a0\00a0\00a0";
        padding-right: 10px;
        margin-left: -8px;
        margin-right: 2px;
        position: relative;
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        background-color: white;
        -webkit-mask-image: url(/images/icons/upload.svg);
        mask-image: url(/images/icons/upload.svg);
    }

.image-selector-requirements[b-5nnmo87r7f] {
    margin-left: 0;
    margin-right: 15px;
    margin-bottom: 8px;
    width: 100%;
    max-width: 600px;
    font-size: 14px;
    box-shadow: none;
}

@media (max-width: 909px) {
    .image-selector-requirements[b-5nnmo87r7f] {
        margin: 0 15px 15px 15px;
    }
}

    .image-selector-requirements tr[b-5nnmo87r7f] {
        display: flex;
        align-items: center;
        margin: 5px 0;
        padding: 10px;
        border-radius: 16px;
        background: linear-gradient(to top, #31313e, #181820);
        box-shadow: inset 0 0 10px black;
    }

        .image-selector-requirements tr:last-child[b-5nnmo87r7f] {
            margin-bottom: 0;
        }

    .image-selector-requirements td[b-5nnmo87r7f] {
        display: flex;
        align-items: center;
        margin: 0 5px;
        padding: 0;
        width: 65%;
    }

        .image-selector-highlighted-image-info td:first-child[b-5nnmo87r7f] {
            width: 35%;
        }

.image-selector-content[b-5nnmo87r7f] {
    display: flex;
    flex-direction: row;
}

.image-selector-left-column[b-5nnmo87r7f] {
    min-width: fit-content;
    width: 100%;
    margin-right: 10px;
}

.image-selector-gallery-container[b-5nnmo87r7f] {
    border: 3px solid white;
    background: linear-gradient(to top, #31313e, #181820);
    border-radius: 10px;
    position: relative;
    width: 100%;
    min-width: 170px;
}

.image-selector-gallery[b-5nnmo87r7f] {
    display: grid;
    grid-template-columns: repeat(auto-fill, 150px);
    justify-content: center;
    gap: 5px 10px;
    overflow-y: auto;
    max-height: 650px;
    padding: 5px;
}

.image-selector-gallery-reorder[b-5nnmo87r7f] {
    overflow-y: auto;
    max-height: 650px;
    padding: 5px;
}

.image-selector-image-container[b-5nnmo87r7f] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid white;
    width: 150px;
    height: 150px;
    padding: 5px;
    background: linear-gradient(to bottom, #31313e, #181820);
    border-radius: 10px;
    box-shadow: 0 3px 9px black;
}

.image-selector-gallery-highlighted-item[b-5nnmo87r7f] {
    background: linear-gradient(to bottom, #31313e, #181820), linear-gradient(to right, #b985fd, #ff00d9);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    border-color: transparent;
}

.image-selector-image[b-5nnmo87r7f] {
    max-width: 100%;
    max-height: 100%;
    border-radius: 5px;
    object-fit: cover;
    background-position: center;
    box-shadow: 0 3px 9px black;
}

.image-selector-image-svg[b-5nnmo87r7f] {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: var(--svg-icon);
    mask-image: var(--svg-icon);
}

.image-selector-checkbox[b-5nnmo87r7f] {
    position: absolute;
    top: -2px;
    right: -2px;
    width: 40px;
    height: 40px;
    background: linear-gradient(to top, #31313e, #181820);
    border: 2px solid white;
    border-radius: 10px;
}

    .image-selector-checkbox[b-5nnmo87r7f]:before {
        position: absolute;
        content: "\00a0\00a0\00a0";
        bottom: 12px;
        left: 2px;
        font-size: 40px;
        position: relative;
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        color: transparent;
        background: linear-gradient(to bottom, #b985fd, #ff00d9);
        -webkit-mask-image: url(/images/icons/tick.svg);
        mask-image: url(/images/icons/tick.svg);
    }

.image-selector-gallery-highlighted-item .image-selector-checkbox[b-5nnmo87r7f] {
    background: linear-gradient(to bottom, #31313e, #181820), linear-gradient(to right, #e70cdb, #ff00d9);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    border-color: transparent;
}

.image-selector-image-overlay[b-5nnmo87r7f] {
    display: flex;
    position: absolute;
    bottom: 0;
    opacity: 0;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    width: 100%;
    height: 100%;
    transition: 0.5s ease;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .image-selector-image-container:hover .image-selector-image-overlay[b-5nnmo87r7f], .image-selector-image-container:focus .image-selector-image-overlay[b-5nnmo87r7f] {
        opacity: 1;
    }

    @media (hover: none) {
        .image-selector-image-overlay[b-5nnmo87r7f] {
            background: none;
            opacity: 1;
        }

            [b-5nnmo87r7f] .image-selector-image-overlay button {
                opacity: .85;
            }
    }

    [b-5nnmo87r7f] .image-selector-image-overlay button {
        display: inline-flex;
        margin: 8px 0;
    }

.image-selector-highlighted-container[b-5nnmo87r7f] {
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow-y: auto;
    width: 100%;
    min-width: 255px;
    max-width: 300px;
    max-height: 650px;
}

    .image-selector-highlighted-container span[b-5nnmo87r7f] {
        margin-bottom: 2px;
    }

.image-selector-highlighted-image-container[b-5nnmo87r7f] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 350px;
    border: 3px solid white;
    border-radius: 10px;
    padding: 5px;
    background: linear-gradient(to bottom, #31313e, #181820);
    box-shadow: 0 3px 9px black;
}

.image-selector-highlighted-image[b-5nnmo87r7f] {
    max-width: 100%;
    max-height: 100%;
    border-radius: 5px;
    object-fit: cover;
    background-position: center;
    box-shadow: 0 3px 9px black;
}

.image-selector-highlighted-image-svg[b-5nnmo87r7f] {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: var(--svg-icon);
    mask-image: var(--svg-icon);
}

.image-selector-highlighted-image-info[b-5nnmo87r7f] {
    margin: 5px auto 0 auto;
    width: 100%;
    font-size: 14px;
    box-shadow: none;
}

    .image-selector-highlighted-image-info tr[b-5nnmo87r7f] {
        display: flex;
        align-items: center;
        margin: 5px 0;
        padding: 10px;
        border-radius: 16px;
        background: linear-gradient(to top, #31313e, #181820);
        box-shadow: inset 0 0 10px black;
    }

    .image-selector-highlighted-image-info tr:last-child[b-5nnmo87r7f] {
        margin-bottom: 0;
    }

    .image-selector-highlighted-image-info td[b-5nnmo87r7f] {
        display: flex;
        align-items: center;
        margin: 0 5px;
        padding: 0;
        width: 65%;
    }

    .image-selector-highlighted-image-info td:first-child[b-5nnmo87r7f] {
        width: 35%;
    }

.image-selector-nothing-selected[b-5nnmo87r7f] {
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
}

.image-selector-highlighted-image-controls[b-5nnmo87r7f] {
    display: flex;
    width: 100%;
    margin-top: 9px;
}

[b-5nnmo87r7f] .image-selector-highlighted-image-edit {
    width: 100%;
    margin: auto 3px;
}

[b-5nnmo87r7f] .image-selector-highlighted-image-cancel {
    width: 100%;
    margin: auto 3px;
}

[b-5nnmo87r7f] .image-selector-highlighted-image-save {
    width: 100%;
    margin: auto 3px;
}

[b-5nnmo87r7f] .image-selector-highlighted-image-delete {
    width: 100%;
    margin: auto 3px;
}

.image-selector-bottom-row[b-5nnmo87r7f] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

[b-5nnmo87r7f] .image-selector-reorder {
    width: 152px;
    margin: 3px 6px 3px 0;
}

[b-5nnmo87r7f] .image-selector-change-selection {
    margin: 3px 6px 3px 3px;
}

[b-5nnmo87r7f] .image-selector-clear {
    width: 152px;
    margin: 3px 3px 3px 0;
}

[b-5nnmo87r7f] .image-selector-confirm {
    width: 152px;
    margin: 3px 6px 3px 3px;
}

.image-selector-image-controls[b-5nnmo87r7f] {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}

    [b-5nnmo87r7f] .image-selector-image-controls > button:last-child {
        margin-right: 0;
    }

.image-selector-highlighted-image-name-edit-label[b-5nnmo87r7f] {
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 2px;
    font-size: 18px;
    font-weight: bold;
}

.image-selector-highlighted-image-name-edit[b-5nnmo87r7f] {
    width: 100%;
    margin-bottom: 10px;
}

.image-selector-highlighted-image-delete-prompt[b-5nnmo87r7f] {
    font-size: 20px;
    margin: 37px auto !important;
    text-align: center;
}

.image-selector-highlighted-image-delete-prompt-important[b-5nnmo87r7f] {
    display: block;
    margin-top: 20px;
    font-size: 20px;
    text-align: center;
    background: var(--red-gradient);
    background-clip: text;
    color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.image-selector-delete-selected-image-container[b-5nnmo87r7f] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -2px;
    left: -2px;
    width: 35px;
    height: 35px;
    background: linear-gradient(to top, #31313e, #181820);
    border: 2px solid white;
    border-radius: 10px;
}

.image-selector-uploading-overlay[b-5nnmo87r7f] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    border-radius: 10px;
    background-color: rgba(0,0,0,0.75);
    z-index: 2;
}

[b-5nnmo87r7f] .image-selector-uploading-cross-button {
    margin-top: 10px;
    margin-left: 10px;
}

.image-selector-uploading-text[b-5nnmo87r7f] {
    font-weight: bold;
    font-size: 24px;
    margin: 15px;
}

.image-selector-uploading-error-container[b-5nnmo87r7f] {
    overflow-y: scroll;
    height: 100%;
    padding: 25px;
    margin: 25px;
    border-radius: 25px;
    background: black;
}

.image-selector-styling-container[b-5nnmo87r7f] {
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
    max-width: 700px;
}

    [b-5nnmo87r7f] .image-selector-styling-container button {
        margin: 5px;
    }

.image-selector-caption-container[b-5nnmo87r7f] {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    max-width: 700px;
}

    .image-selector-caption-container label[b-5nnmo87r7f] {
        font-size: 20px;
        text-align: center;
        margin-bottom: 5px;
    }

.image-selector-empty[b-5nnmo87r7f] {
    position: sticky;
    left: calc(50% - 100px);
    display: flex;
    flex-direction: column;
    margin: 0 auto 15px auto;
    text-align: center;
}

.image-selector-empty-icon[b-5nnmo87r7f] {
    background: var(--interact-gradient);
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    height: 200px;
    color: white;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-image: url(/images/icons/no-search.svg);
    mask-image: url(/images/icons/no-search.svg);
}

.image-selector-empty-text[b-5nnmo87r7f] {
    font-size: 20px;
    font-weight: bold;
}

@media (max-width: 741px) {
    .image-selector-empty[b-5nnmo87r7f] {
        margin-bottom: 5px;
    }

    .image-selector-empty-icon[b-5nnmo87r7f] {
        width: 100px;
        height: 100px;
    }

    .image-selector-empty-text[b-5nnmo87r7f] {
        font-size: 16px;
    }
}

.page-button-container[b-5nnmo87r7f] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 10px;
}

[b-5nnmo87r7f] .page-button {
    display: inline-flex;
    margin-left: 2px;
    margin-right: 2px;
}

    [b-5nnmo87r7f] .page-button:focus {
        box-shadow: 0 3px 9px black;
    }

.page-button-separator[b-5nnmo87r7f] {
    cursor: default;
    font-weight: bold;
    opacity: 0.5;
    padding-top: 2px;
}
/* _content/GrapeWebsite/Components/Layout/ImageSelectorButton.razor.rz.scp.css */
.image-selector-button-container[b-tkfbsvsxnd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 215px;
    border: 5px dashed white;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 30px;
}

[b-tkfbsvsxnd] .image-selector-button {
    width: 150px;
    height: 150px;
    border-radius: 15px;
    margin-bottom: 10px;
}

    [b-tkfbsvsxnd] .image-selector-button:before {
        content: "\00a0\00a0\00a0";
        font-size: 100px;
        position: relative;
        left: 2px;
        bottom: 6px;
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        background-color: white;
        -webkit-mask-image: url("/images/icons/upload.svg");
        mask-image: url("/images/icons/upload.svg");
    }

[b-tkfbsvsxnd] .image-selector-change {
    margin-top: 8px;
    width: 100%;
}

    [b-tkfbsvsxnd] .image-selector-change:before {
        content: "\00a0\00a0\00a0";
        padding-right: 10px;
        margin-left: -8px;
        margin-right: 2px;
        position: relative;
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        background-color: white;
        -webkit-mask-image: url(/images/icons/wrench.svg);
        mask-image: url(/images/icons/wrench.svg);
    }

.image-selector-name[b-tkfbsvsxnd] {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 8px;
}

.image-selector-selected-image-container[b-tkfbsvsxnd] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 185px;
    height: 185px;
    margin-bottom: 10px;
    padding: 5px;
    border: 2px solid white;
    background: linear-gradient(to bottom, #31313e, #181820);
    border-radius: 10px;
    box-shadow: 0 3px 9px black;
}

.image-selector-selected-image[b-tkfbsvsxnd] {
    max-width: 100%;
    max-height: 100%;
    border-radius: 5px;
    object-fit: cover;
    background-position: center;
    box-shadow: 0 3px 9px black;
}

.image-selector-selected-image-svg[b-tkfbsvsxnd] {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: var(--svg-icon);
    mask-image: var(--svg-icon);
}

.image-selector-image-name[b-tkfbsvsxnd] {
    display: block;
    font-size: 1rem;
    width: 185px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* _content/GrapeWebsite/Components/Layout/ListTemplate.razor.rz.scp.css */
[b-jj9vw2ywmj] .list-add-button {
    height: 42px;
    margin-left: 8px;
}

.list-add-button-container[b-jj9vw2ywmj] {
    margin-right: 8px;
}

.list-controls-footer[b-jj9vw2ywmj] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    max-width: 1290px;
    margin: 30px auto 0 auto;
}

.list-controls-footer-dummy[b-jj9vw2ywmj] {
    width: 275px;
}

.list-filter-section[b-jj9vw2ywmj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto 25px auto;
    max-width: 1290px;
}

[b-jj9vw2ywmj] .list-filter-button {
    line-height: 30px;
    margin-right: 15px;
}

.list-options-left[b-jj9vw2ywmj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.list-options-right[b-jj9vw2ywmj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.list-sort-container[b-jj9vw2ywmj] {
    display: inline;
    margin-left: 25px;
    margin-right: 25px;
}

.list-item-sort-label[b-jj9vw2ywmj] {
    font-size: 20px;
    margin-right: 5px;
}

.filter-container[b-jj9vw2ywmj] {
    max-width: 1290px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 32px;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

.filter-option-container[b-jj9vw2ywmj] {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 16px;
    border-radius: 16px;
    background: linear-gradient(to top, #31313e, #181820);
    box-shadow: inset 0 0 10px black;
    padding: 8px 8px 3px 8px;
}

.filter-container-title[b-jj9vw2ywmj] {
    font-weight: bold;
    font-size: 18px;
}

[b-jj9vw2ywmj] .filter-attribute-button {
    display: inline-flex;
    color: white;
    background-image: linear-gradient(#a1a1a1, #646464);
    font-size: 12px;
    line-height: 22px;
    border-radius: 5px;
    padding: 0 5px 0 4px;
    margin-right: 5px;
    margin-bottom: 5px;
    box-shadow: 0 1px 4px black;
}

    [b-jj9vw2ywmj] .filter-attribute-button:hover, [b-jj9vw2ywmj] .filter-attribute-button:focus {
        transform: none;
    }

[b-jj9vw2ywmj] .filter-attribute-button-on {
    background-image: linear-gradient(#b985fd, #ff00d9);
}

.listings-results[b-jj9vw2ywmj] {
    font-size: 18px;
    font-weight: bold;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

.list-notice-container[b-jj9vw2ywmj] {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

.list-notice-icon[b-jj9vw2ywmj] {
    background: var(--interact-gradient);
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    height: 200px;
    color: white;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-image: var(--icon);
    mask-image: var(--icon);
}

.list-notice-text[b-jj9vw2ywmj] {
    margin-top: 10px;
    font-weight: bold;
    text-align: center;
    font-size: 28px;
}

.page-button-container[b-jj9vw2ywmj] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

[b-jj9vw2ywmj] .page-button {
    display: inline-flex;
    margin-left: 2px;
    margin-right: 2px;
}

    [b-jj9vw2ywmj] .page-button:focus {
        box-shadow: 0 3px 9px black;
    }

.page-button-separator[b-jj9vw2ywmj] {
    cursor: default;
    font-weight: bold;
    opacity: 0.5;
    padding-top: 2px;
}

.listings-per-page-container[b-jj9vw2ywmj] {
    display: flex;
    align-items: center;
}

.listings-per-page-label[b-jj9vw2ywmj] {
    font-size: 20px;
    margin: 0 5px;
}

.listings-per-page-button-container[b-jj9vw2ywmj] {
    display: inline-block;
    border: 2px solid white;
    border-radius: 8px;
}

[b-jj9vw2ywmj] .listings-per-page-button {
    color: rgb(127, 127, 127);
    background-image: var(--interact-gradient);
    text-decoration: none;
    font-weight: bold;
    -webkit-background-clip: text;
    transition-duration: 0.5s;
    box-shadow: none;
    transform: none;
    border-right: 2px solid white;
    border-radius: 0;
}

    [b-jj9vw2ywmj] .listings-per-page-button:hover {
        color: transparent;
    }

    [b-jj9vw2ywmj] .listings-per-page-button:last-child {
        border: 0;
    }

    [b-jj9vw2ywmj] .listings-per-page-button:disabled {
        color: white;
    }

@media (max-width: 1205px) {
    .list-filter-section[b-jj9vw2ywmj] {
        align-items: flex-end;
    }

    [b-jj9vw2ywmj] .list-filter-button {
        margin-top: 15px;
        margin-bottom: -1px;
    }

    .list-search[b-jj9vw2ywmj] {
        width: 100%;
    }

    .list-options-left[b-jj9vw2ywmj] {
        flex-direction: column-reverse;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .list-options-right[b-jj9vw2ywmj] {
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-end;
    }

    .list-item-sort-label[b-jj9vw2ywmj] {
        margin-bottom: 2px;
    }

    .list-sort-container[b-jj9vw2ywmj] {
        text-align: right;
        margin-bottom: 15px;
        margin-left: 0;
        margin-right: 0;
    }

    .list-add-button-container[b-jj9vw2ywmj] {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .list-controls-footer[b-jj9vw2ywmj] {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .list-controls-footer-dummy[b-jj9vw2ywmj] {
        display: none;
    }
}
/* _content/GrapeWebsite/Components/Layout/LoadingAnimation.razor.rz.scp.css */
.loading-animation-text[b-f8usxgfmeu] {
    margin-top: 25px;
    text-align: center;
    font-weight: bold;
    font-size: 40px;
    background: linear-gradient(#b985fd, #ff00d9);
    color: transparent;
    -webkit-background-clip: text;
}
/* _content/GrapeWebsite/Components/Layout/LoadingOverlay.razor.rz.scp.css */
.loading-overlay[b-51oqal0v3b] {
    z-index: 500;
    display: flex;
    align-items: center;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
}
/* _content/GrapeWebsite/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-6w19s4ks9k] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-6w19s4ks9k] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    min-width: 360px;
    min-height: 100vh;
    height: 100%;
}

.sidebar[b-6w19s4ks9k] {
    background-image: linear-gradient(#220567, #850071);
    position: fixed;
    z-index: 999;
    width: 100%;
    max-height: 100vh;
    overflow-y: auto;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    box-shadow: 3px 0 9px black;
}

.mobile-spacer[b-6w19s4ks9k] {
    display: block;
    height: 112px;
}

.footer[b-6w19s4ks9k] {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-image: linear-gradient(#850071, #220567);
    padding-top: 5px;
    padding-bottom: 15px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    color: var(--bs-body-color);
    box-shadow: 0 -3px 9px black;
}

    [b-6w19s4ks9k] .footer a {
        color: var(--bs-body-color);
        text-decoration: underline;
        white-space: nowrap;
    }

        [b-6w19s4ks9k] .footer a:hover, [b-6w19s4ks9k] .footer a:focus {
            color: var(--bs-body-color);
            text-decoration: none;
        }

[b-6w19s4ks9k] .footer-newsletter-subscriber {
    width: 100%;
    max-width: 650px;
    padding: 15px;
    border-radius: 16px;
}

    [b-6w19s4ks9k] .footer-newsletter-subscriber > h1 {
        font-weight: bold;
        font-size: 20px;
        text-align: center;
    }

    [b-6w19s4ks9k] .footer-newsletter-subscriber > div {
        display: flex;
        align-items: center;
    }

    [b-6w19s4ks9k] .footer-newsletter-subscriber input {
        width: 100%;
        margin-right: 5px;
    }

.footer-newsletter-link[b-6w19s4ks9k] {
    font-weight: bold;
    font-size: 24px;
    padding-top: 15px;
    padding-bottom: 5px;
    text-align: center;
}

    .footer-newsletter-link[b-6w19s4ks9k]:after {
        color: white !important;
    }

.footer-copyright[b-6w19s4ks9k] {
    text-align: center;
    word-break: break-word;
    padding-top: 10px;
}

    .footer-copyright > div[b-6w19s4ks9k] {
        padding: 0 10px;
    }

@media (min-width: 729px) {
    .page[b-6w19s4ks9k] {
        flex-direction: row;
    }

    .sidebar[b-6w19s4ks9k] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
        z-index: unset;
        overflow-y: unset;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    article[b-6w19s4ks9k] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }

    .mobile-spacer[b-6w19s4ks9k] {
        display: none;
    }
}
/* _content/GrapeWebsite/Components/Layout/MerchStockOverlay.razor.rz.scp.css */
.merch-stock-overlay[b-isp4pwqgxm] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.75);
    z-index: 2;
}

.merch-stock[b-isp4pwqgxm] {
    width: 100%;
    max-width: 1024px;
    max-height: calc(100vh - 25px);
    margin: 25px;
    overflow: auto;
    border: 3px solid transparent;
    background: linear-gradient(to bottom, #31313e, #181820), linear-gradient(to right, #b985fd, #ff00d9);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    box-shadow: 0 3px 9px black;
    padding: 10px 25px 10px 25px;
    transition-duration: 0.5s;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

.merch-stock-content[b-isp4pwqgxm] {
    padding: 8px;
}

.merch-stock-top-row[b-isp4pwqgxm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.merch-stock-title[b-isp4pwqgxm] {
    font-weight: bold;
    font-size: 20px;
}

.merch-stock-buttons[b-isp4pwqgxm] {
    display: flex;
    justify-content: space-between;
}

.merch-stock-data[b-isp4pwqgxm] {
    display: flex;
    flex-direction: column;
    margin: 10px 0;
    padding: 4px 0 10px 10px;
    border-radius: 16px;
    background: linear-gradient(to top, #31313e, #181820);
    box-shadow: inset 0 0 10px black;
}

    .merch-stock-data span[b-isp4pwqgxm] {
        margin: 2px 0;
    }

    .merch-stock-data label[b-isp4pwqgxm] {
        font-size: 18px;
        margin-right: 5px;
    }

.merch-stock-data-controls[b-isp4pwqgxm] {
    display: flex;
    flex-wrap: wrap;
}

    .merch-stock-data-controls > span[b-isp4pwqgxm] {
        margin-top: 6px;
        margin-right: 10px;
    }
/* _content/GrapeWebsite/Components/Layout/MissingNotice.razor.rz.scp.css */
.missing-notice-container[b-kza9tw4jhr] {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

.missing-notice-icon[b-kza9tw4jhr] {
    background: var(--interact-gradient);
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    height: 200px;
    color: white;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-image: url(/images/icons/no-search.svg);
    mask-image: url(/images/icons/no-search.svg);
}

.missing-notice-text[b-kza9tw4jhr] {
    margin-top: 10px;
    font-weight: bold;
    text-align: center;
    font-size: 28px;
}
/* _content/GrapeWebsite/Components/Layout/MultiPage.razor.rz.scp.css */
.list-controls-footer[b-cekimymd3b] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 30px auto 0 auto;
}

.list-controls-footer-dummy[b-cekimymd3b] {
    width: 275px;
}

.page-button-container[b-cekimymd3b] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

[b-cekimymd3b] .page-button {
    display: inline-flex;
    margin-left: 2px;
    margin-right: 2px;
}

    [b-cekimymd3b] .page-button:focus {
        box-shadow: 0 3px 9px black;
    }

.page-button-separator[b-cekimymd3b] {
    cursor: default;
    font-weight: bold;
    opacity: 0.5;
    padding-top: 2px;
}

.listings-per-page-container[b-cekimymd3b] {
    display: flex;
    align-items: center;
}

.listings-per-page-label[b-cekimymd3b] {
    font-size: 20px;
    margin: 0 5px;
}

.listings-per-page-button-container[b-cekimymd3b] {
    display: inline-block;
    border: 2px solid white;
    border-radius: 8px;
}

[b-cekimymd3b] .listings-per-page-button {
    color: rgb(127, 127, 127);
    background-image: var(--interact-gradient);
    text-decoration: none;
    font-weight: bold;
    -webkit-background-clip: text;
    transition-duration: 0.5s;
    box-shadow: none;
    transform: none;
    border-right: 2px solid white;
    border-radius: 0;
}

    [b-cekimymd3b] .listings-per-page-button:hover {
        color: transparent;
    }

    [b-cekimymd3b] .listings-per-page-button:last-child {
        border: 0;
    }

    [b-cekimymd3b] .listings-per-page-button:disabled {
        color: white;
    }

@media (max-width: 1205px) {
    .list-controls-footer[b-cekimymd3b] {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .list-controls-footer-dummy[b-cekimymd3b] {
        display: none;
    }
}
/* _content/GrapeWebsite/Components/Layout/NavMenu.razor.rz.scp.css */
.container-fluid-desktop[b-lkztc3zewm] {
    display: none;
}

.container-fluid-mobile[b-lkztc3zewm] {
    display: flex;
}

[b-lkztc3zewm] .navbar-toggler {
    position: absolute;
    border: none;
    width: 60px;
    font-size: 20px;
    line-height: unset;
}

    [b-lkztc3zewm] .navbar-toggler:focus {
        box-shadow: 0 0 0 0.2rem white;
    }

.navbar-brand[b-lkztc3zewm] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.1rem;
    margin: 0;
    width: 100%;
    height: 120px;
    text-align: center;
}

    .navbar-brand img[b-lkztc3zewm] {
        max-width: 60%;
        max-height: 92px;
    }

.nav-flex-column[b-lkztc3zewm] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.nav-item[b-lkztc3zewm] {
    font-size: 0.9rem;
    padding: 0 0.5rem 0.5rem 0.5rem;
}

    .nav-item[b-lkztc3zewm]  a {
        background-color: rgb(0, 0, 0, .25);
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 1.3rem;
        font-size: 18px;
        font-weight: bold;
        background-image: unset;
        -webkit-background-clip: unset;
    }

.nav-item-mobile[b-lkztc3zewm] {
    display: block;
}

.nav-item-long[b-lkztc3zewm]  a {
    font-size: 18px;
}

.nav-account-links .nav-item[b-lkztc3zewm] {
    padding-bottom: 0.24rem;
}

.nav-item[b-lkztc3zewm]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-lkztc3zewm]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-footer-container[b-lkztc3zewm] {
    padding-top: 15px;
}

@media (min-width: 729px) {
    .container-fluid-desktop[b-lkztc3zewm] {
        display: flex;
    }

    .container-fluid-mobile[b-lkztc3zewm] {
        display: none;
    }

    [b-lkztc3zewm] .navbar-toggler {
        display: none;
    }

    .top-row[b-lkztc3zewm] {
        height: 3.5rem;
    }

    .navbar-brand img[b-lkztc3zewm] {
        max-width: 100%;
        max-height: 100%;
    }

    .nav-flex-column[b-lkztc3zewm] {
        height: calc(100vh - 7.47rem);
    }

    .nav-item-mobile[b-lkztc3zewm] {
        display: none;
    }

    .collapse[b-lkztc3zewm] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .nav-scrollable[b-lkztc3zewm] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 6.56rem);
        overflow-y: auto;
    }
}

.nav-links-container[b-lkztc3zewm] {
    height: 100%;
    margin-bottom: 15px;
    overflow-y: auto;
    animation: 0.25s ease-out 0s 1 contentFadeIn;
}

.nav-footer[b-lkztc3zewm] {
    text-align: center;
    font-size: 12px;
    margin-bottom: 8px;
}

.nav-item-icon[b-lkztc3zewm]:before {
    content: "\00a0\00a0\00a0";
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    position: relative;
    top: 2px;
    font-size: 30px;
    padding-right: 10px;
    margin-right: 10px;
    background-color: #d7d7d7;
}

.nav-item-icon-website[b-lkztc3zewm]:before {
    content: "\00a0\00a0\00a0";
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    position: relative;
    top: 2px;
    font-size: 30px;
    padding-right: 10px;
    margin-right: 10px;
    background-color: white;
    -webkit-mask-image: var(--page-icon);
    mask-image: var(--page-icon);
}

.icon-about[b-lkztc3zewm]:before {
    -webkit-mask-image: url(images/icons/about.svg);
    mask-image: url(images/icons/about.svg);
}

.icon-article[b-lkztc3zewm]:before {
    -webkit-mask-image: url(images/icons/article.svg);
    mask-image: url(images/icons/article.svg);
}

.icon-artist[b-lkztc3zewm]:before {
    -webkit-mask-image: url(images/icons/artist.svg);
    mask-image: url(images/icons/artist.svg);
}

.icon-calendar-clock[b-lkztc3zewm]:before {
    -webkit-mask-image: url(images/icons/calendar-clock.svg);
    mask-image: url(images/icons/calendar-clock.svg);
}

.icon-camera[b-lkztc3zewm]:before {
    -webkit-mask-image: url(images/icons/camera.svg);
    mask-image: url(images/icons/camera.svg);
}

.icon-contact[b-lkztc3zewm]:before {
    -webkit-mask-image: url(images/icons/contact.svg);
    mask-image: url(images/icons/contact.svg);
}

.icon-dashboard[b-lkztc3zewm]:before {
    -webkit-mask-image: url(images/icons/dashboard.svg);
    mask-image: url(images/icons/dashboard.svg);
}

.icon-discount[b-lkztc3zewm]:before {
    -webkit-mask-image: url(images/icons/discount.svg);
    mask-image: url(images/icons/discount.svg);
}

.icon-error[b-lkztc3zewm]:before {
    -webkit-mask-image: url(images/icons/error.svg);
    mask-image: url(images/icons/error.svg);
}

.icon-home[b-lkztc3zewm]:before {
    -webkit-mask-image: url(images/icons/home.svg);
    mask-image: url(images/icons/home.svg);
}

.icon-history[b-lkztc3zewm]:before {
    -webkit-mask-image: url(images/icons/history.svg);
    mask-image: url(images/icons/history.svg);
}

.icon-image[b-lkztc3zewm]:before {
    -webkit-mask-image: url(images/icons/image.svg);
    mask-image: url(images/icons/image.svg);
}

.icon-inventory[b-lkztc3zewm]:before {
    -webkit-mask-image: url(images/icons/inventory.svg);
    mask-image: url(images/icons/inventory.svg);
}

.icon-members[b-lkztc3zewm]:before {
    -webkit-mask-image: url(images/icons/accounts.svg);
    mask-image: url(images/icons/accounts.svg);
}

.icon-order[b-lkztc3zewm]:before {
    -webkit-mask-image: url(images/icons/order.svg);
    mask-image: url(images/icons/order.svg);
}

.icon-security[b-lkztc3zewm]:before {
    -webkit-mask-image: url(images/icons/security.svg);
    mask-image: url(images/icons/security.svg);
}

.icon-settings[b-lkztc3zewm]:before {
    -webkit-mask-image: url(images/icons/settings.svg);
    mask-image: url(images/icons/settings.svg);
}

.icon-social[b-lkztc3zewm]:before {
    -webkit-mask-image: url(images/icons/social.svg);
    mask-image: url(images/icons/social.svg);
}

.icon-store[b-lkztc3zewm]:before {
    -webkit-mask-image: url(images/icons/store.svg);
    mask-image: url(images/icons/store.svg);
}

.icon-tag[b-lkztc3zewm]:before {
    -webkit-mask-image: url(images/icons/tag.svg);
    mask-image: url(images/icons/tag.svg);
}

.icon-ticket[b-lkztc3zewm]:before {
    -webkit-mask-image: url(images/icons/ticket.svg);
    mask-image: url(images/icons/ticket.svg);
}

.icon-vinyl[b-lkztc3zewm]:before {
    -webkit-mask-image: url(images/icons/vinyl.svg);
    mask-image: url(images/icons/vinyl.svg);
    padding-right: 8px;
}

.icon-website[b-lkztc3zewm]:before {
    -webkit-mask-image: url(images/icons/website.svg);
    mask-image: url(images/icons/website.svg);
}

.nav-account-buttons[b-lkztc3zewm] {
    display: flex;
    flex-direction: column;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
    padding-bottom: 12px;
}

    .nav-account-buttons > span[b-lkztc3zewm] {
        font-weight: bold;
        font-size: 16px;
    }

    [b-lkztc3zewm] .nav-account-buttons > :not(:last-child) {
        margin-bottom: 8px;
    }

.nav-login-link[b-lkztc3zewm] {
    margin-bottom: 20px;
}

[b-lkztc3zewm] .nav-account-button {
    margin: 0 auto;
    border: 3px solid transparent;
    border-radius: 36px;
    background-image: none;
    background-color: transparent;
    background: linear-gradient(180deg, #220567 0%, #850071), linear-gradient(to right, #b985fd, #ff00d9);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
}

@media (min-width: 729px) {
    .nav-item-long[b-lkztc3zewm]  a {
        font-size: 16px;
    }
}
/* _content/GrapeWebsite/Components/Layout/PriceContainer.razor.rz.scp.css */
.price-container[b-5lq16cfvow] {
    display: flex;
    justify-content: space-between;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0;
}

.price-container-original-cost[b-5lq16cfvow] {
    position: relative;
    background: var(--red-gradient);
    background-clip: text;
    color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

    .price-container-original-cost[b-5lq16cfvow]::after {
        background: #de3426;
        content: "";
        position: absolute;
        bottom: 50%;
        left: 0;
        height: 2px;
        width: 100%;
    }

.price-container-discounted-cost[b-5lq16cfvow] {
    background: linear-gradient(#c7a5f5, #ff0a86);
    background-clip: text;
    color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.price-container-discount[b-5lq16cfvow] {
    float: right;
    margin-left: 8px;
    background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
    background-clip: text;
    color: transparent;
    text-align: right;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* _content/GrapeWebsite/Components/Layout/ProductGalleryListing.razor.rz.scp.css */
.listing-grid[b-m3c7eh4uoo] {
    display: inline-grid;
    width: 300px !important;
}

.listing-container[b-m3c7eh4uoo] {
    display: inline-grid;
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 4px;
    box-shadow: 0 3px 9px black;
    transition: transform 0.2s;
    cursor: pointer;
}

    .listing-container:hover[b-m3c7eh4uoo], .listing-container:focus[b-m3c7eh4uoo] {
        transform: scale(102%);
    }

    .carousel .listing-container:hover[b-m3c7eh4uoo], .carousel .listing-container:focus[b-m3c7eh4uoo] {
        transform: scale(98%);
    }

.listing-content[b-m3c7eh4uoo] {
    color: #d9d9d9;
    padding: 16px 16px 10px 16px;
}

.listing-container:hover .listing-content[b-m3c7eh4uoo], .listing-container:focus .listing-content[b-m3c7eh4uoo] {
    color: #ff6beb;
}

.thumbnail[b-m3c7eh4uoo] {
    width: 100%;
    border-radius: 16px;
    box-shadow: 0 3px 9px black;
    min-height: 150px;
    object-fit: cover;
}

.thumbnail-container[b-m3c7eh4uoo] {
    position: relative;
}

    .listing-container:hover .thumbnail[b-m3c7eh4uoo], .listing-container:focus .thumbnail[b-m3c7eh4uoo] {
        filter: blur(5px);
    }

.thumbnail-overlay[b-m3c7eh4uoo] {
    display: flex;
    position: absolute;
    bottom: 0;
    opacity: 0;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 16px;
    width: 100%;
    height: 100%;
    transition: 0.5s ease;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .listing-container:hover .thumbnail-overlay[b-m3c7eh4uoo], .listing-container:focus .thumbnail-overlay[b-m3c7eh4uoo] {
        opacity: 1;
    }

.attribute-thumbnail-overlay[b-m3c7eh4uoo] {
    display: flex;
    position: absolute;
    bottom: 0;
    background: transparent;
    border-radius: 16px;
    width: 100%;
    height: 100%;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 8px;
}

[b-m3c7eh4uoo] .thumbnail-overlay-button {
    display: inline-flex;
    margin: 15px 0;
    font-size: 24px;
}

.listing-title[b-m3c7eh4uoo] {
    display: -webkit-box;
    font-size: 20px;
    margin-top: 12px;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

@media (max-width: 944px) {
    .listing-grid:not(.carousel) > .listing-container:hover .thumbnail[b-m3c7eh4uoo], .listing-container:focus .thumbnail[b-m3c7eh4uoo] {
        filter: none;
    }

    .listing-grid:not(.carousel) > .mobile-top-row[b-m3c7eh4uoo] {
        display: flex;
    }

    .listing-grid:not(.carousel) > .thumbnail-overlay[b-m3c7eh4uoo] {
        display: none;
    }

    .listing-grid:not(.carousel) > .attribute-thumbnail-overlay[b-m3c7eh4uoo] {
        display: none;
    }

    .listing-grid:not(.carousel) > .mobile-text-container[b-m3c7eh4uoo] {
        width: 65%;
    }

    .listing-grid:not(.carousel) > .listing-title[b-m3c7eh4uoo] {
        font-size: 150%;
        -webkit-line-clamp: 4;
        line-clamp: 4;
    }

    .listing-grid:not(.carousel) > .cost-container[b-m3c7eh4uoo] {
        margin-top: 8px;
        font-size: 150%;
    }

    .listing-grid:not(.carousel) > .thumbnail-container[b-m3c7eh4uoo] {
        width: 35%;
        margin-right: 15px;
    }

    .listing-grid:not(.carousel) > .listing-title[b-m3c7eh4uoo] {
        margin-top: 0;
    }
}

@media (max-width: 729px) {
    .thumbnail-overlay[b-m3c7eh4uoo] {
        display: none;
    }

    .listing-container:hover .thumbnail[b-m3c7eh4uoo], .listing-container:focus .thumbnail[b-m3c7eh4uoo] {
        filter: none;
    }
}
/* _content/GrapeWebsite/Components/Layout/ProductListingEvent.razor.rz.scp.css */
.listing-additional-information[b-53kf4xc7g8] {
    margin: 0 auto;
    width: 100%;
    font-size: 20px;
    box-shadow: none;
}

    .listing-additional-information tr[b-53kf4xc7g8] {
        display: flex;
        align-items: center;
        margin: 10px 0;
        padding: 10px;
        border-radius: 16px;
        background: linear-gradient(to top, #31313e, #181820);
        box-shadow: inset 0 0 10px black;
    }

    .listing-additional-information td[b-53kf4xc7g8] {
        margin-right: 10px;
        padding: 0;
    }

        .listing-additional-information td:first-child[b-53kf4xc7g8] {
            font-weight: bold;
            width: 25%;
        }

        .listing-additional-information td:last-child[b-53kf4xc7g8] {
            width: 75%;
        }

.listing-event-information[b-53kf4xc7g8] {
    font-size: 16px;
}

    .listing-event-information tr[b-53kf4xc7g8] {
        margin: 10px 5px;
    }

.listing-event-accordion-header[b-53kf4xc7g8] {
    font-weight: bold;
    text-align: center;
    margin-top: 12px;
}

.listing-event-sponsors[b-53kf4xc7g8] {
    margin: 10px 5px;
    padding: 10px;
    border-radius: 16px;
    background: linear-gradient(to top, #31313e, #181820);
    box-shadow: inset 0 0 10px black;
}

    .listing-event-sponsors h1[b-53kf4xc7g8] {
        font-weight: bold;
        font-size: 24px;
        text-align: center;
        text-transform: uppercase;
    }

.listing-event-sponsor-logos[b-53kf4xc7g8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

    .listing-event-sponsor-logos img[b-53kf4xc7g8] {
        max-width: 300px;
        max-height: 100px;
        margin: 10px;
    }

.listing-event-gradient-text[b-53kf4xc7g8] {
    background-clip: text;
    color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.listing-event-green-text[b-53kf4xc7g8] {
    background-image: var(--green-gradient);
}

.listing-event-yellow-text[b-53kf4xc7g8] {
    background-image: var(--yellow-gradient);
}

.listing-event-red-text[b-53kf4xc7g8] {
    background-image: var(--red-gradient);
}

@media (max-width: 729px) {
    .listing-event-information tr[b-53kf4xc7g8] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
}
/* _content/GrapeWebsite/Components/Layout/ProductListingMerchProductGroup.razor.rz.scp.css */
.listing-short-description[b-wq581zsx1q] {
    padding: 10px 0 5px 0;
}

.listing-subproduct-container[b-wq581zsx1q] {
    background: linear-gradient(#31313e, #181820);
    border-radius: 12px;
    box-shadow: 0 3px 9px black;
    padding: 8px;
    margin-top: 15px;
}
/* _content/GrapeWebsite/Components/Layout/ProductListingSubproduct.razor.rz.scp.css */
.listing-add-to-cart-container[b-k88pob611z] {
    margin-top: 15px;
    margin-bottom: 18px;
}

[b-k88pob611z] .listing-add-to-cart-button {
    height: 42px;
    margin-top: -5px;
}

.listing-short-description[b-k88pob611z] {
    padding: 0;
    margin: 12px 0;
}

.listing-preorder-notice[b-k88pob611z] {
    background-image: var(--yellow-gradient);
    background-clip: text;
    color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    font-size: 20px;
    margin: 8px 0 5px 0;
}

.listing-remaining-stock[b-k88pob611z] {
    background-image: var(--green-gradient);
    background-clip: text;
    color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    font-size: 20px;
    margin: 8px 0 5px 0;
}

.listing-low-remaining-stock[b-k88pob611z] {
    background-image: var(--yellow-gradient);
}

.listing-subproduct[b-k88pob611z] {
    margin: 10px 5px;
    padding: 10px;
    border-radius: 16px;
    background: linear-gradient(to top, #31313e, #181820);
    box-shadow: inset 0 0 10px black;
}

.listing-subproduct-info[b-k88pob611z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: bold;
    font-size: 18px;
    height: 60px;
}

.listing-subproduct-thumbnail[b-k88pob611z] {
    max-width: 30px;
    border-radius: 6px;
    box-shadow: 0 3px 9px black;
    margin-right: 8px;
}

.listing-subproduct-name[b-k88pob611z] {
    width: 100%;
    margin-right: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.listing-subproduct-quantity[b-k88pob611z] {
    margin-left: 10px;
}

.listing-subproduct-percentage-discount[b-k88pob611z] {
    background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
    background-clip: text;
    color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.listing-additional-information[b-k88pob611z] {
    margin: 0 auto;
    width: 100%;
    font-size: 20px;
    box-shadow: none;
}

    .listing-additional-information tr[b-k88pob611z] {
        display: flex;
        align-items: center;
        margin: 10px 0;
        padding: 10px;
        border-radius: 16px;
        background: linear-gradient(to top, #31313e, #181820);
        box-shadow: inset 0 0 10px black;
    }

    .listing-additional-information td[b-k88pob611z] {
        margin-right: 10px;
        padding: 0;
    }

        .listing-additional-information td:first-child[b-k88pob611z] {
            font-weight: bold;
            width: 25%;
        }

        .listing-additional-information td:last-child[b-k88pob611z] {
            width: 75%;
        }

.listing-subproduct-interact-container[b-k88pob611z] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    min-width: 235px;
}

.listing-subproduct-measurements[b-k88pob611z] {
    font-size: 14px;
}

.listing-subproduct-icon[b-k88pob611z] {
    content: "\00a0\00a0\00a0";
    height: 22px;
    padding-right: 22px;
    margin-right: 8px;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: var(--subproduct-icon);
    mask-image: var(--subproduct-icon);
}

[b-k88pob611z] .listing-subproduct-link-button {
    margin-left: 5px;
    height: 42px;
}

.listing-subproduct-link-price[b-k88pob611z] {
    font-size: 20px;
    margin-right: 10px;
}

@media (max-width: 729px) {
    .listing-subproduct-info[b-k88pob611z] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        height: unset;
    }

    .listing-subproduct-info > span:last-child[b-k88pob611z] {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: space-between;
    }
}
/* _content/GrapeWebsite/Components/Layout/ProductTypeSelector.razor.rz.scp.css */
.product-type-selector[b-jcpaf0t0tb] {
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0;
    padding: 10px 10px 5px 10px;
    border-radius: 16px;
    background: linear-gradient(to top, #31313e, #181820);
    box-shadow: inset 0 0 10px black;
}

[b-jcpaf0t0tb] .product-type-selector-button {
    color: white;
    background-image: linear-gradient(#a1a1a1, #646464);
    font-size: 12px;
    line-height: 22px;
    border-radius: 5px;
    padding: 0 5px 0 4px;
    margin-right: 5px;
    margin-bottom: 5px;
    box-shadow: 0 1px 4px black;
    transition: none;
}

    [b-jcpaf0t0tb] .product-type-selector-button:hover {
        transform: none;
    }

[b-jcpaf0t0tb] .product-type-selector-button-selected {
    background-image: linear-gradient(#b985fd, #ff00d9);
}

.product-type-selector-request-notice[b-jcpaf0t0tb] {
    margin-left: 5px;
}
/* _content/GrapeWebsite/Components/Layout/RadzenHtmlEditorAddButtonOverlay.razor.rz.scp.css */
.add-button-overlay[b-xfrzufxlbu] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.75);
    z-index: 2;
}

.add-button-container[b-xfrzufxlbu] {
    width: 100%;
    max-width: 700px;
    max-height: calc(100vh - 25px);
    margin: 25px;
    overflow: auto;
    border-radius: 16px;
    border: 3px solid transparent;
    background: linear-gradient(to bottom, #31313e, #181820), linear-gradient(to right, #b985fd, #ff00d9);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    box-shadow: 0 3px 9px black;
    padding: 10px 25px 10px 25px;
    transition-duration: 0.5s;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

.add-button-content[b-xfrzufxlbu] {
    display: flex;
    flex-direction: column;
}

    .add-button-content span[b-xfrzufxlbu] {
        display: flex;
        flex-direction: column;
        margin: 5px 0;
    }

    .add-button-content input[b-xfrzufxlbu] {
        width: 100%;
    }

.add-button-buttons[b-xfrzufxlbu] {
    margin-top: 10px;
    margin-bottom: 5px;
    text-align: right;
}

.add-button-icon[b-xfrzufxlbu]:before {
    content: "\00a0\00a0\00a0";
    width: 2.5rem;
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/button.svg);
    mask-image: url(images/icons/button.svg);
}
/* _content/GrapeWebsite/Components/Layout/RadzenHtmlEditorAddEmailLinkOverlay.razor.rz.scp.css */
.add-email-link-overlay[b-rss2cf8jbk] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.75);
    z-index: 2;
}

.add-email-link-container[b-rss2cf8jbk] {
    width: 100%;
    max-width: 700px;
    max-height: calc(100vh - 25px);
    margin: 25px;
    overflow: auto;
    border-radius: 16px;
    border: 3px solid transparent;
    background: linear-gradient(to bottom, #31313e, #181820), linear-gradient(to right, #b985fd, #ff00d9);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    box-shadow: 0 3px 9px black;
    padding: 10px 25px 10px 25px;
    transition-duration: 0.5s;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

.add-email-link-content[b-rss2cf8jbk] {
    display: flex;
    flex-direction: column;
}

    .add-email-link-content span[b-rss2cf8jbk] {
        display: flex;
        flex-direction: column;
        margin: 5px 0;
    }

    .add-email-link-content input[b-rss2cf8jbk] {
        width: 100%;
    }

.add-email-link-buttons[b-rss2cf8jbk] {
    margin-top: 10px;
    margin-bottom: 5px;
    text-align: right;
}

.email-icon[b-rss2cf8jbk]:before {
    content: "\00a0\00a0\00a0";
    width: 2.5rem;
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/email.svg);
    mask-image: url(images/icons/email.svg);
}
/* _content/GrapeWebsite/Components/Layout/RadzenHtmlEditorAddEmbedOverlay.razor.rz.scp.css */
.add-embed-overlay[b-hvfrrlojyt] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.75);
    z-index: 2;
}

.add-embed-container[b-hvfrrlojyt] {
    width: 100%;
    max-width: 700px;
    max-height: calc(100vh - 25px);
    margin: 25px;
    overflow: auto;
    border-radius: 16px;
    border: 3px solid transparent;
    background: linear-gradient(to bottom, #31313e, #181820), linear-gradient(to right, #b985fd, #ff00d9);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    box-shadow: 0 3px 9px black;
    padding: 10px 25px 10px 25px;
    transition-duration: 0.5s;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

.add-embed-content[b-hvfrrlojyt] {
    display: flex;
    flex-direction: column;
}

    .add-embed-content span[b-hvfrrlojyt] {
        display: flex;
        flex-direction: column;
        margin: 5px 0;
    }

    .add-embed-content input[b-hvfrrlojyt] {
        width: 100%;
    }

.add-embed-buttons[b-hvfrrlojyt] {
    margin-top: 10px;
    margin-bottom: 5px;
    text-align: right;
}

.add-embed-icon[b-hvfrrlojyt]:before {
    content: "\00a0\00a0\00a0";
    width: 2.5rem;
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/code.svg);
    mask-image: url(images/icons/code.svg);
}
/* _content/GrapeWebsite/Components/Layout/RadzenHtmlEditorAddLinkOverlay.razor.rz.scp.css */
.add-link-overlay[b-sepy0zglc7] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.75);
    z-index: 2;
}

.add-link-container[b-sepy0zglc7] {
    width: 100%;
    max-width: 700px;
    max-height: calc(100vh - 25px);
    margin: 25px;
    overflow: auto;
    border-radius: 16px;
    border: 3px solid transparent;
    background: linear-gradient(to bottom, #31313e, #181820), linear-gradient(to right, #b985fd, #ff00d9);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    box-shadow: 0 3px 9px black;
    padding: 10px 25px 10px 25px;
    transition-duration: 0.5s;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

.add-link-content[b-sepy0zglc7] {
    display: flex;
    flex-direction: column;
}

    .add-link-content span[b-sepy0zglc7] {
        display: flex;
        flex-direction: column;
        margin: 5px 0;
    }

    .add-link-content input[b-sepy0zglc7] {
        width: 100%;
    }

.add-link-buttons[b-sepy0zglc7] {
    margin-top: 10px;
    margin-bottom: 5px;
    text-align: right;
}

.add-link-icon[b-sepy0zglc7]:before {
    content: "\00a0\00a0\00a0";
    width: 2.5rem;
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/add-link.svg);
    mask-image: url(images/icons/add-link.svg);
}
/* _content/GrapeWebsite/Components/Layout/RadzenHtmlEditorAddPhoneLinkOverlay.razor.rz.scp.css */
.add-phone-link-overlay[b-p7jg2fu0wd] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.75);
    z-index: 2;
}

.add-phone-link-container[b-p7jg2fu0wd] {
    width: 100%;
    max-width: 700px;
    max-height: calc(100vh - 25px);
    margin: 25px;
    overflow: auto;
    border-radius: 16px;
    border: 3px solid transparent;
    background: linear-gradient(to bottom, #31313e, #181820), linear-gradient(to right, #b985fd, #ff00d9);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    box-shadow: 0 3px 9px black;
    padding: 10px 25px 10px 25px;
    transition-duration: 0.5s;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

.add-phone-link-content[b-p7jg2fu0wd] {
    display: flex;
    flex-direction: column;
}

    .add-phone-link-content span[b-p7jg2fu0wd] {
        display: flex;
        flex-direction: column;
        margin: 5px 0;
    }

    .add-phone-link-content input[b-p7jg2fu0wd] {
        width: 100%;
    }

.add-phone-link-buttons[b-p7jg2fu0wd] {
    margin-top: 10px;
    margin-bottom: 5px;
    text-align: right;
}

.phone-icon[b-p7jg2fu0wd]:before {
    content: "\00a0\00a0\00a0";
    width: 2.5rem;
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/phone.svg);
    mask-image: url(images/icons/phone.svg);
}
/* _content/GrapeWebsite/Components/Layout/RadzenHtmlEditorAddSocialsOverlay.razor.rz.scp.css */
.add-socials-overlay[b-69jg9iurww] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.75);
    z-index: 2;
}

.add-socials-container[b-69jg9iurww] {
    width: 100%;
    max-width: 700px;
    max-height: calc(100vh - 25px);
    margin: 25px;
    overflow: auto;
    border-radius: 16px;
    border: 3px solid transparent;
    background: linear-gradient(to bottom, #31313e, #181820), linear-gradient(to right, #b985fd, #ff00d9);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    box-shadow: 0 3px 9px black;
    padding: 10px 25px 10px 25px;
    transition-duration: 0.5s;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

.add-socials-content[b-69jg9iurww] {
    display: flex;
    flex-direction: column;
}

    .add-socials-content span[b-69jg9iurww] {
        display: flex;
        flex-direction: column;
        margin: 5px 0;
    }

    .add-socials-content input[b-69jg9iurww] {
        width: 100%;
    }

.add-socials-add-title[b-69jg9iurww] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 18px;
}

[b-69jg9iurww] #add-social-button {
    margin-top: 5px;
}

.add-social-platform-icon[b-69jg9iurww] {
    content: "\00a0\00a0\00a0";
    height: 20px;
    padding-right: 20px;
    margin-right: 2px;
    position: relative;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: var(--platform-icon);
    mask-image: var(--platform-icon);
}

.add-socials-buttons[b-69jg9iurww] {
    margin-top: 10px;
    margin-bottom: 5px;
    text-align: right;
}

.add-socials-icon[b-69jg9iurww]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/social.svg);
    mask-image: url(images/icons/social.svg);
}

.plus-icon[b-69jg9iurww]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/plus.svg);
    mask-image: url(images/icons/plus.svg);
}
/* _content/GrapeWebsite/Components/Layout/RadzenHtmlEditorYoutubeOverlay.razor.rz.scp.css */
.youtube-embed-overlay[b-wrgehf4isk] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.75);
    z-index: 2;
}

.youtube-embed-container[b-wrgehf4isk] {
    width: 100%;
    max-width: 700px;
    max-height: calc(100vh - 25px);
    margin: 25px;
    overflow: auto;
    border-radius: 16px;
    border: 3px solid transparent;
    background: linear-gradient(to bottom, #31313e, #181820), linear-gradient(to right, #b985fd, #ff00d9);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    box-shadow: 0 3px 9px black;
    padding: 10px 25px 10px 25px;
    transition-duration: 0.5s;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

.youtube-embed-content[b-wrgehf4isk] {
    display: flex;
    flex-direction: column;
}

    .youtube-embed-content span[b-wrgehf4isk] {
        display: flex;
        flex-direction: column;
        margin: 5px 0;
    }

    .youtube-embed-content input[b-wrgehf4isk] {
        width: 100%;
    }

.youtube-embed-buttons[b-wrgehf4isk] {
    margin-top: 10px;
    margin-bottom: 5px;
    text-align: right;
}

.youtube-icon[b-wrgehf4isk]:before {
    content: "\00a0\00a0\00a0";
    width: 2.5rem;
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/youtube.svg);
    mask-image: url(images/icons/youtube.svg);
}
/* _content/GrapeWebsite/Components/Layout/ShippingDiscountContainer.razor.rz.scp.css */
.shipping-discount-container[b-9dlyjf61wa] {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 0;
}

.shipping-discount-container-discount[b-9dlyjf61wa] {
    background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
    background-clip: text;
    color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* _content/GrapeWebsite/Components/Layout/ShowMoreButton.razor.rz.scp.css */
.show-more[b-gb7opm3kkq] {
    display: flex;
    position: absolute;
    bottom: 0;
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5));
    width: 100%;
    height: 70px;
    transition: 0.5s ease;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
/* _content/GrapeWebsite/Components/Layout/SocialLinks.razor.rz.scp.css */
.social-links[b-zufb8u0jho] {
    max-width: 100%;
    margin: 0 8px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.social-link[b-zufb8u0jho] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--size);
    height: var(--size);
    margin: 0 calc(var(--size) * 0.02);
}

.social-icon[b-zufb8u0jho] {
    width: calc(var(--size) * var(--scale));
    height: calc(var(--size) * var(--scale));
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: var(--social-icon);
    mask-image: var(--social-icon);
}
/* _content/GrapeWebsite/Components/Layout/SuccessNotice.razor.rz.scp.css */
.success-notice-container[b-irlu5ff6mx] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

.success-notice-icon[b-irlu5ff6mx] {
    background: var(--interact-gradient);
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    height: 200px;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-image: url(/images/icons/tick.svg);
    mask-image: url(/images/icons/tick.svg);
}

.success-notice-text[b-irlu5ff6mx] {
    margin-top: 10px;
    font-weight: bold;
    text-align: center;
    font-size: 28px;
}
/* _content/GrapeWebsite/Components/Layout/TagSelector.razor.rz.scp.css */
.tag-selector[b-f0izgyo3my] {
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0;
    padding: 10px 10px 5px 10px;
    border-radius: 16px;
    background: linear-gradient(to top, #31313e, #181820);
    box-shadow: inset 0 0 10px black;
}

[b-f0izgyo3my] .tag-selector-button {
    color: white;
    background-image: linear-gradient(#a1a1a1, #646464);
    font-size: 12px;
    line-height: 22px;
    border-radius: 5px;
    padding: 0 5px 0 4px;
    margin-right: 5px;
    margin-bottom: 5px;
    box-shadow: 0 1px 4px black;
    transition: none;
}

    [b-f0izgyo3my] .tag-selector-button:hover {
        transform: none;
    }

[b-f0izgyo3my] .tag-selector-button-selected {
    background-image: linear-gradient(#b985fd, #ff00d9);
}

.tag-selector-request-notice[b-f0izgyo3my] {
    margin-left: 5px;
}
/* _content/GrapeWebsite/Components/Layout/WebsiteHeader.razor.rz.scp.css */
@keyframes websiteHeaderBackgroundFadeIn-b-ztu25os0z3 {
    0% {
        opacity: 0;
        filter: blur(5px);
    }

    100% {
        opacity: 1;
        filter: blur(0);
    }
}

.website-header[b-ztu25os0z3] {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-bottom: 25px;
    padding-top: 60px;
    padding-bottom: 100px;
    animation: 0.25s ease-out 0s 1 websiteHeaderBackgroundFadeIn-b-ztu25os0z3;
    box-shadow: 0 3px 9px black;
}

.website-text-header[b-ztu25os0z3] {
    padding: 60px 0;
    box-shadow: 0 3px 9px black;
}

@keyframes websiteTitleFadeUp-b-ztu25os0z3 {
    0% {
        opacity: 0;
        filter: blur(5px);
        transform: translateY(25%);
    }

    100% {
        opacity: 1;
        filter: blur(0);
        transform: initial;
    }
}

.website-title[b-ztu25os0z3] {
    color: var(--bs-body-color);
    width: fit-content;
    margin: 0 auto;
    font-size: 3em;
    font-weight: bold;
    text-align: center;
    text-shadow: 8px 8px 5px rgba(0, 0, 0, 0.75);
    animation: 0.25s ease-out 0s 1 websiteTitleFadeUp-b-ztu25os0z3;
}

.website-title-blur[b-ztu25os0z3] {
    color: var(--bs-body-color);
    padding: 10px 25px;
    border-radius: 25px;
    backdrop-filter: brightness(30%) blur(5px);
    box-shadow: 0 1px 4px black;
}

@media (min-width: 729px) {
    .website-title[b-ztu25os0z3] {
        font-size: 4em !important;
    }
}
/* _content/GrapeWebsite/Components/Pages/Account_Articles.razor.rz.scp.css */
.articles[b-fuhtqmlfsx] {
    display: flex;
    flex-direction: column;
    max-width: 900px;
    margin: 0 auto;
}

.article[b-fuhtqmlfsx] {
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 4px;
    margin-bottom: 20px;
    box-shadow: 0 3px 9px black;
    transition: transform 0.2s;
}

    .article:hover[b-fuhtqmlfsx], .article:focus[b-fuhtqmlfsx] {
        transform: scale(101%);
    }

        .article:hover .article-title[b-fuhtqmlfsx], .article:focus .article-title[b-fuhtqmlfsx] {
            color: var(--interact-color-highlight);
        }

    .article:last-child[b-fuhtqmlfsx] {
        margin-bottom: 0;
    }

.article-content[b-fuhtqmlfsx] {
    display: flex;
    align-items: center;
    color: #d9d9d9;
    padding: 16px;
}

.article-thumbnail-container[b-fuhtqmlfsx] {
    width: 200px;
    text-align: center;
    margin-right: 20px;
}

.article-thumbnail[b-fuhtqmlfsx] {
    width: 100%;
    height: 100px;
    border-radius: 16px;
    box-shadow: 0 3px 9px black;
    object-fit: cover;
}

.article-info[b-fuhtqmlfsx] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
}

.article-title[b-fuhtqmlfsx] {
    hyphens: auto;
    word-break: break-word;
    font-weight: bold;
}
/* _content/GrapeWebsite/Components/Pages/Account_Artists.razor.rz.scp.css */
.artists-top-row[b-lsv9edutdp] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
}

    [b-lsv9edutdp] .artists-top-row button {
        height: 42px;
    }

.artists[b-lsv9edutdp] {
    display: flex;
    flex-direction: column;
    max-width: 900px;
    margin: 0 auto;
}

.artist[b-lsv9edutdp] {
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 4px;
    margin-bottom: 20px;
    box-shadow: 0 3px 9px black;
    transition: transform 0.2s;
}

    .artist:hover[b-lsv9edutdp], .artist:focus[b-lsv9edutdp] {
        transform: scale(101%);
    }

        .artist:hover .artist-title[b-lsv9edutdp], .artist:focus .artist-title[b-lsv9edutdp] {
            color: var(--interact-color-highlight);
        }

    .artist:last-child[b-lsv9edutdp] {
        margin-bottom: 0;
    }

.artist-content[b-lsv9edutdp] {
    display: flex;
    align-items: center;
    color: #d9d9d9;
    padding: 16px;
}

    .artist-content h3[b-lsv9edutdp] {
        font-weight: bold;
        width: 50%;
        margin-left: 10px;
        text-align: center;
    }

.artist-thumbnail[b-lsv9edutdp] {
    width: 50%;
    height: 200px;
    border-radius: 16px;
    margin-right: 10px;
    box-shadow: 0 3px 9px black;
    object-fit: cover;
}

.artist-logo[b-lsv9edutdp] {
    width: 50%;
    max-height: 200px;
    margin-left: 10px;
}

.artist-info[b-lsv9edutdp] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
}

.artist-title[b-lsv9edutdp] {
    hyphens: auto;
    word-break: break-word;
    font-weight: bold;
}
/* _content/GrapeWebsite/Components/Pages/Account_Blacklist.razor.rz.scp.css */
.blacklist-container[b-t803ppsr78] {
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 4px;
    margin-bottom: 20px;
    box-shadow: 0 3px 9px black;
}

.blacklist-content[b-t803ppsr78] {
    display: flex;
    flex-direction: column;
    font-weight: bold;
    font-size: 18px;
    padding: 8px;
}

.blacklist-content span[b-t803ppsr78] {
    margin-bottom: 5px;
}
/* _content/GrapeWebsite/Components/Pages/Account_BookingAddons.razor.rz.scp.css */
.booking-addons-menu[b-d6qst4hb3q] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: fit-content;
    margin: 0 auto;
    padding: 0 20px 20px 20px;
    border: 5px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(to bottom, #31313e, #181820), linear-gradient(to right, #b985fd, #ff00d9);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    box-shadow: 0 3px 9px black;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

    .booking-addons-menu a[b-d6qst4hb3q] {
        width: 100%;
    }

    .booking-addons-menu h3[b-d6qst4hb3q] {
        font-weight: bold;
        margin-top: 10px;
        margin-bottom: 0;
    }

[b-d6qst4hb3q] .booking-addons-menu-button {
    width: 100%;
    min-width: 235px;
    margin-top: 10px;
}

.booking-addons-menu-cancel[b-d6qst4hb3q] {
    margin: 10px auto;
    font-size: 20px;
}

.booking-addon-top-row[b-d6qst4hb3q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.booking-addon-controls[b-d6qst4hb3q] {
    display: flex;
    flex-direction: column;
    max-width: 1024px;
    margin: 0 auto;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

    .booking-addon-controls span[b-d6qst4hb3q] {
        margin: 5px 0;
    }

    .booking-addon-controls label[b-d6qst4hb3q] {
        font-size: 20px;
        margin-bottom: 2px;
    }

.booking-addon-container[b-d6qst4hb3q] {
    display: flex;
    flex-direction: column;
    margin: 15px 0;
}

.booking-addon-availability-dates[b-d6qst4hb3q] {
    display: flex;
    flex-direction: row;
}

.booking-addon-discounts[b-d6qst4hb3q] {
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 4px;
    margin: 20px 0;
    box-shadow: 0 3px 9px black;
}

.booking-addon-discounts-content[b-d6qst4hb3q] {
    padding: 8px;
}

.discount-icon[b-d6qst4hb3q]:before {
    content: "\00a0\00a0\00a0";
    width: 2.5rem;
    padding-right: 4px;
    margin-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/discount.svg);
    mask-image: url(images/icons/discount.svg);
}

.booking-addon-discounts-title[b-d6qst4hb3q] {
    font-weight: bold;
    font-size: 20px;
}

.booking-addon-discount[b-d6qst4hb3q] {
    display: flex;
    flex-direction: column;
    margin: 10px 0;
    padding: 10px 10px 5px 10px;
    border-radius: 16px;
    background: linear-gradient(to top, #31313e, #181820);
    box-shadow: inset 0 0 10px black;
}

    .booking-addon-discount span[b-d6qst4hb3q] {
        margin: 5px 0;
    }

    .booking-addon-discount label[b-d6qst4hb3q] {
        margin-right: 5px;
    }

.booking-addon-discounts-buttons[b-d6qst4hb3q] {
    margin-top: 10px;
}

.booking-addon-section[b-d6qst4hb3q] {
    width: 100%;
    display: flex;
    flex-direction: column;
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 4px;
    margin-bottom: 20px;
    box-shadow: 0 3px 9px black;
}

.booking-addon-section-content[b-d6qst4hb3q] {
    padding: 8px;
}

.booking-addon-section-name[b-d6qst4hb3q] {
    font-weight: bold;
    font-size: 40px;
    margin-bottom: 10px;
    text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.75);
}

.booking-addon-section-dropdown[b-d6qst4hb3q] {
    margin-bottom: 5px;
}

.booking-addon-section-list[b-d6qst4hb3q] {
    display: flex;
    flex-wrap: wrap;
    margin-top: 12px;
    margin-bottom: 2px;
    padding: 10px 10px 5px 10px;
    border-radius: 16px;
    background: linear-gradient(to top, #31313e, #181820);
    box-shadow: inset 0 0 10px black;
}

[b-d6qst4hb3q] .booking-addon-section-list button {
    font-size: 12px;
    border-radius: 20px;
    margin-bottom: 8px;
    margin-right: 5px;
}

.category-icon[b-d6qst4hb3q]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 8px;
    margin-right: 6px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/category.svg);
    mask-image: url(images/icons/category.svg);
    text-shadow: none;
}

.door-icon[b-d6qst4hb3q]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 8px;
    margin-right: 6px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/door.svg);
    mask-image: url(images/icons/door.svg);
    text-shadow: none;
}
/* _content/GrapeWebsite/Components/Pages/Account_BookingCalendar.razor.rz.scp.css */
.websites-menu[b-r5zjx7wwal] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: fit-content;
    margin: 0 auto;
    padding: 0 20px 20px 20px;
    border: 5px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(to bottom, #31313e, #181820), linear-gradient(to right, #b985fd, #ff00d9);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    box-shadow: 0 3px 9px black;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

    .websites-menu a[b-r5zjx7wwal] {
        width: 100%;
    }

    .websites-menu h3[b-r5zjx7wwal] {
        font-weight: bold;
        margin-top: 10px;
        margin-bottom: 0;
    }

[b-r5zjx7wwal] .websites-menu-button {
    width: 100%;
    min-width: 235px;
    margin-top: 10px;
}

.bookings-button-container[b-r5zjx7wwal] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1024px;
    margin: 0 auto;
}

    [b-r5zjx7wwal] .bookings-button-container button {
        margin: 2px;
    }

.bookings-container[b-r5zjx7wwal] {
    max-width: 600px;
    margin: 0 auto;
}

.calendar-month-container[b-r5zjx7wwal] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: 25px;
}

    .calendar-month-container a[b-r5zjx7wwal] {
        font-size: 14px;
        width: 80px;
    }

    .calendar-month-container .link-arrow-right[b-r5zjx7wwal] {
        text-align: right;
    }

.calendar-month[b-r5zjx7wwal] {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.calendar[b-r5zjx7wwal] {
    position: relative;
    table-layout: fixed;
    margin: 15px auto 0 auto;
    font-size: 14px;
}

    .calendar tr[b-r5zjx7wwal] {
        height: 40px;
    }

    .calendar th[b-r5zjx7wwal] {
        text-align: center;
        background-image: linear-gradient(180deg, var(--interact-gradient-color1), var(--interact-gradient-color2));
    }

    .calendar td[b-r5zjx7wwal] {
        text-align: center;
        padding: 0;
        background-color: #181820;
    }

.calendar-loading-overlay[b-r5zjx7wwal] {
    display: none;
    align-items: center;
    position: absolute;
    z-index: 500;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    background-color: rgb(0, 0, 0, .5);
}

[b-r5zjx7wwal] .calendar button {
    font-size: 14px;
    width: 100%;
    height: 40px;
    border-radius: 0;
    background: #31313e;
    box-shadow: none;
    transition-duration: 0s;
}

    [b-r5zjx7wwal] .calendar button:hover {
        color: var(--button-text-color) !important;
        background: linear-gradient(180deg, var(--interact-gradient-color1), var(--interact-gradient-color2));
        transform: unset;
    }

[b-r5zjx7wwal] .calendar-selected-day {
    background-image: linear-gradient(180deg, var(--interact-gradient-color1), var(--interact-gradient-color2)) !important;
}

.calendar-invalid-day[b-r5zjx7wwal] {
    opacity: 0.5;
}

.booking-times-container[b-r5zjx7wwal] {
    position: relative;
    margin-top: 25px;
    overflow-x: auto;
}

.booking-times-scroll[b-r5zjx7wwal] {
    width: fit-content;
    height: 500px;
    margin: 0 auto;
    overflow-y: auto;
}

.booking-times-heading[b-r5zjx7wwal] {
    width: max-content;
    margin: 0 auto;
}

.booking-times-heading th[b-r5zjx7wwal] {
    width: 150px;
    text-align: center;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    background-image: linear-gradient(180deg, var(--interact-gradient-color1), var(--interact-gradient-color2));
}

    .booking-times-heading th:last-child[b-r5zjx7wwal] {
        width: calc(150px + var(--scrollbar-width));
        padding-right: calc(10px + var(--scrollbar-width));
    }

.times[b-r5zjx7wwal] {
    width: max-content;
    table-layout: fixed;
    font-size: 14px;
    box-shadow: none;
}

    .times tr[b-r5zjx7wwal] {
        height: 40px;
    }

        .times tr:last-child[b-r5zjx7wwal]  button {
            border-bottom: 1px solid white;
        }

        .times tr:last-child td:first-child[b-r5zjx7wwal]  button {
            border-bottom-left-radius: 16px;
        }

    .times td[b-r5zjx7wwal] {
        width: 150px;
        text-align: center;
        padding: 0;
        background-color: #181820;
    }

[b-r5zjx7wwal] .times button {
    font-size: 14px;
    width: 100%;
    height: 40px;
    border-radius: 0;
    border-left: 1px solid white;
    border-right: 1px solid white;
    background: #31313e;
    box-shadow: none;
    transition-duration: 0s;
}

    [b-r5zjx7wwal] .times button:hover {
        color: var(--button-text-color) !important;
        background: linear-gradient(180deg, var(--interact-gradient-color1), var(--interact-gradient-color2));
        transform: unset;
    }

.bookings-section-container[b-r5zjx7wwal] {
    max-width: 600px;
    margin: 0 auto;
}

.bookings-section[b-r5zjx7wwal] {
    width: 100%;
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 4px;
    margin-top: 15px;
    box-shadow: 0 3px 9px black;
}

    .bookings-section h4[b-r5zjx7wwal] {
        font-weight: bold;
        text-align: center;
        margin: 5px 0;
    }

.bookings-section-content[b-r5zjx7wwal] {
    display: flex;
    flex-direction: column;
    padding: 8px;
}

.bookings-section-row[b-r5zjx7wwal] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    font-weight: bold;
    margin: 10px 0;
    padding: 10px;
    border-radius: 16px;
    background: linear-gradient(to top, #31313e, #181820);
    box-shadow: inset 0 0 10px black;
}

[b-r5zjx7wwal] .bookings-section-row button {
    margin: 2px;
}

[b-r5zjx7wwal] .booking-service-excluded {
    background: linear-gradient(135deg, #614585, #8d0078);
}

.room-unavailable[b-r5zjx7wwal] {
    color: rgb(0, 0, 0, .5);
}

[b-r5zjx7wwal] .selected-button {
    background: linear-gradient(135deg, #614585, #8d0078);
    box-shadow: inset 0 0 10px black;
}

.booking-service-icon[b-r5zjx7wwal]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 4px;
    margin-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    color: transparent;
    background-color: white;
    -webkit-mask-image: var(--service-icon);
    mask-image: var(--service-icon);
}

.category-icon[b-r5zjx7wwal]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 4px;
    margin-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    color: transparent;
    background-color: white;
    -webkit-mask-image: url(images/icons/category.svg);
    mask-image: url(images/icons/category.svg);
}

.door-icon[b-r5zjx7wwal]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 4px;
    margin-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    color: transparent;
    background-color: white;
    -webkit-mask-image: url(images/icons/door.svg);
    mask-image: url(images/icons/door.svg);
}

@media (min-width: 729px) {
    .calendar-month[b-r5zjx7wwal] {
        font-size: 28px;
    }

    .calendar-month-container a[b-r5zjx7wwal] {
        font-size: 18px;
        width: 100px;
    }

    .calendar[b-r5zjx7wwal], [b-r5zjx7wwal] .calendar button {
        font-size: 18px;
    }

    .times[b-r5zjx7wwal], [b-r5zjx7wwal] .times button {
        font-size: 18px;
    }
}
/* _content/GrapeWebsite/Components/Pages/Account_BookingDays.razor.rz.scp.css */
.booking-days-menu[b-bbe1zmc8l8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: fit-content;
    margin: 0 auto;
    padding: 0 20px 20px 20px;
    border: 5px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(to bottom, #31313e, #181820), linear-gradient(to right, #b985fd, #ff00d9);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    box-shadow: 0 3px 9px black;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

    .booking-days-menu a[b-bbe1zmc8l8] {
        width: 100%;
    }

    .booking-days-menu h3[b-bbe1zmc8l8] {
        font-weight: bold;
        margin-top: 10px;
        margin-bottom: 0;
    }

[b-bbe1zmc8l8] .booking-days-menu-button {
    width: 100%;
    min-width: 235px;
    margin-top: 10px;
}

.booking-days-menu-cancel[b-bbe1zmc8l8] {
    margin: 10px auto;
    font-size: 20px;
}

.booking-day-top-row[b-bbe1zmc8l8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.booking-day-controls[b-bbe1zmc8l8] {
    display: flex;
    flex-direction: column;
    max-width: 1024px;
    margin: 0 auto;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

    .booking-day-controls span[b-bbe1zmc8l8] {
        margin: 5px 0;
    }

    .booking-day-controls label[b-bbe1zmc8l8] {
        font-size: 20px;
        margin-bottom: 2px;
    }

.booking-day-container[b-bbe1zmc8l8] {
    display: flex;
    flex-direction: column;
    margin: 15px 0;
}

.booking-day-section[b-bbe1zmc8l8] {
    width: 100%;
    display: flex;
    flex-direction: column;
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 4px;
    margin-bottom: 20px;
    box-shadow: 0 3px 9px black;
}

.booking-day-section-content[b-bbe1zmc8l8] {
    padding: 8px;
}

.booking-day-section-name[b-bbe1zmc8l8] {
    font-weight: bold;
    font-size: 40px;
    margin-bottom: 10px;
    text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.75);
}

.booking-day-section-times[b-bbe1zmc8l8] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.booking-day-section-list[b-bbe1zmc8l8] {
    display: flex;
    flex-wrap: wrap;
    margin-top: 12px;
    margin-bottom: 2px;
    padding: 10px 10px 5px 10px;
    border-radius: 16px;
    background: linear-gradient(to top, #31313e, #181820);
    box-shadow: inset 0 0 10px black;
}

    [b-bbe1zmc8l8] .booking-day-section-list button {
        font-size: 12px;
        border-radius: 20px;
        margin-bottom: 8px;
        margin-right: 5px;
    }

.time-icon[b-bbe1zmc8l8]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 8px;
    margin-right: 6px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/time.svg);
    mask-image: url(images/icons/time.svg);
    text-shadow: none;
}

@media (min-width: 729px) {
    .booking-day-section-times[b-bbe1zmc8l8] {
        flex-direction: row;
    }
}
/* _content/GrapeWebsite/Components/Pages/Account_BookingEarnings.razor.rz.scp.css */
.earnings-top-row[b-uh93pdfeg3] {
    margin-bottom: 25px;
}

.earnings-month-container[b-uh93pdfeg3] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    max-width: 600px;
    margin: 0 auto 25px auto;
}

    .earnings-month-container a[b-uh93pdfeg3] {
        font-size: 14px;
        width: 80px;
    }

    .earnings-month-container .link-arrow-right[b-uh93pdfeg3] {
        text-align: right;
    }

.earnings-month-title[b-uh93pdfeg3] {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.earnings-month[b-uh93pdfeg3] {
    position: relative;
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 4px;
    margin: 0 auto;
    width: 100%;
    max-width: 600px;
    box-shadow: 0 3px 9px black;
    transition: transform 0.25s;
}

.earnings-month-content[b-uh93pdfeg3] {
    display: flex;
    flex-direction: column;
    padding: 16px;
    font-size: 18px;
}

.earnings-month-content > h1[b-uh93pdfeg3] {
    font-weight: bold;
    font-size: 32px;
}

.earnings-month-content > span[b-uh93pdfeg3] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    font-weight: bold;
    margin: 10px 0;
    padding: 10px;
    border-radius: 16px;
    background: linear-gradient(to top, #31313e, #181820);
    box-shadow: inset 0 0 10px black;
}

.earnings-report-container[b-uh93pdfeg3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

    .earnings-report-container input[b-uh93pdfeg3] {
        font-size: 16px;
        width: 100%;
        margin-right: 0;
        margin-bottom: 5px;
    }

    .earnings-report-container[b-uh93pdfeg3]  button {
        font-size: 16px;
        width: 100%;
        height: auto;
    }

.earnings-loading-overlay[b-uh93pdfeg3] {
    display: none;
    align-items: center;
    position: absolute;
    z-index: 500;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    background-color: rgb(0, 0, 0, .5);
}

.red-error-icon[b-uh93pdfeg3]:before {
    content: "\00a0\00a0\00a0";
    width: 2.5rem;
    padding-right: 4px;
    margin-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background: var(--red-gradient);
    -webkit-mask-image: url(images/icons/error.svg);
    mask-image: url(images/icons/error.svg);
}

@media (min-width: 729px) {
    .earnings-month-title[b-uh93pdfeg3] {
        font-size: 28px;
    }

    .earnings-month-container a[b-uh93pdfeg3] {
        font-size: 18px;
        width: 100px;
    }

    .earnings-report-container[b-uh93pdfeg3] {
        flex-direction: row;
    }

        .earnings-report-container input[b-uh93pdfeg3] {
            font-size: 20px;
            margin-right: 5px;
            margin-bottom: 0;
        }

        .earnings-report-container[b-uh93pdfeg3]  button {
            font-size: 1rem;
            height: 42px;
            width: auto;
        }
}
/* _content/GrapeWebsite/Components/Pages/Account_BookingList.razor.rz.scp.css */
.bookings-top-row[b-jgum0ttfud] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.booking[b-jgum0ttfud] {
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 4px;
    margin-bottom: 20px;
    box-shadow: 0 3px 9px black;
}

.booking-content[b-jgum0ttfud] {
    font-weight: bold;
    font-size: 18px;
    padding: 16px;
}

.booking-columns[b-jgum0ttfud] {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
}

.booking-column[b-jgum0ttfud] {
    width: 50%;
}

.booking-section[b-jgum0ttfud] {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 10px;
}

    .booking-section > span[b-jgum0ttfud] {
        overflow-wrap: anywhere;
    }

    [b-jgum0ttfud] .booking-section > button {
        margin: 5px 0;
    }

    [b-jgum0ttfud] .booking-section > a {
        margin: 5px 0;
    }

    .booking-section:last-child[b-jgum0ttfud] {
        margin-bottom: 0;
    }

.booking-title[b-jgum0ttfud] {
    font-weight: bold;
    font-size: 26px;
}

.booking-service-icon[b-jgum0ttfud]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: var(--service-icon);
    mask-image: var(--service-icon);
}

.payment-icon[b-jgum0ttfud]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: var(--payment-icon);
    mask-image: var(--payment-icon);
}

.account-icon[b-jgum0ttfud]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/account.svg);
    mask-image: url(images/icons/account.svg);
}

.yellow-pending-icon[b-jgum0ttfud]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background: var(--yellow-gradient);
    -webkit-mask-image: url(images/icons/pending.svg);
    mask-image: url(images/icons/pending.svg);
}

.red-error-icon[b-jgum0ttfud]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background: var(--red-gradient);
    -webkit-mask-image: url(images/icons/error.svg);
    mask-image: url(images/icons/error.svg);
}

.green-tick-icon[b-jgum0ttfud]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background: var(--green-gradient);
    -webkit-mask-image: url(images/icons/tick.svg);
    mask-image: url(images/icons/tick.svg);
}

.yellow-cross-icon[b-jgum0ttfud]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background: var(--yellow-gradient);
    -webkit-mask-image: url(images/icons/cross.svg);
    mask-image: url(images/icons/cross.svg);
}

.red-cross-icon[b-jgum0ttfud]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background: var(--red-gradient);
    -webkit-mask-image: url(images/icons/cross.svg);
    mask-image: url(images/icons/cross.svg);
}

.address-icon[b-jgum0ttfud]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/address.svg);
    mask-image: url(images/icons/address.svg);
}

.calendar-icon[b-jgum0ttfud]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/calendar.svg);
    mask-image: url(images/icons/calendar.svg);
}

.calendar-clock-icon[b-jgum0ttfud]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 6px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/calendar-clock.svg);
    mask-image: url(images/icons/calendar-clock.svg);
}

.dollar-icon[b-jgum0ttfud]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 9px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/dollar.svg);
    mask-image: url(images/icons/dollar.svg);
}

.door-icon[b-jgum0ttfud]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/door.svg);
    mask-image: url(images/icons/door.svg);
}

.email-icon[b-jgum0ttfud]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/email.svg);
    mask-image: url(images/icons/email.svg);
}

.globe-icon[b-jgum0ttfud]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/globe.svg);
    mask-image: url(images/icons/globe.svg);
}

.hash-icon[b-jgum0ttfud]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/hash.svg);
    mask-image: url(images/icons/hash.svg);
}

.lock-icon[b-jgum0ttfud]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/lock.svg);
    mask-image: url(images/icons/lock.svg);
}

.order-icon[b-jgum0ttfud]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/order.svg);
    mask-image: url(images/icons/order.svg);
}

.organisation-icon[b-jgum0ttfud]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/organisation.svg);
    mask-image: url(images/icons/organisation.svg);
}

.phone-icon[b-jgum0ttfud]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/phone.svg);
    mask-image: url(images/icons/phone.svg);
}

.plus-icon[b-jgum0ttfud]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/plus.svg);
    mask-image: url(images/icons/plus.svg);
}

.time-icon[b-jgum0ttfud]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/time.svg);
    mask-image: url(images/icons/time.svg);
}

@media (max-width: 1200px) {
    .booking-columns[b-jgum0ttfud] {
        flex-direction: column;
    }

    .booking-column[b-jgum0ttfud] {
        width: 100%;
    }

    .booking-section:last-child[b-jgum0ttfud] {
        margin-bottom: 10px;
    }
}
/* _content/GrapeWebsite/Components/Pages/Account_BookingRooms.razor.rz.scp.css */
.booking-rooms-menu[b-kdhtydlewl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: fit-content;
    margin: 0 auto;
    padding: 0 20px 20px 20px;
    border: 5px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(to bottom, #31313e, #181820), linear-gradient(to right, #b985fd, #ff00d9);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    box-shadow: 0 3px 9px black;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

    .booking-rooms-menu a[b-kdhtydlewl] {
        width: 100%;
    }

    .booking-rooms-menu h3[b-kdhtydlewl] {
        font-weight: bold;
        margin-top: 10px;
        margin-bottom: 0;
    }

[b-kdhtydlewl] .booking-rooms-menu-button {
    width: 100%;
    min-width: 235px;
    margin-top: 10px;
}

.booking-rooms-menu-cancel[b-kdhtydlewl] {
    margin: 10px auto;
    font-size: 20px;
}

.booking-room-top-row[b-kdhtydlewl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.booking-room-controls[b-kdhtydlewl] {
    display: flex;
    flex-direction: column;
    max-width: 1024px;
    margin: 0 auto;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

    .booking-room-controls span[b-kdhtydlewl] {
        margin: 5px 0;
    }

    .booking-room-controls label[b-kdhtydlewl] {
        font-size: 20px;
        margin-bottom: 2px;
    }

.booking-room-availability-dates[b-kdhtydlewl] {
    display: flex;
    flex-direction: row;
}

.booking-room-container[b-kdhtydlewl] {
    display: flex;
    flex-direction: column;
    margin: 15px 0;
}

.booking-room-section[b-kdhtydlewl] {
    width: 100%;
    display: flex;
    flex-direction: column;
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 4px;
    margin-bottom: 20px;
    box-shadow: 0 3px 9px black;
}

.booking-room-section-content[b-kdhtydlewl] {
    padding: 8px;
}

.booking-room-section-name[b-kdhtydlewl] {
    font-weight: bold;
    font-size: 40px;
    margin-bottom: 10px;
    text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.75);
}

.booking-room-section-dropdown[b-kdhtydlewl] {
    margin-bottom: 5px;
}

.booking-room-section-list[b-kdhtydlewl] {
    display: flex;
    flex-wrap: wrap;
    margin-top: 12px;
    margin-bottom: 2px;
    padding: 10px 10px 5px 10px;
    border-radius: 16px;
    background: linear-gradient(to top, #31313e, #181820);
    box-shadow: inset 0 0 10px black;
}

    [b-kdhtydlewl] .booking-room-section-list button {
        font-size: 12px;
        border-radius: 20px;
        margin-bottom: 8px;
        margin-right: 5px;
    }

.calendar-icon[b-kdhtydlewl]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 8px;
    margin-right: 6px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/calendar.svg);
    mask-image: url(images/icons/calendar.svg);
    text-shadow: none;
}

.category-icon[b-kdhtydlewl]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 8px;
    margin-right: 6px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/category.svg);
    mask-image: url(images/icons/category.svg);
    text-shadow: none;
}

.email-icon[b-kdhtydlewl]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 8px;
    margin-right: 6px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/email.svg);
    mask-image: url(images/icons/email.svg);
}

.seam-icon[b-kdhtydlewl]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/seam.svg);
    mask-image: url(images/icons/seam.svg);
}

.time-icon[b-kdhtydlewl]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 8px;
    margin-right: 6px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/time.svg);
    mask-image: url(images/icons/time.svg);
    text-shadow: none;
}
/* _content/GrapeWebsite/Components/Pages/Account_BookingServices.razor.rz.scp.css */
.booking-services-menu[b-4jmcrbxquy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: fit-content;
    margin: 0 auto;
    padding: 0 20px 20px 20px;
    border: 5px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(to bottom, #31313e, #181820), linear-gradient(to right, #b985fd, #ff00d9);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    box-shadow: 0 3px 9px black;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

    .booking-services-menu a[b-4jmcrbxquy] {
        width: 100%;
    }

    .booking-services-menu h3[b-4jmcrbxquy] {
        font-weight: bold;
        margin-top: 10px;
        margin-bottom: 0;
    }

[b-4jmcrbxquy] .booking-services-menu-button {
    width: 100%;
    min-width: 235px;
    margin-top: 10px;
}

.booking-services-menu-cancel[b-4jmcrbxquy] {
    margin: 10px auto;
    font-size: 20px;
}

.booking-service-top-row[b-4jmcrbxquy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.booking-service-controls[b-4jmcrbxquy] {
    display: flex;
    flex-direction: column;
    max-width: 1024px;
    margin: 0 auto;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

    .booking-service-controls span[b-4jmcrbxquy] {
        margin: 5px 0;
    }

    .booking-service-controls label[b-4jmcrbxquy] {
        font-size: 20px;
        margin-bottom: 2px;
    }

.booking-service-image-buttons[b-4jmcrbxquy] {
    display: flex;
    justify-content: center;
}

.booking-service-availability-dates[b-4jmcrbxquy] {
    display: flex;
    flex-direction: row;
}

.booking-service-container[b-4jmcrbxquy] {
    display: flex;
    flex-direction: column;
    margin: 15px 0;
}

.booking-service-discounts[b-4jmcrbxquy] {
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 4px;
    margin-top: 20px;
    box-shadow: 0 3px 9px black;
}

.booking-service-discounts-content[b-4jmcrbxquy] {
    padding: 8px;
}

.discount-icon[b-4jmcrbxquy]:before {
    content: "\00a0\00a0\00a0";
    width: 2.5rem;
    padding-right: 4px;
    margin-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/discount.svg);
    mask-image: url(images/icons/discount.svg);
}

.booking-service-discounts-title[b-4jmcrbxquy] {
    font-weight: bold;
    font-size: 20px;
}

.booking-service-discount[b-4jmcrbxquy] {
    display: flex;
    flex-direction: column;
    margin: 10px 0;
    padding: 10px 10px 5px 10px;
    border-radius: 16px;
    background: linear-gradient(to top, #31313e, #181820);
    box-shadow: inset 0 0 10px black;
}

    .booking-service-discount span[b-4jmcrbxquy] {
        margin: 5px 0;
    }

    .booking-service-discount label[b-4jmcrbxquy] {
        margin-right: 5px;
    }

.booking-service-discounts-buttons[b-4jmcrbxquy] {
    margin-top: 10px;
}
/* _content/GrapeWebsite/Components/Pages/Account_Bundles.razor.rz.scp.css */
.inventory-top-row[b-gz5oxtochw] {
    text-align: right;
    margin-bottom: 10px;
}

    [b-gz5oxtochw] .inventory-top-row button {
        height: 42px;
    }

.inventory-listings[b-gz5oxtochw] {
    display: flex;
    flex-direction: column;
    max-width: 900px;
    margin: 0 auto;
}

.inventory-listing[b-gz5oxtochw] {
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 4px;
    margin-bottom: 20px;
    box-shadow: 0 3px 9px black;
}

    .inventory-listing:last-child[b-gz5oxtochw] {
        margin-bottom: 0;
    }

.inventory-listing-content[b-gz5oxtochw] {
    display: flex;
    color: #d9d9d9;
    padding: 16px;
}

.inventory-listing-thumbnail-container[b-gz5oxtochw] {
    width: 150px;
    margin-right: 15px;
}

.inventory-listing-thumbnail[b-gz5oxtochw] {
    width: 100%;
    height: auto;
    border-radius: 16px;
    box-shadow: 0 3px 9px black;
    max-width: 150px;
    object-fit: cover;
}

.inventory-listing-info[b-gz5oxtochw] {
    width: 100%;
}

.inventory-listing-title[b-gz5oxtochw] {
    display: -webkit-box;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.inventory-listing-subproduct-title[b-gz5oxtochw] {
    display: -webkit-box;
    font-weight: bold;
    font-size: 18px;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.inventory-listing-buttons[b-gz5oxtochw] {
    margin-top: 5px;
    margin-bottom: 10px;
}

.inventory-listing-sold[b-gz5oxtochw] {
    box-shadow: none;
}
/* _content/GrapeWebsite/Components/Pages/Account_Categories.razor.rz.scp.css */
.category-container[b-yy7v4g6qcz] {
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 4px;
    margin-bottom: 20px;
    box-shadow: 0 3px 9px black;
}

.category-content[b-yy7v4g6qcz] {
    display: flex;
    padding: 8px;
}

.category-add-title[b-yy7v4g6qcz] {
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    padding: 8px 8px 0 8px;
}

.category-icon-container[b-yy7v4g6qcz] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 215px;
    margin-right: 10px;
}

.category-icon[b-yy7v4g6qcz] {
    width: 205px;
    height: 205px;
    margin: 10px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: var(--category-icon);
    mask-image: var(--category-icon);
}

.category-controls[b-yy7v4g6qcz] {
    display: flex;
    flex-direction: column;
    font-size: 20px;
}

    .category-controls span[b-yy7v4g6qcz] {
        display: flex;
        align-items: center;
        margin: 5px 0;
        height: 42px;
    }

    .category-controls label[b-yy7v4g6qcz] {
        margin-right: 8px;
    }

    .category-controls span:last-child[b-yy7v4g6qcz] {
        margin-top: auto;
        margin-bottom: 0;
    }

    [b-yy7v4g6qcz] .category-controls button {
        margin-right: 5px;
    }

.category-name-counter[b-yy7v4g6qcz] {
    margin-left: 8px;
}

.plus-icon[b-yy7v4g6qcz]:before {
    content: "\00a0\00a0\00a0";
    width: 2.5rem;
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/plus.svg);
    mask-image: url(images/icons/plus.svg);
}
/* _content/GrapeWebsite/Components/Pages/Account_Dashboard.razor.rz.scp.css */
.dashboard-top-row[b-1399wmewd7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}

.dashboard-widgets[b-1399wmewd7] {
    display: grid;
    grid-template-columns: repeat(auto-fill, 300px);
    justify-content: center;
    gap: 30px 30px;
    width: 100%;
    margin: 0 auto;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

.dashboard-widget-grid[b-1399wmewd7] {
    display: inline-grid;
    width: 300px !important;
}

.dashboard-widget[b-1399wmewd7] {
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    height: fit-content;
    padding: 4px;
    margin-bottom: 20px;
    box-shadow: 0 3px 9px black;
}

.dashboard-widget-content[b-1399wmewd7] {
    display: flex;
    flex-direction: column;
    padding: 16px;
}

    .dashboard-widget-content > h1[b-1399wmewd7] {
        font-weight: bold;
        font-size: 32px;
        text-align: center;
    }

.dashboard-widget-section[b-1399wmewd7] {
    margin: 5px 0;
    padding: 10px;
    border-radius: 16px;
    background: linear-gradient(to top, #31313e, #181820);
    box-shadow: inset 0 0 10px black;
}

.dashboard-widget-button-container[b-1399wmewd7] {
    width: 100%;
    margin-top: 5px;
}

    [b-1399wmewd7] .dashboard-widget-button-container button {
        width: 100%;
    }

@media (max-width: 944px) {
    .dashboard-widgets[b-1399wmewd7] {
        grid-template-columns: unset;
    }
}

.calendar-clock-icon[b-1399wmewd7]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 6px;
    margin-right: 8px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/calendar-clock.svg);
    mask-image: url(images/icons/calendar-clock.svg);
    text-shadow: none;
}

.dollar-icon[b-1399wmewd7]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 9px;
    margin-right: 5px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/dollar.svg);
    mask-image: url(images/icons/dollar.svg);
    text-shadow: none;
}

.error-icon[b-1399wmewd7]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 4px;
    margin-right: 8px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/error.svg);
    mask-image: url(images/icons/error.svg);
    text-shadow: none;
}

.shipping-icon[b-1399wmewd7]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 4px;
    margin-right: 8px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/shipping.svg);
    mask-image: url(images/icons/shipping.svg);
    text-shadow: none;
}
/* _content/GrapeWebsite/Components/Pages/Account_Deals.razor.rz.scp.css */
.deal-listings[b-p070rtu91g] {
    display: flex;
    flex-direction: column;
    max-width: 900px;
    margin: 0 auto;
}

.deal-listing[b-p070rtu91g] {
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    color: white;
    padding: 4px;
    margin-bottom: 20px;
    box-shadow: 0 3px 9px black;
    transition: transform 0.2s;
}

    .deal-listing:hover[b-p070rtu91g], .deal-listing:focus[b-p070rtu91g] {
        transform: scale(101%);
    }

    .deal-listing:hover .deal-listing-title[b-p070rtu91g], .deal-listing:focus .deal-listing-title[b-p070rtu91g] {
        color: var(--interact-color-highlight);
    }

    .deal-listing:last-child[b-p070rtu91g] {
        margin-bottom: 0;
    }

.deal-listing-content[b-p070rtu91g] {
    display: flex;
    flex-direction: column;
    color: #d9d9d9;
    padding: 16px;
}

.deal-listing-title[b-p070rtu91g] {
    display: -webkit-box;
    font-weight: bold;
    font-size: 28px;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.deal-listing-notice[b-p070rtu91g] {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.box-icon[b-p070rtu91g]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/box.svg);
    mask-image: url(images/icons/box.svg);
}

.coupon-icon[b-p070rtu91g]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/coupon.svg);
    mask-image: url(images/icons/coupon.svg);
}

.discount-icon[b-p070rtu91g]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/discount.svg);
    mask-image: url(images/icons/discount.svg);
}

.shipping-icon[b-p070rtu91g]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/shipping.svg);
    mask-image: url(images/icons/shipping.svg);
}

.store-icon[b-p070rtu91g]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/store.svg);
    mask-image: url(images/icons/store.svg);
}

.time-icon[b-p070rtu91g]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/time.svg);
    mask-image: url(images/icons/time.svg);
}
/* _content/GrapeWebsite/Components/Pages/Account_Discounts.razor.rz.scp.css */
.discounts-menu[b-8l8cp0hst9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: fit-content;
    margin: 0 auto;
    padding: 0 20px 20px 20px;
    border: 5px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(to bottom, #31313e, #181820), linear-gradient(to right, #b985fd, #ff00d9);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    box-shadow: 0 3px 9px black;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

    .discounts-menu h3[b-8l8cp0hst9] {
        font-weight: bold;
        margin-top: 10px;
        margin-bottom: 0;
    }

[b-8l8cp0hst9] .discounts-menu-button {
    width: 100%;
    min-width: 235px;
    margin-top: 15px;
}
/* _content/GrapeWebsite/Components/Pages/Account_Earnings.razor.rz.scp.css */
.earnings-top-row[b-oukq4bqevh] {
    margin-bottom: 25px;
}

.earnings[b-oukq4bqevh] {
    display: flex;
    flex-direction: column;
}

.earnings-year[b-oukq4bqevh] {
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 4px;
    margin: 0 auto 20px auto;
    width: 100%;
    max-width: 900px;
    box-shadow: 0 3px 9px black;
    transition: transform 0.25s;
}

    .earnings-year:last-child[b-oukq4bqevh] {
        margin-bottom: 0;
    }

.earnings-year-content[b-oukq4bqevh] {
    display: flex;
    flex-direction: column;
    padding: 16px;
    font-size: 18px;
}

.earnings-year-content > h1[b-oukq4bqevh] {
    font-weight: bold;
    font-size: 32px;
}

.dollar-icon[b-oukq4bqevh]:before {
    content: "\00a0\00a0\00a0";
    width: 2.5rem;
    padding-right: 4px;
    margin-right: 4px;
    position: relative;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/dollar.svg);
    mask-image: url(images/icons/dollar.svg);
    text-shadow: none;
}

.date-icon[b-oukq4bqevh]:before {
    content: "\00a0\00a0\00a0";
    width: 2.5rem;
    padding-right: 4px;
    margin-right: 4px;
    position: relative;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/date.svg);
    mask-image: url(images/icons/date.svg);
    text-shadow: none;
}
/* _content/GrapeWebsite/Components/Pages/Account_EditArticle.razor.rz.scp.css */
.edit-page-controls[b-m6ui2czo2h] {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
}

.edit-page-buttons[b-m6ui2czo2h] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

    .edit-page-buttons span[b-m6ui2czo2h] {
        margin: 5px 0;
    }

.edit-page-last-saved[b-m6ui2czo2h] {
    position: relative;
    top: 1px;
    font-weight: bold;
    font-size: 18px;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

#article-title[b-m6ui2czo2h] {
    width: 100%;
    font-size: 28px;
    margin-top: 2px;
    margin-bottom: 5px;
}

#article-title-counter[b-m6ui2czo2h] {
    text-align: right;
    margin-bottom: 25px;
}
/* _content/GrapeWebsite/Components/Pages/Account_EditArtist.razor.rz.scp.css */
.artist-tag-menu[b-h3rtraa2fb] {
    display: flex;
    flex-direction: column;
    width: fit-content;
    margin: 0 auto;
    padding: 0 20px 20px 20px;
    border: 5px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(to bottom, #31313e, #181820), linear-gradient(to right, #b985fd, #ff00d9);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    box-shadow: 0 3px 9px black;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

    .artist-tag-menu h3[b-h3rtraa2fb] {
        text-align: center;
        font-weight: bold;
        margin-top: 10px;
    }

[b-h3rtraa2fb] .add-new-tag-button {
    width: 100%;
    max-width: 300px;
    margin-top: 10px;
}

.edit-page-controls[b-h3rtraa2fb] {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
}

.edit-page-buttons[b-h3rtraa2fb] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

    .edit-page-buttons span[b-h3rtraa2fb] {
        margin: 5px 0;
    }

.edit-page-last-saved[b-h3rtraa2fb] {
    position: relative;
    top: 1px;
    font-weight: bold;
    font-size: 18px;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

.artist-social-platform-icon[b-h3rtraa2fb]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 10px;
    margin-right: 2px;
    position: relative;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: var(--platform-icon);
    mask-image: var(--platform-icon);
}

.artist-social-container[b-h3rtraa2fb] {
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 4px;
    margin-bottom: 20px;
    box-shadow: 0 3px 9px black;
}

.artist-social-content[b-h3rtraa2fb] {
    padding: 8px;
}

.artist-social-add-title[b-h3rtraa2fb] {
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    padding: 8px 8px 0 8px;
}

.artist-social-controls[b-h3rtraa2fb] {
    display: flex;
    flex-direction: column;
    font-size: 20px;
}

    .artist-social-controls span[b-h3rtraa2fb] {
        display: flex;
        align-items: center;
        margin: 5px 0;
        height: 42px;
    }

    .artist-social-controls label[b-h3rtraa2fb] {
        margin-right: 8px;
    }

    .artist-social-controls input[b-h3rtraa2fb] {
        width: 100%;
    }

    .artist-social-controls span:last-child[b-h3rtraa2fb] {
        margin-bottom: 0;
    }

    [b-h3rtraa2fb] .artist-social-controls button {
        margin-right: 5px;
    }

.artist-social-details[b-h3rtraa2fb] {
    display: flex;
    flex-direction: column;
    font-size: 20px;
}

    .artist-social-details span[b-h3rtraa2fb] {
        display: flex;
        align-items: center;
        margin: 5px 0;
    }

    [b-h3rtraa2fb] .artist-social-details button {
        margin-right: 5px;
    }

.artist-embed-container[b-h3rtraa2fb] {
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 4px;
    margin-bottom: 20px;
    box-shadow: 0 3px 9px black;
}

.artist-embed-content[b-h3rtraa2fb] {
    padding: 8px;
}

.artist-embed-add-title[b-h3rtraa2fb] {
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    padding: 8px 8px 0 8px;
}

.artist-embed-controls[b-h3rtraa2fb] {
    display: flex;
    flex-direction: column;
    font-size: 20px;
}

    .artist-embed-controls span[b-h3rtraa2fb] {
        display: flex;
        align-items: center;
        margin: 5px 0;
        height: 42px;
    }

    .artist-embed-controls label[b-h3rtraa2fb] {
        margin-right: 8px;
    }

    .artist-embed-controls input[b-h3rtraa2fb] {
        width: 100%;
    }

    .artist-embed-controls span:last-child[b-h3rtraa2fb] {
        margin-bottom: 0;
    }

    [b-h3rtraa2fb] .artist-embed-controls button {
        margin-right: 5px;
    }

.artist-embed-details[b-h3rtraa2fb] {
    display: flex;
    flex-direction: column;
    font-size: 20px;
}

    .artist-embed-details span[b-h3rtraa2fb] {
        display: flex;
        align-items: center;
        margin: 5px 0;
    }

    [b-h3rtraa2fb] .artist-embed-details button {
        margin-right: 5px;
    }

#artist-title[b-h3rtraa2fb] {
    width: 100%;
    font-size: 28px;
    margin-top: 2px;
    margin-bottom: 5px;
}

#artist-title-counter[b-h3rtraa2fb] {
    text-align: right;
    margin-bottom: 15px;
}

.plus-icon[b-h3rtraa2fb]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/plus.svg);
    mask-image: url(images/icons/plus.svg);
}

.tag-icon[b-h3rtraa2fb]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/tag.svg);
    mask-image: url(images/icons/tag.svg);
}
/* _content/GrapeWebsite/Components/Pages/Account_EditBlacklist.razor.rz.scp.css */
.edit-blacklist-top-row[b-qbaolnleyh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.edit-blacklist-container[b-qbaolnleyh] {
    margin-top: 25px;
}

.edit-blacklist-container span[b-qbaolnleyh] {
    display: flex;
    flex-direction: column;
    margin-bottom: 25px;
}

.edit-blacklist-container label[b-qbaolnleyh] {
    font-size: 20px;
    margin-bottom: 2px;
}
/* _content/GrapeWebsite/Components/Pages/Account_EditBundle.razor.rz.scp.css */
.edit-bundle-top-row[b-1gtzlect2a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}

.edit-bundle-controls[b-1gtzlect2a] {
    display: flex;
    flex-direction: column;
}

    .edit-bundle-controls > span[b-1gtzlect2a] {
        display: flex;
        flex-direction: column;
        margin: 5px 0;
    }

    .edit-bundle-controls label[b-1gtzlect2a] {
        font-size: 20px;
        margin-bottom: 2px;
    }

.edit-bundle-postage-discounts[b-1gtzlect2a] {
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 4px;
    margin-top: 10px;
    margin-bottom: 20px;
    box-shadow: 0 3px 9px black;
}

.edit-bundle-postage-discounts-content[b-1gtzlect2a] {
    padding: 8px;
}

.shipping-icon[b-1gtzlect2a]:before {
    content: "\00a0\00a0\00a0";
    width: 2.5rem;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/shipping.svg);
    mask-image: url(images/icons/shipping.svg);
}

.edit-bundle-postage-discounts-title[b-1gtzlect2a] {
    font-weight: bold;
    font-size: 20px;
}

.edit-bundle-postage-discount[b-1gtzlect2a] {
    display: flex;
    flex-direction: column;
    margin: 10px 0;
    padding: 10px 10px 5px 10px;
    border-radius: 16px;
    background: linear-gradient(to top, #31313e, #181820);
    box-shadow: inset 0 0 10px black;
}

    .edit-bundle-postage-discount span[b-1gtzlect2a] {
        margin: 5px 0;
    }

    .edit-bundle-postage-discount label[b-1gtzlect2a] {
        margin-right: 5px;
    }

.edit-bundle-postage-discount-country-filter[b-1gtzlect2a] {
    border: 1px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 4px;
    margin-bottom: 10px;
    box-shadow: 0 3px 9px black;
}

.edit-bundle-postage-discount-country-filter-content[b-1gtzlect2a] {
    padding: 8px;
}

.search-country-icon[b-1gtzlect2a]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/search-country.svg);
    mask-image: url(images/icons/search-country.svg);
}

.edit-bundle-postage-discount-country-filter-title[b-1gtzlect2a] {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 8px;
}

.edit-bundle-postage-discount-country-dropdown[b-1gtzlect2a] {
    margin-bottom: 5px;
}

.edit-bundle-postage-discount-countries[b-1gtzlect2a] {
    display: flex;
    flex-wrap: wrap;
    margin-top: 12px;
    margin-bottom: 2px;
    padding: 10px 10px 5px 10px;
    border-radius: 16px;
    background: linear-gradient(to top, #31313e, #181820);
    box-shadow: inset 0 0 10px black;
}

[b-1gtzlect2a] .edit-bundle-postage-discount-countries button {
    font-size: 12px;
    border-radius: 20px;
    margin-bottom: 8px;
    margin-right: 5px;
}

.edit-bundle-add-product[b-1gtzlect2a] {
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 4px;
    margin-top: 10px;
    margin-bottom: 20px;
    box-shadow: 0 3px 9px black;
}

.edit-bundle-add-product-content[b-1gtzlect2a] {
    display: flex;
    flex-direction: column;
    padding: 8px;
}

    .edit-bundle-add-product-content > span[b-1gtzlect2a] {
        margin: 5px 0;
    }

.plus-icon[b-1gtzlect2a]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 2px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/plus.svg);
    mask-image: url(images/icons/plus.svg);
}

.edit-bundle-add-product-title[b-1gtzlect2a] {
    font-weight: bold;
    font-size: 24px;
    text-align: center;
}

.bundle-product[b-1gtzlect2a] {
    display: flex;
    align-items: center;
    margin: 10px 0;
    padding: 10px;
    border-radius: 16px;
    background: linear-gradient(to top, #31313e, #181820);
    box-shadow: inset 0 0 10px black;
}

.bundle-product-info[b-1gtzlect2a] {
    display: flex;
    flex-direction: column;
    width: 100%;
    font-size: 20px;
}

    .bundle-product-info > span[b-1gtzlect2a] {
        margin: 5px 0;
    }
/* _content/GrapeWebsite/Components/Pages/Account_EditDeal.razor.rz.scp.css */
.edit-deal-top-row[b-ck360v3ryd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}

.edit-deal-controls[b-ck360v3ryd] {
    display: flex;
    flex-direction: column;
}

    .edit-deal-controls > span[b-ck360v3ryd] {
        display: flex;
        flex-direction: column;
        margin: 5px 0;
    }

    .edit-deal-controls label[b-ck360v3ryd] {
        font-size: 20px;
        margin-right: 5px;
        margin-bottom: 2px;
    }

#deal-notice-counter[b-ck360v3ryd] {
    margin-top: 5px;
    text-align: right;
}

.edit-deal-filter[b-ck360v3ryd] {
    border: 1px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    margin-top: 10px;
    padding: 4px;
    margin-bottom: 10px;
    box-shadow: 0 3px 9px black;
}

.edit-deal-filter-content[b-ck360v3ryd] {
    padding: 8px;
}

.edit-deal-filter-title[b-ck360v3ryd] {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 8px;
}

.edit-deal-filter-dropdown[b-ck360v3ryd] {
    margin-bottom: 5px;
}

.edit-deal-filter-selections[b-ck360v3ryd] {
    display: flex;
    flex-wrap: wrap;
    margin-top: 12px;
    margin-bottom: 2px;
    padding: 10px 10px 5px 10px;
    border-radius: 16px;
    background: linear-gradient(to top, #31313e, #181820);
    box-shadow: inset 0 0 10px black;
}

    [b-ck360v3ryd] .edit-deal-filter-selections button {
        font-size: 12px;
        border-radius: 20px;
        margin-bottom: 8px;
        margin-right: 5px;
    }

.search-country-icon[b-ck360v3ryd]:before {
    content: "\00a0\00a0\00a0";
    width: 2.5rem;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/search-country.svg);
    mask-image: url(images/icons/search-country.svg);
}
/* _content/GrapeWebsite/Components/Pages/Account_EditEvent.razor.rz.scp.css */
.edit-event-top-row[b-svvrogltrb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.edit-event-controls[b-svvrogltrb] {
    display: flex;
    flex-direction: column;
}

    .edit-event-controls > span[b-svvrogltrb] {
        display: flex;
        flex-direction: column;
        margin: 5px 0;
    }

    .edit-event-controls label[b-svvrogltrb] {
        font-size: 20px;
        margin-bottom: 2px;
    }

.edit-event-image-selector-buttons[b-svvrogltrb] {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-top: 50px;
    margin-bottom: 30px;
}

.edit-event-subevent[b-svvrogltrb] {
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 4px;
    margin-bottom: 20px;
    box-shadow: 0 3px 9px black;
}

.edit-event-subevent-content[b-svvrogltrb] {
    display: flex;
    flex-direction: column;
    padding: 8px;
}

    .edit-event-subevent-content > span[b-svvrogltrb] {
        margin: 5px 0;
    }

    .edit-event-subevent-content label[b-svvrogltrb] {
        margin-bottom: 0;
    }

    .edit-event-subevent-content input[type=text][b-svvrogltrb] {
        width: 100%;
    }

.edit-event-subevent-ticket[b-svvrogltrb] {
    display: flex;
    align-items: center;
    margin: 10px 0;
    padding: 10px;
    border-radius: 16px;
    background: linear-gradient(to top, #31313e, #181820);
    box-shadow: inset 0 0 10px black;
}

.edit-event-subevent-ticket-info[b-svvrogltrb] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

    .edit-event-subevent-ticket-info input[type=text][b-svvrogltrb] {
        width: 100%;
    }

    .edit-event-subevent-ticket-info > span[b-svvrogltrb] {
        margin: 5px 0;
    }

.edit-event-subevent-tickets-buttons[b-svvrogltrb] {
    margin: 15px 0;
}

.edit-event-add-sponsor[b-svvrogltrb] {
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 4px;
    margin-bottom: 20px;
    box-shadow: 0 3px 9px black;
}

.edit-event-add-sponsor-content[b-svvrogltrb] {
    display: flex;
    flex-direction: column;
    padding: 8px;
}

    .edit-event-add-sponsor-content input[type=text][b-svvrogltrb] {
        width: 100%;
    }

    .edit-event-add-sponsor-content > span[b-svvrogltrb] {
        margin: 5px 0;
    }

.edit-event-add-sponsor-title[b-svvrogltrb] {
    text-align: center;
    font-weight: bold;
    font-size: 24px;
}

.plus-icon[b-svvrogltrb]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/plus.svg);
    mask-image: url(images/icons/plus.svg);
}

.edit-event-subevent-sponsor[b-svvrogltrb] {
    display: flex;
    align-items: center;
    margin: 10px 0;
    padding: 10px;
    border-radius: 16px;
    background: linear-gradient(to top, #31313e, #181820);
    box-shadow: inset 0 0 10px black;
}

    .edit-event-subevent-sponsor img[b-svvrogltrb] {
        width: 100%;
    }

.edit-event-subevent-sponsor-info[b-svvrogltrb] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

    .edit-event-subevent-sponsor-info img[b-svvrogltrb] {
        max-width: 500px;
        margin: 0 auto;
    }

.edit-event-subevent-sponsor-text[b-svvrogltrb] {
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    margin: 15px 0;
}
/* _content/GrapeWebsite/Components/Pages/Account_EditFAQ.razor.rz.scp.css */
.edit-faq-details[b-9o4rrvowe9] {
    display: flex;
    flex-direction: column;
}

.edit-faq-top-row[b-9o4rrvowe9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .edit-faq-details span[b-9o4rrvowe9] {
        margin: 5px 0;
    }
    
    .edit-faq-details label[b-9o4rrvowe9] {
        font-size: 20px;
        margin-left: 0;
        margin-right: 8px;
    }

.edit-faq-inputs[b-9o4rrvowe9] {
    margin-top: 10px;
}

.edit-faq-input[b-9o4rrvowe9] {
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 4px;
    margin-bottom: 20px;
    box-shadow: 0 3px 9px black;
}

    .edit-faq-input span[b-9o4rrvowe9] {
        display: flex;
        align-items: center;
        margin: 10px 0;
    }

    .edit-faq-input span:last-child[b-9o4rrvowe9] {
        margin-bottom: 0;
    }

    .edit-faq-input label[b-9o4rrvowe9] {
        margin-right: 8px;
    }

    .edit-faq-input input[type=text][b-9o4rrvowe9] {
        width: 100%;
    }

.edit-faq-input-content[b-9o4rrvowe9] {
    padding: 8px;
}

.edit-faq-input-title[b-9o4rrvowe9] {
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    padding: 8px 8px 0 8px;
}

.edit-faq-input-columns[b-9o4rrvowe9] {
    display: flex;
    align-items: center;
}

.plus-icon[b-9o4rrvowe9] {
    display: unset!important;
}

.plus-icon[b-9o4rrvowe9]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/plus.svg);
    mask-image: url(images/icons/plus.svg);
}
/* _content/GrapeWebsite/Components/Pages/Account_EditHistory.razor.rz.scp.css */
.edit-history-top-row[b-b8u6ouu5yj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.edit-history-controls[b-b8u6ouu5yj] {
    display: flex;
    flex-direction: column;
}

    .edit-history-controls > span[b-b8u6ouu5yj] {
        display: flex;
        flex-direction: column;
        margin: 5px 0;
    }

    .edit-history-controls label[b-b8u6ouu5yj] {
        font-size: 20px;
        margin-bottom: 2px;
    }
/* _content/GrapeWebsite/Components/Pages/Account_EditHomepage.razor.rz.scp.css */
.edit-page-buttons[b-9spj7cu70t] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.edit-page-last-saved[b-9spj7cu70t] {
    position: relative;
    top: 1px;
    font-weight: bold;
    font-size: 18px;
    margin-right: 12px;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

.edit-page-controls[b-9spj7cu70t] {
    display: flex;
    flex-direction: column;
}

    .edit-page-controls > span[b-9spj7cu70t] {
        display: flex;
        flex-direction: column;
        margin: 5px 0;
    }

    .edit-page-controls label[b-9spj7cu70t] {
        font-size: 20px;
        margin-bottom: 2px;
    }
/* _content/GrapeWebsite/Components/Pages/Account_EditHostWebsite.razor.rz.scp.css */
.edit-website-mode-container[b-a9r2aqkd4z] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

    .edit-website-mode-container > label[b-a9r2aqkd4z] {
        font-weight: bold;
        font-size: 20px;
    }

.edit-website-category-title[b-a9r2aqkd4z] {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.edit-website-category-divider[b-a9r2aqkd4z] {
    margin-top: 38px;
    margin-bottom: 30px;
}

.edit-website-domain-container[b-a9r2aqkd4z] {
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 4px;
    margin-bottom: 20px;
    box-shadow: 0 3px 9px black;
}

.edit-website-domain-content[b-a9r2aqkd4z] {
    padding: 8px;
}

.edit-website-domain-add-title[b-a9r2aqkd4z] {
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    padding: 8px 8px 0 8px;
}

.edit-website-domain-controls[b-a9r2aqkd4z] {
    display: flex;
    flex-direction: column;
    font-size: 20px;
}

    .edit-website-domain-controls span[b-a9r2aqkd4z] {
        display: flex;
        align-items: center;
        margin: 5px 0;
        height: 42px;
    }

    .edit-website-domain-controls label[b-a9r2aqkd4z] {
        margin-right: 8px;
    }

    .edit-website-domain-controls input[b-a9r2aqkd4z] {
        width: 100%;
    }

    .edit-website-domain-controls span:last-child[b-a9r2aqkd4z] {
        margin-bottom: 0;
    }

    [b-a9r2aqkd4z] .edit-website-domain-controls button {
        margin-right: 5px;
    }

.edit-website-domain-details[b-a9r2aqkd4z] {
    display: flex;
    flex-direction: column;
    font-size: 20px;
}

    .edit-website-domain-details span[b-a9r2aqkd4z] {
        display: flex;
        align-items: center;
        margin: 5px 0;
    }

    [b-a9r2aqkd4z] .edit-website-domain-details button {
        margin-right: 5px;
    }

.edit-website-social-platform-icon[b-a9r2aqkd4z]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 10px;
    margin-right: 2px;
    position: relative;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: var(--platform-icon);
    mask-image: var(--platform-icon);
}

.edit-website-social-container[b-a9r2aqkd4z] {
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 4px;
    margin-bottom: 20px;
    box-shadow: 0 3px 9px black;
}

.edit-website-social-content[b-a9r2aqkd4z] {
    padding: 8px;
}

.edit-website-social-add-title[b-a9r2aqkd4z] {
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    padding: 8px 8px 0 8px;
}

.edit-website-social-controls[b-a9r2aqkd4z] {
    display: flex;
    flex-direction: column;
    font-size: 20px;
}

    .edit-website-social-controls span[b-a9r2aqkd4z] {
        display: flex;
        align-items: center;
        margin: 5px 0;
        height: 42px;
    }

    .edit-website-social-controls label[b-a9r2aqkd4z] {
        margin-right: 8px;
    }

    .edit-website-social-controls input[b-a9r2aqkd4z] {
        width: 100%;
    }

    .edit-website-social-controls span:last-child[b-a9r2aqkd4z] {
        margin-bottom: 0;
    }

    [b-a9r2aqkd4z] .edit-website-social-controls button {
        margin-right: 5px;
    }

.edit-website-social-details[b-a9r2aqkd4z] {
    display: flex;
    flex-direction: column;
    font-size: 20px;
}

    .edit-website-social-details span[b-a9r2aqkd4z] {
        display: flex;
        align-items: center;
        margin: 5px 0;
    }

    [b-a9r2aqkd4z] .edit-website-social-details button {
        margin-right: 5px;
    }

.plus-icon[b-a9r2aqkd4z]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 8px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/plus.svg);
    mask-image: url(images/icons/plus.svg);
}

.redirect-icon[b-a9r2aqkd4z]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 4px;
    margin-right: 8px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/redirect.svg);
    mask-image: url(images/icons/redirect.svg);
    text-shadow: none;
}

.social-icon[b-a9r2aqkd4z]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 4px;
    margin-right: 8px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/social.svg);
    mask-image: url(images/icons/social.svg);
    text-shadow: none;
}
/* _content/GrapeWebsite/Components/Pages/Account_EditMember.razor.rz.scp.css */
.edit-member-top-row[b-98ca7m4gm6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}

.edit-member-controls[b-98ca7m4gm6] {
    display: flex;
    flex-direction: column;
}

    .edit-member-controls > span[b-98ca7m4gm6] {
        display: flex;
        flex-direction: column;
        margin: 5px 0;
    }

    .edit-member-controls label[b-98ca7m4gm6] {
        font-size: 20px;
        margin-bottom: 2px;
    }
/* _content/GrapeWebsite/Components/Pages/Account_EditMerchProduct.razor.rz.scp.css */
.add-product-menu[b-tcctssq6hf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: fit-content;
    margin: 0 auto;
    padding: 0 20px 20px 20px;
    border: 5px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(to bottom, #31313e, #181820), linear-gradient(to right, #b985fd, #ff00d9);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    box-shadow: 0 3px 9px black;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

    .add-product-menu h3[b-tcctssq6hf] {
        font-weight: bold;
        margin-top: 10px;
        margin-bottom: 0;
    }

[b-tcctssq6hf] .add-product-menu-button {
    width: 100%;
    min-width: 235px;
    margin-top: 8px;
}

    [b-tcctssq6hf] .add-product-menu-button:first-child {
        margin-top: 15px;
    }

.add-product-menu-cancel[b-tcctssq6hf] {
    cursor: pointer;
    margin: 20px auto 0 0;
    font-size: 20px;
}

.add-product-top-row[b-tcctssq6hf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.add-product-image-upload-container[b-tcctssq6hf] {
    display: flex;
    justify-content: space-evenly;
}

.add-product-details-container[b-tcctssq6hf] {
    display: flex;
    flex-direction: column;
    max-width: 1024px;
    margin: 0 auto;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

.add-product-details-row[b-tcctssq6hf] {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 15px;
}

.types-icon[b-tcctssq6hf]:before {
    content: "\00a0\00a0\00a0";
    width: 2.5rem;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/types.svg);
    mask-image: url(images/icons/types.svg);
}

.add-product-subproducts[b-tcctssq6hf] {
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 4px;
    margin-bottom: 20px;
    box-shadow: 0 3px 9px black;
}

.add-product-subproducts-content[b-tcctssq6hf] {
    padding: 8px;
}

.add-product-subproducts-title[b-tcctssq6hf] {
    font-weight: bold;
    font-size: 20px;
}

.add-product-subproduct[b-tcctssq6hf] {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 10px 0;
    padding: 10px;
    border-radius: 16px;
    background: linear-gradient(to top, #31313e, #181820);
    box-shadow: inset 0 0 10px black;
}

    .add-product-subproduct span[b-tcctssq6hf] {
        margin: 5px 0;
    }

    .add-product-subproduct label[b-tcctssq6hf] {
        font-weight: bold;
        margin-right: 5px;
    }

.add-product-subproducts-buttons[b-tcctssq6hf] {
    margin-top: 10px;
}

.variant-measurements[b-tcctssq6hf] {
    border: 1px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 4px;
    margin: 10px 0;
    box-shadow: 0 3px 9px black;
}

.variant-measurements-content[b-tcctssq6hf] {
    padding: 8px;
}

.variant-measurements-title[b-tcctssq6hf] {
    font-weight: bold;
    font-size: 18px;
}

.variant-measurement[b-tcctssq6hf] {
    margin: 10px 0;
    padding: 10px;
    border-radius: 16px;
    background: linear-gradient(to top, #31313e, #181820);
    box-shadow: inset 0 0 10px black;
}

    .variant-measurement label[b-tcctssq6hf] {
        margin-right: 0;
    }

.measure-icon[b-tcctssq6hf]:before {
    content: "\00a0\00a0\00a0";
    width: 2.5rem;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/measure.svg);
    mask-image: url(images/icons/measure.svg);
}

.add-product-measurement-names[b-tcctssq6hf] {
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 4px;
    margin-bottom: 20px;
    box-shadow: 0 3px 9px black;
}

.add-product-measurement-names-content[b-tcctssq6hf] {
    padding: 8px;
}

.add-product-measurement-names-title[b-tcctssq6hf] {
    font-weight: bold;
    font-size: 20px;
}

.add-product-measurement-name[b-tcctssq6hf] {
    display: flex;
    flex-direction: column;
    margin: 10px 0;
    padding: 10px 10px 5px 10px;
    border-radius: 16px;
    background: linear-gradient(to top, #31313e, #181820);
    box-shadow: inset 0 0 10px black;
}

    .add-product-measurement-name span[b-tcctssq6hf] {
        margin: 5px 0;
    }

    .add-product-measurement-name label[b-tcctssq6hf] {
        margin-right: 5px;
    }

.add-product-measurement-names-buttons[b-tcctssq6hf] {
    margin-top: 10px;
}

.add-product-discounts[b-tcctssq6hf] {
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 4px;
    margin-bottom: 20px;
    box-shadow: 0 3px 9px black;
}

.add-product-discounts-content[b-tcctssq6hf] {
    padding: 8px;
}

.discount-icon[b-tcctssq6hf]:before {
    content: "\00a0\00a0\00a0";
    width: 2.5rem;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/discount.svg);
    mask-image: url(images/icons/discount.svg);
}

.add-product-discounts-title[b-tcctssq6hf] {
    font-weight: bold;
    font-size: 20px;
}

.add-product-discount[b-tcctssq6hf] {
    display: flex;
    flex-direction: column;
    margin: 10px 0;
    padding: 10px 10px 5px 10px;
    border-radius: 16px;
    background: linear-gradient(to top, #31313e, #181820);
    box-shadow: inset 0 0 10px black;
}

    .add-product-discount span[b-tcctssq6hf] {
        margin: 5px 0;
    }
    
    .add-product-discount label[b-tcctssq6hf] {
        margin-right: 5px;
    }

.add-product-discounts-buttons[b-tcctssq6hf] {
    margin-top: 10px;
}

.add-product-postage-discounts[b-tcctssq6hf] {
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 4px;
    margin-bottom: 20px;
    box-shadow: 0 3px 9px black;
}

.add-product-postage-discounts-content[b-tcctssq6hf] {
    padding: 8px;
}

.shipping-icon[b-tcctssq6hf]:before {
    content: "\00a0\00a0\00a0";
    width: 2.5rem;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/shipping.svg);
    mask-image: url(images/icons/shipping.svg);
}

.add-product-postage-discounts-title[b-tcctssq6hf] {
    font-weight: bold;
    font-size: 20px;
}

.add-product-postage-discount[b-tcctssq6hf] {
    display: flex;
    flex-direction: column;
    margin: 10px 0;
    padding: 10px 10px 5px 10px;
    border-radius: 16px;
    background: linear-gradient(to top, #31313e, #181820);
    box-shadow: inset 0 0 10px black;
}

    .add-product-postage-discount span[b-tcctssq6hf] {
        margin: 5px 0;
    }

    .add-product-postage-discount label[b-tcctssq6hf] {
        margin-right: 5px;
    }

.add-product-postage-discount-country-filter[b-tcctssq6hf] {
    border: 1px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 4px;
    margin-bottom: 10px;
    box-shadow: 0 3px 9px black;
}

.add-product-postage-discount-country-filter-content[b-tcctssq6hf] {
    padding: 8px;
}

.search-country-icon[b-tcctssq6hf]:before {
    content: "\00a0\00a0\00a0";
    width: 2.5rem;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/search-country.svg);
    mask-image: url(images/icons/search-country.svg);
}

.add-product-postage-discount-country-filter-title[b-tcctssq6hf] {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 8px;
}

.add-product-postage-discount-country-dropdown[b-tcctssq6hf] {
    margin-bottom: 5px;
}

.add-product-postage-discount-countries[b-tcctssq6hf] {
    display: flex;
    flex-wrap: wrap;
    margin-top: 12px;
    margin-bottom: 2px;
    padding: 10px 10px 5px 10px;
    border-radius: 16px;
    background: linear-gradient(to top, #31313e, #181820);
    box-shadow: inset 0 0 10px black;
}

    [b-tcctssq6hf] .add-product-postage-discount-countries button {
        font-size: 12px;
        border-radius: 20px;
        margin-bottom: 8px;
        margin-right: 5px;
    }

.add-product-postage-discounts-buttons[b-tcctssq6hf] {
    margin-top: 10px;
}

.add-product-details-short-description-counter[b-tcctssq6hf] {
    text-align: right;
    margin-top: 5px;
}

.add-product-details-availability-dates[b-tcctssq6hf] {
    display: flex;
    flex-direction: row;
}

.listing-additional-information[b-tcctssq6hf] {
    margin: 0 auto;
    width: 100%;
    font-size: 20px;
    box-shadow: none;
}

    .listing-additional-information textarea[b-tcctssq6hf] {
        width: 100%;
    }

    .listing-additional-information tr[b-tcctssq6hf] {
        display: flex;
        align-items: center;
        margin: 10px 0;
        padding: 10px;
        border-radius: 16px;
        background: linear-gradient(to top, #31313e, #181820);
        box-shadow: inset 0 0 10px black;
    }

    .listing-additional-information td[b-tcctssq6hf] {
        display: flex;
        align-items: center;
        margin: 0 5px;
        padding: 0;
    }

.add-product-details-textarea-row[b-tcctssq6hf] {
    flex-direction: column;
    align-items: stretch;
}

.add-product-details-category[b-tcctssq6hf]:before {
    content: "\00a0\00a0\00a0";
    width: 0.9rem;
    padding-right: 10px;
    margin-right: 2px;
    position: relative;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: var(--category-icon);
    mask-image: var(--category-icon);
}

.squareup-icon[b-tcctssq6hf]:before {
    content: "\00a0\00a0\00a0";
    width: 0.9rem;
    padding-right: 10px;
    margin-right: 2px;
    position: relative;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/squareup.svg);
    mask-image: url(images/icons/squareup.svg);
}

.add-product-details-row label[b-tcctssq6hf] {
    margin-left: 0;
    margin-right: 15px;
    font-size: 20px;
    font-weight: bold;
}

.add-product-details-row input[type=text][b-tcctssq6hf] {
    width: 100%;
}
/* _content/GrapeWebsite/Components/Pages/Account_EditOrder.razor.rz.scp.css */
.edit-order-top-row[b-4263a2x6zr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.edit-order-controls[b-4263a2x6zr] {
    display: flex;
    flex-direction: column;
}

    .edit-order-controls > h1[b-4263a2x6zr] {
        font-weight: bold;
        margin-top: 15px;
        margin-bottom: 0;
    }

    .edit-order-controls > span[b-4263a2x6zr] {
        display: flex;
        flex-direction: column;
        margin: 5px 0;
    }

    .edit-order-controls label[b-4263a2x6zr] {
        font-weight: bold;
        font-size: 18px;
    }

.edit-order-columns[b-4263a2x6zr] {
    display: flex;
    flex-direction: row !important;
}

    .edit-order-columns > div[b-4263a2x6zr] {
        display: flex;
        flex-direction: column;
        width: 50%;
    }

    .edit-order-columns > div:first-child[b-4263a2x6zr] {
        margin-right: 5px;
    }

    .edit-order-columns > div:last-child[b-4263a2x6zr] {
        margin-left: 5px;
    }

.edit-order-add-title[b-4263a2x6zr] {
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    padding: 0 8px 8px 8px;
}

.edit-order-purchase[b-4263a2x6zr], .edit-order-package[b-4263a2x6zr] {
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 4px;
    margin: 5px 0;
    box-shadow: 0 3px 9px black;
}

.edit-order-purchase-content[b-4263a2x6zr], .edit-order-package-content[b-4263a2x6zr] {
    display: flex;
    flex-direction: column;
    font-weight: bold;
    font-size: 18px;
    padding: 16px;
}

    .edit-order-purchase-content > span[b-4263a2x6zr], .edit-order-package-content > span[b-4263a2x6zr] {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin: 5px 0;
    }

    .edit-order-purchase-content label[b-4263a2x6zr], .edit-order-package-content label[b-4263a2x6zr] {
        margin-right: 8px;
    }

.edit-order-search-results[b-4263a2x6zr] {
    display: flex;
    flex-direction: column;
}

    [b-4263a2x6zr] .edit-order-search-results > button {
        font-size: 12px;
        width: fit-content;
        text-align: left;
        border-radius: 20px;
        margin: 5px 0;
    }

    [b-4263a2x6zr] .edit-order-search-results > button:first-child {
        margin-top: 10px;
    }

.edit-order-purchase-details[b-4263a2x6zr] {
    margin-bottom: 10px;
}

.edit-order-purchase-thumbnail[b-4263a2x6zr] {
    border-radius: 8px;
    width: 60px;
    margin-right: 10px;
    box-shadow: 0 3px 9px black;
}

.edit-order-purchase-deal[b-4263a2x6zr] {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    margin-left: 15px;
}

.edit-order-purchase-deal-title[b-4263a2x6zr] {
    display: -webkit-box;
    flex-grow: 1;
    text-align: left !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.edit-order-purchase-deal-icon[b-4263a2x6zr]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: var(--deal-icon);
    mask-image: var(--deal-icon);
}

.box-icon[b-4263a2x6zr]:before {
    content: "\00a0\00a0\00a0";
    width: 2.5rem;
    padding-right: 4px;
    margin-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/box.svg);
    mask-image: url(images/icons/box.svg);
    text-shadow: none;
}

.cart-purchased-icon[b-4263a2x6zr]:before {
    content: "\00a0\00a0\00a0";
    width: 2.5rem;
    padding-right: 4px;
    margin-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/cart-purchased.svg);
    mask-image: url(images/icons/cart-purchased.svg);
    text-shadow: none;
}

.order-icon[b-4263a2x6zr]:before {
    content: "\00a0\00a0\00a0";
    width: 2.5rem;
    padding-right: 4px;
    margin-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/order.svg);
    mask-image: url(images/icons/order.svg);
    text-shadow: none;
}

.plus-icon[b-4263a2x6zr]:before {
    content: "\00a0\00a0\00a0";
    width: 2.5rem;
    padding-right: 4px;
    margin-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/plus.svg);
    mask-image: url(images/icons/plus.svg);
    text-shadow: none;
}

.shipping-icon[b-4263a2x6zr]:before {
    content: "\00a0\00a0\00a0";
    width: 2.5rem;
    padding-right: 4px;
    margin-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/shipping.svg);
    mask-image: url(images/icons/shipping.svg);
    text-shadow: none;
}
/* _content/GrapeWebsite/Components/Pages/Account_EditOrganisation.razor.rz.scp.css */
.edit-organisation-top-row[b-b8jjux3wfa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}

.edit-organisation-controls[b-b8jjux3wfa] {
    display: flex;
    flex-direction: column;
}

    .edit-organisation-controls > span[b-b8jjux3wfa] {
        display: flex;
        flex-direction: column;
        margin: 5px 0;
    }

    .edit-organisation-controls label[b-b8jjux3wfa] {
        font-size: 20px;
        margin-bottom: 2px;
    }

.edit-organisation-section[b-b8jjux3wfa] {
    width: 100%;
    display: flex;
    flex-direction: column;
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 4px;
    margin-top: 20px;
    box-shadow: 0 3px 9px black;
}

.edit-organisation-section-content[b-b8jjux3wfa] {
    padding: 8px;
}

.edit-organisation-section-name[b-b8jjux3wfa] {
    font-weight: bold;
    font-size: 40px;
    margin-bottom: 10px;
    text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.75);
}

.edit-organisation-section-dropdown[b-b8jjux3wfa] {
    margin-bottom: 5px;
}

.edit-organisation-section-list[b-b8jjux3wfa] {
    display: flex;
    flex-wrap: wrap;
    margin-top: 12px;
    margin-bottom: 2px;
    padding: 10px 10px 5px 10px;
    border-radius: 16px;
    background: linear-gradient(to top, #31313e, #181820);
    box-shadow: inset 0 0 10px black;
}

[b-b8jjux3wfa] .edit-organisation-section-list button {
    font-size: 12px;
    border-radius: 20px;
    margin-bottom: 8px;
    margin-right: 5px;
}

.website-icon[b-b8jjux3wfa]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 8px;
    margin-right: 6px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/website.svg);
    mask-image: url(images/icons/website.svg);
    text-shadow: none;
}
/* _content/GrapeWebsite/Components/Pages/Account_EditPackage.razor.rz.scp.css */
.edit-package-top-row[b-1uaz79hxkh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}

.edit-package-controls[b-1uaz79hxkh] {
    display: flex;
    flex-direction: column;
}

    .edit-package-controls > span[b-1uaz79hxkh] {
        display: flex;
        flex-direction: column;
        margin: 5px 0;
    }

    .edit-package-controls label[b-1uaz79hxkh] {
        font-size: 20px;
        margin-right: 5px;
        margin-bottom: 2px;
    }
/* _content/GrapeWebsite/Components/Pages/Account_EditPage.razor.rz.scp.css */
.edit-page-buttons[b-0lab7w84dq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.edit-page-last-saved[b-0lab7w84dq] {
    position: relative;
    top: 1px;
    font-weight: bold;
    font-size: 18px;
    margin-right: 12px;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

.no-update-last-edited[b-0lab7w84dq] {
    display: flex;
    font-size: 18px;
    text-align: right;
    justify-content: flex-end;
    align-items: center;
    margin-top: 8px;
}
/* _content/GrapeWebsite/Components/Pages/Account_EditWebsite.razor.rz.scp.css */
.edit-website-tag-menu[b-k2jyxzcgo1] {
    display: flex;
    flex-direction: column;
    width: fit-content;
    margin: 0 auto;
    padding: 0 20px 20px 20px;
    border: 5px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(to bottom, #31313e, #181820), linear-gradient(to right, #b985fd, #ff00d9);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    box-shadow: 0 3px 9px black;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

    .edit-website-tag-menu h3[b-k2jyxzcgo1] {
        text-align: center;
        font-weight: bold;
        margin-top: 10px;
    }

[b-k2jyxzcgo1] .add-new-tag-button {
    width: 100%;
    max-width: 300px;
    margin-top: 10px;
}

.edit-website-top-row[b-k2jyxzcgo1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.edit-website-controls[b-k2jyxzcgo1] {
    display: flex;
    flex-direction: column;
}

    .edit-website-controls > span[b-k2jyxzcgo1] {
        display: flex;
        flex-direction: column;
        margin: 5px 0;
    }

    .edit-website-controls label[b-k2jyxzcgo1] {
        font-size: 20px;
        margin-bottom: 2px;
    }

.edit-website-secondary-domain[b-k2jyxzcgo1] {
    display: flex;
    flex-direction: row !important;
    align-items: center;
    font-weight: bold;
    font-size: 20px;
    margin-top: 10px;
    padding: 10px;
    border-radius: 16px;
    background: linear-gradient(to top, #31313e, #181820);
    box-shadow: inset 0 0 10px black;
}

    [b-k2jyxzcgo1] .edit-website-secondary-domain button {
        margin-right: 5px;
    }

.website-styling-email-logo[b-k2jyxzcgo1] {
    max-width: 270px;
}

.website-styling-menu[b-k2jyxzcgo1] {
    display: flex;
    flex-direction: column;
    width: 250px;
    margin-top: 10px;
    padding: 8px;
    border-radius: 8px;
    box-shadow: 0 3px 9px black;
}

    [b-k2jyxzcgo1] .website-styling-menu button {
        border-radius: 4px;
        font-size: 0.9rem;
        margin: 5px 0;
        padding: 0.25rem 0.5rem 0.25rem 0.5rem;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        font-size: 18px;
        font-weight: bold;
        background: none;
        box-shadow: none;
    }
    
        [b-k2jyxzcgo1] .website-styling-menu button:hover, [b-k2jyxzcgo1] .website-styling-menu button:focus {
            background-color: rgba(255,255,255,0.25);
            color: white;
            transform: none;
        }

.website-styling-footer[b-k2jyxzcgo1] {
    display: flex;
    flex-direction: column;
    color: white;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
    padding: 8px;
    border-radius: 8px;
    box-shadow: 0 3px 9px black;
}

[b-k2jyxzcgo1] .website-styling-footer a {
    color: var(--bs-body-color);
    text-decoration: underline;
}

    [b-k2jyxzcgo1] .website-styling-footer a:hover, [b-k2jyxzcgo1] .website-styling-footer a:focus {
        color: var(--bs-body-color);
        text-decoration: none;
    }

.edit-website-page[b-k2jyxzcgo1] {
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 20px;
    margin-top: 10px;
    padding: 10px;
    border-radius: 16px;
    background: linear-gradient(to top, #31313e, #181820);
    box-shadow: inset 0 0 10px black;
}

    .edit-website-page span[b-k2jyxzcgo1] {
        display: flex;
        flex-direction: row;
    }

.website-page-icon[b-k2jyxzcgo1] {
    content: "\00a0\00a0\00a0";
    width: 2rem;
    margin-left: 4px;
    margin-right: 6px;
    position: relative;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: var(--page-icon);
    mask-image: var(--page-icon);
}

.page-icon[b-k2jyxzcgo1]:before {
    content: "\00a0\00a0\00a0";
    width: 2.5rem;
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/page.svg);
    mask-image: url(images/icons/page.svg);
}

.edit-website-social-platform-icon[b-k2jyxzcgo1]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 10px;
    margin-right: 2px;
    position: relative;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: var(--platform-icon);
    mask-image: var(--platform-icon);
}

.edit-website-social-container[b-k2jyxzcgo1] {
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 4px;
    margin-bottom: 20px;
    box-shadow: 0 3px 9px black;
}

.edit-website-social-content[b-k2jyxzcgo1] {
    padding: 8px;
}

.edit-website-social-add-title[b-k2jyxzcgo1] {
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    padding: 8px 8px 0 8px;
}

.edit-website-social-controls[b-k2jyxzcgo1] {
    display: flex;
    flex-direction: column;
    font-size: 20px;
}

    .edit-website-social-controls span[b-k2jyxzcgo1] {
        display: flex;
        align-items: center;
        margin: 5px 0;
        height: 42px;
    }

    .edit-website-social-controls label[b-k2jyxzcgo1] {
        margin-right: 8px;
    }

    .edit-website-social-controls input[b-k2jyxzcgo1] {
        width: 100%;
    }

    .edit-website-social-controls span:last-child[b-k2jyxzcgo1] {
        margin-bottom: 0;
    }

[b-k2jyxzcgo1] .edit-website-social-controls button {
    margin-right: 5px;
}

.edit-website-social-details[b-k2jyxzcgo1] {
    display: flex;
    flex-direction: column;
    font-size: 20px;
}

    .edit-website-social-details span[b-k2jyxzcgo1] {
        display: flex;
        align-items: center;
        margin: 5px 0;
    }

[b-k2jyxzcgo1] .edit-website-social-details button {
    margin-right: 5px;
}

.mailchimp-icon[b-k2jyxzcgo1]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/mailchimp.svg);
    mask-image: url(images/icons/mailchimp.svg);
}

.paypal-icon[b-k2jyxzcgo1]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/paypal.svg);
    mask-image: url(images/icons/paypal.svg);
}

.plus-icon[b-k2jyxzcgo1]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/plus.svg);
    mask-image: url(images/icons/plus.svg);
}

.seam-icon[b-k2jyxzcgo1]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/seam.svg);
    mask-image: url(images/icons/seam.svg);
}

.tag-icon[b-k2jyxzcgo1]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/tag.svg);
    mask-image: url(images/icons/tag.svg);
}
/* _content/GrapeWebsite/Components/Pages/Account_EditWebsitePage.razor.rz.scp.css */
.edit-website-type-menu[b-ikiuchnqfr] {
    display: flex;
    flex-direction: column;
    width: fit-content;
    min-width: 300px;
    margin: 0 auto;
    padding: 0 20px 20px 20px;
    border: 5px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(to bottom, #31313e, #181820), linear-gradient(to right, #b985fd, #ff00d9);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    box-shadow: 0 3px 9px black;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

    .edit-website-type-menu h3[b-ikiuchnqfr] {
        text-align: center;
        font-weight: bold;
        margin-top: 10px;
    }

    [b-ikiuchnqfr] .edit-website-type-menu button {
        margin-top: 10px;
    }

.edit-website-page-top-row[b-ikiuchnqfr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.edit-website-page-terms-last-saved[b-ikiuchnqfr] {
    text-align: right;
    font-weight: bold;
    font-size: 18px;
    margin-top: 40px;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

.edit-website-page-terms-no-update-last-edited[b-ikiuchnqfr] {
    display: flex;
    font-size: 18px;
    text-align: right;
    justify-content: flex-end;
    align-items: center;
    margin-top: 8px;
}

.edit-website-page-controls > span[b-ikiuchnqfr] {
    display: flex;
    flex-direction: column;
    font-size: 20px;
    margin: 10px 0;
}

.edit-website-page-controls label[b-ikiuchnqfr] {
    font-weight: bold;
    margin-bottom: 2px;
}

.edit-website-page-new-quote[b-ikiuchnqfr] {
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 4px;
    box-shadow: 0 3px 9px black;
}

.edit-website-page-new-quote-content[b-ikiuchnqfr] {
    padding: 8px;
}

    .edit-website-page-new-quote-content h1[b-ikiuchnqfr] {
        text-align: center;
        font-weight: bold;
        font-size: 24px;
        padding: 8px 8px 0 8px;
    }

    .edit-website-page-new-quote-content span[b-ikiuchnqfr] {
        display: flex;
        flex-direction: column;
        margin: 10px 0;
    }

.edit-website-page-new-quote-buttons[b-ikiuchnqfr] {
    text-align: right;
}

.edit-website-page-quote[b-ikiuchnqfr] {
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 20px;
    margin-top: 10px;
    padding: 10px;
    border-radius: 16px;
    background: linear-gradient(to top, #31313e, #181820);
    box-shadow: inset 0 0 10px black;
}

    .edit-website-page-quote > span[b-ikiuchnqfr] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        width: fit-content;
        margin: 0 10px;
    }

    .edit-website-page-quote blockquote[b-ikiuchnqfr], .edit-website-page-quote p[b-ikiuchnqfr] {
        margin: 0 20px;
    }

    .edit-website-page-quote p[b-ikiuchnqfr] {
        text-align: center;
        font-size: 1.5rem;
        font-weight: bold;
    }

.edit-website-page-quote-contents[b-ikiuchnqfr] {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
}

.edit-website-page-quote-photo[b-ikiuchnqfr] {
    width: 350px;
    height: 200px;
    border-radius: 12px;
    background-position: center;
    background-size: cover;
    box-shadow: 0 3px 9px black;
}

.plus-icon[b-ikiuchnqfr] {
    display: inline !important;
}

.plus-icon[b-ikiuchnqfr]:before {
    content: "\00a0\00a0\00a0";
    width: 2.5rem;
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/plus.svg);
    mask-image: url(images/icons/plus.svg);
}
/* _content/GrapeWebsite/Components/Pages/Account_EditWebsitePost.razor.rz.scp.css */
.edit-website-post-top-row[b-bqvdwrkzk1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.edit-website-post-controls > span[b-bqvdwrkzk1] {
    display: flex;
    flex-direction: column;
    font-size: 20px;
    margin: 10px 0;
}

.edit-website-post-controls label[b-bqvdwrkzk1] {
    font-weight: bold;
    margin-bottom: 2px;
}
/* _content/GrapeWebsite/Components/Pages/Account_Errors.razor.rz.scp.css */
.errors-top-row[b-5ek6b0jtg4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.errors-results[b-5ek6b0jtg4] {
    font-size: 18px;
    font-weight: bold;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

.errors-table[b-5ek6b0jtg4] {
    font-size: 14px;
    word-break: break-word;
}
/* _content/GrapeWebsite/Components/Pages/Account_Events.razor.rz.scp.css */
.event-listings-top-row[b-6dde20u7wo] {
    text-align: right;
    margin-bottom: 10px;
}

    [b-6dde20u7wo] .event-listings-top-row button {
        height: 42px;
    }

.event-listings[b-6dde20u7wo] {
    display: flex;
    flex-direction: column;
    max-width: 900px;
    margin: 0 auto;
}

.event-listing[b-6dde20u7wo] {
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 4px;
    margin-bottom: 20px;
    box-shadow: 0 3px 9px black;
}

    .event-listing:last-child[b-6dde20u7wo] {
        margin-bottom: 0;
    }

.event-listing-content[b-6dde20u7wo] {
    display: flex;
    color: #d9d9d9;
    padding: 16px;
}

.event-listing-thumbnail-container[b-6dde20u7wo] {
    display: flex;
    align-items: center;
    width: 150px;
    margin-right: 15px;
}

.event-listing-thumbnail[b-6dde20u7wo] {
    width: 100%;
    height: auto;
    border-radius: 16px;
    box-shadow: 0 3px 9px black;
    max-width: 150px;
    object-fit: cover;
}

.event-listing-title[b-6dde20u7wo] {
    display: -webkit-box;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.event-listing-buttons[b-6dde20u7wo] {
    margin-top: 5px;
}

.event-listing-date-container[b-6dde20u7wo] {
    margin-top: 5px;
    font-weight: bold;
}

.event-listing-date[b-6dde20u7wo] {
    font-size: 14px;
}
/* _content/GrapeWebsite/Components/Pages/Account_FAQ.razor.rz.scp.css */
.faq-type-menu[b-fd6i44e75g] {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: fit-content;
	margin: 0 auto;
	padding: 0 20px 20px 20px;
	border: 5px solid transparent;
	border-radius: 16px;
	background-image: linear-gradient(to bottom, #31313e, #181820), linear-gradient(to right, #b985fd, #ff00d9);
	background-clip: padding-box, border-box;
	background-origin: padding-box, border-box;
	box-shadow: 0 3px 9px black;
	animation: 0.25s ease-out 0s 1 contentFadeUp;
}

	.faq-type-menu h3[b-fd6i44e75g] {
		font-weight: bold;
		margin-top: 10px;
		margin-bottom: 0;
	}

[b-fd6i44e75g] .faq-type-menu-button {
	width: 100%;
	min-width: 235px;
	margin-top: 15px;
}
/* _content/GrapeWebsite/Components/Pages/Account_Inventory.razor.rz.scp.css */
.inventory-top-row[b-ji9zh0gidi] {
    text-align: right;
    margin-bottom: 10px;
}

    [b-ji9zh0gidi] .inventory-top-row button {
        height: 42px;
    }

.inventory-listings[b-ji9zh0gidi] {
    display: flex;
    flex-direction: column;
    max-width: 900px;
    margin: 0 auto;
}

.inventory-listing[b-ji9zh0gidi] {
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 4px;
    margin-bottom: 20px;
    box-shadow: 0 3px 9px black;
}

    .inventory-listing:last-child[b-ji9zh0gidi] {
        margin-bottom: 0;
    }

.inventory-listing-content[b-ji9zh0gidi] {
    display: flex;
    color: #d9d9d9;
    padding: 16px;
}

.inventory-listing-thumbnail-container[b-ji9zh0gidi] {
    width: 150px;
    margin-right: 15px;
}

.inventory-listing-thumbnail[b-ji9zh0gidi] {
    width: 100%;
    height: auto;
    border-radius: 16px;
    box-shadow: 0 3px 9px black;
    max-width: 150px;
    object-fit: cover;
}

.inventory-listing-info[b-ji9zh0gidi] {
    width: 100%;
}

.inventory-listing-title[b-ji9zh0gidi] {
    display: -webkit-box;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.inventory-listing-subproduct-title[b-ji9zh0gidi] {
    display: -webkit-box;
    font-weight: bold;
    font-size: 18px;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.inventory-listing-subproduct-stock[b-ji9zh0gidi] {
    display: -webkit-box;
    font-weight: bold;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.inventory-listing-buttons[b-ji9zh0gidi] {
    margin: 10px 0;
}

.inventory-listing-sold[b-ji9zh0gidi] {
    box-shadow: none;
}

.squareup-icon[b-ji9zh0gidi]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 4px;
    margin-right: 2px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/squareup.svg);
    mask-image: url(images/icons/squareup.svg);
}
/* _content/GrapeWebsite/Components/Pages/Account_Members.razor.rz.scp.css */
.members[b-zbcrdhf1bd] {
    display: flex;
    flex-direction: column;
    max-width: 900px;
    margin: 0 auto;
}

.member[b-zbcrdhf1bd] {
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 4px;
    margin-bottom: 20px;
    box-shadow: 0 3px 9px black;
}

.member-content[b-zbcrdhf1bd] {
    display: flex;
    flex-direction: column;
    padding: 16px;
}

    .member-content > span[b-zbcrdhf1bd] {
        margin: 5px 0;
    }
/* _content/GrapeWebsite/Components/Pages/Account_Orders.razor.rz.scp.css */
.orders-code-scanner-overlay[b-5mnn4k8cqv] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.75);
    z-index: 2;
}

.orders-code-scanner-container[b-5mnn4k8cqv] {
    width: 100%;
    max-width: 1024px;
    max-height: calc(100vh - 25px);
    margin: 25px;
    overflow: auto;
    border: 3px solid transparent;
    background: linear-gradient(to bottom, #31313e, #181820), linear-gradient(to right, #b985fd, #ff00d9);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    box-shadow: 0 3px 9px black;
    padding: 10px 25px 10px 25px;
    transition-duration: 0.5s;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

.orders-code-scanner-top-row[b-5mnn4k8cqv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

    .orders-code-scanner-top-row > h1[b-5mnn4k8cqv] {
        font-weight: bold;
        font-size: 30px;
        text-align: center;
        margin-bottom: 0;
    }

[b-5mnn4k8cqv] .orders-code-scanner-close-button {
    width: 34px;
    height: 34px;
    font-size: 24px;
}

    [b-5mnn4k8cqv] .orders-code-scanner-close-button:after {
        top: -6px;
        left: -1.5px;
    }

.order[b-5mnn4k8cqv] {
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 4px;
    margin-bottom: 20px;
    box-shadow: 0 3px 9px black;
}

.order-content[b-5mnn4k8cqv] {
    font-weight: bold;
    font-size: 18px;
    padding: 16px;
}

.order-columns[b-5mnn4k8cqv] {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
}

.order-column[b-5mnn4k8cqv] {
    width: 50%;
}

.order-section[b-5mnn4k8cqv] {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 10px;
}

    .order-section > span[b-5mnn4k8cqv] {
        overflow-wrap: anywhere;
    }

    [b-5mnn4k8cqv] .order-section > button {
        margin: 5px 0;
    }

    [b-5mnn4k8cqv] .order-section > a {
        margin: 5px 0;
    }

    .order-section:last-child[b-5mnn4k8cqv] {
        margin-bottom: 0;
    }

.order-title[b-5mnn4k8cqv] {
    font-weight: bold;
    font-size: 26px;
}

.order-package[b-5mnn4k8cqv] {
    display: flex;
    flex-direction: column;
    margin-top: 5px;
    padding: 10px;
    border-radius: 16px;
    background: linear-gradient(to top, #31313e, #181820);
    box-shadow: inset 0 0 10px black;
}

.order-tracking-container[b-5mnn4k8cqv] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin: 10px;
    width: calc(100% - 20px);
}

.order-tracking-container input[b-5mnn4k8cqv] {
    margin-right: 3px;
    width: 100%;
}

[b-5mnn4k8cqv] .order-tracking-container a {
    margin: 0 3px;
}

[b-5mnn4k8cqv] .order-tracking-container button {
    height: 42px;
}

.order-tracking-container[b-5mnn4k8cqv] >  button {
    margin: 0 3px;
}

[b-5mnn4k8cqv] .order-tracking-container button:last-child {
    margin-right: 0;
}

.order-purchases[b-5mnn4k8cqv] {
    margin-top: 10px;
}

.order-purchases-header[b-5mnn4k8cqv] {
    display: flex;
    align-items: center;
    margin: 0 10px;
}

.order-purchase[b-5mnn4k8cqv] {
    margin: 10px 0;
    padding: 10px;
    border-radius: 16px;
    background: linear-gradient(to top, #31313e, #181820);
    box-shadow: inset 0 0 10px black;
}

.order-purchase-details[b-5mnn4k8cqv] {
    display: flex;
    align-items: center;
}

    .order-purchases-header > span[b-5mnn4k8cqv], .order-purchase-details > span[b-5mnn4k8cqv] {
        text-align: center;
        flex-basis: 96px;
        padding: 0 5px;
    }

.order-purchase-deal[b-5mnn4k8cqv], .order-purchase-return[b-5mnn4k8cqv] {
    display: flex;
    align-items: center;
    margin-top: 10px;
    margin-left: 15px;
}

.order-purchase-title[b-5mnn4k8cqv], .order-purchase-deal-title[b-5mnn4k8cqv] {
    display: -webkit-box;
    flex-grow: 1;
    text-align: left !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

    .order-purchase-title > a[b-5mnn4k8cqv], .order-purchase-deal-title > a[b-5mnn4k8cqv] {
        color: white;
        background-image: none;
    }

    .order-purchase-title > a:hover[b-5mnn4k8cqv], .order-purchase-title > a:focus[b-5mnn4k8cqv], .order-purchase-deal-title > a:hover[b-5mnn4k8cqv], .order-purchase-deal-title > a:focus[b-5mnn4k8cqv] {
        color: var(--interact-color-highlight);
    }

.order-purchase-thumbnail[b-5mnn4k8cqv] {
    border-radius: 8px;
    width: 60px;
    box-shadow: 0 3px 9px black;
}

.order-purchase-deal-icon[b-5mnn4k8cqv]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: var(--deal-icon);
    mask-image: var(--deal-icon);
}

.payment-icon[b-5mnn4k8cqv]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: var(--payment-icon);
    mask-image: var(--payment-icon);
}

.account-icon[b-5mnn4k8cqv]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/account.svg);
    mask-image: url(images/icons/account.svg);
}

.cart-purchased-icon[b-5mnn4k8cqv]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/cart-purchased.svg);
    mask-image: url(images/icons/cart-purchased.svg);
}

.yellow-cart-purchased-icon[b-5mnn4k8cqv]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background: var(--yellow-gradient);
    -webkit-mask-image: url(images/icons/cart-purchased.svg);
    mask-image: url(images/icons/cart-purchased.svg);
}

.yellow-shipping-icon[b-5mnn4k8cqv]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background: var(--yellow-gradient);
    -webkit-mask-image: url(images/icons/shipping.svg);
    mask-image: url(images/icons/shipping.svg);
}

.accordion-button:hover .cart-purchased-icon[b-5mnn4k8cqv]:before, .accordion-button:hover .yellow-cart-purchased-icon[b-5mnn4k8cqv]:before,
.accordion-button:hover .yellow-shipping-icon[b-5mnn4k8cqv]:before {
    background-color: var(--interact-color-highlight);
}

.green-tick-icon[b-5mnn4k8cqv]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background: var(--green-gradient);
    -webkit-mask-image: url(images/icons/tick.svg);
    mask-image: url(images/icons/tick.svg);
}

.yellow-cross-icon[b-5mnn4k8cqv]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background: var(--yellow-gradient);
    -webkit-mask-image: url(images/icons/cross.svg);
    mask-image: url(images/icons/cross.svg);
}

.box-icon[b-5mnn4k8cqv]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/box.svg);
    mask-image: url(images/icons/box.svg);
}

.data-matrix-scan-icon[b-5mnn4k8cqv]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 10px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/data-matrix-scan.svg);
    mask-image: url(images/icons/data-matrix-scan.svg);
}

.dollar-icon[b-5mnn4k8cqv]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 9px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/dollar.svg);
    mask-image: url(images/icons/dollar.svg);
}

.email-icon[b-5mnn4k8cqv]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/email.svg);
    mask-image: url(images/icons/email.svg);
}

.globe-icon[b-5mnn4k8cqv]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/globe.svg);
    mask-image: url(images/icons/globe.svg);
}

.hash-icon[b-5mnn4k8cqv]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/hash.svg);
    mask-image: url(images/icons/hash.svg);
}

.options-icon[b-5mnn4k8cqv]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/options.svg);
    mask-image: url(images/icons/options.svg);
}

.order-icon[b-5mnn4k8cqv]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/order.svg);
    mask-image: url(images/icons/order.svg);
}

.phone-icon[b-5mnn4k8cqv]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/phone.svg);
    mask-image: url(images/icons/phone.svg);
}

.shipping-icon[b-5mnn4k8cqv]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/shipping.svg);
    mask-image: url(images/icons/shipping.svg);
}

.shipping-return-icon[b-5mnn4k8cqv]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/shipping-return.svg);
    mask-image: url(images/icons/shipping-return.svg);
}

.store-icon[b-5mnn4k8cqv]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/store.svg);
    mask-image: url(images/icons/store.svg);
}

.time-icon[b-5mnn4k8cqv]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/time.svg);
    mask-image: url(images/icons/time.svg);
}

@media (max-width: 1200px) {
    .order-columns[b-5mnn4k8cqv] {
        flex-direction: column;
    }

    .order-column[b-5mnn4k8cqv] {
        width: 100%;
    }

    .order-section:last-child[b-5mnn4k8cqv] {
        margin-bottom: 10px;
    }
}
/* _content/GrapeWebsite/Components/Pages/Account_Organisations.razor.rz.scp.css */
.organisations[b-9ek5k79kw7] {
    display: flex;
    flex-direction: column;
    max-width: 900px;
    margin: 0 auto;
}

.organisation[b-9ek5k79kw7] {
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 4px;
    margin-bottom: 20px;
    box-shadow: 0 3px 9px black;
}

.organisation-content[b-9ek5k79kw7] {
    display: flex;
    flex-direction: column;
    padding: 16px;
}

    .organisation-content > span[b-9ek5k79kw7] {
        margin: 5px 0;
    }
/* _content/GrapeWebsite/Components/Pages/Account_Packages.razor.rz.scp.css */
.package-listings[b-5ikwkko2pm] {
    display: flex;
    flex-direction: column;
    max-width: 900px;
    margin: 0 auto;
}

.package-listing[b-5ikwkko2pm] {
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    color: white;
    padding: 4px;
    margin-bottom: 20px;
    box-shadow: 0 3px 9px black;
    transition: transform 0.2s;
}

    .package-listing:hover[b-5ikwkko2pm], .package-listing:focus[b-5ikwkko2pm] {
        transform: scale(101%);
    }

        .package-listing:hover .package-listing-title[b-5ikwkko2pm], .package-listing:focus .package-listing-title[b-5ikwkko2pm] {
            color: var(--interact-color-highlight);
        }

    .package-listing:last-child[b-5ikwkko2pm] {
        margin-bottom: 0;
    }

.package-listing-content[b-5ikwkko2pm] {
    display: flex;
    flex-direction: column;
    color: #d9d9d9;
    padding: 16px;
}

.package-listing-title[b-5ikwkko2pm] {
    display: -webkit-box;
    font-weight: bold;
    font-size: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.measure-icon[b-5ikwkko2pm]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/measure.svg);
    mask-image: url(images/icons/measure.svg);
}

.tracking-icon[b-5ikwkko2pm]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/tracking.svg);
    mask-image: url(images/icons/tracking.svg);
}

.weight-icon[b-5ikwkko2pm]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/weight.svg);
    mask-image: url(images/icons/weight.svg);
}
/* _content/GrapeWebsite/Components/Pages/Account_Security.razor.rz.scp.css */
.security-menu[b-pc068wlrbi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: fit-content;
    margin: 0 auto;
    padding: 0 20px 20px 20px;
    border: 5px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(to bottom, #31313e, #181820), linear-gradient(to right, #b985fd, #ff00d9);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    box-shadow: 0 3px 9px black;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

    .security-menu h3[b-pc068wlrbi] {
        font-weight: bold;
        margin-top: 10px;
        margin-bottom: 0;
    }

[b-pc068wlrbi] .security-menu-button {
    width: 100%;
    min-width: 235px;
    margin-top: 15px;
}
/* _content/GrapeWebsite/Components/Pages/Account_Settings.razor.rz.scp.css */
.settings-top-row[b-pxcuw5hbrb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}

.storage-icon[b-pxcuw5hbrb] {
    content: "\00a0\00a0\00a0";
    padding-right: 20px;
    margin-right: 6px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/storage.svg);
    mask-image: url(images/icons/storage.svg);
    text-shadow: none;
}

.settings-category-title[b-pxcuw5hbrb] {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.settings-category-divider[b-pxcuw5hbrb] {
    margin-top: 38px;
    margin-bottom: 30px;
}

.settings-section[b-pxcuw5hbrb] {
    width: 100%;
    display: flex;
    flex-direction: column;
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 4px;
    margin-bottom: 20px;
    box-shadow: 0 3px 9px black;
}

.settings-section-content[b-pxcuw5hbrb] {
    padding: 8px;
}

.settings-section-name[b-pxcuw5hbrb] {
    font-weight: bold;
    font-size: 40px;
    margin-bottom: 10px;
    text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.75);
}

.settings-row[b-pxcuw5hbrb] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 10px 0;
    padding: 10px;
    border-radius: 16px;
    background: linear-gradient(to top, #31313e, #181820);
    box-shadow: inset 0 0 10px black;
}

    .settings-row span[b-pxcuw5hbrb] {
        margin: 5px 0;
    }

    .settings-row label[b-pxcuw5hbrb] {
        margin-right: 5px;
        margin-bottom: 2px;
    }

    .settings-row input[type=number][b-pxcuw5hbrb] {
        width: 150px;
    }

    .settings-row input[type=text][b-pxcuw5hbrb] {
        width: 100%;
    }

.settings-country-blacklist-dropdown[b-pxcuw5hbrb] {
    margin-bottom: 5px;
}

.settings-country-blacklist-countries[b-pxcuw5hbrb] {
    display: flex;
    flex-wrap: wrap;
    margin-top: 12px;
    margin-bottom: 2px;
    padding: 10px 10px 5px 10px;
    border-radius: 16px;
    background: linear-gradient(to top, #31313e, #181820);
    box-shadow: inset 0 0 10px black;
}

    [b-pxcuw5hbrb] .settings-country-blacklist-countries button {
        font-size: 12px;
        border-radius: 20px;
        margin-bottom: 8px;
        margin-right: 5px;
    }

.account-icon[b-pxcuw5hbrb]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 8px;
    margin-right: 6px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/account.svg);
    mask-image: url(images/icons/account.svg);
    text-shadow: none;
}

.api-icon[b-pxcuw5hbrb]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 8px;
    margin-right: 6px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/api.svg);
    mask-image: url(images/icons/api.svg);
    text-shadow: none;
}

.article-icon[b-pxcuw5hbrb]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 8px;
    margin-right: 6px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/article.svg);
    mask-image: url(images/icons/article.svg);
    text-shadow: none;
}

.box-icon[b-pxcuw5hbrb]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 8px;
    margin-right: 6px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/box.svg);
    mask-image: url(images/icons/box.svg);
    text-shadow: none;
}

.cookie-icon[b-pxcuw5hbrb]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 8px;
    margin-right: 6px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/cookie.svg);
    mask-image: url(images/icons/cookie.svg);
    text-shadow: none;
}

.countries-icon[b-pxcuw5hbrb]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 8px;
    margin-right: 6px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/search-country.svg);
    mask-image: url(images/icons/search-country.svg);
    text-shadow: none;
}

.debug-icon[b-pxcuw5hbrb]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 8px;
    margin-right: 6px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/debug.svg);
    mask-image: url(images/icons/debug.svg);
    text-shadow: none;
}

.dollar-icon[b-pxcuw5hbrb]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 11px;
    margin-right: 6px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/dollar.svg);
    mask-image: url(images/icons/dollar.svg);
    text-shadow: none;
}

.email-icon[b-pxcuw5hbrb]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 8px;
    margin-right: 6px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/email.svg);
    mask-image: url(images/icons/email.svg);
    text-shadow: none;
}

.globe-icon[b-pxcuw5hbrb]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 8px;
    margin-right: 6px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/globe.svg);
    mask-image: url(images/icons/globe.svg);
    text-shadow: none;
}

.maintenance-icon[b-pxcuw5hbrb]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 8px;
    margin-right: 6px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/maintenance.svg);
    mask-image: url(images/icons/maintenance.svg);
    text-shadow: none;
}

.organisation-icon[b-pxcuw5hbrb]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 8px;
    margin-right: 6px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/organisation.svg);
    mask-image: url(images/icons/organisation.svg);
    text-shadow: none;
}

.privacy-icon[b-pxcuw5hbrb]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 8px;
    margin-right: 6px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/privacy.svg);
    mask-image: url(images/icons/privacy.svg);
    text-shadow: none;
}

.security-icon[b-pxcuw5hbrb]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 8px;
    margin-right: 6px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/security.svg);
    mask-image: url(images/icons/security.svg);
    text-shadow: none;
}

.shipping-icon[b-pxcuw5hbrb]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 8px;
    margin-right: 6px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/shipping.svg);
    mask-image: url(images/icons/shipping.svg);
    text-shadow: none;
}

.squareup-icon[b-pxcuw5hbrb]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 8px;
    margin-right: 6px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/squareup.svg);
    mask-image: url(images/icons/squareup.svg);
    text-shadow: none;
}

.store-icon[b-pxcuw5hbrb]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 8px;
    margin-right: 6px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/store.svg);
    mask-image: url(images/icons/store.svg);
    text-shadow: none;
}

.timezone-icon[b-pxcuw5hbrb]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 8px;
    margin-right: 6px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/timezone.svg);
    mask-image: url(images/icons/timezone.svg);
    text-shadow: none;
}

.upload-icon[b-pxcuw5hbrb]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 8px;
    margin-right: 6px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/upload.svg);
    mask-image: url(images/icons/upload.svg);
    text-shadow: none;
}

.wrench-icon[b-pxcuw5hbrb]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 8px;
    margin-right: 6px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/wrench.svg);
    mask-image: url(images/icons/wrench.svg);
    text-shadow: none;
}
/* _content/GrapeWebsite/Components/Pages/Account_SocialPlatforms.razor.rz.scp.css */
.platforms-top-row[b-ibp9dfiqm2] {
    text-align: right;
    margin-bottom: 15px;
}

.platform-container[b-ibp9dfiqm2] {
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 4px;
    margin-bottom: 20px;
    box-shadow: 0 3px 9px black;
}

.platform-content[b-ibp9dfiqm2] {
    display: flex;
    padding: 8px;
    min-height: 214px;
}

.platform-add-title[b-ibp9dfiqm2] {
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    padding: 8px 8px 0 8px;
}

.platform-icon-container[b-ibp9dfiqm2] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 215px;
    margin-right: 10px;
}

.platform-icon[b-ibp9dfiqm2] {
    width: calc(205px * var(--scale));
    height: calc(205px * var(--scale));
    margin: 10px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: var(--platform-icon);
    mask-image: var(--platform-icon);
}

.platform-controls[b-ibp9dfiqm2] {
    display: flex;
    flex-direction: column;
    font-size: 20px;
}

    .platform-controls span[b-ibp9dfiqm2] {
        display: flex;
        align-items: center;
        margin: 5px 0;
        height: 42px;
    }

    .platform-controls label[b-ibp9dfiqm2] {
        margin-right: 8px;
    }

    .platform-controls span:last-child[b-ibp9dfiqm2] {
        margin-top: auto;
        margin-bottom: 0;
    }

    [b-ibp9dfiqm2] .platform-controls button {
        margin-right: 5px;
    }

.plus-icon[b-ibp9dfiqm2]:before {
    content: "\00a0\00a0\00a0";
    width: 2.5rem;
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/plus.svg);
    mask-image: url(images/icons/plus.svg);
}
/* _content/GrapeWebsite/Components/Pages/Account_SortArtists.razor.rz.scp.css */
.sort-artists-top-row[b-sl9es5cb6c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}

.sort-artist[b-sl9es5cb6c] {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 5px auto;
    padding: 5px 20px;
    border-radius: 16px;
    background: linear-gradient(to bottom, #31313e, #181820);
    box-shadow: 0 3px 9px black;
}

.sort-artist-name[b-sl9es5cb6c] {
    font-weight: bold;
    margin-top: 2px;
    margin-left: 8px;
}
/* _content/GrapeWebsite/Components/Pages/Account_SortFAQ.razor.rz.scp.css */
.sort-faq-entries-top-row[b-bebxot44pc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}

.sort-faq-entry[b-bebxot44pc] {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 5px auto;
    padding: 5px 20px;
    border-radius: 16px;
    background: linear-gradient(to bottom, #31313e, #181820);
    box-shadow: 0 3px 9px black;
}

.sort-faq-entry-name[b-bebxot44pc] {
    font-weight: bold;
    margin-top: 2px;
    margin-left: 8px;
}
/* _content/GrapeWebsite/Components/Pages/Account_SortHistory.razor.rz.scp.css */
.sort-histories-top-row[b-tjggpnt6gi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}

.sort-history[b-tjggpnt6gi] {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 5px auto;
    padding: 5px 20px;
    border-radius: 16px;
    background: linear-gradient(to bottom, #31313e, #181820);
    box-shadow: 0 3px 9px black;
}

.sort-history-name[b-tjggpnt6gi] {
    width: 100%;
    font-weight: bold;
    margin-top: 2px;
    margin-left: 8px;
}
/* _content/GrapeWebsite/Components/Pages/Account_SortListings.razor.rz.scp.css */
.sort-listings-top-row[b-7q2m8ptwfo] {
    margin-bottom: 25px;
}

.sort-listing[b-7q2m8ptwfo] {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 5px auto;
    padding: 5px 20px;
    border-radius: 16px;
    font-weight: bold;
    background: linear-gradient(to bottom, #31313e, #181820);
    box-shadow: 0 3px 9px black;
}

.sort-listing-name[b-7q2m8ptwfo] {
    width: 100%;
    font-weight: bold;
    margin-top: 2px;
    margin-left: 8px;
}
/* _content/GrapeWebsite/Components/Pages/Account_SortSocialPlatforms.razor.rz.scp.css */
.sort-socials-top-row[b-vm3ngis8tk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}

.sort-social[b-vm3ngis8tk] {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 5px auto;
    padding: 5px 20px;
    border-radius: 16px;
    background: linear-gradient(to bottom, #31313e, #181820);
    box-shadow: 0 3px 9px black;
}

.sort-social-name[b-vm3ngis8tk] {
    font-weight: bold;
    margin-top: 2px;
    margin-left: 8px;
}
/* _content/GrapeWebsite/Components/Pages/Account_SortWebsitePosts.razor.rz.scp.css */
.website-post[b-410lef3d6d] {
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 20px;
    margin-top: 10px;
    padding: 10px;
    border-radius: 16px;
    background: linear-gradient(to top, #31313e, #181820);
    box-shadow: inset 0 0 10px black;
}

    .website-post span[b-410lef3d6d] {
        display: flex;
        flex-direction: row;
    }

.sort-posts-top-row[b-410lef3d6d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/* _content/GrapeWebsite/Components/Pages/Account_Tags.razor.rz.scp.css */
.tag-list[b-1p0vknb9a5] {
    max-width: 800px;
    margin: 0 auto;
}

.tag-container[b-1p0vknb9a5] {
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    max-width: 800px;
    margin: 0 auto;
    padding: 4px;
    margin-bottom: 20px;
    box-shadow: 0 3px 9px black;
}

.tag-contents[b-1p0vknb9a5] {
    padding: 8px;
}

.tag-name[b-1p0vknb9a5] {
    font-size: 20px;
    font-weight: bold;
}

.tag-edit-name[b-1p0vknb9a5] {
    display: flex;
    align-items: center;
    font-size: 20px;
}

.tag-name-input[b-1p0vknb9a5] {
    width: 100%;
}

#add-tag-name-counter[b-1p0vknb9a5], #edit-tag-name-counter[b-1p0vknb9a5] {
    float: right;
    margin-top: 5px;
}

.plus-icon[b-1p0vknb9a5]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/plus.svg);
    mask-image: url(images/icons/plus.svg);
}

.tag-icon[b-1p0vknb9a5]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/tag.svg);
    mask-image: url(images/icons/tag.svg);
}

.tag-delete-prompt[b-1p0vknb9a5] {
    font-weight: bold;
    font-size: 18px;
    margin-top: 4px;
    background: var(--red-gradient);
    background-clip: text;
    color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.tag-buttons[b-1p0vknb9a5] {
    margin-top: 8px;
}

    .tag-buttons button[b-1p0vknb9a5] {
        margin-right: 5px;
    }    

    .tag-buttons:last-child[b-1p0vknb9a5] {
        margin-right: 0;
    }
/* _content/GrapeWebsite/Components/Pages/Account_ViewWebsitePosts.razor.rz.scp.css */
.website-post[b-cqiy1mt8b4] {
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 20px;
    margin-top: 10px;
    padding: 10px;
    border-radius: 16px;
    background: linear-gradient(to top, #31313e, #181820);
    box-shadow: inset 0 0 10px black;
}

    .website-post span[b-cqiy1mt8b4] {
        display: flex;
        flex-direction: row;
    }
/* _content/GrapeWebsite/Components/Pages/Account_Websites.razor.rz.scp.css */
.websites-menu[b-iov9qbwtvu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: fit-content;
    margin: 0 auto;
    padding: 0 20px 20px 20px;
    border: 5px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(to bottom, #31313e, #181820), linear-gradient(to right, #b985fd, #ff00d9);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    box-shadow: 0 3px 9px black;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

    .websites-menu a[b-iov9qbwtvu] {
        width: 100%;
    }

    .websites-menu h3[b-iov9qbwtvu] {
        font-weight: bold;
        margin-top: 10px;
        margin-bottom: 0;
    }

[b-iov9qbwtvu] .websites-menu-button {
    width: 100%;
    min-width: 235px;
    margin-top: 10px;
}
/* _content/GrapeWebsite/Components/Pages/Account_Writing.razor.rz.scp.css */
.writing-menu[b-acl3bczpd0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: fit-content;
    margin: 0 auto;
    padding: 0 20px 20px 20px;
    border: 5px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(to bottom, #31313e, #181820), linear-gradient(to right, #b985fd, #ff00d9);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    box-shadow: 0 3px 9px black;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

    .writing-menu h3[b-acl3bczpd0] {
        font-weight: bold;
        margin-top: 10px;
        margin-bottom: 0;
    }

[b-acl3bczpd0] .writing-menu-button {
    width: 100%;
    min-width: 235px;
    margin-top: 15px;
}
/* _content/GrapeWebsite/Components/Pages/ArtistPost.razor.rz.scp.css */
.artist-container[b-jgwkoefhdi] {
    padding: 10px;
    border-radius: 16px;
    background: linear-gradient(to top, #31313e, #181820);
    box-shadow: inset 0 0 10px black;
}

.artist-heading[b-jgwkoefhdi] {
    text-align: center;
    margin-bottom: 15px;
}

.artist-title[b-jgwkoefhdi] {
    hyphens: auto;
    word-break: break-word;
    font-weight: bold;
    font-size: 50px;
    margin: 30px;
    text-align: center;
    text-shadow: 6px 6px 2px rgba(0, 0, 0, 0.95);
}

.artist-logo[b-jgwkoefhdi] {
    max-width: 100%;
    max-height: 300px;
    padding: 15px 50px;
}

.artist-top-row[b-jgwkoefhdi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.artist-thumbnail-container[b-jgwkoefhdi] {
    text-align: center;
}

.artist-thumbnail[b-jgwkoefhdi] {
    max-width: min(800px, 100%);
    max-height: 500px;
    border-radius: 16px;
    margin-top: 5px;
    margin-bottom: 50px;
    box-shadow: 0 3px 9px black;
}

.artist-body[b-jgwkoefhdi] {
    margin-top: 30px;
    margin-bottom: 40px;
}

.artist-store-link[b-jgwkoefhdi] {
    margin-top: 10px;
    margin-bottom: 40px;
    font-size: 20px;
    text-align: center;
}

    .artist-store-link a[b-jgwkoefhdi] {
        display: block;
    }

        .artist-store-link a:hover span[b-jgwkoefhdi]:before, .artist-store-link a:focus span[b-jgwkoefhdi]:before {
            background-color: var(--interact-color-highlight);
            background-image: none;
        }

.artist-embedded-album[b-jgwkoefhdi] {
    margin: 25px 0;
}

.artist-missing-button[b-jgwkoefhdi] {
    width: 100%;
    text-align: center;
    font-size: 30px;
}

.box-icon[b-jgwkoefhdi]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 6px;
    position: relative;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-image: var(--interact-gradient);
    -webkit-mask-image: url(images/icons/box.svg);
    mask-image: url(images/icons/box.svg);
}

.ticket-icon[b-jgwkoefhdi]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-image: var(--interact-gradient);
    -webkit-mask-image: url(images/icons/ticket.svg);
    mask-image: url(images/icons/ticket.svg);
}
/* _content/GrapeWebsite/Components/Pages/Artists.razor.rz.scp.css */
.artists[b-xn41jhg25e] {
    display: flex;
    flex-direction: column;
    max-width: 900px;
    margin: 0 auto;
}

.artist[b-xn41jhg25e] {
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 4px;
    margin-bottom: 20px;
    box-shadow: 0 3px 9px black;
    transition: transform 0.2s;
}

    .artist:hover[b-xn41jhg25e], .artist:focus[b-xn41jhg25e] {
        transform: scale(101%);
    }

        .artist:hover .artist-title[b-xn41jhg25e], .artist:focus .artist-title[b-xn41jhg25e] {
            color: var(--interact-color-highlight);
        }

    .artist:last-child[b-xn41jhg25e] {
        margin-bottom: 0;
    }

.artist-content[b-xn41jhg25e] {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    color: #d9d9d9;
    padding: 16px;
}

    .artist-content h3[b-xn41jhg25e] {
        font-weight: bold;
        width: 50%;
        margin-left: 10px;
        text-align: center;
    }

.artist-thumbnail[b-xn41jhg25e] {
    width: 100%;
    height: 200px;
    border-radius: 16px;
    box-shadow: 0 3px 9px black;
    object-fit: cover;
}

.artist-logo[b-xn41jhg25e] {
    width: 100%;
    max-height: 200px;
    margin-bottom: 15px;
}

.artist-info[b-xn41jhg25e] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
}

.artist-title[b-xn41jhg25e] {
    hyphens: auto;
    word-break: break-word;
    font-weight: bold;
}

@media (min-width: 600px) {
    .artist-content[b-xn41jhg25e] {
        flex-direction: row;
    }

    .artist-thumbnail[b-xn41jhg25e] {
        width: 50%;
        margin-right: 10px;
    }

    .artist-logo[b-xn41jhg25e] {
        width: 50%;
        padding-left: 10px;
        margin-bottom: 0;
    }
}
/* _content/GrapeWebsite/Components/Pages/Blog.razor.rz.scp.css */
.articles[b-yplwyv2jg0] {
    display: flex;
    flex-direction: column;
    max-width: 900px;
    margin: 0 auto;
}

.article[b-yplwyv2jg0] {
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 4px;
    margin-bottom: 20px;
    box-shadow: 0 3px 9px black;
    transition: transform 0.2s;
}

    .article:hover[b-yplwyv2jg0], .article:focus[b-yplwyv2jg0] {
        transform: scale(101%);
    }

        .article:hover .article-title[b-yplwyv2jg0], .article:focus .article-title[b-yplwyv2jg0] {
            color: var(--interact-color-highlight);
        }

    .article:last-child[b-yplwyv2jg0] {
        margin-bottom: 0;
    }

.article-content[b-yplwyv2jg0] {
    display: flex;
    align-items: center;
    color: #d9d9d9;
    padding: 16px;
}

.article-thumbnail-container[b-yplwyv2jg0] {
    width: 200px;
    text-align: center;
    margin-right: 20px;
}

.article-thumbnail[b-yplwyv2jg0] {
    width: 100%;
    height: 100px;
    border-radius: 16px;
    box-shadow: 0 3px 9px black;
    object-fit: cover;
}

.article-info[b-yplwyv2jg0] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
}

.article-title[b-yplwyv2jg0] {
    hyphens: auto;
    word-break: break-word;
    font-weight: bold;
}
/* _content/GrapeWebsite/Components/Pages/Boot.razor.rz.scp.css */
.boot-menu[b-45d28si1l6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 350px;
    margin: 0 auto;
    padding: 0 20px 20px 20px;
    border: 5px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(to bottom, #31313e, #181820), linear-gradient(to right, #b985fd, #ff00d9);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    box-shadow: 0 3px 9px black;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

    .boot-menu > input[b-45d28si1l6] {
        margin-top: 10px;
        width: 100%;
    }

    [b-45d28si1l6] .boot-menu > button {
        margin-top: 10px;
        width: 100%;
    }

    .boot-menu div[b-45d28si1l6] {
        font-size: 20px;
        margin-top: 10px;
        margin-bottom: 0;
    }

    .boot-menu h3[b-45d28si1l6] {
        text-align: center;
        font-weight: bold;
        margin-top: 10px;
        margin-bottom: 0;
    }

    .boot-menu span[b-45d28si1l6] {
        margin: 5px 0;
    }

    .boot-menu span > input[b-45d28si1l6] {
        width: 100%;
    }
/* _content/GrapeWebsite/Components/Pages/Checkout.razor.rz.scp.css */
.checkout-title[b-m8uivlvhrx] {
    font-weight: bold;
    text-align: center;
    margin-bottom: 25px;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

.checkout-separator[b-m8uivlvhrx] {
    display: flex;
    align-items: center;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    margin: 5px 0;
}

    .checkout-separator[b-m8uivlvhrx]::before, .checkout-separator[b-m8uivlvhrx]::after {
        content: '';
        flex: 1;
        border-bottom: 3px solid white;
        border-radius: 3px;
        margin-left: .25em;
        margin-right: .25em;
    }

.checkout-controls[b-m8uivlvhrx] {
    display: flex;
    flex-direction: column;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

.checkout-shipping-details[b-m8uivlvhrx] {
    display: flex;
    flex-direction: column;
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    font-size: 18px;
    width: 100%;
    padding: 4px;
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 0 3px 9px black;
}

.checkout-shipping-details-content[b-m8uivlvhrx] {
    padding: 8px;
}

    .checkout-shipping-details-content > span[b-m8uivlvhrx] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin: 10px 0;
        padding: 10px;
        border-radius: 16px;
        background: linear-gradient(to top, #31313e, #181820);
        box-shadow: inset 0 0 10px black;
    }

.checkout-shipping-details-title[b-m8uivlvhrx] {
    font-weight: bold;
    font-size: 28px;
}

[b-m8uivlvhrx] .checkout-continue-button {
    font-size: 26px;
    min-height: 65px;
    margin-bottom: 10px;
    border-radius: 10px;
}

.checkout-shipping-options[b-m8uivlvhrx] {
    display: flex;
    flex-direction: column;
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    width: 100%;
    padding: 4px;
    margin-top: 5px;
    margin-bottom: 20px;
    box-shadow: 0 3px 9px black;
}

.checkout-shipping-options-content[b-m8uivlvhrx] {
    padding: 8px;
}

.checkout-shipping-options-title[b-m8uivlvhrx] {
    font-weight: bold;
    font-size: 28px;
}

.checkout-shipping-option[b-m8uivlvhrx] {
    display: flex;
    align-items: center;
    margin: 10px 0;
    padding: 10px;
    border-radius: 16px;
    background: linear-gradient(to top, #31313e, #181820);
    box-shadow: inset 0 0 10px black;
}

    .checkout-shipping-option > span[b-m8uivlvhrx] {
        margin: 2px 0;
    }

.checkout-shipping-option-info[b-m8uivlvhrx] {
    display: flex;
    flex-direction: column;
    font-weight: bold;
    font-size: 20px;
}

.cart-total-container[b-m8uivlvhrx] {
    position: relative;
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    width: 100%;
    padding: 4px;
    box-shadow: 0 3px 9px black;
}

.cart-total-container-content[b-m8uivlvhrx] {
    padding: 16px;
}

.cart-total-title[b-m8uivlvhrx] {
    font-weight: bold;
    margin-bottom: 15px;
}

.cart-total-row[b-m8uivlvhrx] {
    display: flex;
    justify-content: space-between;
    background: linear-gradient(to top, #31313e, #181820);
    font-size: 24px;
    border-radius: 12px;
    box-shadow: inset 0 0 10px black;
    padding: 10px;
    margin-bottom: 10px;
}

.cart-total-label[b-m8uivlvhrx] {
    width: 40%;
}

.cart-total-price[b-m8uivlvhrx] {
    width: 60%;
    margin-left: 5px;
}

.cart-total-shipping[b-m8uivlvhrx] {
    font-size: 20px;
    background-image: var(--green-gradient);
    text-decoration: none;
    color: transparent;
    font-weight: bold;
    -webkit-background-clip: text;
}

.cart-total-free-shipping[b-m8uivlvhrx] {
    font-size: unset;
}

.cart-total-shipping[b-m8uivlvhrx]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 4px;
    margin-right: 2px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-image: var(--green-gradient);
    -webkit-mask-image: url('images/icons/shipping.svg');
    mask-image: url('images/icons/shipping.svg');
}

.cart-total-final[b-m8uivlvhrx] {
    margin-top: 5px;
    font-size: 32px;
    font-weight: bold;
    background-image: linear-gradient(var(--interact-gradient-color1), var(--interact-gradient-color2));
    text-decoration: none;
    color: transparent;
    -webkit-background-clip: text;
}

.cart-postage-discounted-notice[b-m8uivlvhrx] {
    margin-top: 15px;
    font-size: 20px;
    text-align: center;
}

.checkout-complete-notice-container[b-m8uivlvhrx] {
    display: flex;
    justify-content: center;
}

    .checkout-complete-notice-container > a[b-m8uivlvhrx], .checkout-complete-notice-container > span[b-m8uivlvhrx] {
        animation: 0.25s ease-out 0s 1 contentFadeUp;
    }

.cross-icon[b-m8uivlvhrx]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background: var(--yellow-gradient);
    -webkit-mask-image: url(images/icons/cross.svg);
    mask-image: url(images/icons/cross.svg);
}

.box-icon[b-m8uivlvhrx]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/box.svg);
    mask-image: url(images/icons/box.svg);
}

.credit-card-icon[b-m8uivlvhrx]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/credit-card.svg);
    mask-image: url(images/icons/credit-card.svg);
}

.order-icon[b-m8uivlvhrx]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/order.svg);
    mask-image: url(images/icons/order.svg);
}

.search-country-icon[b-m8uivlvhrx]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 11px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/search-country.svg);
    mask-image: url(images/icons/search-country.svg);
}

.shipping-icon[b-m8uivlvhrx]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/shipping.svg);
    mask-image: url(images/icons/shipping.svg);
}

.tick-icon[b-m8uivlvhrx]:before {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background: var(--green-gradient);
    -webkit-mask-image: url(images/icons/tick.svg);
    mask-image: url(images/icons/tick.svg);
}
/* _content/GrapeWebsite/Components/Pages/Construction.razor.rz.scp.css */
.construction-logo[b-pbk31maynd] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

    .construction-logo img[b-pbk31maynd] {
        max-width: 440px;
        max-height: 200px;
        margin-right: 10px;
    }

.construction-icon[b-pbk31maynd] {
    background: var(--interact-gradient);
    margin-left: 10px;
    width: 200px;
    height: 200px;
    color: white;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-image: url(/images/icons/construction.svg);
    mask-image: url(/images/icons/construction.svg);
}

.construction-text[b-pbk31maynd] {
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    margin-top: 50px;
}

.construction-copyright[b-pbk31maynd] {
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    margin-top: 50px;
}

@media (max-width: 665px) {
    .construction-logo img[b-pbk31maynd] {
        max-width: 100%;
        padding: 0 10px;
    }

    .construction-icon[b-pbk31maynd] {
        display: none;
    }
}
/* _content/GrapeWebsite/Components/Pages/EventArchive.razor.rz.scp.css */
.events-top-row[b-4rv0zk3a1b] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 10px;
}

.event-gallery[b-4rv0zk3a1b] {
    display: flex;
    flex-direction: column;
    max-width: 900px;
    margin: 0 auto;
}
/* _content/GrapeWebsite/Components/Pages/Events.razor.rz.scp.css */
.events-top-row[b-731lvzoshv] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 10px;
}

.event-gallery[b-731lvzoshv] {
    display: flex;
    flex-direction: column;
    max-width: 900px;
    margin: 0 auto;
}
/* _content/GrapeWebsite/Components/Pages/HistoryPage.razor.rz.scp.css */
.history-container[b-7otbkphmk4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 50px;
}

    .history-container:last-child[b-7otbkphmk4] {
        margin-bottom: 0;
    }

.history-logo[b-7otbkphmk4] {
    max-width: min(600px, 100%);
    max-height: 150px;
    margin-bottom: 25px;
}

.history-link[b-7otbkphmk4] {
    margin-top: 10px;
    font-size: 30px;
    text-align: center;
}
/* _content/GrapeWebsite/Components/Pages/Index.razor.rz.scp.css */
.homepage-quotes[b-6ia01e9n10] {
    margin: 0 auto;
}

.homepage-quote a[b-6ia01e9n10] {
    display: block;
    margin-top: 10px;
}

.homepage-link[b-6ia01e9n10] {
    margin-top: 25px;
    text-align: center;
    font-size: 30px;
}

@media (min-width: 1200px) {
    .homepage-quote p[b-6ia01e9n10] {
        margin-bottom: 0;
    }

    .homepage-link[b-6ia01e9n10] {
        margin-top: 0;
    }
}
/* _content/GrapeWebsite/Components/Pages/LoadingPage.razor.rz.scp.css */
.loading-page-container[b-2j2mmxj7ja] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}
/* _content/GrapeWebsite/Components/Pages/Login.razor.rz.scp.css */
[b-027914gu96] .login-input {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    width: fit-content;
    max-width: 500px;
    margin: 0 auto;
    padding: 0 20px 20px 20px;
    border: 5px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(to bottom, #31313e, #181820), linear-gradient(to right, #b985fd, #ff00d9);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    box-shadow: 0 3px 9px black;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

    [b-027914gu96] .login-input > input, .login-input-controls > input[b-027914gu96] {
        margin-top: 20px;
        font-size: 16px;
        width: 300px;
    }

    [b-027914gu96] .login-input > button, [b-027914gu96] .login-input-controls > button, [b-027914gu96] .login-input > button {
        margin-top: 20px;
        width: 100%;
    }

    [b-027914gu96] .login-input p {
        font-size: 20px;
        margin-top: 20px;
        margin-bottom: 0;
    }

    [b-027914gu96] .login-input h3 {
        font-weight: bold;
        margin-top: 10px;
        margin-bottom: 0;
    }

[b-027914gu96] .login-input-flat-background {
    background-image: linear-gradient(to bottom, #25252f, #25252f), linear-gradient(to right, #b985fd, #ff00d9);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
}

.login-input-controls[b-027914gu96] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.login-input-message[b-027914gu96] {
    margin-top: 12px;
    font-weight: bold;
    color: red;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

    .login-input-message[b-027914gu96]:before {
        content: "\00a0\00a0\00a0";
        -webkit-mask-image: url(images/icons/error.svg);
        mask-image: url(images/icons/error.svg);
        -webkit-mask-size: cover;
        mask-size: cover;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        font-size: 20px;
        padding-right: 5px;
        padding-bottom: 2px;
        margin-right: 5px;
        background-color: red;
    }

.login-input-rememberme[b-027914gu96] {
    margin-top: 20px;
    margin-right: auto;
}

.login-input-back[b-027914gu96] {
    margin: 20px auto 0 0;
    font-size: 20px;
}

.login-input-verification-key-wrap[b-027914gu96] {
    display: flex;
    justify-content: center;
    position: relative;
    width: 300px;
    grid-column-gap: 10px;
    margin-top: 10px;
}

.login-input-verification-key[b-027914gu96] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    border: none;
    background: none;
    outline: none;
    width: 350px;
    height: 50px;
    text-align: left;
    letter-spacing: 37.5px;
    text-transform: uppercase;
    padding-left: 18px;
    font-family: monospace;
    font-size: 23px;
    font-weight: 400;
    box-shadow: none;
}

.login-input-verification-key-fake[b-027914gu96] {
    width: 40px;
    height: 50px;
    border: 2px solid #ff00d9;
    border-radius: 5px;
    background-color: transparent;
    box-shadow: inset 0 0 10px black, 0 3px 9px black;
    padding: 4px 9px;
    font-size: 20px;
}

.login-input-verification-key-overflow[b-027914gu96] {
    z-index: 5;
    width: 30px;
    height: 50px;
    background-color: #25252f;
    position: absolute;
    top: 0%;
    left: 100%;
    right: auto;
}
/* _content/GrapeWebsite/Components/Pages/Maintenance.razor.rz.scp.css */
.maintenance-logo[b-fjry9jmc30] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

    .maintenance-logo img[b-fjry9jmc30] {
        max-width: 440px;
        max-height: 200px;
        margin-right: 10px;
    }

.maintenance-icon[b-fjry9jmc30] {
    background: var(--interact-gradient);
    margin-left: 30px;
    margin-right: 20px;
    width: 160px;
    height: 160px;
    color: white;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-image: url(/images/icons/maintenance.svg);
    mask-image: url(/images/icons/maintenance.svg);
}

.maintenance-text[b-fjry9jmc30] {
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    margin-top: 50px;
}

.maintenance-copyright[b-fjry9jmc30] {
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    margin-top: 50px;
}

@media (max-width: 665px) {
    .maintenance-logo img[b-fjry9jmc30] {
        max-width: 100%;
        padding: 0 10px;
    }

    .maintenance-icon[b-fjry9jmc30] {
        display: none;
    }
}
/* _content/GrapeWebsite/Components/Pages/PageNotFound.razor.rz.scp.css */
.not-found-icon[b-bijw2gzzyn] {
    background: var(--interact-gradient);
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%;
    width: 200px;
    height: 200px;
    color: white;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-image: url(/images/icons/no-search.svg);
    mask-image: url(/images/icons/no-search.svg);
}
/* _content/GrapeWebsite/Components/Pages/Post.razor.rz.scp.css */
.article-container[b-js2de9tkkw] {
    padding: 10px;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    background: linear-gradient(to top, #31313e, #181820);
    box-shadow: inset 0 0 10px black;
}

.article-banner[b-js2de9tkkw] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    background-image: var(--banner);
    background-position: center;
    background-size: cover;
    box-shadow: 0 -1px 4px black;
}

.article-title[b-js2de9tkkw] {
    hyphens: auto;
    word-break: break-word;
    font-weight: bold;
    font-size: 50px;
    margin: 30px;
    text-align: center;
    text-shadow: 6px 6px 2px rgba(0, 0, 0, 0.95);
}

.article-banner-title[b-js2de9tkkw] {
    padding: 10px 25px;
    border-radius: 25px;
    backdrop-filter: brightness(30%) blur(5px);
    box-shadow: 0 1px 4px black;
}

.article-top-row[b-js2de9tkkw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.article-dates[b-js2de9tkkw] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.article-date[b-js2de9tkkw] {
    font-weight: bold;
    font-size: 20px;
}

.article-body[b-js2de9tkkw] {
    margin-bottom: 50px;
}

.article-links[b-js2de9tkkw] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 50px;
}

    .article-links div[b-js2de9tkkw] {
        width: 50%;
    }

    .article-links div:first-child[b-js2de9tkkw] {
        margin-right: 10px;
    }

    .article-links div:last-child[b-js2de9tkkw] {
        margin-left: 10px;
    }

.article-previous-button[b-js2de9tkkw] {
    display: flex;
    align-items: center;
    font-size: 20px;
    width: 100%;
    text-align: left;
}

    .article-previous-button[b-js2de9tkkw]:before {
        color: white;
    }

.article-next-button[b-js2de9tkkw] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 20px;
    width: 100%;
    text-align: right;
    background-image: linear-gradient(135deg, var(--interact-gradient-color2), var(--interact-gradient-color1));
}
    
    .article-next-button[b-js2de9tkkw]:after {
        color: white;
    }

    .article-next-button > span[b-js2de9tkkw] {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

.adjacent-article-name[b-js2de9tkkw] {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.article-missing-button[b-js2de9tkkw] {
    width: 100%;
    text-align: center;
    font-size: 30px;
}
/* _content/GrapeWebsite/Components/Pages/Privacy.razor.rz.scp.css */
.privacy-last-updated[b-fi1jp6lyxg] {
    text-align: right;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 15px;
}
/* _content/GrapeWebsite/Components/Pages/ProductListing.razor.rz.scp.css */
.continue-shopping-link[b-52cgz4lrgy] {
    font-size: 20px;
}

.listing-heading[b-52cgz4lrgy] {
    font-size: 36px;
    font-weight: bold;
}

.listing-columns[b-52cgz4lrgy] {
    display: flex;
    margin-top: 25px;
}

.images-column[b-52cgz4lrgy] {
    width: 50%;
    margin-right: 10px;
}

.info-column[b-52cgz4lrgy] {
    width: 50%;
    margin-left: 10px;
}

@media (max-width: 1340px) {
    .listing-columns[b-52cgz4lrgy] {
        flex-direction: column;
    }

    .images-column[b-52cgz4lrgy] {
        width: 100%;
        margin-right: 0;
    }

    .info-column[b-52cgz4lrgy] {
        width: 100%;
        margin-left: 0;
        margin-top: 25px;
    }
}

.listing-main-image-container[b-52cgz4lrgy] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 400px;
    text-align: center;
    border-radius: 12px;
    background: linear-gradient(to top, black, #181820);
    box-shadow: inset 0 0 10px black;
    padding: 9px;
}

.listing-main-image[b-52cgz4lrgy] {
    background: black;
    border-radius: 12px;
    max-width: 100%;
    max-height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0 3px 9px black;
}

.listing-component-fade-in[b-52cgz4lrgy] {
    animation: 0.25s ease-out 0s 1 contentFadeIn;
}

[b-52cgz4lrgy] .listing-gallery-buttons-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 10px 0;
    padding: 15px 5px;
    border-radius: 16px;
    background: linear-gradient(to top, #31313e, #181820);
    box-shadow: inset 0 0 10px black;
}

    [b-52cgz4lrgy] .listing-gallery-buttons-container > a {
        display: flex;
        align-items: center;
        justify-content: center;
    }

[b-52cgz4lrgy] .listing-gallery-photo {
    max-width: 106px;
    max-height: 106px;
    height: unset;
}

.listing-add-to-cart-container[b-52cgz4lrgy] {
    margin-top: 15px;
    margin-bottom: 18px;
}

[b-52cgz4lrgy] .listing-add-to-cart-button {
    height: 42px;
    margin-top: -5px;
}

.listing-description-buttons-container[b-52cgz4lrgy] {
    text-align: center;
    width: fit-content;
    max-width: 100%;
    margin: 20px auto 10px auto;
    padding: 10px 10px 5px 5px;
    border-radius: 16px;
    background: linear-gradient(to top, #31313e, #181820);
    box-shadow: inset 0 0 10px black;
}

[b-52cgz4lrgy] .listing-description-button {
    background-image: linear-gradient(#31313e, #181820);
    border-radius: 15px;
    border: 3px solid #9fa1ab;
    margin: 0 3px 5px 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: min(600px, 100%);
}

    [b-52cgz4lrgy] .listing-description-button:hover:not([disabled]) {
        transform: scale(102%);
    }

    [b-52cgz4lrgy] .listing-description-button[disabled] {
        background-image: linear-gradient(#b985fd, #ff00d9);
        border-color: white;
    }

.listing-subproduct-container[b-52cgz4lrgy] {
    background: linear-gradient(#31313e, #181820);
    border-radius: 12px;
    box-shadow: 0 3px 9px black;
    padding: 8px;
    margin-top: 15px;
}

.accordion .listing-subproduct-container[b-52cgz4lrgy] {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.listing-bundle-option-name[b-52cgz4lrgy] {
    font-weight: bold;
    font-size: 26px;
    margin-bottom: 5px;
}

.listing-short-description[b-52cgz4lrgy] {
    margin: 12px 0;
}

.listing-long-description[b-52cgz4lrgy] {
    display: none;
    max-width: 1024px;
    margin: 20px auto;
}

.listing-additional-information-heading[b-52cgz4lrgy] {
    font-weight: bold;
    text-align: center;
}

.listing-additional-information[b-52cgz4lrgy] {
    margin: 0 auto;
    width: 100%;
    font-size: 20px;
    box-shadow: none;
}

    .listing-additional-information tr[b-52cgz4lrgy] {
        display: flex;
        align-items: center;
        margin: 10px 0;
        padding: 10px;
        border-radius: 16px;
        background: linear-gradient(to top, #31313e, #181820);
        box-shadow: inset 0 0 10px black;
    }

    .listing-additional-information td[b-52cgz4lrgy] {
        overflow-wrap: anywhere;
        padding: 0 10px 0 0;
    }

        .listing-additional-information td:first-child[b-52cgz4lrgy] {
            font-weight: bold;
            width: 25%;
        }

        .listing-additional-information td:last-child[b-52cgz4lrgy] {
            width: 75%;
        }

@media (max-width: 900px) {
    .listing-additional-information-heading[b-52cgz4lrgy] {
        margin-bottom: 0;
    }

    .listing-additional-information tr[b-52cgz4lrgy] {
        flex-direction: column;
        justify-content: flex-start;
    }

    .listing-additional-information td[b-52cgz4lrgy] {
        width: 100% !important;
        margin: 0 15px;
    }
}
/* _content/GrapeWebsite/Components/Pages/ShoppingCart.razor.rz.scp.css */
.cart-table[b-rb1lumjfma] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    width: 100%;
    margin-top: 10px;
    padding: 4px;
    box-shadow: 0 3px 9px black;
}

.cart-table-content[b-rb1lumjfma] {
    padding: 6px;
}

.cart-table-loading[b-rb1lumjfma] {
    min-height: 300px;
}

.cart-table-header[b-rb1lumjfma] {
    display: flex;
    align-items: center;
    margin: 0 10px 10px 10px;
}

.cart-table-heading[b-rb1lumjfma] {
    font-weight: bold;
    width: 105px;
    text-align: center;
}

.cart-table-name-heading[b-rb1lumjfma] {
    margin-left: 5px;
    width: 100%;
}

.cart-listing-parent-container[b-rb1lumjfma] {
    background: linear-gradient(to top, #31313e, #181820);
    border-radius: 12px;
    box-shadow: inset 0 0 10px black;
    padding: 0 10px;
    margin-bottom: 10px;
}

.cart-table-buttons[b-rb1lumjfma] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 5px;
}

.cart-table-coupon-container[b-rb1lumjfma] {
    display: flex;
    align-items: center;
}

.cart-table-coupon-input[b-rb1lumjfma] {
    font-size: 16px;
    margin: 0 5px;
}

.cart-columns[b-rb1lumjfma] {
    display: flex;
    margin-top: 25px;
}

.cart-carousel-column[b-rb1lumjfma] {
    width: 50%;
    margin-right: 10px;
}

.cart-total-column[b-rb1lumjfma] {
    width: 50%;
    margin-left: 10px;
}

.cart-total-container[b-rb1lumjfma] {
    position: relative;
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: linear-gradient(0deg, #15161c, #444444), linear-gradient(0deg, #4d00b1, #ff4ce4);
    background-origin: border-box;
    background-clip: content-box, border-box;
    width: 100%;
    padding: 4px;
    box-shadow: 0 3px 9px black;
}

.cart-total-container-content[b-rb1lumjfma] {
    padding: 16px;
}

.cart-total-title[b-rb1lumjfma] {
    font-weight: bold;
    margin-bottom: 15px;
}

.cart-total-row[b-rb1lumjfma] {
    display: flex;
    justify-content: space-between;
    background: linear-gradient(to top, #31313e, #181820);
    font-size: 24px;
    border-radius: 12px;
    box-shadow: inset 0 0 10px black;
    padding: 10px;
    margin-bottom: 10px;
}

.cart-total-label[b-rb1lumjfma] {
    width: 40%;
}

.cart-total-price[b-rb1lumjfma] {
    width: 60%;
    margin-left: 5px;
}

[b-rb1lumjfma] .cart-total-remove-coupon {
    display: inline-block;
    margin-right: 5px;
    background: none;
    box-shadow: none;
    border-radius: 100%;
    transition: none;
    width: 14px;
    height: 24px;
}

    [b-rb1lumjfma] .cart-total-remove-coupon:after {
        content: "×";
        position: relative;
        top: -5px;
        left: -4.5px;
    }

    [b-rb1lumjfma] .cart-total-remove-coupon:hover, [b-rb1lumjfma] .cart-total-remove-coupon:focus {
        background: var(--interact-gradient);
        transform: none;
        box-shadow: 0 3px 9px black;
    }

.cart-total-shipping[b-rb1lumjfma] {
    font-size: 20px;
    background-image: var(--green-gradient);
    text-decoration: none;
    color: transparent;
    font-weight: bold;
    -webkit-background-clip: text;
}

.cart-total-free-shipping[b-rb1lumjfma] {
    font-size: unset;
}

    .cart-total-shipping[b-rb1lumjfma]:before {
        content: "\00a0\00a0\00a0";
        padding-right: 4px;
        margin-right: 2px;
        position: relative;
        -webkit-mask-size: cover;
        mask-size: cover;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        background-image: var(--green-gradient);
        -webkit-mask-image: url('images/icons/shipping.svg');
        mask-image: url('images/icons/shipping.svg');
    }

.cart-total-final[b-rb1lumjfma] {
    margin-top: 5px;
    font-size: 32px;
    font-weight: bold;
    background-image: linear-gradient(var(--interact-gradient-color1), var(--interact-gradient-color2));
    text-decoration: none;
    color: transparent;
    -webkit-background-clip: text;
}

.cart-postage-discounted-notice[b-rb1lumjfma] {
    margin-top: 15px;
    font-size: 20px;
    text-align: center;
}

[b-rb1lumjfma] .cart-checkout-button {
    margin-top: 15px;
    width: 100%;
    min-height: 75px;
    font-size: 28px;
    border-radius: 12px;
}

    [b-rb1lumjfma] .cart-checkout-button:hover, [b-rb1lumjfma] .cart-checkout-button:focus {
        transform: scale(101.5%);
    }

.cart-icon[b-rb1lumjfma] {
    content: "\00a0\00a0\00a0";
    margin-right: 4px;
    padding-right: 2.5rem;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url(images/icons/cart.svg);
    mask-image: url(images/icons/cart.svg);
}

@media (max-width: 1340px) {
    .cart-columns[b-rb1lumjfma] {
        flex-direction: column;
    }

    .cart-carousel-column[b-rb1lumjfma] {
        margin-right: 0;
        width: 100%;
    }

    .cart-total-column[b-rb1lumjfma] {
        width: 100%;
        margin-left: 0;
        margin-top: 25px;
    }
}

@media (max-width: 980px) {
    .cart-table-heading[b-rb1lumjfma] {
        font-size: 12px;
        width: 92px;
        overflow-wrap: break-word;
    }

    .cart-table-name-heading[b-rb1lumjfma] {
        width: 100%;
    }

    [b-rb1lumjfma] .cart-table-buttons button, .cart-table-buttons input[b-rb1lumjfma] {
        font-size: 14px;
    }

    [b-rb1lumjfma] .cart-table-coupon-button {
        margin-left: 5px;
    }
}

@media (max-width: 546px) {
    .cart-table-buttons[b-rb1lumjfma] {
        align-items: flex-end;
    }

    .cart-table-coupon-container[b-rb1lumjfma] {
        flex-direction: column;
        align-items: flex-end;
    }

    .cart-table-coupon-input[b-rb1lumjfma] {
        margin-right: 0;
        margin-bottom: 5px;
    }
}

@media (max-width: 450px) {
    .cart-table-heading[b-rb1lumjfma] {
        font-size: 10px;
        width: 65px;
        overflow-wrap: break-word;
    }

    .cart-table-quantity-heading[b-rb1lumjfma] {
        margin-right: 10px;
    }

    .cart-table-name-heading[b-rb1lumjfma] {
        width: 100%;
    }
}
/* _content/GrapeWebsite/Components/Pages/Store.razor.rz.scp.css */
.store-deals[b-4pv76wtzva] {
    display: flex;
    flex-direction: column;
    background: linear-gradient(#ff4ce4, #4d00b1);
    box-shadow: 0 3px 9px black;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

.store-deal[b-4pv76wtzva] {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 2px 0;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.95);
}

.product-gallery[b-4pv76wtzva] {
    display: grid;
    grid-template-columns: repeat(auto-fill, 300px);
    justify-content: center;
    gap: 30px 30px;
    width: 100%;
    margin: 0 auto;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

@media (max-width: 944px) {
    .product-gallery[b-4pv76wtzva] {
        grid-template-columns: unset;
    }
}
/* _content/GrapeWebsite/Components/Pages/Terms.razor.rz.scp.css */
.terms-last-updated[b-tssqgxgiub] {
    text-align: right;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 15px;
}
/* _content/GrapeWebsite/Components/Pages/Website_Booking.razor.rz.scp.css */
.booking-service-vertical-center[b-31g2jl3eps] {
    display: flex;
    align-items: center;
    height: 100%;
}

.booking-service-menu[b-31g2jl3eps] {
    display: flex;
    flex-direction: column;
    width: fit-content;
    min-width: 300px;
    margin: 20px auto;
    padding: 0 20px 20px 20px;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

    .booking-service-menu h3[b-31g2jl3eps] {
        text-align: center;
        font-weight: bold;
        margin-top: 10px;
    }

[b-31g2jl3eps] .booking-service-menu button {
    font-size: 20px;
    margin-top: 10px;
}

.booking-button-container[b-31g2jl3eps] {
    text-align: center;
    margin: 40px 0;
}

    [b-31g2jl3eps] .booking-button-container button {
        font-size: 1.2rem;
    }

.bookings-container[b-31g2jl3eps] {
    max-width: 600px;
    margin: 0 auto;
}

.calendar-month-container[b-31g2jl3eps] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: 25px;
}

    .calendar-month-container a[b-31g2jl3eps] {
        font-size: 14px;
        width: 80px;
    }

    .calendar-month-container .link-arrow-right[b-31g2jl3eps] {
        text-align: right;
    }

.calendar-month[b-31g2jl3eps] {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.calendar[b-31g2jl3eps] {
    position: relative;
    table-layout: fixed;
    margin: 15px auto 0 auto;
    font-size: 14px;
}

    .calendar tr[b-31g2jl3eps] {
        height: 40px;
    }

    .calendar th[b-31g2jl3eps] {
        text-align: center;
        color: var(--button-text-color);
        background-image: var(--link-gradient);
    }

    .calendar td[b-31g2jl3eps] {
        text-align: center;
        padding: 0;
        background-color: var(--table-background-even);
    }

    [b-31g2jl3eps] .calendar button {
        color: var(--text-color);
        font-size: 14px;
        width: 100%;
        height: 40px;
        border-radius: 0;
        background: var(--table-background-odd);
        box-shadow: none;
        transition-duration: 0s;
    }

        [b-31g2jl3eps] .calendar button:hover {
            color: var(--button-text-color);
            background: var(--button-gradient);
            transform: unset;
        }

.calendar-loading-overlay[b-31g2jl3eps] {
    display: none;
    align-items: center;
    position: absolute;
    z-index: 500;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    background-color: rgb(0, 0, 0, .5);
}

[b-31g2jl3eps] .calendar-selected-day {
    color: var(--button-text-color) !important;
    background-image: var(--link-gradient) !important;
}

.calendar-invalid-day[b-31g2jl3eps] {
    opacity: 0.5;
}

.bookings-section[b-31g2jl3eps] {
    width: 100%;
    border: 3px solid transparent;
    border-radius: 16px;
    background-image: var(--container-background), var(--border-gradient);
    background-origin: border-box;
    background-clip: content-box, border-box;
    padding: 4px;
    margin-top: 15px;
    box-shadow: 0 3px 9px black;
}

    .bookings-section h4[b-31g2jl3eps] {
        font-weight: bold;
        text-align: center;
        margin: 5px 0;
    }

.bookings-section-content[b-31g2jl3eps] {
    display: flex;
    flex-direction: column;
    padding: 8px;
}

.bookings-section-row[b-31g2jl3eps] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    font-weight: bold;
    margin: 10px 0;
    padding: 10px;
    border-radius: 16px;
    background: linear-gradient(to top, #31313e, #181820);
    box-shadow: inset 0 0 10px black;
}

    [b-31g2jl3eps] .bookings-section-row button {
        margin: 2px;
    }

.booking-times[b-31g2jl3eps] {
    table-layout: fixed;
}

    .booking-times td[b-31g2jl3eps] {
        text-align: center;
    }

    [b-31g2jl3eps] .booking-times button {
        width: 100%;
    }

.booking-time-available[b-31g2jl3eps], .booking-time-unavailable[b-31g2jl3eps] {
    color: white;
    font-weight: bold;
}

.booking-time-available[b-31g2jl3eps] {
    background-image: var(--green-gradient);
}

.booking-time-unavailable[b-31g2jl3eps] {
    background-image: var(--red-gradient);
}

.bookings-price-container[b-31g2jl3eps] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.bookings-discount-container[b-31g2jl3eps] {
    text-align: right;
}

.bookings-original-cost[b-31g2jl3eps] {
    position: relative;
    background: var(--red-gradient);
    background-clip: text;
    color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

    .bookings-original-cost[b-31g2jl3eps]::after {
        background: #de3426;
        content: "";
        position: absolute;
        bottom: 50%;
        left: 0;
        height: 2px;
        width: 100%;
    }

.bookings-discount[b-31g2jl3eps] {
    background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
    background-clip: text;
    color: transparent;
    text-align: right;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.booking-subscribe-container[b-31g2jl3eps] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    margin-top: 15px;
}

.booking-complete-notice-container[b-31g2jl3eps] {
    display: flex;
    justify-content: center;
}

    .booking-complete-notice-container > a[b-31g2jl3eps], .booking-complete-notice-container > span[b-31g2jl3eps] {
        animation: 0.25s ease-out 0s 1 contentFadeUp;
    }

.booking-service-icon[b-31g2jl3eps]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 4px;
    margin-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    color: transparent;
    background-color: var(--text-color);
    -webkit-mask-image: var(--service-icon);
    mask-image: var(--service-icon);
}

.calendar-icon[b-31g2jl3eps]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 4px;
    margin-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    color: transparent;
    background-color: var(--text-color);
    -webkit-mask-image: url(images/icons/calendar.svg);
    mask-image: url(images/icons/calendar.svg);
}

.calendar-clock-icon[b-31g2jl3eps]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 4px;
    margin-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    color: transparent;
    background-color: var(--text-color);
    -webkit-mask-image: url(images/icons/calendar-clock.svg);
    mask-image: url(images/icons/calendar-clock.svg);
}

.credit-card-icon[b-31g2jl3eps]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 4px;
    margin-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    color: transparent;
    background-color: var(--text-color);
    -webkit-mask-image: url(images/icons/credit-card.svg);
    mask-image: url(images/icons/credit-card.svg);
}

.cross-icon[b-31g2jl3eps]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 4px;
    margin-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    color: transparent;
    background-color: white;
    -webkit-mask-image: url(images/icons/cross.svg);
    mask-image: url(images/icons/cross.svg);
}

.deposit-icon[b-31g2jl3eps]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 4px;
    margin-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    color: transparent;
    background-color: var(--text-color);
    -webkit-mask-image: url(images/icons/deposit.svg);
    mask-image: url(images/icons/deposit.svg);
}

.door-icon[b-31g2jl3eps]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 4px;
    margin-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    color: transparent;
    background-color: var(--text-color);
    -webkit-mask-image: url(images/icons/door.svg);
    mask-image: url(images/icons/door.svg);
}

.plus-icon[b-31g2jl3eps]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 4px;
    margin-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    color: transparent;
    background-color: var(--text-color);
    -webkit-mask-image: url(images/icons/plus.svg);
    mask-image: url(images/icons/plus.svg);
}

.tick-icon[b-31g2jl3eps]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 4px;
    margin-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    color: transparent;
    background-color: white;
    -webkit-mask-image: url(images/icons/tick.svg);
    mask-image: url(images/icons/tick.svg);
}

.time-icon[b-31g2jl3eps]:before {
    content: "\00a0\00a0\00a0";
    padding-right: 4px;
    margin-right: 4px;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    color: transparent;
    background-color: var(--text-color);
    -webkit-mask-image: url(images/icons/time.svg);
    mask-image: url(images/icons/time.svg);
}

@media (min-width: 729px) {
    .calendar-month[b-31g2jl3eps] {
        font-size: 28px;
    }

    .calendar-month-container a[b-31g2jl3eps] {
        font-size: 18px;
        width: 100px;
    }

    .calendar[b-31g2jl3eps], [b-31g2jl3eps] .calendar button {
        font-size: 18px;
    }
}
/* _content/GrapeWebsite/Components/Pages/Website_BookingTerms.razor.rz.scp.css */
.booking-terms-last-updated[b-uoriucxwm8] {
    text-align: right;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 15px;
}
/* _content/GrapeWebsite/Components/Pages/Website_Construction.razor.rz.scp.css */
.construction-logo[b-4gcii741xe] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

    .construction-logo img[b-4gcii741xe] {
        max-width: 440px;
        max-height: 200px;
        margin-right: 10px;
    }

.construction-logo-background[b-4gcii741xe] {
    display: flex;
    background-color: rgb(0, 0, 0, .25);
    border-radius: 6px;
    padding: 16px;
    margin: 0 10px;
    width: fit-content;
}

.construction-icon[b-4gcii741xe] {
    background: var(--link-gradient);
    width: 200px;
    height: 200px;
    color: white;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-image: url(/images/icons/construction.svg);
    mask-image: url(/images/icons/construction.svg);
}

.construction-text[b-4gcii741xe] {
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    margin-top: 50px;
}

.construction-copyright[b-4gcii741xe] {
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    margin-top: 50px;
}

@media (max-width: 665px) {
    .construction-logo img[b-4gcii741xe] {
        max-width: 100%;
        padding: 0 10px;
    }

    .construction-icon[b-4gcii741xe] {
        display: none;
    }
}
/* _content/GrapeWebsite/Components/Pages/Website_EventArchive.razor.rz.scp.css */
.events-top-row[b-30w1e2ks8e] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 10px;
}

.event-gallery[b-30w1e2ks8e] {
    display: flex;
    flex-direction: column;
    max-width: 900px;
    margin: 0 auto;
}
/* _content/GrapeWebsite/Components/Pages/Website_EventListing.razor.rz.scp.css */
.continue-shopping-link[b-hjgdx0kuzj] {
    font-size: 20px;
}

.listing-heading[b-hjgdx0kuzj] {
    font-size: 36px;
    font-weight: bold;
}

.listing-columns[b-hjgdx0kuzj] {
    display: flex;
    margin-top: 25px;
}

.images-column[b-hjgdx0kuzj] {
    width: 50%;
    margin-right: 10px;
}

.info-column[b-hjgdx0kuzj] {
    width: 50%;
    margin-left: 10px;
}

@media (max-width: 1340px) {
    .listing-columns[b-hjgdx0kuzj] {
        flex-direction: column;
    }

    .images-column[b-hjgdx0kuzj] {
        width: 100%;
        margin-right: 0;
    }

    .info-column[b-hjgdx0kuzj] {
        width: 100%;
        margin-left: 0;
        margin-top: 25px;
    }
}

.listing-main-image-container[b-hjgdx0kuzj] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 400px;
    text-align: center;
    border-radius: 12px;
    background: var(--input-gradient-background);
    box-shadow: inset 0 0 10px black;
    padding: 9px;
}

.listing-main-image[b-hjgdx0kuzj] {
    background: black;
    border-radius: 12px;
    max-width: 100%;
    max-height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0 3px 9px black;
}

.listing-component-fade-in[b-hjgdx0kuzj] {
    animation: 0.25s ease-out 0s 1 contentFadeIn;
}

[b-hjgdx0kuzj] .listing-gallery-buttons-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 10px 0;
    padding: 15px 5px;
    border-radius: 16px;
    background: linear-gradient(to top, #31313e, #181820);
    box-shadow: inset 0 0 10px black;
}

    [b-hjgdx0kuzj] .listing-gallery-buttons-container > a {
        display: flex;
        align-items: center;
        justify-content: center;
    }

[b-hjgdx0kuzj] .listing-gallery-photo {
    max-width: 106px;
    max-height: 106px;
    height: unset;
}

.listing-add-to-cart-container[b-hjgdx0kuzj] {
    margin-top: 15px;
    margin-bottom: 18px;
}

[b-hjgdx0kuzj] .listing-add-to-cart-button {
    height: 42px;
    margin-top: -5px;
}

.listing-subproduct-container[b-hjgdx0kuzj] {
    background: linear-gradient(#31313e, #181820);
    border-radius: 12px;
    box-shadow: 0 3px 9px black;
    padding: 8px;
    margin-top: 15px;
}

.accordion .listing-subproduct-container[b-hjgdx0kuzj] {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.listing-short-description[b-hjgdx0kuzj] {
    margin: 12px 0;
}

.listing-long-description[b-hjgdx0kuzj] {
    max-width: 1024px;
    margin: 20px auto;
}
/* _content/GrapeWebsite/Components/Pages/Website_Events.razor.rz.scp.css */
.events-top-row[b-x7bt6fzzi8] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 10px;
}

.event-gallery[b-x7bt6fzzi8] {
    display: flex;
    flex-direction: column;
    max-width: 900px;
    margin: 0 auto;
}
/* _content/GrapeWebsite/Components/Pages/Website_FAQ.razor.rz.scp.css */
.faq-body[b-5mzt9vhdyi] {
    font-size: 18px;
}

.faq-entry[b-5mzt9vhdyi] {
    display: flex;
    flex-direction: column;
    font-size: 18px;
    margin-bottom: 30px;
}

.faq-entry-question[b-5mzt9vhdyi] {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.faq-contact[b-5mzt9vhdyi] {
    text-align: center;
    font-size: 30px;
    margin: 50px 0;
}
/* _content/GrapeWebsite/Components/Pages/Website_Home.razor.rz.scp.css */
.homepage-quotes[b-qxb6cf2kzx] {
    margin: 0 auto;
}

.homepage-link[b-qxb6cf2kzx] {
    margin-top: 25px;
    text-align: center;
    font-size: 30px;
}

@media (min-width: 1200px) {
    .homepage-quote p[b-qxb6cf2kzx] {
        margin-bottom: 0;
    }

    .homepage-link[b-qxb6cf2kzx] {
        margin-top: 0;
    }
}
/* _content/GrapeWebsite/Components/Pages/Website_Maintenance.razor.rz.scp.css */
.maintenance-logo[b-001yqko1fp] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

    .maintenance-logo img[b-001yqko1fp] {
        max-width: 440px;
        max-height: 200px;
        margin-right: 10px;
    }

.maintenance-logo-background[b-001yqko1fp] {
    display: flex;
    background-color: rgb(0, 0, 0, .25);
    border-radius: 6px;
    padding: 16px;
    margin: 0 10px;
    width: fit-content;
}

.maintenance-icon[b-001yqko1fp] {
    background: var(--link-gradient);
    margin: 20px 20px 20px 30px;
    width: 160px;
    height: 160px;
    color: white;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-image: url(/images/icons/maintenance.svg);
    mask-image: url(/images/icons/maintenance.svg);
}

.maintenance-text[b-001yqko1fp] {
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    margin-top: 50px;
}

.maintenance-copyright[b-001yqko1fp] {
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    margin-top: 50px;
}

@media (max-width: 665px) {
    .maintenance-logo img[b-001yqko1fp] {
        max-width: 100%;
        padding: 0 10px;
    }

    .maintenance-icon[b-001yqko1fp] {
        display: none;
    }
}
/* _content/GrapeWebsite/Components/Pages/Website_Members.razor.rz.scp.css */
.member-grid[b-8fa31jexal] {
    display: grid;
    grid-template-columns: repeat(auto-fill, 300px);
    justify-content: center;
    gap: 30px 30px;
    width: 100%;
    margin: 0 auto;
    animation: 0.25s ease-out 0s 1 contentFadeUp;
}

.member[b-8fa31jexal] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 300px;
    transition-duration: 0.5s;
}

    .member:hover[b-8fa31jexal], .member:focus[b-8fa31jexal] {
        transform: scale(102%);
    }

    .member:hover .member-name[b-8fa31jexal], .member:focus .member-name[b-8fa31jexal] {
        color: var(--select-color);
    }

    .member:hover .member-caption[b-8fa31jexal], .member:focus .member-caption[b-8fa31jexal] {
        color: var(--select-color);
    }

.member-thumbnail[b-8fa31jexal] {
    width: 300px;
    height: 300px;
    background-size: cover;
    background-position: center;
    border-radius: 16px;
    box-shadow: 0 3px 9px black;
}

.member-name[b-8fa31jexal] {
    color: var(--text-color);
    text-align: center;
    font-weight: bold;
    font-size: 30px;
    margin-top: 5px;
}

.member-caption[b-8fa31jexal] {
    color: var(--text-color);
    text-align: center;
    font-size: 18px;
    font-weight: normal;
}

.past-member-header[b-8fa31jexal] {
    font-weight: bold;
    margin-top: 50px;
    margin-bottom: 5px;
}

.past-member-divider[b-8fa31jexal] {
    margin-top: 0;
    margin-bottom: 40px;
}

@media (max-width: 944px) {
    .member-grid[b-8fa31jexal] {
        grid-template-columns: unset;
    }
}
/* _content/GrapeWebsite/Components/Pages/Website_PageNotFound.razor.rz.scp.css */
.not-found-icon[b-khf7ulfsmy] {
    background: var(--link-gradient);
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%;
    width: 200px;
    height: 200px;
    color: white;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-image: url(/images/icons/no-search.svg);
    mask-image: url(/images/icons/no-search.svg);
}
/* _content/GrapeWebsite/Components/Pages/Website_Press.razor.rz.scp.css */
.press-post[b-q9ixq8qi4l] {
    max-height: 800px;
    overflow-y: hidden;
    position: relative;
    border: 8px solid transparent;
    border-radius: 16px;
    background-image: var(--container-background), var(--border-gradient);
    background-origin: border-box;
    background-clip: content-box, border-box;
    margin-bottom: 20px;
    box-shadow: 0 3px 9px black;
}

.press-post-top-row[b-q9ixq8qi4l] {
    display: flex;
    align-items: center;
}

.press-post-date[b-q9ixq8qi4l] {
    min-width: 75px;
    border-radius: 8px;
    background: var(--button-gradient);
    text-align: center;
    font-weight: bold;
    padding: 10px;
    margin: 10px;
    box-shadow: 0 3px 9px black;
}

.press-post-title[b-q9ixq8qi4l] {
    font-size: 22px;
    font-weight: bold;
    margin-right: 10px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.press-post-author[b-q9ixq8qi4l] {
    font-weight: bold;
    font-size: 18px;
    margin: 0 10px;
    font-weight: bold;
}

.press-post-content[b-q9ixq8qi4l] {
    margin: 5px 10px 10px 10px;
    text-align: center;
    font-size: 24px;
}
/* _content/GrapeWebsite/Components/Pages/Website_Privacy.razor.rz.scp.css */
.privacy-last-updated[b-i2rn43436n] {
    text-align: right;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 15px;
}
/* _content/GrapeWebsite/Components/Pages/Website_Testimonials.razor.rz.scp.css */
.call-to-action[b-78ozwqlaq4] {
    font-size: 16px;
}

.testimonial-body[b-78ozwqlaq4] {
    font-size: 18px;
}

.testimonial-author[b-78ozwqlaq4] {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 25px;
}
/* _content/GrapeWebsite/Components/Pages/Website_Timeline.razor.rz.scp.css */
.timeline-post[b-15ratmuczd] {
    max-height: 800px;
    overflow-y: hidden;
    position: relative;
    border: 8px solid transparent;
    border-radius: 16px;
    background-image: var(--container-background), var(--border-gradient);
    background-origin: border-box;
    background-clip: content-box, border-box;
    margin-bottom: 20px;
    box-shadow: 0 3px 9px black;
}

.timeline-post-top-row[b-15ratmuczd] {
    display: flex;
    align-items: center;
}

.timeline-post-date[b-15ratmuczd] {
    min-width: 75px;
    border-radius: 8px;
    background: var(--button-gradient);
    text-align: center;
    font-weight: bold;
    padding: 10px;
    margin: 10px;
    box-shadow: 0 3px 9px black;
}

.timeline-post-title[b-15ratmuczd] {
    font-size: 22px;
    font-weight: bold;
    margin-right: 10px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.timeline-post-content[b-15ratmuczd] {
    margin: 5px 10px 10px 10px;
    font-size: 20px;
}