@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';
@import '_content/SeatZ.Client.AdminModule/SeatZ.Client.AdminModule.wglm9v4o7b.bundle.scp.css';

/* /Components/Artists.razor.rz.scp.css */
.swiper[b-4xjq6mgzr2] {
    width: 100%;
    height: 500px;
    margin-bottom: 40px;
}
@media (max-width: 932px) {
    .swiper[b-4xjq6mgzr2] {
        height: 400px !important;
        margin-bottom: -30px;
    }

    .slide-content[b-4xjq6mgzr2] {
        top: 60% !important;
    }

    .swiper-button-next[b-4xjq6mgzr2],
    .swiper-button-prev[b-4xjq6mgzr2] {
        color: white !important;
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .swiper[b-4xjq6mgzr2] {
        height: 400px !important;
    }

    .slide-content[b-4xjq6mgzr2] {
        top: 60% !important;
    }
}

.swiper-slide[b-4xjq6mgzr2] {
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    width: 100%;
    transition: transform 0.5s ease;
}

.swiper-slide img[b-4xjq6mgzr2] {
    width: 100%;
    height: 90%;
    object-fit: cover;
    border-radius: 20px;
    filter: brightness(0.8);
    /* Darken inactive images */
    transition: filter 0.3s ease;
}

/* Content inside the slide */
.slide-content[b-4xjq6mgzr2] {
    position: absolute;
    top: 65%;
    left: 8%;
    /* transform: translate(0px, 70%); */
    color: white;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s, visibility 0.5s;
    z-index: 2;
}

.slide-content h2[b-4xjq6mgzr2] {
    font-size: 22px;
    margin-bottom: 5px;
}

.slide-content p[b-4xjq6mgzr2] {
    font-size: 15px;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.4em;
    max-height: 45px;
}

.slide-content button[b-4xjq6mgzr2] {
    padding: 6px 20px;
    background: transparent;
    border: 1px solid white;
    color: white;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
}

.slide-content button:hover[b-4xjq6mgzr2] {
    border: none;
    background-color: var(--primary-color);
    color: #000;
}
/* Only the active slide will show the content */
.swiper-slide-active .slide-content[b-4xjq6mgzr2] {
    opacity: 1;
    visibility: visible;
    max-width: 70%;
}

.swiper-slide-active img[b-4xjq6mgzr2] {
    filter: brightness(0.7);
    border: 2px solid whitesmoke;
    /* Remove dark overlay on active slide */
}

.swiper-button-next[b-4xjq6mgzr2],
.swiper-button-prev[b-4xjq6mgzr2] {
    color: black;
}

.dark .swiper-button-next[b-4xjq6mgzr2],
.dark .swiper-button-prev[b-4xjq6mgzr2] {
    color: white;
}

.swiper-button-next[b-4xjq6mgzr2]::after,
.swiper-button-prev[b-4xjq6mgzr2]::after {
    font-size: 24px;
}
[b-4xjq6mgzr2] .swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to right, rgb(0 0 0 / 0%), rgba(0, 0, 0, 0)) !important;
}
[b-4xjq6mgzr2] .swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgb(0 0 0 / 0%), rgba(0, 0, 0, 0)) !important;
}
/* /Components/EventDetails/DressCodeGuideLines.razor.rz.scp.css */
.dress-code-guide .accordion-button[b-4sw2vkxtym], .dress-code-guide .accordion-body[b-4sw2vkxtym] {
    background: linear-gradient(90deg, rgba(116, 172, 0, 0.12) 38.4%, rgba(116, 172, 0, 0.04) 99.81%) !important;
}
.dark .dress-code-guide .accordion-button[b-4sw2vkxtym], .dark .dress-code-guide .accordion-body[b-4sw2vkxtym] {
    background: linear-gradient(90deg, rgba(227, 187, 56, 0.12) 0%, rgba(116, 172, 0, 0.01) 100%) !important;
}
.dress-code-guide .accordion-body[b-4sw2vkxtym]
{
    padding: 8px 15px;
}
.dress-code-unorder-list[b-4sw2vkxtym] {
    list-style-type: none;
    padding: 0px;
}
.dress-code-unorder-list li[b-4sw2vkxtym] {
    border-top: 1px solid rgba(0, 0, 0, 0.10);
    margin: 0px 0px 16px 0px;
    padding-top: 14px;
}
.dark .dress-code-unorder-list li[b-4sw2vkxtym] {
    border-top: 1px solid rgba(255, 255, 255, 0.10);
}
/* /Components/EventDetails/EventLayout.razor.rz.scp.css */
.user-event-layout .accordion-button[b-ded91moom0], .user-event-layout .accordion-body[b-ded91moom0] {
    background: linear-gradient(90deg, rgba(116, 172, 0, 0.12) 38.4%, rgba(116, 172, 0, 0.04) 99.81%) !important;
}

.dark .user-event-layout .accordion-button[b-ded91moom0], .dark .user-event-layout .accordion-body[b-ded91moom0] {
    background: linear-gradient(90deg, rgba(227, 187, 56, 0.12) 0%, rgba(116, 172, 0, 0.01) 100%) !important;
}

.user-event-layout .accordion-body[b-ded91moom0] {
    padding: 8px 15px;
}
.user-event-layout-border[b-ded91moom0] {
    height: 1px;
    background: rgba(0, 0, 0, 0.10);
}
.dark .user-event-layout-border[b-ded91moom0] {
    height: 1px;
    background: rgba(255, 255, 255, 0.10);
}
.user-event-block-content[b-ded91moom0]
{
    display: grid !important;
}
.user-reservation-info[b-ded91moom0] {
    margin-top: 20px;
    margin-bottom: 0px;
    display: inline;
}
.floorplan-img[b-ded91moom0] {
    width: 160px;
    height: auto;
    object-fit: contain;
    flex-shrink: 0;
    border-radius: 8px;
    float: left;
    margin-right: 15px;
    margin-bottom: 12px;
}
.reservation-text[b-ded91moom0] {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.dark .reservation-text[b-ded91moom0] 
{
    color: #fff;
}
.user-image-layout-view .floorplan-img[b-ded91moom0] {
    cursor: pointer !important;
    position: relative;
}
/* /Components/HomeSlider.razor.rz.scp.css */
.homeSlider .default-carousel-section .carousel-conatiner[b-ij51po3sm1] {
    max-width: 100%;
    height: 480px;
    position: relative;
}
.default-carousel .e-carousel-items .e-carousel-item .img-container[b-ij51po3sm1] {
    height: 100%;
}
.default-carousel .e-carousel-items .e-carousel-item .img-container img[b-ij51po3sm1] {
    height: 100%;
    width: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}
.slider-content[b-ij51po3sm1] {
    color: #fff !important;
    position: absolute;
    height: 100%;
    width: 45%;
    align-items: center;
    top: 15px;
    align-content: center;
    padding: 0px 0px 0px 0px;
    z-index: 1;
}
.slider-content h1[b-ij51po3sm1] {
    max-width: 450px;
    font-size: 35px;
    color: #fff;
    line-height: 43px;
    font-family: var(--font-family-heading);
    font-weight: bold;
}
.color-title[b-ij51po3sm1] {
    color: var(--primary-color);
}
.slider-content .para[b-ij51po3sm1] {
    max-width: 408px;
    font-size: 16px;
    padding: 10px 0px 25px 0px;
    font-family: var(--font-family-theme);
}
.carousel-conatiner[b-ij51po3sm1] {
    position: relative;
}
.map-search-container[b-ij51po3sm1] {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 56%;
    align-content: center;
    z-index: 1;
}
.slider-action-btn[b-ij51po3sm1] {
    background: var(--primary-color);
    height: 38px;
    color: #000 !important;
    padding: 5px 18px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 25px;
    font-family: var(--font-family-theme);
}
.circle-arrow[b-ij51po3sm1] {
    background: #000 !important;
    width: 28px;
    height: 28px;
    display: inherit;
    border-radius: 25px;
    margin-left: 4PX;
}
.slider-action-btn:hover[b-ij51po3sm1] {
    background: #000 !important;
    opacity: 0.9 !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}
.slider-action-btn:hover .circle-arrow[b-ij51po3sm1] {
    background: var(--primary-color) !important;
}
.slider-action-btn:hover .circle-arrow svg[b-ij51po3sm1] {
    filter: invert(1);
}
[b-ij51po3sm1] .city-wise-select-list.e-input-group {
    backdrop-filter: blur(12px) !important;
    background-color: #FFFFFF08 !important;
    height: 50px !important;
    padding: 7px 7px 7px 28px;
    color: #fff;
    font-size: 16px;
    font-family: var(--font-family-theme);
    position: relative;
    border-radius: 8px;
    border: 1px solid #FFFFFF4D !important;
}
[b-ij51po3sm1] .city-wise-select-list.e-input-group.e-input-focus {
    border-radius: 8px !important;
}
[b-ij51po3sm1] .city-wise-select-list .e-input-group-icon,
[b-ij51po3sm1] .city-wise-select-list .e-clear-icon {
    border: none !important;
    color: #fff !important;
}

[b-ij51po3sm1] .city-wise-select-list .e-input-group-icon:hover,
[b-ij51po3sm1] .city-wise-select-list .e-clear-icon:hover {
    background-color: transparent !important;
    opacity: 0.8 !important;
}
.map-img[b-ij51po3sm1] {
    position: absolute;
    align-content: center;
    padding: 12px 15px 10px 13px;
    width: 45px;
}
[b-ij51po3sm1] .event-search-slider {
    backdrop-filter: blur(12px) !important;
    background-color: #FFFFFF08 !important;
    height: 50px !important;
    padding: 7px 45px 7px 20px;
    color: #fff !important;
    font-size: 16px;
}
[b-ij51po3sm1] .event-search-slider.e-input-group .e-clear-icon,
[b-ij51po3sm1] .event-search-slider.e-input-group.e-control-wrapper .e-clear-icon
{
    color: #fff !important;
}
[b-ij51po3sm1] .event-search-slider.e-input-group .e-clear-icon:hover,
[b-ij51po3sm1] .event-search-slider.e-input-group.e-control-wrapper .e-clear-icon:hover
{
    opacity: 0.8 !important;
}
[b-ij51po3sm1] .event-search-slider.e-input-group {
    border: 1px solid #FFFFFF4D !important;
    border-radius: 8px !important;
    position: relative;
    font-size: 16px;
    font-family: var(--font-family-theme);
}
[b-ij51po3sm1] .search-icon-slider {
    position: absolute;
    padding: 11px 0px 0px 0px;
    margin-left: -40px;
}
.navbar-toggler-icon[b-ij51po3sm1] {
    filter: invert(0) !important;
}
.event-autocomplete-content[b-ij51po3sm1] {
    max-width: 89%;
    margin-top: -8px;
}
.event-autocomplete-img[b-ij51po3sm1] {
    min-width: 60px !important;
    height: 55px !important;
    object-fit: cover;
    border-radius: 12px;
}
.event-autocomplete-name[b-ij51po3sm1] {
    font-size: 15px;
    font-family: var(--font-family-theme);
    font-weight: 600;
    margin-bottom: -12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.event-autocomplete-location[b-ij51po3sm1], .event-autocomplete-date[b-ij51po3sm1] {
    font-size: 13px;
    font-family: var(--font-family-theme);
    margin-bottom: -13px;
    color: #00000080;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media (max-width: 765px)
{
    [b-ij51po3sm1] .city-wise-select-list.e-input-group
    {
        height: 40px !important;
        font-size: 13px !important;
        padding: 3px 0px 0px 15px !important;
    }
    [b-ij51po3sm1] .city-wise-select-list.e-input-group.e-input-focus {
        box-shadow: none !important;
        border-radius: 8px !important;
    }
    [b-ij51po3sm1] .city-wise-select-list.e-input-group .e-input-group-icon,
    [b-ij51po3sm1] .city-wise-select-list.e-input-group.e-control-wrapper .e-input-group-icon
    {
        font-size: 12px !important;
    }
    [b-ij51po3sm1] .city-wise-select-list.e-input-group .e-input-group-icon,
    [b-ij51po3sm1] .city-wise-select-list.e-input-group.e-control-wrapper .e-input-group-icon
    {
        min-width: 25px !important;
    }
    [b-ij51po3sm1] .city-wise-select-list.e-input-group .e-clear-icon::before,
    [b-ij51po3sm1] .city-wise-select-list.e-input-group.e-control-wrapper .e-clear-icon::before
    {
        font-size: 12px !important;
    }
    [b-ij51po3sm1] .city-wise-select-list.e-input-group .e-clear-icon,
    [b-ij51po3sm1] .city-wise-select-list.e-input-group.e-control-wrapper .e-clear-icon {
        min-width: 12px !important;
    }
    .map-img[b-ij51po3sm1] {
        padding: 13px 15px 8px 12px !important;
        width: 38px !important;
        left: 11px;
    }
    [b-ij51po3sm1] .event-search-slider {
        height: 40px !important;
        padding: 3px 20px 0px 3px !important;
        font-size: 13px !important;
    }
    [b-ij51po3sm1] .event-search-slider.e-input-group.e-input-focus
    {
        border-radius: 8px !important;
        box-shadow: none !important;
    }
    [b-ij51po3sm1] .event-search-slider .e-input-group .e-clear-icon,
    [b-ij51po3sm1] .event-search-slider .e-input-group.e-control-wrapper .e-clear-icon {
        min-width: 25px !important;
    }
    [b-ij51po3sm1] .event-search-slider.e-float-input .e-clear-icon::before,
    [b-ij51po3sm1] .event-search-slider.e-float-input.e-control-wrapper .e-clear-icon::before,
    [b-ij51po3sm1] .event-search-slider.e-input-group .e-clear-icon::before,
    [b-ij51po3sm1] .event-search-slider.e-input-group.e-control-wrapper .e-clear-icon::before {
        font-size: 12px !important;
    }
    .search-icon-slider[b-ij51po3sm1] {
        padding: 5px 0px 0px 0px !important;
        margin-left: -25px !important;
    }
    .search-icon-slider svg[b-ij51po3sm1]
    {
        width: 12px !important;
        position: relative;
        top: 2px;
    }
    .event-autocomplete-img[b-ij51po3sm1] {
        min-width: 40px !important;
        height: 50px !important;
        margin-left: -5px;
        margin-right: -12px;
        border-radius: 4px !important;
    }
    .event-autocomplete-content[b-ij51po3sm1] {
        max-width: 98% !important;
    }
    .event-autocomplete-name[b-ij51po3sm1]
    {
        font-size: 13px !important;
    }
    .event-autocomplete-location[b-ij51po3sm1] {
        font-size: 12px !important;
    }
    .event-autocomplete-date[b-ij51po3sm1] {
        font-size: 12px !important;
    }
    [b-ij51po3sm1] .e-dropdownbase .e-list-item {
        font-size: 13px !important;
        line-height: 22px !important;
        min-height: 25px !important;
    }
}
/* /Layout/Header.razor.rz.scp.css */
.user-avatar[b-y9evlxru0u] {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #3d3d3d; /* Change the background color here */
    color: white;
    font-size: 15px;
    font-weight: bold;
    border-radius: 50%;
    text-transform: uppercase;
}
.dark .user-avatar[b-y9evlxru0u] {
    background-color: var(--primary-color); /* Change the background color here */
}
.transparent-bg .user-avatar[b-y9evlxru0u] {
    background-color: var(--primary-color) !important; /* Change the background color here */
}
/* /Layout/MainLayout.razor.rz.scp.css */
/*.page {
    position: relative;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}

.sidebar {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row ::deep a, .top-row ::deep .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row ::deep a:hover, .top-row ::deep .btn-link:hover {
        text-decoration: underline;
    }

    .top-row ::deep a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row {
        justify-content: space-between;
    }

    .top-row ::deep a, .top-row ::deep .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page {
        flex-direction: row;
    }

    .sidebar {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth ::deep a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row, article {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
*/
/* /Pages/ArtistDetails.razor.rz.scp.css */
.user-artist-cover-profile-box[b-lrfthejx3l]
{
    position: relative;
}
.user-artist-cover-image[b-lrfthejx3l] {
    position: relative;
    margin-top: 16px;
    height: 240px;
}
.user-artist-cover-image[b-lrfthejx3l]::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background: #00000066;
    width: 100%;
    height: 100%;

}
.user-artist-cover-image img[b-lrfthejx3l], .user-artist-cover-image video[b-lrfthejx3l]{
    width: 100%;
    height: 100%;
    object-fit: cover
}
.user-artist-profile-image[b-lrfthejx3l] {
    padding: 11.163px;
    border-radius: 8.93px;
    border: 0.901px solid rgba(0, 0, 0, 0.20);
    background: #FFF;
    box-shadow: 3.605px 3.605px 2.704px 0px rgba(0, 0, 0, 0.45);
    margin-top: -150px;
    z-index: 1;
}
.dark .user-artist-profile-image[b-lrfthejx3l] {
    border-radius: 8.932px;
    background: #081212;
    box-shadow: 2.704px 2.704px 2.704px 0px rgba(116, 172, 0, 0.45);
}
.user-artist-profile-image img[b-lrfthejx3l] {
    width: 100%;
    height: 100%;
    max-width: 250px;
    max-height: 250px;
    object-fit: cover;
    border-radius: 7.21px;
}
.user-artist-position[b-lrfthejx3l] {
    color: rgba(0, 0, 0, 0.60);
    text-align: center;
    font-family: var(--font-family-theme);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    margin-top: 16px;
}
.dark .user-artist-position[b-lrfthejx3l] {
    color: #FFFFFF99;
}
.user-artist-details-name[b-lrfthejx3l] {
    color: #000;
    font-family: var(--font-family-theme);
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
}
.dark .user-artist-details-name[b-lrfthejx3l] 
{
    color: #fff;
}
.user-artist-details-para[b-lrfthejx3l] {
    color: rgba(0, 0, 0, 0.70);
    font-family: var(--font-family-theme);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    letter-spacing: 0.32px;
    max-width: 605px;
    margin-top: 4px;
    text-align: center;
}
.dark .user-artist-details-para[b-lrfthejx3l] {
    color: rgba(255, 255, 255, 0.70);
}
.user-artist-follow-btn[b-lrfthejx3l] {
    display: flex;
   /* width: 108px;*/
    padding: 6.811px 13.623px;
    justify-content: center;
    align-items: center;
    gap: 1.113px;
    border-radius: 3.453px;
    background: var(--primary-color);
    color: #000;
    font-family: var(--font-family-theme);
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    border: none;
}
.user-artist-follow-btn:hover[b-lrfthejx3l]
{
    color: #fff;    
}
.user-artist-social-media ul[b-lrfthejx3l] {
    list-style: none;
    display: flex;
    gap: 20px;
    position: relative;
    left: -5%;
}
[b-lrfthejx3l] .user-social-media-link {
    display: flex;
    width: 42.983px;
    height: 42.983px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 42.983px;
    border: 0.86px solid rgba(0, 0, 0, 0.30);
}
[b-lrfthejx3l] .user-social-media-link:hover
{
    background-color: var(--primary-color);
}
/*::deep .user-social-media-link:hover svg {
    filter: invert(1) !important;
}*/
.dark .user-social-media-link svg[b-lrfthejx3l] {
    filter: invert(0);
}
.user-social-media-link svg[b-lrfthejx3l]
{
    filter: invert(1);
}
.user-artist-about-section[b-lrfthejx3l]
{
    margin-top:30px;
    margin-bottom: 30px;
}
.user-artist-about-section-title[b-lrfthejx3l] {
    color: #000;
    font-family: var(--font-family-theme);
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.dark .user-artist-about-section-title[b-lrfthejx3l] {
    color: #fff;
}
.user-artist-about-section-para[b-lrfthejx3l] {
    color: rgba(0, 0, 0, 0.60);
    font-family: var(--font-family-theme);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.4px;
    margin-top: 10px;
}
.dark .user-artist-about-section-para[b-lrfthejx3l] {
    color: #FFFFFF99;
}
.user-upcoming-events-title[b-lrfthejx3l] {
    color: #000;
    font-family: var(--font-family-theme);
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 20px;
}
.dark .user-upcoming-events-title[b-lrfthejx3l]
{
    color: #fff;
}
.user-artist-follow-count[b-lrfthejx3l] {
    color: #000;
    font-family: var(--font-family-theme);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.4px;
    margin-bottom: 10px;
}
.dark .user-artist-follow-count[b-lrfthejx3l]
{
    color: #fff;
}
/*=====Skeleton Css code ============*/
.user-artist-profile-image.skeletion-artist-profile-image[b-lrfthejx3l] {
    background: transparent !important;
    padding: 0px !important;
    box-shadow: none !important;
    width: 250px !important;
    height: 250px !important;
}
@media (max-width: 765px) {
    .user-artist-profile-image.skeletion-artist-profile-image[b-lrfthejx3l] {
        max-width: 150px !important;
        max-height: 150px !important;
    }
}
.user-artist-cover-image.skeleton-artist-cover-image[b-lrfthejx3l]::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background: transparent;
    width: 100%;
    height: 100%;
}
.skeleton-spacer-top[b-lrfthejx3l] {
    position: relative;
    top: 67px;
    margin-bottom: 85px !important;
}
@media (max-width: 765px)
{
    .skeleton-spacer-top[b-lrfthejx3l] {
        top: 45px;
    }
}
/*.user-embed-music-player {
    height: 300px !important;
}*/
/* /Pages/ArtistLists.razor.rz.scp.css */
.user-artist-title[b-e0iihnvv81] {
    color: #000;
    font-family: var(--font-family-theme);
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.dark .user-artist-title[b-e0iihnvv81]{
    color:#fff;
}
.user-artist-card[b-e0iihnvv81] {
    padding: 12.387px;
    border-radius: 9.909px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #fff;
    box-shadow: 4px 4px 3px 0px rgba(0, 0, 0, 0.30);
}
.dark .user-artist-card[b-e0iihnvv81] {
    background: #081212;
    box-shadow: 3px 3px 3px 0px rgba(116, 172, 0, 0.30);
}
[b-e0iihnvv81] .user-artist-link {
    text-decoration: none !important;
    cursor: pointer !important;
}
.user-artist-link:hover .user-artist-name[b-e0iihnvv81]
{
    color: var(--primary-color);
    cursor: pointer !important;
}
.user-artist-image img[b-e0iihnvv81] {
    width: 100%;
    height: 100%;
    border-radius: 8px;
}
.user-artist-name[b-e0iihnvv81] {
    text-align: center;
    color: #000;
    font-family: var(--font-family-theme);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.dark .user-artist-name[b-e0iihnvv81]
{
    color: #fff;
}

.user-artist-show-more-btn[b-e0iihnvv81] {
    display: flex;
    /* width: 108px;*/
    padding: 6.811px 13.623px;
    justify-content: center;
    align-items: center;
    gap: 1.113px;
    border-radius: 3.453px;
    background: var(--primary-color);
    color: #000;
    font-family: var(--font-family-theme);
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    border: none;
}

    .user-artist-show-more-btn:hover[b-e0iihnvv81] {
        color: #fff;
    }
/* /Pages/OrganizerDetails.razor.rz.scp.css */
.user-organizer-cover-profile-box[b-s63sg5vfp6]
{
    position: relative;
}
.user-organizer-cover-image[b-s63sg5vfp6] {
    position: relative;
    margin-top: 16px;
    height: 240px;
}
.user-organizer-cover-image[b-s63sg5vfp6]::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background: #00000066;
    width: 100%;
    height: 100%;

}
.user-organizer-cover-image img[b-s63sg5vfp6], .user-organizer-cover-image video[b-s63sg5vfp6]{
    width: 100%;
    height: 100%;
    object-fit: cover
}
.user-organizer-profile-image[b-s63sg5vfp6] {
    padding: 11.163px;
    border-radius: 8.93px;
    border: 0.901px solid rgba(0, 0, 0, 0.20);
    background: #FFF;
    box-shadow: 3.605px 3.605px 2.704px 0px rgba(0, 0, 0, 0.45);
    margin-top: -150px;
    z-index: 1;
}
.dark .user-organizer-profile-image[b-s63sg5vfp6] {
    border-radius: 8.932px;
    background: #081212;
    box-shadow: 2.704px 2.704px 2.704px 0px rgba(116, 172, 0, 0.45);
}
.user-organizer-profile-image img[b-s63sg5vfp6] {
    width: 100%;
    height: 100%;
    max-width: 250px;
    max-height: 250px;
    object-fit: cover;
    border-radius: 7.21px;
}
.user-organizer-position[b-s63sg5vfp6] {
    color: rgba(0, 0, 0, 0.60);
    text-align: center;
    font-family: var(--font-family-theme);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    margin-top: 16px;
}
.dark .user-organizer-position[b-s63sg5vfp6] {
    color: #FFFFFF99;
}
.user-organizer-details-name[b-s63sg5vfp6] {
    color: #000;
    font-family: var(--font-family-theme);
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
}
.dark .user-organizer-details-name[b-s63sg5vfp6] 
{
    color: #fff;
}
.user-organizer-details-para[b-s63sg5vfp6] {
    color: rgba(0, 0, 0, 0.70);
    font-family: var(--font-family-theme);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    letter-spacing: 0.32px;
    max-width: 605px;
    margin-top: 4px;
    text-align: center;
}
.dark .user-organizer-details-para[b-s63sg5vfp6] {
    color: rgba(255, 255, 255, 0.70);
}
.user-organizer-follow-btn[b-s63sg5vfp6] {
    display: flex;
   /* width: 108px;*/
    padding: 6.811px 13.623px;
    justify-content: center;
    align-items: center;
    gap: 1.113px;
    border-radius: 3.453px;
    background: var(--primary-color);
    color: #000;
    font-family: var(--font-family-theme);
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    border: none;
}
.user-organizer-follow-btn:hover[b-s63sg5vfp6]
{
    color: #fff;    
}
.user-organizer-social-media ul[b-s63sg5vfp6] {
    list-style: none;
    display: flex;
    gap: 20px;
    position: relative;
    left: -5%;
}
[b-s63sg5vfp6] .user-social-media-link {
    display: flex;
    width: 42.983px;
    height: 42.983px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 42.983px;
    border: 0.86px solid rgba(0, 0, 0, 0.30);
}
[b-s63sg5vfp6] .user-social-media-link:hover
{
    background-color: var(--primary-color);
}
/*::deep .user-social-media-link:hover svg {
    filter: invert(1) !important;
}*/
.dark .user-social-media-link svg[b-s63sg5vfp6] {
    filter: invert(0);
}
.user-social-media-link svg[b-s63sg5vfp6]
{
    filter: invert(1);
}
.user-organizer-about-section[b-s63sg5vfp6]
{
    margin-top:30px;
    margin-bottom: 30px;
}
.user-organizer-about-section-title[b-s63sg5vfp6] {
    color: #000;
    font-family: var(--font-family-theme);
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.dark .user-organizer-about-section-title[b-s63sg5vfp6] {
    color: #fff;
}
.user-organizer-about-section-para[b-s63sg5vfp6] {
    color: rgba(0, 0, 0, 0.60);
    font-family: var(--font-family-theme);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.4px;
    margin-top: 10px;
}
.dark .user-organizer-about-section-para[b-s63sg5vfp6] {
    color: #FFFFFF99;
}
.user-upcoming-events-title[b-s63sg5vfp6] {
    color: #000;
    font-family: var(--font-family-theme);
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 20px;
}
.dark .user-upcoming-events-title[b-s63sg5vfp6]
{
    color: #fff;
}
.user-artist-title[b-s63sg5vfp6] {
    color: #000;
    font-family: var(--font-family-theme);
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.dark .user-artist-title[b-s63sg5vfp6]{
    color:#fff;
}
.user-artist-card[b-s63sg5vfp6] {
    padding: 12.387px;
    border-radius: 9.909px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #fff;
    box-shadow: 4px 4px 3px 0px rgba(0, 0, 0, 0.30);
}
.dark .user-artist-card[b-s63sg5vfp6] {
    background: #081212;
    box-shadow: 3px 3px 3px 0px rgba(116, 172, 0, 0.30);
}
[b-s63sg5vfp6] .user-artist-link
{
    cursor: pointer !important;
    text-decoration: none !important;
}
.user-artist-link:hover .user-artist-name[b-s63sg5vfp6]
{
    color: var(--primary-color);
}
.user-artist-image img[b-s63sg5vfp6] {
    width: 100%;
    height: 100%;
    border-radius: 8px;
}
.user-artist-name[b-s63sg5vfp6] {
    text-align: center;
    color: #000;
    font-family: var(--font-family-theme);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.dark .user-artist-name[b-s63sg5vfp6]
{
    color: #fff;
}
.user-organizer-follow-count[b-s63sg5vfp6] {
    color: #000;
    font-family: var(--font-family-theme);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.4px;
    margin-bottom: 10px;
}

.dark .user-organizer-follow-count[b-s63sg5vfp6] {
    color: #fff;
}
/*=====Skeleton Css code ============*/
.user-organizer-profile-image.skeletion-organizer-profile-image[b-s63sg5vfp6] {
    background: transparent !important;
    padding: 0px !important;
    box-shadow: none !important;
    width: 250px !important;
    height: 250px !important;
}
@media (max-width: 765px) {
    .user-organizer-profile-image.skeletion-organizer-profile-image[b-s63sg5vfp6] {
        max-width: 150px !important;
        max-height: 150px !important;
    }
}
.user-organizer-cover-image.skeleton-organizer-cover-image[b-s63sg5vfp6]::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background: transparent;
    width: 100%;
    height: 100%;
}
.skeleton-spacer-top[b-s63sg5vfp6] {
    position: relative;
    top: 67px;
    margin-bottom: 85px !important;
}
@media (max-width: 765px)
{
    .skeleton-spacer-top[b-s63sg5vfp6] {
        top: 45px;
    }
}
/* /Pages/Toaster.razor.rz.scp.css */
/* Style for the InputDate field */
input[type="date"][b-9wlqhycktj] {
    background-color: #333333; /* Dark background for the input */
    color: white; /* White text */
    border: 1px solid #1a7039; /* Green border */
    padding: 10px;
    border-radius: 5px;
    font-size: 16px;
    width: 100%;
}

    /* Styling the calendar popup dropdown */
    input[type="date"][b-9wlqhycktj]::-webkit-calendar-picker-indicator {
        background-color: #1a7039; /* Green background for the calendar icon */
        border-radius: 50%;
        padding: 5px;
        cursor: pointer;
    }

        /* Hover effect for the calendar icon */
        input[type="date"][b-9wlqhycktj]::-webkit-calendar-picker-indicator:hover {
            background-color: #176029; /* Darker green on hover */
        }

    /* Styling the calendar days */
    input[type="date"][b-9wlqhycktj]::-webkit-datetime-edit-day {
        background-color: #333333; /* Dark background for days */
        color: white; /* White text for days */
    }

        /* Hover effect for days */
        input[type="date"][b-9wlqhycktj]::-webkit-datetime-edit-day:hover {
            background-color: #1a7039; /* Green hover effect */
        }

        /* Styling the selected day in the calendar */
        input[type="date"][b-9wlqhycktj]::-webkit-datetime-edit-day[selected] {
            background-color: #176029; /* Darker green for selected day */
            color: white; /* White text for the selected day */
        }

    /* Styling the calendar month and year selector */
    input[type="date"][b-9wlqhycktj]::-webkit-datetime-edit-month-year {
        background-color: #333333; /* Dark background for month/year selector */
        color: white; /* White text */
    }

        /* Styling the calendar navigation buttons */
        input[type="date"]::-webkit-datetime-edit-month-year > .prev[b-9wlqhycktj],
        input[type="date"]::-webkit-datetime-edit-month-year > .next[b-9wlqhycktj] {
            background-color: #1a7039; /* Green background for previous/next buttons */
            color: white;
            border-radius: 5px;
            padding: 5px;
            cursor: pointer;
        }

            input[type="date"]::-webkit-datetime-edit-month-year > .prev:hover[b-9wlqhycktj],
            input[type="date"]::-webkit-datetime-edit-month-year > .next:hover[b-9wlqhycktj] {
                background-color: #176029; /* Darker green on hover */
            }
/* /Pages/VenueDetails.razor.rz.scp.css */
.user-venue-cover-profile-box[b-xwnhkdst1g]
{
    position: relative;
}
.user-venue-cover-image[b-xwnhkdst1g] {
    position: relative;
    margin-top: 16px;
    height: 240px;
}
.user-venue-cover-image[b-xwnhkdst1g]::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background: #00000066;
    width: 100%;
    height: 100%;

}
.user-venue-cover-image img[b-xwnhkdst1g], .user-venue-cover-image video[b-xwnhkdst1g]{
    width: 100%;
    height: 100%;
    object-fit: cover
}
.user-venue-profile-image[b-xwnhkdst1g] {
    padding: 11.163px;
    border-radius: 8.93px;
    border: 0.901px solid rgba(0, 0, 0, 0.20);
    background: #FFF;
    box-shadow: 3.605px 3.605px 2.704px 0px rgba(0, 0, 0, 0.45);
    margin-top: -150px;
    z-index: 1;
}
.dark .user-venue-profile-image[b-xwnhkdst1g] {
    border-radius: 8.932px;
    background: #081212;
    box-shadow: 2.704px 2.704px 2.704px 0px rgba(116, 172, 0, 0.45);
}
.user-venue-profile-image img[b-xwnhkdst1g] {
    width: 100%;
    height: 100%;
    max-width: 250px;
    max-height: 250px;
    object-fit: cover;
    border-radius: 7.21px;
}
.user-venue-position[b-xwnhkdst1g] {
    color: rgba(0, 0, 0, 0.60);
    text-align: center;
    font-family: var(--font-family-theme);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    margin-top: 16px;
}
.dark .user-venue-position[b-xwnhkdst1g] {
    color: #FFFFFF99;
}
.user-venue-details-name[b-xwnhkdst1g] {
    color: #000;
    font-family: var(--font-family-theme);
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
}
.dark .user-venue-details-name[b-xwnhkdst1g] 
{
    color: #fff;
}
.user-venue-details-para[b-xwnhkdst1g] {
    color: rgba(0, 0, 0, 0.70);
    font-family: var(--font-family-theme);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    letter-spacing: 0.32px;
    max-width: 605px;
    margin-top: 4px;
    text-align: center;
}
.dark .user-venue-details-para[b-xwnhkdst1g] {
    color: rgba(255, 255, 255, 0.70);
}
.user-venue-follow-btn[b-xwnhkdst1g] {
    display: flex;
   /* width: 108px;*/
    padding: 6.811px 13.623px;
    justify-content: center;
    align-items: center;
    gap: 1.113px;
    border-radius: 3.453px;
    background: var(--primary-color);
    color: #000;
    font-family: var(--font-family-theme);
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    border: none;
}
.user-venue-follow-btn:hover[b-xwnhkdst1g]
{
    color: #fff;    
}
.user-venue-social-media ul[b-xwnhkdst1g] {
    list-style: none;
    display: flex;
    gap: 20px;
    position: relative;
    left: -5%;
}
[b-xwnhkdst1g] .user-social-media-link {
    display: flex;
    width: 42.983px;
    height: 42.983px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 42.983px;
    border: 0.86px solid rgba(0, 0, 0, 0.30);
}
[b-xwnhkdst1g] .user-social-media-link:hover
{
    background-color: var(--primary-color);
}
/*::deep .user-social-media-link:hover svg {
    filter: invert(1) !important;
}*/
.dark .user-social-media-link svg[b-xwnhkdst1g] {
    filter: invert(0);
}
.user-social-media-link svg[b-xwnhkdst1g]
{
    filter: invert(1);
}
.user-venue-about-section[b-xwnhkdst1g]
{
    margin-top:30px;
    margin-bottom: 30px;
}
.user-venue-about-section-title[b-xwnhkdst1g] {
    color: #000;
    font-family: var(--font-family-theme);
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.dark .user-venue-about-section-title[b-xwnhkdst1g] {
    color: #fff;
}
.user-venue-about-section-para[b-xwnhkdst1g] {
    color: rgba(0, 0, 0, 0.60);
    font-family: var(--font-family-theme);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.4px;
    margin-top: 10px;
}
.dark .user-venue-about-section-para[b-xwnhkdst1g] {
    color: #FFFFFF99;
}
.user-upcoming-events-title[b-xwnhkdst1g] {
    color: #000;
    font-family: var(--font-family-theme);
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 20px;
}
.dark .user-upcoming-events-title[b-xwnhkdst1g]
{
    color: #fff;
}
.user-venue-follow-count[b-xwnhkdst1g] {
    color: #000;
    font-family: var(--font-family-theme);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.4px;
    margin-bottom: 10px;
}
.dark .user-venue-follow-count[b-xwnhkdst1g]
{
    color: #fff;
}
.user-masonry-grid[b-xwnhkdst1g] {
    column-count: 4;
    column-gap: 20px;
    column-fill: balance;
}
.user-masonry-item[b-xwnhkdst1g] {
    break-inside: avoid;
    margin-bottom: 20px;
    background: white;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0,0,0,0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
    display: inline-block;
    width: 100%;
}
.user-masonry-item img[b-xwnhkdst1g] {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s ease;
    /* Let images maintain their natural aspect ratio */
    object-fit: cover;
}
.user-address-title[b-xwnhkdst1g] {
    color: #000;
    font-family: var(--font-family-theme);
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 10px;
}
.dark .user-address-title[b-xwnhkdst1g]
{
    color: #fff;
}
.user-address[b-xwnhkdst1g] {
    color: rgba(0, 0, 0, 0.60);
    font-family: var(--font-family-theme);
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.4px;
}
.dark .user-address[b-xwnhkdst1g] {
    color: rgba(255, 255, 255, 0.60);
}
.address-map-btn[b-xwnhkdst1g] {
    border: 1px solid var(--primary-color);
    border-radius: 4px;
    font-family: var(--font-family-theme);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    background-color: #74AC000D;
    color: var(--primary-color);
}
.dark .address-map-btn[b-xwnhkdst1g] {
    background-color: transparent;
}
.address-map-btn:hover[b-xwnhkdst1g]
{
    background-color: var(--primary-color);
    color: #000;
}
.address-map-btn:hover svg[b-xwnhkdst1g] {
    filter: invert(1) brightness(0.5) saturate(0.5) grayscale(1);
}
/*=====Skeleton Css code ============*/
.user-venue-profile-image.skeletion-venue-profile-image[b-xwnhkdst1g] {
    background: transparent !important;
    padding: 0px !important;
    box-shadow: none !important;
    width: 250px !important;
    height: 250px !important;
}
@media (max-width: 765px) {
    .user-venue-profile-image.skeletion-venue-profile-image[b-xwnhkdst1g] {
        max-width: 150px !important;
        max-height: 150px !important;
    }
}
.user-venue-cover-image.skeleton-venue-cover-image[b-xwnhkdst1g]::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background: transparent;
    width: 100%;
    height: 100%;
}
.skeleton-spacer-top[b-xwnhkdst1g] {
    position: relative;
    top: 67px;
    margin-bottom: 85px !important;
}
@media (max-width: 765px)
{
    .skeleton-spacer-top[b-xwnhkdst1g] {
        top: 45px;
    }
}
/*.user-embed-music-player {
    height: 300px !important;
}*/
.grid-item img[b-xwnhkdst1g] {
    width: 100%;
    display: block;
    border: 1px solid rgba(255, 255, 255, 0.20);
    border-radius: 12px;
}
.grid-item video[b-xwnhkdst1g] {
    width: 100%;
    display: block;
    border: 1px solid rgba(255, 255, 255, 0.20);
    border-radius: 12px;
}