/* /Layout/PlainLayout.razor.rz.scp.css */
.page[b-65l4ozziz2] {
    position: relative;
    flex-direction: column;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
    flex: 1;
    padding-left: 20px;
    padding-right: 20px;
}
/* /Pages/Account/ForgotPassword.razor.rz.scp.css */
.btn-artylier-gradient[b-js6uc62gvb] {
    background: linear-gradient(90deg, #d48a28cc 0%, #ebe05bcc 100%);
    border: 0;
}

.btn-artylier-gradient:hover[b-js6uc62gvb] {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca
}
/* /Pages/Art/ArtSwipe.razor.rz.scp.css */
.swipe-area[b-6z40fttl5e] {
    position: relative;
    height: calc(100svh - 120px);
    width: 100%;
    overflow: hidden;
}

@media (min-width: 960px) {
    .swipe-area[b-6z40fttl5e] {
        position: relative;
        height: calc(100svh - var(--mud-appbar-height));
        width: 100%;
        overflow: hidden;
    }
}

.item_image[b-6z40fttl5e] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.likeDislikeIndicator[b-6z40fttl5e] {
    font-size: 32pt;
    display: inline-block;
    border: 2px solid;
    border-radius: 12px;
    padding: 8px;
    font-family: sans-serif;
    font-weight: 700;
    position: absolute;
    z-index: 100;
    top: 20px;
}

#Like[b-6z40fttl5e] {
    right: 20px;
    color: var(--mud-palette-success);
    border-color: var(--mud-palette-success);
    background-color: #003000a0;
    opacity: 0;
}

#Dislike[b-6z40fttl5e] {
    left: 20px;
    color: var(--mud-palette-error);
    border-color: var(--mud-palette-error);
    background-color: #300000a0;
    opacity: 0;
}

.item_card[b-6z40fttl5e] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 8px;
    padding-bottom: 88px;
}

.item_details_area[b-6z40fttl5e] {
    position: absolute;
    bottom: 88px;
    left: 0;
    right: 0;
    height: 200px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}

.item_details_text[b-6z40fttl5e] {
    position: absolute;
    bottom: 0;
    left: 16px;
    color: white;
    text-shadow: 0 0 2px black, 0 0 0.2em black;
}

#CardToSwipe[b-6z40fttl5e] {
    z-index: 10;
    touch-action: none;
    user-select: none;
}

.pointer_events_none[b-6z40fttl5e] {
    pointer-events: none;
}

.feedback[b-6z40fttl5e] {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    line-height: 100vh;
    z-index: 20;
}
/* Keyframes für Like */
@keyframes like-animation-b-6z40fttl5e {
    0% {
        transform: scale(1);
        opacity: 0.5;
    }

    50% {
        transform: translateY(-75px) scale(1.2);
        opacity: 1;
    }

    100% {
        transform: translateY(-150px) scale(1.5);
        opacity: 0;
    }
}

/* Keyframes für Dislike */
@keyframes dislike-animation-b-6z40fttl5e {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: translateY(150px) scale(0.8);
        opacity: 0;
    }
}

/* Feedback-Like */
.feedback-like[b-6z40fttl5e] {
    animation: like-animation-b-6z40fttl5e 1s forwards;
}

/* Feedback-Dislike */
.feedback-dislike[b-6z40fttl5e] {
    animation: dislike-animation-b-6z40fttl5e 1s forwards;
}
/* /Pages/Art/MyArt.razor.rz.scp.css */
.fade-animation[b-rnc4qcgx4l] {
    animation: fadeInScale-b-rnc4qcgx4l 2000ms ease-out;
    transform-origin: left center;
}

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

    50% {
        opacity: 0.5;
        transform: scale(2);
        color: red;
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}
/* /Pages/Chat/Detail.razor.rz.scp.css */
.chat-messages[b-jurex58blx] {
    overflow-y: auto;
    display: flex;
    flex-direction: column-reverse;
    gap: 8px;
    flex: auto;
}

.message[b-jurex58blx] {
    max-width: 80%;
    padding: 8px;
    border-radius: 16px;
    color: white;
    margin-bottom: 4px;
    overflow-wrap: break-word; /* Langer Text wird umgebrochen */
    word-wrap: break-word; /* f�r �ltere Browser */
    white-space: normal; /* Zeilenumbr�che erlauben */
}

.own-message[b-jurex58blx] {
    margin-left: auto;
    background-color: #4caf50; /* Gr�ner Hintergrund f�r eigene Nachrichten */
}

.other-message[b-jurex58blx] {
    margin-right: auto;
    background-color: #2196f3; /* Blauer Hintergrund f�r Nachrichten von anderen */
}

.date-separator[b-jurex58blx] {
    text-align: center;
    margin: 16px 0 0;
    font-weight: bold;
    color: #616161;
}

.chat-messages-header[b-jurex58blx] {
    align-items: center;
    gap: 2px;
}
/* /Pages/Feedback/Detail.razor.rz.scp.css */
.feedback-comments[b-yitw7ru2m6] {
    overflow-y: auto;
    display: flex;
    flex-direction: column-reverse;
    gap: 8px;
    flex: auto;
}

.comment[b-yitw7ru2m6] {
    max-width: 80%;
    padding: 8px;
    border-radius: 16px;
    color: white;
    margin-bottom: 4px;
    overflow-wrap: break-word; /* Langer Text wird umgebrochen */
    word-wrap: break-word; /* f�r �ltere Browser */
    white-space: normal; /* Zeilenumbr�che erlauben */
}

.own-comment[b-yitw7ru2m6] {
    margin-left: auto;
    background-color: #4caf50; /* Gr�ner Hintergrund f�r eigene Nachrichten */
}

.other-comment[b-yitw7ru2m6] {
    margin-right: auto;
    background-color: #2196f3; /* Blauer Hintergrund f�r Nachrichten von anderen */
}

.date-separator[b-yitw7ru2m6] {
    text-align: center;
    margin: 16px 0 0;
    font-weight: bold;
    color: #616161;
}