/* /Controls/Actions/ActionPanelDialogBase.razor.rz.scp.css */
.loginPanel[b-ai5e9vs0fb] {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

    .loginPanel form[b-ai5e9vs0fb] {
        display: inline-grid;
        grid-template-columns: 1fr;
        width: min( 80%, 400px);
    }

        .loginPanel form span.loginError[b-ai5e9vs0fb] {
            color: red;
            text-align: center;
            font-weight: bold;
            font-size: larger;
        }

        .loginPanel form label[b-ai5e9vs0fb] {
            font-weight: bold;
        }

        .loginPanel form a[b-ai5e9vs0fb] {
        }

        .loginPanel form input[b-ai5e9vs0fb] {
            margin-bottom: 8px;
        }
/* /Controls/ActiveProfile/Control.razor.rz.scp.css */
.loginButton[b-6mkzqaozgx] {
    cursor: pointer;
}

    .loginButton span[b-6mkzqaozgx] {
        /*background-color: var(--wonaAccent);
        color: var(--wona800);*/
        padding: 0.25em;
        font-weight: bold;
        color: var(--wonaAccent);
        border-radius: 1.5em;
        transition-duration: .5s;
    }

        .loginButton span:hover[b-6mkzqaozgx] {
            color: var(--wona800);
            background-color: var(--wonaAccent);
        }

.logo[b-6mkzqaozgx] {
    cursor: pointer;
}

.loginPanelBlur[b-6mkzqaozgx] {
    z-index: +20001;
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    opacity: 0.5;
    background-color: black;
}

.loginPanel[b-6mkzqaozgx] {
    z-index: +20002;
    position: absolute;
    right: 0.5em;
    display: block;
    background-color: white;
    border: 1px solid black;
    padding: 0.5em;
    width: min( 300px, 90vw);
    color: white;
    border-radius: 0.5em;
    margin-top: .5em;
    background-color: var(--wona800);
    box-shadow: var(--wonaAccent) 2px 2px 8px;
    border-color: white;
}

    .loginPanel .error[b-6mkzqaozgx] {
        display: block;
        font-weight: bold;
    }

    .loginPanel .registerLink[b-6mkzqaozgx] {
        color: var(--wonaAccent);
        font-weight: bold;
    }

    .loginPanel .suggestRegisterPanel[b-6mkzqaozgx] {
        margin-top: 1em;
        margin-bottom: 1em;
        text-align: center;
    }

        .loginPanel .suggestRegisterPanel span[b-6mkzqaozgx] {
            display: block;
        }

        .loginPanel .suggestRegisterPanel a[b-6mkzqaozgx] {
            text-decoration: none;
        }

.notificationsPanelBlur[b-6mkzqaozgx] {
    z-index: +20001;
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-color: black;
    opacity: 0.5;
}

.notificationsPanel[b-6mkzqaozgx] {
    z-index: +20002;
    position: absolute;
    right: 0.5em;
    display: block;
    background-color: white;
    border: 1px solid black;
    padding: 0.5em;
    width: min( 300px, 90vw);
    color: var(--wona200);
    border-radius: 0.5em;
    margin-top: .5em;
    background-color: var(--wona800);
    box-shadow: var(--wonaAccent) 2px 2px 8px;
    border-color: white;
}

    .notificationsPanel .notificationWrapper[b-6mkzqaozgx] {
        border-radius: 0.5em;
        margin: 0.25em;
    }

        .notificationsPanel .notificationWrapper.unread[b-6mkzqaozgx] {
            font-weight: bold;
            background-color: var(--wona700);
        }

        .notificationsPanel .notificationWrapper .notification[b-6mkzqaozgx] {
            display: grid;
            grid-template-columns: auto 1fr;
            grid-gap: 0.5em;
        }


    .notificationsPanel .smallImage[b-6mkzqaozgx] {
        width: 50px;
        height: 50px;
        object-fit: cover;
    }

    .notificationsPanel .userListLink[b-6mkzqaozgx] {
        color: white;
        font-weight: bold;
        text-decoration: none;
    }

.activeUserPanelBlur[b-6mkzqaozgx] {
    z-index: +20001;
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-color: black;
    opacity: 0.5;
}

.activeUserPanel[b-6mkzqaozgx] {
    z-index: +20002;
    position: absolute;
    right: 0.5em;
    display: block;
    background-color: white;
    border: 1px solid black;
    padding: 0.5em;
    width: min( 300px, 90vw);
    color: var(--wona200);
    border-radius: 0.5em;
    margin-top: .5em;
    background-color: var(--wona800);
    box-shadow: var(--wonaAccent) 2px 2px 8px;
    border-color: white;
}

    .activeUserPanel .activeUserPanelEntries[b-6mkzqaozgx] {
    }

    .activeUserPanel .activeUserPanelHeader[b-6mkzqaozgx] {
        display: grid;
        grid-template-columns: auto 1fr;
    }

        .activeUserPanel .activeUserPanelHeader .userNamePanel[b-6mkzqaozgx] {
        }

        .activeUserPanel .activeUserPanelHeader .userNamePanel[b-6mkzqaozgx] {
            display: grid;
            text-align: center;
            padding-bottom: 0.5em;
            border-bottom: 1px solid var(--wona600);
        }

            .activeUserPanel .activeUserPanelHeader .userNamePanel .displayName[b-6mkzqaozgx] {
                font-weight: bold;
                color: var(--wona000);
                display: block;
            }

            .activeUserPanel .activeUserPanelHeader .userNamePanel .userName[b-6mkzqaozgx] {
                display: block;
                font-weight: bold;
                color: var(--wonaAccent);
            }

    .activeUserPanel .activeUserPanelEntry[b-6mkzqaozgx] {
        text-align: center;
        padding: 0.75em;
        font-weight: bold;
    }

        .activeUserPanel .activeUserPanelEntry.lastEntry[b-6mkzqaozgx] {
            border-bottom: 1px solid var(--wona600);
        }

        .activeUserPanel .activeUserPanelEntry:hover[b-6mkzqaozgx] {
            background-color: var(--wona700);
            color: var(--wonaAccent);
        }

        .activeUserPanel .activeUserPanelEntry button[b-6mkzqaozgx] {
            display: block;
            text-align: center;
            width: 100%;
            color: var(--wona200);
            font-weight: bold;
        }

        .activeUserPanel .activeUserPanelEntry a[b-6mkzqaozgx] {
            text-decoration: none;
            color: unset;
            display: block;
        }

@media( max-width: 450px) {
    .activeUserPanel[b-6mkzqaozgx] {
        left: 1em;
        right: 1em;
        width: unset;
    }

    .loginPanel[b-6mkzqaozgx] {
        left: 1em;
        right: 1em;
        width: unset;
    }
}

@media( max-width: 600px) {
    span .userName[b-6mkzqaozgx] {
        display: none;
    }
}
/* /Controls/ComingSoon.razor.rz.scp.css */
div.comingSoon[b-4rzkilalwx] {
    padding-top: min(150px, 20vh);
    display: grid;
    grid-template-columns: 1fr auto 1fr;
}

    div.comingSoon div.contents[b-4rzkilalwx] {
        grid-column: 2;
        text-align: center;
    }

        div.comingSoon div.contents img.logo[b-4rzkilalwx] {
            width: min( 640px, 50vw);
        }

        div.comingSoon div.contents span[b-4rzkilalwx] {
            display: block;
            color: var(--wonaAccent);
            font-weight: bold;
            font-size: 32px;
        }
/* /Controls/Comments/Control.razor.rz.scp.css */
.commentWrapper[b-zvdddeb040] {
    display: grid;
    grid-template-columns: auto 1fr;
    margin: 1em;
}

    .commentWrapper .userDetails img[b-zvdddeb040] {
        width: 50px;
        height: 50px;
        object-fit: cover;
        border-radius: 25px;
        border: 2px solid var(--wona000);
    }

    .commentWrapper .mainPanel[b-zvdddeb040] {
        grid-column-start: 2;
        margin-left: 0.5em;
    }

        .commentWrapper .mainPanel .commentBody[b-zvdddeb040] {
            padding: 0.5em;
            background-color: var(--wona800);
            border-radius: 0.5em;
        }

            .commentWrapper .mainPanel .commentBody .userName[b-zvdddeb040] {
                font-weight: bold;
                display: block;
            }

            .commentWrapper .mainPanel .commentBody .body[b-zvdddeb040] {
                white-space: pre-line;
            }

        .commentWrapper .mainPanel .actionsPanel[b-zvdddeb040] {
            display: grid;
            grid-template-columns: auto auto;
        }

            .commentWrapper .mainPanel .actionsPanel .right[b-zvdddeb040] {
                text-align: right;
            }


.newComment[b-zvdddeb040] {
    margin: 1em;
}

    .newComment .error[b-zvdddeb040] {
        text-align: center;
    }

    .newComment textarea[b-zvdddeb040] {
        height: 100px;
    }

.editCommentDialog[b-zvdddeb040] {
}

    .editCommentDialog textarea[b-zvdddeb040] {
        height: min( 300px, 40vh);
    }

div.loginPanel[b-zvdddeb040] {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    /*    display: grid;
    grid-template-columns: 1fr auto 1fr;*/
}

    div.loginPanel form[b-zvdddeb040] {
        display: inline-grid;
        grid-template-columns: 1fr;
        width: min( 90vw, 400px);
        grid-column: 2;
    }

        div.loginPanel form span.loginError[b-zvdddeb040] {
            color: red;
            text-align: center;
            width: 100%;
            font-weight: bold;
            font-size: larger;
        }

        div.loginPanel form label[b-zvdddeb040] {
            width: 100%;
            font-weight: bold;
        }

        div.loginPanel form a[b-zvdddeb040] {
            width: 100%;
        }

        div.loginPanel form input[b-zvdddeb040] {
            margin-bottom: 8px;
        }

    div.loginPanel input[b-zvdddeb040] {
        border-radius: 8px;
        padding-left: 8px;
    }

    div.loginPanel button[b-zvdddeb040] {
        background-color: white;
        border-radius: 24px;
        border: none;
        color: black;
        padding: 16px;
        text-align: center;
        font-weight: bold;
        text-decoration: none;
        display: inline-block;
        font-size: 20px;
    }
/* /Controls/Communities/CommunitiesDisplay.razor.rz.scp.css */
div.emptyCollection[b-ty1ztqearq] {
    min-height: 200px;
}

div.communitiesWrapper[b-ty1ztqearq] {
    overflow-x: hidden;
}


    div.communitiesWrapper div.communitiesContent[b-ty1ztqearq] {
        display: flex;
        flex-wrap: nowrap;
    }

        div.communitiesWrapper div.communitiesContent div.community[b-ty1ztqearq] {
            min-width: 400px;
            margin: 8px 8px;
            cursor: pointer;
            position: relative;
        }

            div.communitiesWrapper div.communitiesContent div.community:hover[b-ty1ztqearq] {
                background-color: #333333;
            }

            div.communitiesWrapper div.communitiesContent div.community div.wrapper[b-ty1ztqearq] {
            }

            div.communitiesWrapper div.communitiesContent div.community div.imageWrapper[b-ty1ztqearq] {
                border: 2px solid var(--wonaGrey);
                border-radius: 8px;
                max-width: 400px;
                height: 300px;
                text-align: center;
                display: grid;
                grid-template-rows: 1fr auto 2fr;
            }

                div.communitiesWrapper div.communitiesContent div.community div.imageWrapper a[b-ty1ztqearq] {
                    grid-row: 2;
                }

                div.communitiesWrapper div.communitiesContent div.community div.imageWrapper img.communityThumbnail[b-ty1ztqearq] {
                    max-width: calc( 400px - 16px);
                    max-height: 300px;
                    padding: 2px;
                }

            div.communitiesWrapper div.communitiesContent div.community div.title[b-ty1ztqearq] {
                background-color: var(--wonaGrey);
                color: white;
                z-index: +1;
                position: relative;
                border-radius: 8px;
                margin-top: -16px;
                font-size: 16px;
                max-width: calc( 400px);
            }

                div.communitiesWrapper div.communitiesContent div.community div.title h4[b-ty1ztqearq] {
                    display: block;
                    text-align: center;
                    padding-top: 6px;
                    padding-bottom: 6px;
                }

                div.communitiesWrapper div.communitiesContent div.community div.title a[b-ty1ztqearq] {
                    color: unset;
                    font-weight: bold;
                    text-decoration: none;
                }

                    div.communitiesWrapper div.communitiesContent div.community div.title a:visited[b-ty1ztqearq] {
                        color: unset;
                    }

    /* Desktop mode */
    div.communitiesWrapper.desktop[b-ty1ztqearq] {
        position: relative;
        overflow-x: hidden;
    }

        div.communitiesWrapper.desktop div.communitiesContent[b-ty1ztqearq] {
            overflow-x: hidden;
        }

        div.communitiesWrapper.desktop div.arrowWrapper[b-ty1ztqearq] {
            position: absolute;
            top: 0px;
            bottom: 0px;
            display: grid;
            grid-template-columns: auto 1fr auto;
            grid-template-rows: 1fr auto 1fr;
            width: calc(100% - 32px);
            pointer-events: none;
            margin-left: 16px;
            margin-right: 16px;
        }

            div.communitiesWrapper.desktop div.arrowWrapper svg[b-ty1ztqearq] {
                width: 48px;
                height: 48px;
                pointer-events: all;
            }

                div.communitiesWrapper.desktop div.arrowWrapper svg circle[b-ty1ztqearq] {
                    fill: #333;
                    opacity: 76%;
                }

                div.communitiesWrapper.desktop div.arrowWrapper svg path[b-ty1ztqearq] {
                    fill: none;
                    stroke: white;
                    stroke-width: 2px;
                    stroke-linecap: round
                }

                div.communitiesWrapper.desktop div.arrowWrapper svg:hover circle[b-ty1ztqearq] {
                    fill: white;
                }

                div.communitiesWrapper.desktop div.arrowWrapper svg:hover path[b-ty1ztqearq] {
                    stroke: var(--wonaAccent);
                }


            div.communitiesWrapper.desktop div.arrowWrapper div.arrowLeft[b-ty1ztqearq] {
                grid-column: 1;
                grid-row: 2;
            }

            div.communitiesWrapper.desktop div.arrowWrapper div.arrowRight[b-ty1ztqearq] {
                grid-column: 3;
                grid-row: 2;
            }

div.userDetails[b-ty1ztqearq] {
    display: inline;
    position: absolute;
    left: 12px;
    top: 12px;
}

    div.userDetails img[b-ty1ztqearq] {
        width: 50px;
        height: 50px;
        object-fit: cover;
        border-radius: 25px;
        border: 2px solid var(--wona000);
    }

@media( max-width: 820px) {
    div.communitiesWrapper[b-ty1ztqearq] {
        overflow-x: auto;
    }

        div.communitiesWrapper div.communitiesContent[b-ty1ztqearq] {
        }

            div.communitiesWrapper div.communitiesContent div.community[b-ty1ztqearq] {
                min-width: calc( 50vw - 16px);
                margin: 0px 8px;
            }

                div.communitiesWrapper div.communitiesContent div.community:hover[b-ty1ztqearq] {
                    background-color: unset;
                }

                div.communitiesWrapper div.communitiesContent div.community div.imageWrapper[b-ty1ztqearq] {
                    max-width: calc( 50vw - 32px);
                    text-align: center;
                }

                    div.communitiesWrapper div.communitiesContent div.community div.imageWrapper img.communityThumbnail[b-ty1ztqearq] {
                        max-width: calc( 50vw - 49px);
                        min-width: calc( 50vw - 160px);
                    }

                div.communitiesWrapper div.communitiesContent div.community div.title[b-ty1ztqearq] {
                    max-width: calc( 50vw - 32px);
                }
}

@media( max-width: 500px) {

    div.communitiesWrapper[b-ty1ztqearq] {
        overflow-x: auto;
    }

        div.communitiesWrapper div.communitiesContent[b-ty1ztqearq] {
            width: max-content;
            display: flex;
        }

            div.communitiesWrapper div.communitiesContent div.community[b-ty1ztqearq] {
                min-width: calc( 100vw - 16px);
                margin: 0px 8px;
            }

                div.communitiesWrapper div.communitiesContent div.community:hover[b-ty1ztqearq] {
                    background-color: unset;
                }

                div.communitiesWrapper div.communitiesContent div.community div.imageWrapper[b-ty1ztqearq] {
                    max-width: 100vw;
                    text-align: center;
                }

                    div.communitiesWrapper div.communitiesContent div.community div.imageWrapper img.communityThumbnail[b-ty1ztqearq] {
                        max-width: calc( 100vw - 16px);
                    }

                div.communitiesWrapper div.communitiesContent div.community div.title[b-ty1ztqearq] {
                    max-width: calc( 100vw - 12px);
                }
}
/* /Controls/EditorialContent/EditorialContentSection/Control.razor.rz.scp.css */

[b-pfn4guge22] div.mediaLinksPanel {
    right: 12px;
    top: 12px;
    position: absolute;
}

div.mainSection[b-pfn4guge22] {
}

    /** Common*/
    div.mainSection div.entries div.entry[b-pfn4guge22] {
        position: relative;
    }

        div.mainSection div.entries div.entry div.userDetails[b-pfn4guge22] {
            display: inline;
            position: absolute;
            left: 12px;
            top: 12px;
        }

            div.mainSection div.entries div.entry div.userDetails img[b-pfn4guge22] {
                width: 50px;
                height: 50px;
                object-fit: cover;
                border-radius: 25px;
                border: 2px solid var(--wona000);
            }

        div.mainSection div.entries div.entry div.imageWrapper[b-pfn4guge22] {
            display: grid;
            grid-template-columns: 1fr auto 1fr;
            grid-template-rows: 1fr auto 1fr;
            height: 100%;
        }

            div.mainSection div.entries div.entry div.imageWrapper :first-child[b-pfn4guge22] {
                grid-row: 2;
                grid-column: 2;
            }

    /* Mobile / tablet mode*/
    div.mainSection.responsive[b-pfn4guge22] {
        overflow-x: scroll;
        width: min( 90vw, 800px);
        margin-left: auto;
        margin-right: auto;
    }

        div.mainSection.responsive div.entries[b-pfn4guge22] {
            width: max-content;
            display: flex;
            flex-direction: row;
        }

            div.mainSection.responsive div.entries div.entry[b-pfn4guge22] {
                border: 2px solid var(--wona800);
                border-radius: 8px;
                width: calc(min( 90vw, 800px) - 4px);
                margin: 4px;
                padding: 4px;
            }

                div.mainSection.responsive div.entries div.entry div.entryTitle[b-pfn4guge22] {
                    background-color: var(--wona800);
                    color: var(--wona000);
                    text-align: center;
                    margin-left: -6px;
                    margin-right: -6px;
                    padding-bottom: 4px;
                    padding-top: 4px;
                    border-radius: 6px;
                    position: absolute;
                    display: block;
                    width: calc( 100% + 4px);
                    bottom: 0px;
                    font-weight: 500;
                    font-size: 20px;
                }

                    div.mainSection.responsive div.entries div.entry div.entryTitle a[b-pfn4guge22] {
                        color: white;
                        z-index: +2;
                        text-decoration: none;
                    }

                div.mainSection.responsive div.entries div.entry div.imageWrapper[b-pfn4guge22] {
                    max-width: calc( 100% - 8px);
                }

                    div.mainSection.responsive div.entries div.entry div.imageWrapper img[b-pfn4guge22] {
                        margin-left: auto;
                        margin-right: auto;
                        display: block;
                        max-width: calc(100% - 16px);
                        max-height: min( 50vh, 400px);
                    }

    /* Desktop mode */
    div.mainSection.desktop[b-pfn4guge22] {
        width: min( 800px, 90vw);
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }

        div.mainSection.desktop div.entries[b-pfn4guge22] {
            width: min( 800px, 90vw);
            overflow-x: hidden;
            display: flex;
            margin-left: auto;
            margin-right: auto;
        }

            div.mainSection.desktop div.entries div.entry[b-pfn4guge22] {
                width: min( 800px, 90vw);
            }

                div.mainSection.desktop div.entries div.entry div.entryTitle[b-pfn4guge22] {
                    color: black;
                    position: absolute;
                    top: 48px;
                    display: grid;
                    grid-template-columns: min(18vw, 150px) auto min(18vw, 150px);
                    width: 100%;
                    pointer-events: none;
                }

                    div.mainSection.desktop div.entries div.entry div.entryTitle a[b-pfn4guge22] {
                        grid-column: 2;
                        z-index: +2;
                        text-decoration: none;
                        padding: .5em 8px;
                        border: 1px solid var(--wona000);
                        font-weight: 600;

                        font-size: 20px;
                        background-color: white;
                        text-align: center;
                        pointer-events: all;

                        color: var(--wona000);
                        background-color: var(--wona700);
                        border-radius: 32px;
                    }


                div.mainSection.desktop div.entries div.entry div.imageWrapper[b-pfn4guge22] {
                    margin-left: auto;
                    margin-right: auto;
                    width: min(800px, 90vw);
                }

                    div.mainSection.desktop div.entries div.entry div.imageWrapper img[b-pfn4guge22] {
                        width: min(800px, 90vw);
                        max-height: min(600px, 90vh);
                        margin: auto auto auto auto;
                        margin-left: auto;
                        margin-right: auto;
                        display: block;
                        object-fit: contain;
                    }

        div.mainSection.desktop div.arrowWrapper[b-pfn4guge22] {
            position: absolute;
            top: 0px;
            bottom: 0px;
            display: grid;
            grid-template-columns: auto 1fr auto;
            grid-template-rows: 1fr auto 1fr;
            width: 100%;
            pointer-events: none;
        }

            div.mainSection.desktop div.arrowWrapper svg[b-pfn4guge22] {
                width: 48px;
                height: 48px;
                pointer-events: all;
            }

                div.mainSection.desktop div.arrowWrapper svg circle[b-pfn4guge22] {
                    fill: #333;
                    opacity: 76%;
                }

                div.mainSection.desktop div.arrowWrapper svg path[b-pfn4guge22] {
                    fill: none;
                    stroke: white;
                    stroke-width: 2px;
                    stroke-linecap: round
                }

                div.mainSection.desktop div.arrowWrapper svg:hover circle[b-pfn4guge22] {
                    fill: white;
                }

                div.mainSection.desktop div.arrowWrapper svg:hover path[b-pfn4guge22] {
                    stroke: var(--wonaAccent);
                }


            div.mainSection.desktop div.arrowWrapper div.arrowLeft[b-pfn4guge22] {
                grid-column: 1;
                grid-row: 2;
            }

            div.mainSection.desktop div.arrowWrapper div.arrowRight[b-pfn4guge22] {
                grid-column: 3;
                grid-row: 2;
            }



        div.mainSection.desktop div.itemSelectorsWrapper[b-pfn4guge22] {
            width: 100%;
            text-align: center;
            display: inline;
            position: absolute;
        }

            div.mainSection.desktop div.itemSelectorsWrapper div.itemSelectors[b-pfn4guge22] {
                margin-left: auto;
                margin-right: auto;
                width: 100%;
                position: absolute;
                text-align: center;
                bottom: 32px;
                z-index: +1;
            }

                div.mainSection.desktop div.itemSelectorsWrapper div.itemSelectors svg.itemSelector.selected[b-pfn4guge22] {
                    fill: var(--wonaAccent);
                }

                div.mainSection.desktop div.itemSelectorsWrapper div.itemSelectors svg.itemSelector[b-pfn4guge22] {
                    fill: white;
                    width: 16px;
                    height: 16px;
                    margin: 8px 2px;
                }
/* /Controls/GridImageControl.razor.rz.scp.css */
.gridImage[b-vk4fvdgsmr] {
    width: 100%;
    height: 250px;
    padding: 2px;
    overflow: hidden;
    position: relative;
}

    .gridImage img[b-vk4fvdgsmr] {
        object-fit: contain;
        width: 100%;
        height: 100%;
    }

        .gridImage img.background[b-vk4fvdgsmr] {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            display: block;
            overflow: hidden;
            object-fit: cover;
            filter: blur(5px);
            opacity: 0.8;
        }

        .gridImage img.main[b-vk4fvdgsmr] {
            object-fit: contain;
            position: relative;
            opacity: 2;
        }

@media(max-width:500px) {
    .gridImage.variableHeight[b-vk4fvdgsmr] {
        height: unset;
    }

        .gridImage.variableHeight img .background[b-vk4fvdgsmr] {
            display: none;
        }
}
/* /Controls/Lists/Copying/Control.razor.rz.scp.css */
input[type='text'][b-q58o5j1e56] {
    background-color: var(--wona700);
    color: var(--wona000);
    padding: 0.5em 0.25em;
    margin: 2px;
    border-radius: 0.5em;
    border-style: solid;
    border-width: 1px;
    border-color: var(--wona500);
}

.block[b-q58o5j1e56] {
    display: block;
}

.labelCenteredRight[b-q58o5j1e56] {
    text-align: right;
    margin-top: auto;
    margin-bottom: auto;
}

.tagsEditorPanel[b-q58o5j1e56] {
}

    .tagsEditorPanel .tagsList[b-q58o5j1e56] {
        display: grid;
        grid-template-columns: auto 1fr auto;
        gap: 0.5em;
        padding: 1em;
        padding-left: 4em;
    }

        .tagsEditorPanel .tagsList .tag[b-q58o5j1e56] {
            grid-column: 1 / span 1;
        }

        .tagsEditorPanel .tagsList .deleteTagButton[b-q58o5j1e56] {
            grid-column: 3 / span 1;
        }

.newTagPanel[b-q58o5j1e56] {
    display: grid;
}

.listEntriesPanel[b-q58o5j1e56] {
    display: grid;
    grid-template-columns: auto auto 1fr;
    gap: 0.5em;
    padding: 2px;
}

    .listEntriesPanel .selectionWrapper[b-q58o5j1e56] {
        margin-top: auto;
        margin-bottom: auto;
    }

        .listEntriesPanel .selectionWrapper .mediaTitle[b-q58o5j1e56] {
            display: none;
        }

    .listEntriesPanel .mediaImageWrapper[b-q58o5j1e56] {
        width: 200px;
        height: 200px;
    }

        .listEntriesPanel .mediaImageWrapper .mediaImage[b-q58o5j1e56] {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }


    .listEntriesPanel .titleAndDescriptionPanel[b-q58o5j1e56] {
        display: grid;
        grid-template-rows: auto 1fr;
    }

        .listEntriesPanel .titleAndDescriptionPanel .mediaTitle[b-q58o5j1e56] {
            padding-left: 0.5em;
            padding-right: 0.5em;
        }

        .listEntriesPanel .titleAndDescriptionPanel .listEntriesPanel .entryDescription[b-q58o5j1e56] {
            width: 100%;
            height: 100%;
        }

@media( max-width: 500px) {

    .labelCenteredRight[b-q58o5j1e56] {
        text-align: unset;
    }

    .listEntriesPanel[b-q58o5j1e56] {
        grid-template-columns: 1fr;
    }

        .listEntriesPanel .selectionWrapper[b-q58o5j1e56] {
            display: grid;
            grid-template-columns: auto 1fr;
            grid-gap: 1em;
        }

            .listEntriesPanel .selectionWrapper .mediaTitle[b-q58o5j1e56] {
                display: block;
            }

        .listEntriesPanel .mediaImageWrapper[b-q58o5j1e56] {
            width: 100%;
            height: unset;
        }

        .listEntriesPanel .titleAndDescriptionPanel[b-q58o5j1e56] {
        }

            .listEntriesPanel .titleAndDescriptionPanel .mediaTitle[b-q58o5j1e56] {
                display: none;
            }

            .listEntriesPanel .titleAndDescriptionPanel .entryDescription[b-q58o5j1e56] {
                min-height: 100px;
            }
}

.newDescription[b-q58o5j1e56] {
    height: 200px;
    background-color: var(--wona700);
    border: 1px solid var(--wona500);
    border-radius: 0.5em;
    padding: 0.5em;
    margin: 0.25em;
    color: var(--wona000);
}


.expander[b-q58o5j1e56] {
    stroke-width: 2px;
    stroke: var(--wona000);
    fill: none;
    width: 2em;
    transition: transform linear 0.1s;
}

    .expander.expanded[b-q58o5j1e56] {
        transform: rotate(90deg);
        transform-origin: 50% 50%;
    }
/* /Controls/Lists/Editing/Control.razor.rz.scp.css */
a.returnToProfile[b-zlytorbtp8] {
    padding: 4px 0px 8px 8px;
    text-decoration: none;
    color: white;
}

.userProfile .summary[b-zlytorbtp8] {
    margin: 1em;
}

    .userProfile .summary .label[b-zlytorbtp8] {
        padding-bottom: 8px;
        padding-right: 8px;
        font-weight: bold;
        text-align: right;
        color: var(--wona500);
    }


div.listDescription[b-zlytorbtp8] {
    border: 1px solid var(--wonaGrey);
    background-color: var(--wona800);
    border-radius: 6px;
    padding: 4px;
}

    div.listDescription span[b-zlytorbtp8] {
        white-space: pre-wrap;
    }

        div.listDescription span.noContent[b-zlytorbtp8] {
            text-align: center;
            color: red;
        }

div.editCoverImageDialog[b-zlytorbtp8] {
}

div.updateListDescriptionDialog[b-zlytorbtp8] {
}

    div.updateListDescriptionDialog textarea[b-zlytorbtp8] {
        min-height: min( 400px, 50vh);
    }

.changeListXXXDialog[b-zlytorbtp8] {
}

    .changeListXXXDialog .renameDetails[b-zlytorbtp8] {
        grid-gap: 0.5em;
    }

        .changeListXXXDialog .renameDetails span.label[b-zlytorbtp8] {
            font-weight: bold;
            padding: 8px;
        }

div.changeVisibilityDialog[b-zlytorbtp8] {
}

    div.changeVisibilityDialog span.error[b-zlytorbtp8] {
        text-align: center;
        font-weight: bold;
    }

    div.changeVisibilityDialog form[b-zlytorbtp8] {
        display: grid;
    }

        div.changeVisibilityDialog form input[type=radio][b-zlytorbtp8] {
            margin-left: 16px;
            margin-right: 8px;
        }

div.editListEntryDialog[b-zlytorbtp8] {
}

    div.editListEntryDialog span.error[b-zlytorbtp8] {
        font-weight: bold;
        width: 100%;
        text-align: center;
        display: block;
    }

    div.editListEntryDialog span.label[b-zlytorbtp8] {
        font-weight: bold;
        display: block;
    }

    div.editListEntryDialog textarea[b-zlytorbtp8] {
        min-height: 200px;
        width: 100%;
    }

div.newEntryDialog[b-zlytorbtp8] {
}

    div.newEntryDialog form.mediaSearch[b-zlytorbtp8] {
        display: grid;
        grid-template-columns: 1fr auto;
        grid-gap: 4px;
        padding-bottom: 4px;
    }

    div.newEntryDialog .validationError[b-zlytorbtp8] {
        width: 100%;
        text-align: center;
        display: block;
        font-weight: bold;
    }

    div.newEntryDialog .noMatchingResults[b-zlytorbtp8] {
        text-align: center;
        color: var(--wona200);
    }

        div.newEntryDialog .noMatchingResults span[b-zlytorbtp8] {
            display: block;
        }

    div.newEntryDialog div.mediaSearchResults[b-zlytorbtp8] {
    }

        div.newEntryDialog div.mediaSearchResults div.mediaSearchResult[b-zlytorbtp8] {
            display: grid;
            grid-template-columns: auto 1fr auto;
            padding: 2px;
        }

            div.newEntryDialog div.mediaSearchResults div.mediaSearchResult:hover[b-zlytorbtp8] {
                background-color: var(--wona700);
            }

            div.newEntryDialog div.mediaSearchResults div.mediaSearchResult img[b-zlytorbtp8] {
                width: 200px;
                max-height: 150px;
                object-fit: contain;
            }

    div.newEntryDialog form.newEntryDetails[b-zlytorbtp8] {
        display: grid;
        grid-template-columns: auto 1fr;
        row-gap: 4px;
    }

        div.newEntryDialog form.newEntryDetails div.mediaDetails[b-zlytorbtp8] {
            grid-column: 1 / span 2;
        }

            div.newEntryDialog form.newEntryDetails div.mediaDetails img[b-zlytorbtp8] {
                width: 100%;
            }

        div.newEntryDialog form.newEntryDetails span[b-zlytorbtp8] {
            font-weight: bold;
            padding-right: 4px;
        }

            div.newEntryDialog form.newEntryDetails span.validationError[b-zlytorbtp8] {
                text-align: center;
                grid-column: 1 / span 3;
            }

        div.newEntryDialog form.newEntryDetails div.buttonsRow[b-zlytorbtp8] {
            grid-column: 1 / span 2;
        }

        div.newEntryDialog form.newEntryDetails .fullWidthLabel[b-zlytorbtp8] {
            grid-column: 1 / span 2;
        }

        div.newEntryDialog form.newEntryDetails textarea[b-zlytorbtp8] {
            width: 100%;
            grid-column: 1 / span 2;
            min-height: min( 200px, 10vh);
        }

        div.newEntryDialog form.newEntryDetails .supportedServices[b-zlytorbtp8] {
            grid-column: 1 / span2;
        }

div.confirmDeleteDialog[b-zlytorbtp8] {
}

    div.confirmDeleteDialog input[b-zlytorbtp8] {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }


div.section[b-zlytorbtp8] {
    padding-top: 8px;
}


div.section[b-zlytorbtp8] {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
}

div.media[b-zlytorbtp8] {
    width: 100%;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto 1fr;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 32px;
    padding-right: 32px;
}

    div.media:hover[b-zlytorbtp8] {
        background-color: var(--wona800);
    }

    div.media div.thumbnail[b-zlytorbtp8] {
        border: 2px solid var(--wona800);
        border-radius: 8px;
        width: min( calc(var(--bodyWidth)/2), 45vw);
        grid-row-start: 1;
        grid-row-end: 3;
        padding: 4px;
        margin-right: 12px;
        position: relative;
    }

        div.media div.thumbnail > img[b-zlytorbtp8] {
            display: block;
            margin-left: auto;
            margin-right: auto;
            max-width: 100%;
            max-height: 350px;
        }

        div.media div.thumbnail[b-zlytorbtp8]  div.mediaLinksPanel {
            right: 12px;
            bottom: 12px;
            position: absolute;
        }

    div.media h4[b-zlytorbtp8] {
        grid-column: 2;
        grid-row: 1;
    }

    div.media p[b-zlytorbtp8] {
        grid-column: 2;
        grid-row: 2;
        white-space: pre-wrap;
    }

    div.media div.buttonsRow[b-zlytorbtp8] {
        grid-column: 1 / span 2;
    }

@media( max-width: 500px) {

    div.newEntryDialog[b-zlytorbtp8] {
    }

        div.newEntryDialog form.mediaSearch[b-zlytorbtp8] {
            grid-template-columns: 1fr;
        }

            div.newEntryDialog form.mediaSearch span.label[b-zlytorbtp8] {
                grid-column: 1 / span 2;
            }

            div.newEntryDialog form.mediaSearch input[b-zlytorbtp8] {
                grid-row: 2;
                width: 100%;
            }

            div.newEntryDialog form.mediaSearch div.buttons[b-zlytorbtp8] {
                grid-row: 3;
                text-align: right;
            }

        div.newEntryDialog div.mediaSearchResults[b-zlytorbtp8] {
        }

            div.newEntryDialog div.mediaSearchResults div.mediaSearchResult[b-zlytorbtp8] {
                grid-template-columns: 1fr auto;
            }

                div.newEntryDialog div.mediaSearchResults div.mediaSearchResult img[b-zlytorbtp8] {
                    width: 100%;
                    max-height: 200px;
                    grid-row: 1;
                    grid-column: 1 / span 2;
                }

                div.newEntryDialog div.mediaSearchResults div.mediaSearchResult span.mediaTitle[b-zlytorbtp8] {
                    grid-row: 2;
                    grid-column: 1 / span 2;
                    text-align: center;
                }

                div.newEntryDialog div.mediaSearchResults div.mediaSearchResult div.buttons[b-zlytorbtp8] {
                    grid-row: 3;
                    grid-column: 2;
                    text-align: right;
                }

    /* Media */
    div.media[b-zlytorbtp8] {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 16px;
        padding-right: 16px;
    }

        div.media div.thumbnail[b-zlytorbtp8] {
            width: 100%;
        }

            div.media div.thumbnail > img[b-zlytorbtp8] {
                max-width: 100%;
            }

        div.media h4[b-zlytorbtp8] {
            grid-column: unset;
            grid-row: unset;
        }

        div.media p[b-zlytorbtp8] {
            grid-column: unset;
            grid-row: unset;
        }

        div.media div.buttonsRow[b-zlytorbtp8] {
            grid-column: unset;
        }

    form.newEntryDetails div.mediaDetails img[b-zlytorbtp8] {
        width: 100%;
    }
}

[b-zlytorbtp8] #ifListCustomImage {
    display: none;
}

.tagSelector[b-zlytorbtp8] {
    display: grid;
    grid-template-columns: 1fr auto;
}

    .tagSelector button[b-zlytorbtp8] {
        margin-right: 6px;
    }

.grid2Columns .error[b-zlytorbtp8] {
    text-align: center;
}

.tag[b-zlytorbtp8] {
    border: 1px solid white;
    background-color: var(--wonaLightGrey);
    border-radius: 10px;
    padding: 2px 8px 2px 8px;
    margin-right: 4px;
    white-space: nowrap;
}

.reorderListEntriesDialog[b-zlytorbtp8] {
}

    .reorderListEntriesDialog .listEntriesWrapper[b-zlytorbtp8] {
        overflow-x: auto;
    }

    .reorderListEntriesDialog .listEntries[b-zlytorbtp8] {
        display: grid;
        grid-template-columns: auto auto auto 1fr;
        min-width: max-content;
        column-gap: 2px;
    }

        .reorderListEntriesDialog .listEntries .index[b-zlytorbtp8] {
            text-align: right;
        }

        .reorderListEntriesDialog .listEntries .mediaName[b-zlytorbtp8] {
            padding-left: 8px;
        }


.supportedServices[b-zlytorbtp8] {
    padding-top: 1em;
    padding-bottom: 1em;
    text-align: center;
}

    .supportedServices .supportedServicesList[b-zlytorbtp8] {
        display: inline;
    }

    .supportedServices img[b-zlytorbtp8] {
        width: 32px;
        height: 32px;
        margin-top: .5em;
    }

@media( max-width: 500px) {
    .supportedServices[b-zlytorbtp8] {
    }

        .supportedServices .label[b-zlytorbtp8] {
            display: block;
        }

    .userProfile .summary[b-zlytorbtp8] {
    }

        .userProfile .summary .label[b-zlytorbtp8] {
            padding-bottom: unset;
            text-align: unset;
        }
}

.shares[b-zlytorbtp8] {
}

    .shares .scrollingContentWrapper[b-zlytorbtp8] {
        overflow-x: auto;
    }

        .shares .scrollingContentWrapper table[b-zlytorbtp8] {
            width: max-content;
        }

            .shares .scrollingContentWrapper table th[b-zlytorbtp8] {
                text-align: center;
                color: var(--wona500);
            }

    .shares .noAccess[b-zlytorbtp8] {
        display: block;
        text-align: center;
        color: red;
        padding: 1em;
    }

.newShareDialog[b-zlytorbtp8] {
}

    .newShareDialog .noResults[b-zlytorbtp8] {
        display: block;
        color: red;
        text-align: center;
        font-size: large;
        font-weight: bold;
        padding-top: 2em;
        padding-bottom: 2em;
    }

    .newShareDialog .searchResults[b-zlytorbtp8] {
        width: 100%;
    }

        .newShareDialog .searchResults .user[b-zlytorbtp8] {
        }

            .newShareDialog .searchResults .user .springColumn[b-zlytorbtp8] {
                padding-left: 0.25em;
                width: 100%;
            }

            .newShareDialog .searchResults .user .userThumbnail[b-zlytorbtp8] {
                width: 75px;
                height: 75px;
                border-radius: 50%
            }

            .newShareDialog .searchResults .user .userDisplayName[b-zlytorbtp8] {
                font-weight: bold;
                display: block;
            }

.noEntries[b-zlytorbtp8] {
    padding: 2em 1em;
    display: block;
    font-weight: bold;
    text-align: center;
}

.selectorRow[b-zlytorbtp8] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-bottom: 0.5em;
}

    .selectorRow .selector[b-zlytorbtp8] {
        display: inline-block;
        color: var(--wona500);
        font-size: 1.2em;
        font-weight: bold;
        padding: 4px 8px;
        text-align: center;
        border-bottom: 4px solid var(--wona800);
    }

        .selectorRow .selector.active[b-zlytorbtp8] {
            font-weight: bold;
            border-bottom-color: var(--wona500);
        }

        .selectorRow .selector.inactive[b-zlytorbtp8] {
            cursor: pointer;
        }

.noSelectedUsersPanel[b-zlytorbtp8] {
    text-align: center;
    min-height: 100px;
}
/* /Controls/Lists/ListsDisplay.razor.rz.scp.css */
div.listsWrapper[b-ktr6h6v4kd] {
    overflow-x: hidden;
}

    div.listsWrapper div.listsContent[b-ktr6h6v4kd] {
        display: flex;
        flex-wrap: nowrap;
    }

        div.listsWrapper div.listsContent div.list[b-ktr6h6v4kd] {
            min-width: calc( (var(--bodyWidth) / 3) - 16px);
            margin: 8px 8px;
            cursor: pointer;
            position: relative;
        }

            div.listsWrapper div.listsContent div.list:hover[b-ktr6h6v4kd] {
                background-color: var(--wona800);
            }

            div.listsWrapper div.listsContent div.list div.wrapper[b-ktr6h6v4kd] {
            }

            div.listsWrapper div.listsContent div.list div.imageWrapper[b-ktr6h6v4kd] {
                border: 2px solid var(--wona800);
                border-radius: 8px;
                max-width: 400px;
                height: 300px;
                text-align: center;
                display: grid;
                grid-template-rows: 1fr auto 2fr;
                position: relative;
            }

                div.listsWrapper div.listsContent div.list div.imageWrapper a[b-ktr6h6v4kd] {
                    grid-row: 2;
                }

                div.listsWrapper div.listsContent div.list div.imageWrapper img.listThumbnail[b-ktr6h6v4kd] {
                    max-width: 100%;
                    max-height: 300px;
                    padding: 2px;
                }

                div.listsWrapper div.listsContent div.list div.imageWrapper .tagsOverlay[b-ktr6h6v4kd] {
                    position: absolute;
                    left: 12px;
                    bottom: 24px;
                }

                div.listsWrapper div.listsContent div.list div.imageWrapper .listActionsOverlay[b-ktr6h6v4kd] {
                    position: absolute;
                    right: 0.5em;
                    top: 0.5em;
                }

            div.listsWrapper div.listsContent div.list div.title[b-ktr6h6v4kd] {
                background-color: var(--wona800);
                color: white;
                position: relative;
                border-radius: 8px;
                font-size: 16px;
                max-width: calc( 400px);
            }

                div.listsWrapper div.listsContent div.list div.title h4[b-ktr6h6v4kd] {
                    display: block;
                    text-align: center;
                    padding-top: 6px;
                    padding-bottom: 6px;
                    height: 3em;
                    overflow-y: hidden;
                    overflow-x: hidden;
                }

                div.listsWrapper div.listsContent div.list div.title a[b-ktr6h6v4kd] {
                    color: unset;
                    font-weight: bold;
                    text-decoration: none;
                }

                    div.listsWrapper div.listsContent div.list div.title a:visited[b-ktr6h6v4kd] {
                        color: unset;
                    }

    /* Desktop mode */
    div.listsWrapper.desktop[b-ktr6h6v4kd] {
        position: relative;
        overflow-x: hidden;
    }

        div.listsWrapper.desktop div.listsContent[b-ktr6h6v4kd] {
            overflow-x: hidden;
        }

        div.listsWrapper.desktop div.arrowWrapper[b-ktr6h6v4kd] {
            position: absolute;
            top: 0px;
            bottom: 0px;
            display: grid;
            grid-template-columns: auto 1fr auto;
            grid-template-rows: 1fr auto 1fr;
            width: calc(100% - 32px);
            pointer-events: none;
            margin-left: 16px;
            margin-right: 16px;
        }

            div.listsWrapper.desktop div.arrowWrapper svg[b-ktr6h6v4kd] {
                width: 48px;
                height: 48px;
                pointer-events: all;
            }

                div.listsWrapper.desktop div.arrowWrapper svg circle[b-ktr6h6v4kd] {
                    fill: #333;
                    opacity: 76%;
                }

                div.listsWrapper.desktop div.arrowWrapper svg path[b-ktr6h6v4kd] {
                    fill: none;
                    stroke: white;
                    stroke-width: 2px;
                    stroke-linecap: round
                }

                div.listsWrapper.desktop div.arrowWrapper svg:hover circle[b-ktr6h6v4kd] {
                    fill: white;
                }

                div.listsWrapper.desktop div.arrowWrapper svg:hover path[b-ktr6h6v4kd] {
                    stroke: var(--wonaAccent);
                }


            div.listsWrapper.desktop div.arrowWrapper div.arrowLeft[b-ktr6h6v4kd] {
                grid-column: 1;
                grid-row: 2;
            }

            div.listsWrapper.desktop div.arrowWrapper div.arrowRight[b-ktr6h6v4kd] {
                grid-column: 3;
                grid-row: 2;
            }

div.userDetails[b-ktr6h6v4kd] {
    display: inline;
    position: absolute;
    left: 12px;
    top: 12px;
}

    div.userDetails img[b-ktr6h6v4kd] {
        width: 50px;
        height: 50px;
        object-fit: cover;
        border-radius: 25px;
        border: 2px solid var(--wona000);
    }

@media( max-width: 500px) {

    div.listsWrapper[b-ktr6h6v4kd] {
        overflow-x: auto;
    }

        div.listsWrapper div.listsContent[b-ktr6h6v4kd] {
            width: max-content;
            display: flex;
        }

            div.listsWrapper div.listsContent div.list[b-ktr6h6v4kd] {
                width: calc( 100vw - 24px);
                margin: 0px 8px;
            }

                div.listsWrapper div.listsContent div.list:hover[b-ktr6h6v4kd] {
                    background-color: unset;
                }

                div.listsWrapper div.listsContent div.list div.imageWrapper[b-ktr6h6v4kd] {
                    max-width: 100%;
                    text-align: center;
                }

                    div.listsWrapper div.listsContent div.list div.imageWrapper img.listThumbnail[b-ktr6h6v4kd] {
                        max-width: 100%;
                    }

                div.listsWrapper div.listsContent div.list div.title[b-ktr6h6v4kd] {
                    max-width: calc( 100vw - 12px);
                }
}
/* /Controls/Lists/ListsGrid.razor.rz.scp.css */

.listsGrid[b-96eg5w3z6a] {
    padding-bottom: 1em;
    padding-top: 1em;
    display: grid;
    grid: auto-flow/repeat(auto-fit,minmax(var(--wonaSmallGridEntryMinSize),var(--wonaSmallGridEntryMaxSize)));
    row-gap: 0.5em;
}

    .listsGrid .list[b-96eg5w3z6a] {
        display: inline-block;
        height: 300px;
        padding: 0.25em;
        position: relative;
    }

        .listsGrid .list .userDetails[b-96eg5w3z6a] {
            position: absolute;
            left: 0.5em;
            top: 0.5em;
        }

            .listsGrid .list .userDetails img[b-96eg5w3z6a] {
                width: 50px;
                height: 50px;
                object-fit: cover;
                border-radius: 25px;
                border: 2px solid var(--wona000);
            }

        .listsGrid .list .listActionsOverlay[b-96eg5w3z6a] {
            position: absolute;
            right: 0.5em;
            top: 0.5em;
        }

        .listsGrid .list .tagsOverlay[b-96eg5w3z6a] {
            position: absolute;
            left: 0.5em;
            bottom: calc(50px + 0.5em);
        }

        .listsGrid .list .listTitle[b-96eg5w3z6a] {
            width: 100%;
            height: 50px;
            overflow: clip;
            background-color: var(--wona800);
        }

            .listsGrid .list .listTitle a[b-96eg5w3z6a] {
                text-decoration: none;
            }

            .listsGrid .list .listTitle span[b-96eg5w3z6a] {
                color: white;
                text-align: center;
                text-decoration: none;
                display: block;
                font-weight: bold;
            }

@media(max-width: 500px) {
    .listsGrid[b-96eg5w3z6a] {
        grid: auto-flow/repeat(auto-fit,minmax(var(--wonaSmallGridEntryMinSize),1fr));
    }

        .listsGrid .list[b-96eg5w3z6a] {
            margin: 0.25em;
            display: inline-block;
            height: unset;
        }

            .listsGrid .list .listLinksPanelWrapper[b-96eg5w3z6a] {
                position: absolute;
                right: 0.5em;
                top: 0.5em;
                bottom: unset;
            }

            .listsGrid .list .listTitle[b-96eg5w3z6a] {
                height: unset;
                padding: 1em;
            }
}
/* /Controls/MainLayoutAddPost/Control.razor.rz.scp.css */


.addPostButton[b-l8dm54wuif] {
    position: fixed;
    bottom: 1em;
    right: 1em;
    z-index: +10;
}

    .addPostButton .addButton[b-l8dm54wuif] {
        cursor: pointer;
        width: 36px;
        height: 36px;
    }

        .addPostButton .addButton .background[b-l8dm54wuif] {
            fill: var(--wona800);
        }

        .addPostButton .addButton:hover .background[b-l8dm54wuif] {
            fill: var(--wona500);
        }

        .addPostButton .addButton .foreground[b-l8dm54wuif] {
            fill: var(--wona000);
        }

.addUserPostDialog textarea[b-l8dm54wuif] {
    height: min( 300px, 50vh);
}
/* /Controls/Media/AddMediaToListPanel.razor.rz.scp.css */
div.addToWatchList[b-a647lc3wzf] {
}

    div.addToWatchList textarea[b-a647lc3wzf] {
        min-height: min( 150px, 50vh);
    }


div.listSelectionPanelWrapper[b-a647lc3wzf] {
    overflow-x: auto;
    padding-bottom: 10px;
}

    div.listSelectionPanelWrapper div.listSelectionPanel[b-a647lc3wzf] {
        display: flex;
    }

        div.listSelectionPanelWrapper div.listSelectionPanel div.list[b-a647lc3wzf] {
            width: 125px;
            height: 200px;
            padding: 5px;
            text-align: center;
            cursor: pointer;
        }

            div.listSelectionPanelWrapper div.listSelectionPanel div.list img[b-a647lc3wzf] {
                width: 115px;
                height: 115px;
                object-fit: contain;
                object-position: center;
            }

            div.listSelectionPanelWrapper div.listSelectionPanel div.list span[b-a647lc3wzf] {
                display: block;
                text-align: center;
            }

            div.listSelectionPanelWrapper div.listSelectionPanel div.list.active[b-a647lc3wzf] {
                padding: 4px;
                border: 1px solid white;
            }
/* /Controls/Media/AddMediaToWatchpartyPanel.razor.rz.scp.css */
div.addToWatchWatchParty[b-uq6mkpigqo] {
}

    div.addToWatchWatchParty textarea[b-uq6mkpigqo] {
        min-height: min( 150px, 50vh);
    }


div.watchPartySelectionPanelWrapper[b-uq6mkpigqo] {
    overflow-x: auto;
    padding-bottom: 10px;
}

    div.watchPartySelectionPanelWrapper div.watchPartySelectionPanel[b-uq6mkpigqo] {
        display: flex;
    }

        div.watchPartySelectionPanelWrapper div.watchPartySelectionPanel div.watchParty[b-uq6mkpigqo] {
            width: 125px;
            height: 200px;
            padding: 5px;
            text-align: center;
            cursor: pointer;
        }

            div.watchPartySelectionPanelWrapper div.watchPartySelectionPanel div.watchParty img[b-uq6mkpigqo] {
                width: 115px;
                height: 115px;
                object-fit: contain;
                object-position: center;
            }

            div.watchPartySelectionPanelWrapper div.watchPartySelectionPanel div.watchParty span[b-uq6mkpigqo] {
                display: block;
                text-align: center;
            }

            div.watchPartySelectionPanelWrapper div.watchPartySelectionPanel div.watchParty.active[b-uq6mkpigqo] {
                padding: 4px;
                border: 1px solid white;
            }
/* /Controls/Media/AddMediaToXxxButton.razor.rz.scp.css */
.addMediaToXxxButtonWrapper[b-66z7aa2kzu] {
    display: inline-block;
    position: relative;
}

.addMediaToXxxDropDownIntercept[b-66z7aa2kzu] {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /*background-color: black;
    opacity: .9;*/
    z-index: +10;
}

.addMediaToXxxDropDown[b-66z7aa2kzu] {
    z-index: +11;
    border: 1px solid white;
    border-radius: 0.5em;
    background-color: var(--wona700);
    display: grid;
    position: absolute;
    width: max-content;
    color: white;
    margin-top: .1em;
    padding: 1em;
    box-shadow: var(--wonaAccent) 2px 2px 8px;
    transition: display linear 0.2s;
}

    .addMediaToXxxDropDown.addMediaToXxxDropDownRightAligned[b-66z7aa2kzu] {
        right: 0;
    }

    .addMediaToXxxDropDown.addMediaToXxxDropDownLeftAligned[b-66z7aa2kzu] {
        left: 0;
    }

    .addMediaToXxxDropDown .addMediaToXxxDropDownEntry[b-66z7aa2kzu] {
        display: block;
        padding: 0.5em;
        text-align: center;
        color: white;
    }

        .addMediaToXxxDropDown .addMediaToXxxDropDownEntry:hover[b-66z7aa2kzu] {
            background-color: var(--wona600);
        }
/* /Controls/Media/MediaLinksPanel.razor.rz.scp.css */
.mediaLinksPanel[b-vg1rc8e4bu] {
}

    .mediaLinksPanel img[b-vg1rc8e4bu] {
        vertical-align: top;
    }

        .mediaLinksPanel img.mediaLink[b-vg1rc8e4bu] {
            float: right;
            max-width: 32px;
            max-height: 32px;
            cursor: pointer;
            margin-left: 8px;
        }
/* /Controls/Media/MediaSetDisplay.razor.rz.scp.css */
.mediaSetWrapper[b-mgqlkpg62o] {
    overflow-x: hidden;
}

    .mediaSetWrapper .mediaSetContent[b-mgqlkpg62o] {
        display: flex;
        flex-wrap: nowrap;
    }

        .mediaSetWrapper .mediaSetContent .media[b-mgqlkpg62o] {
            min-width: calc( (var(--bodyWidth) / 3) - 16px);
            margin: 8px 8px;
            cursor: pointer;
            position: relative;
        }

            .mediaSetWrapper .mediaSetContent .media:hover[b-mgqlkpg62o] {
                background-color: var(--wona800);
            }

            .mediaSetWrapper .mediaSetContent .media .wrapper[b-mgqlkpg62o] {
            }

            .mediaSetWrapper .mediaSetContent .media .imageWrapper[b-mgqlkpg62o] {
                border: 2px solid var(--wona800);
                border-radius: 8px;
                max-width: 400px;
                height: 300px;
                text-align: center;
                position: relative;
            }

            .mediaSetWrapper .mediaSetContent .media .mediaLinksPanelWrapper[b-mgqlkpg62o] {
                position: absolute;
                right: 0.5em;
                top: 0.5em;
            }

            .mediaSetWrapper .mediaSetContent .media .mediaActionsOverlay[b-mgqlkpg62o] {
                position: absolute;
                left: 0.5em;
                top: 0.5em;
            }

            .mediaSetWrapper .mediaSetContent .media .title[b-mgqlkpg62o] {
                background-color: var(--wona800);
                color: white;
                position: relative;
                border-radius: 8px;
                font-size: 16px;
                max-width: calc( 400px);
            }

                .mediaSetWrapper .mediaSetContent .media .title h4[b-mgqlkpg62o] {
                    display: block;
                    text-align: center;
                    padding-top: 6px;
                    padding-bottom: 6px;
                    height: 3em;
                    overflow-y: hidden;
                    overflow-x: hidden;
                }

    /* Desktop mode */
    .mediaSetWrapper.desktop[b-mgqlkpg62o] {
        position: relative;
        overflow-x: hidden;
    }

        .mediaSetWrapper.desktop .mediaSetContent[b-mgqlkpg62o] {
            overflow-x: hidden;
        }

        .mediaSetWrapper.desktop .arrowWrapper[b-mgqlkpg62o] {
            position: absolute;
            top: 0px;
            bottom: 0px;
            display: grid;
            grid-template-columns: auto 1fr auto;
            grid-template-rows: 1fr auto 1fr;
            width: calc(100% - 32px);
            pointer-events: none;
            margin-left: 16px;
            margin-right: 16px;
        }

            .mediaSetWrapper.desktop .arrowWrapper svg[b-mgqlkpg62o] {
                width: 48px;
                height: 48px;
                pointer-events: all;
            }

                .mediaSetWrapper.desktop .arrowWrapper svg circle[b-mgqlkpg62o] {
                    fill: #333;
                    opacity: 76%;
                }

                .mediaSetWrapper.desktop .arrowWrapper svg path[b-mgqlkpg62o] {
                    fill: none;
                    stroke: white;
                    stroke-width: 2px;
                    stroke-linecap: round
                }

                .mediaSetWrapper.desktop .arrowWrapper svg:hover circle[b-mgqlkpg62o] {
                    fill: white;
                }

                .mediaSetWrapper.desktop .arrowWrapper svg:hover path[b-mgqlkpg62o] {
                    stroke: var(--wonaAccent);
                }


            .mediaSetWrapper.desktop .arrowWrapper .arrowLeft[b-mgqlkpg62o] {
                grid-column: 1;
                grid-row: 2;
            }

            .mediaSetWrapper.desktop .arrowWrapper .arrowRight[b-mgqlkpg62o] {
                grid-column: 3;
                grid-row: 2;
            }

.userDetails[b-mgqlkpg62o] {
    display: inline;
    position: absolute;
    left: 12px;
    top: 12px;
}

    .userDetails img[b-mgqlkpg62o] {
        width: 50px;
        height: 50px;
        object-fit: cover;
        border-radius: 25px;
        border: 2px solid var(--wona000);
    }

@media( max-width: 500px) {

    .mediaSetWrapper[b-mgqlkpg62o] {
        overflow-x: auto;
    }

        .mediaSetWrapper .mediaSetContent[b-mgqlkpg62o] {
            width: max-content;
            display: flex;
        }

            .mediaSetWrapper .mediaSetContent .media[b-mgqlkpg62o] {
                width: calc( 100vw - 24px);
                margin: 0px 8px;
            }

                .mediaSetWrapper .mediaSetContent .media:hover[b-mgqlkpg62o] {
                    background-color: unset;
                }

                .mediaSetWrapper .mediaSetContent .media .imageWrapper[b-mgqlkpg62o] {
                    max-width: 100%;
                    text-align: center;
                }

                .mediaSetWrapper .mediaSetContent .media .title[b-mgqlkpg62o] {
                    max-width: calc( 100vw - 12px);
                }
}
/* /Controls/Media/StoreListingsPanel.razor.rz.scp.css */
.vendorList[b-4m5bjnag2i] {
    display: flow;
}

    .vendorList .vendor[b-4m5bjnag2i] {
        width: 128px;
        height: 128px;
        display: inline-block;
        margin: 8px;
    }

        .vendorList .vendor img[b-4m5bjnag2i] {
            max-height: 100%;
            max-width: 100%;
        }
/* /Controls/MenuButton/MenuButtonControl.razor.rz.scp.css */
.menuOverlay[b-ack70g9o4j] {
    z-index: +20001;
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-color: black;
    opacity: 0.5;
}

.menuPanel[b-ack70g9o4j] {
    z-index: +20002;
    position: absolute;
    right: 0.5em;
    display: block;
    border: 1px solid black;
    padding: 0.5em;
    width: min( 300px, 90vw);
    color: var(--wona200);
    border-radius: 0.5em;
    margin-top: .5em;
    background-color: var(--wona800);
    box-shadow: var(--wonaAccent) 2px 2px 8px;
    border-color: white;
}

    .menuPanel .menuItem[b-ack70g9o4j] {
        text-align: center;
        padding: 0.75em;
        font-weight: bold;
    }

        .menuPanel .menuItem:hover[b-ack70g9o4j] {
            background-color: var(--wona700);
            color: var(--wonaAccent)
        }

        .menuPanel .menuItem[b-ack70g9o4j]  button {
            font-weight: bold;
            color: var(--wona200);
        }

        .menuPanel .menuItem:hover[b-ack70g9o4j]  button {
            color: var(--wonaAccent)
        }


@media( max-width: 450px) {
    .menuPanel[b-ack70g9o4j] {
        left: 1em;
        right: 1em;
        width: unset;
    }
}
/* /Controls/ModalDialog/Control.razor.rz.scp.css */
.modal[b-g2zao462w0] {
    display: block;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 100;
}

    .modal .modalOverlay[b-g2zao462w0] {
        display: block;
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-color: var(--wona900);
        opacity: 0.6;
    }

    .modal .modalPanel[b-g2zao462w0] {
        position: relative;
        border: 2px solid var(--wona900);
        border-radius: 16px;
        background-color: var(--wona800);
        margin: auto;
        margin-top: 10vh;
        max-width: 800px;
        max-height: 80vh;
        padding: 32px;
        z-index: +1;
        color: var(--wona000);
        box-shadow: var(--wonaAccent) 2px 2px 8px;
        border-color: var(--wona300);
    }

        .modal .modalPanel[b-g2zao462w0]  {
            color: var(--wona000);
        }

    .modal .modalPanelFullWidth[b-g2zao462w0] {
        max-width: 95%;
    }

    .modal .modalPanel .modalContents[b-g2zao462w0] {
        max-height: calc(80vh - 64px);
        overflow-y: auto;
        overflow-x: auto;
    }

    .modal .modalDialogClose[b-g2zao462w0] {
        position: absolute;
        float: right;
        top: -12px;
        right: -12px;
        z-index: +1;
        cursor: pointer;
    }

/* Ensure that the dialog box still has a bit of side margin when in screen mode */
@media screen and (max-width: 800px) {
    .modal .modalPanel[b-g2zao462w0] {
        margin-left: 16px;
        margin-right: 16px;
        padding: 8px;
    }
}
/* /Controls/PageLoading/Control.razor.rz.scp.css */
div.loadingControl[b-4zf6y82902] {
    text-align: center;
    margin-top: 20vh;
}

    div.loadingControl svg.spinner[b-4zf6y82902] {
        width: min( 80vw, 300px);
        max-height: min( 60vh, 600px);
    }

        div.loadingControl svg.spinner .chevron[b-4zf6y82902] {
            fill: white;
            stroke: white;
        }

@media( max-height: 600px) {
    div.loadingControl[b-4zf6y82902] {
        margin-top: 10vh;
    }
}
/* /Controls/Posts/SmallList/Control.razor.rz.scp.css */
.postsList[b-bqx7rcy6cx] {
    overflow-x: auto;
}

    .postsList .postsListWrapper[b-bqx7rcy6cx] {
    }

        .postsList .postsListWrapper .postsListContent[b-bqx7rcy6cx] {
            display: flex;
        }

            .postsList .postsListWrapper .postsListContent .postsListPost[b-bqx7rcy6cx] {
                display: inline-grid;
                width: 400px;
                min-width: 400px;
                height: 300px;
                background-color: var(--wona800);
                padding: 0.5em;
                margin: 0.5em;
                overflow-y: clip;
                grid-template-rows: auto 1fr auto;
            }

                .postsList .postsListWrapper .postsListContent .postsListPost .postsListPostHeader[b-bqx7rcy6cx] {
                    display: grid;
                    grid-template-columns: auto 1fr;
                }

                    .postsList .postsListWrapper .postsListContent .postsListPost .postsListPostHeader img[b-bqx7rcy6cx] {
                        width: 75px;
                        height: 75px;
                        object-fit: contain;
                        border-radius: 50%;
                    }

                    .postsList .postsListWrapper .postsListContent .postsListPost .postsListPostHeader .postsListPostHeaderUserDetails[b-bqx7rcy6cx] {
                        padding-left: 0.25em;
                    }

                        .postsList .postsListWrapper .postsListContent .postsListPost .postsListPostHeader .postsListPostHeaderUserDetails .postsListPostHeaderUserDetailsUserName[b-bqx7rcy6cx] {
                            text-decoration: none;
                            font-weight: bold;
                            display: block;
                        }

                .postsList .postsListWrapper .postsListContent .postsListPost .postsListPostContent[b-bqx7rcy6cx] {
                    overflow-y: auto;
                    scrollbar-width: thin;
                }

                    .postsList .postsListWrapper .postsListContent .postsListPost .postsListPostContent .postsListPostContentWrapper[b-bqx7rcy6cx] {
                        white-space: pre-line;
                        height: 100%;
                    }

        .postsList .postsListWrapper .postsListPostFooter[b-bqx7rcy6cx] {
            display: grid;
            grid-template-columns: auto 1fr;
        }

            .postsList .postsListWrapper .postsListPostFooter .rightPanel[b-bqx7rcy6cx] {
                text-align: right;
            }

        /* Desktop mode */
        .postsList .postsListWrapper.desktop[b-bqx7rcy6cx] {
            position: relative;
            overflow-x: hidden;
        }

            .postsList .postsListWrapper.desktop div.postsListContent[b-bqx7rcy6cx] {
                overflow-x: hidden;
            }

            .postsList .postsListWrapper.desktop div.arrowWrapper[b-bqx7rcy6cx] {
                position: absolute;
                top: 0px;
                bottom: 0px;
                display: grid;
                grid-template-columns: auto 1fr auto;
                grid-template-rows: 1fr auto 1fr;
                width: calc(100% - 32px);
                pointer-events: none;
                margin-left: 16px;
                margin-right: 16px;
            }

                .postsList .postsListWrapper.desktop div.arrowWrapper svg[b-bqx7rcy6cx] {
                    width: 48px;
                    height: 48px;
                    pointer-events: all;
                }

                    .postsList .postsListWrapper.desktop div.arrowWrapper svg circle[b-bqx7rcy6cx] {
                        fill: #333;
                        opacity: 76%;
                    }

                    .postsList .postsListWrapper.desktop div.arrowWrapper svg path[b-bqx7rcy6cx] {
                        fill: none;
                        stroke: white;
                        stroke-width: 2px;
                        stroke-linecap: round
                    }

                    .postsList .postsListWrapper.desktop div.arrowWrapper svg:hover circle[b-bqx7rcy6cx] {
                        fill: white;
                    }

                    .postsList .postsListWrapper.desktop div.arrowWrapper svg:hover path[b-bqx7rcy6cx] {
                        stroke: var(--wonaAccent);
                    }


                .postsList .postsListWrapper.desktop div.arrowWrapper div.arrowLeft[b-bqx7rcy6cx] {
                    grid-column: 1;
                    grid-row: 2;
                }

                .postsList .postsListWrapper.desktop div.arrowWrapper div.arrowRight[b-bqx7rcy6cx] {
                    grid-column: 3;
                    grid-row: 2;
                }


@media( max-width: 800px) {
    .postsList .postsListWrapper .postsListContent .postsListPost[b-bqx7rcy6cx] {
        width: 400px;
    }
}

@media( max-width: 400px) {
    .postsList .postsListWrapper .postsListContent .postsListPost[b-bqx7rcy6cx] {
        width: calc( 100vw - 1.0em);
    }
}
/* /Controls/SelectableUserListPanel/Control.razor.rz.scp.css */
.userList[b-fgrj783yus] {
}

    .userList .user[b-fgrj783yus] {
        display: inline-grid;
        padding: 0.25em;
    }

        .userList .user .userThumbnailPanel[b-fgrj783yus] {
        }

            .userList .user .userThumbnailPanel .userThumbnail[b-fgrj783yus] {
                width: 75px;
                height: 75px;
                border-radius: 50%;
                object-fit: fill;
            }

            .userList .user .userThumbnailPanel .userDeleteButtonImage[b-fgrj783yus] {
                width: 22px;
                height: 22px;
            }

            .userList .user .userThumbnailPanel .userDeleteButton[b-fgrj783yus] {
                position: relative;
                right: 8px;
                top: -26px;
            }

        .userList .user .userName[b-fgrj783yus] {
            font-weight: bold;
            text-align: center;
            max-width: 75px;
            color: var(--wona000);
        }
/* /Controls/SelectableUserListVisibilityPanel.razor.rz.scp.css */
.visiblityPanel[b-k3987haty7] {
}

    .visiblityPanel button[b-k3987haty7] {
        border: 1px solid var(--wona400);
        padding: 0.25em;
        border-radius: .2em;
    }

        .visiblityPanel button.selected[b-k3987haty7] {
            border: 1px solid white;
        }
/* /Controls/SelectableUserPostVisibilityPanel.razor.rz.scp.css */
.visiblityPanel[b-4zzyr7oari] {
}

    .visiblityPanel button[b-4zzyr7oari] {
        border: 1px solid var(--wona400);
        padding: 0.25em;
        border-radius: .2em;
    }

        .visiblityPanel button.selected[b-4zzyr7oari] {
            border: 1px solid white;
        }
/* /Controls/SelectableUserWatchPartyVisibilityPanel.razor.rz.scp.css */
.visiblityPanel[b-stet0u1rdb] {
}

    .visiblityPanel button[b-stet0u1rdb] {
        border: 1px solid var(--wona400);
        padding: 0.25em;
        border-radius: .2em;
    }

        .visiblityPanel button.selected[b-stet0u1rdb] {
            border: 1px solid white;
        }
/* /Controls/SharingServiceControl.razor.rz.scp.css */
.shareDialog[b-e1bas3b5cv] {
}

    .shareDialog .linkWrapper[b-e1bas3b5cv] {
        display: grid;
        grid-template-columns: 1fr auto;
        width: 100%;
        padding: 0.25em;
    }
/* /Controls/Spinner/LargeSpinner.razor.rz.scp.css */
div.loadingControl[b-mu2v9azdp9] {
    text-align: center;
}

    div.loadingControl svg.spinner[b-mu2v9azdp9] {
        width: min( 80vw, 300px);
        max-height: min( 60vh, 600px);
    }

        div.loadingControl svg.spinner .chevron[b-mu2v9azdp9] {
            fill: white;
            stroke: white;
        }

@media( max-width: 400px) {
    div.loadingControl svg.spinner[b-mu2v9azdp9]{
        width:unset;
        max-height: min(60vh, 150px);
    }
}
/* /Controls/Spinner/Spinner.razor.rz.scp.css */
body[b-ngk53pnn6c] {
}
/* /Controls/TagsPanel.razor.rz.scp.css */
.tagsList[b-h8hdweufu7] {
    display: flow;
    text-align: left;
}

    .tagsList .tag[b-h8hdweufu7] {
        margin: 0.1em;
        display: inline-block;
    }
/* /Controls/TextDisplay/Control.razor.rz.scp.css */
.rawText[b-pb7psyfchg] {
    white-space: pre-line;
}
/* /Controls/Toasts/ToastsControl.razor.rz.scp.css */
.toastsPanel[b-hifzparb8t] {
    display: block;
    position: fixed;
    bottom: 1em;
    right: 1em;
    max-width: min(calc(100vw - 4em),350px);
}

    .toastsPanel .toast[b-hifzparb8t] {
        display: block;
        position: relative;
        background-color: var(--wona800);
        border: 1px solid var(--wonaAccent);
        border-radius: 1em;
        padding: 1em;
        margin: 1em;
        max-width: fit-content;
        justify-self: right;
    }

        .toastsPanel .toast.toastEnding[b-hifzparb8t] {
            opacity: 0.0;
            transition: opacity 0.8s ease-in-out;
        }

        .toastsPanel .toast .toastContent[b-hifzparb8t] {
            display: block;
            overflow-x: clip;
        }

        .toastsPanel .toast .toastClose[b-hifzparb8t] {
            position: absolute;
            left: -7px;
            top: -7px;
        }

            .toastsPanel .toast .toastClose .toastCloseImage[b-hifzparb8t] {
                width: 14px;
                height: 14px;
            }

        .toastsPanel .toast .toastContent[b-hifzparb8t]  a {
            color: var(--wonaAccent);
            text-decoration: none;
        }

            .toastsPanel .toast .toastContent[b-hifzparb8t]  a:visited {
                color: var(--wonaAccent);
                text-decoration: none;
            }
/* /Controls/UserList/UserListSmall.razor.rz.scp.css */
div.userList[b-36u528hs9l] {
    width: 100%;
    overflow-x: auto;
}

    div.userList div.emptyCollection[b-36u528hs9l] {
        min-height: 200px;
    }

        div.userList div.emptyCollection span[b-36u528hs9l] {
        }

    div.userList div.userlistWrapper div.userlistContent[b-36u528hs9l] {
        display: flex;
        flex-direction: row;
        position: relative;
    }

        div.userList div.userlistWrapper div.userlistContent div.user[b-36u528hs9l] {
            margin: 0px 8px;
            width: 120px;
            margin-bottom: 16px;
        }

            div.userList div.userlistWrapper div.userlistContent div.user div.imageWrapper[b-36u528hs9l] {
                border-radius: 8px;
                align-content: center;
                text-align: center;
            }

                div.userList div.userlistWrapper div.userlistContent div.user div.imageWrapper img[b-36u528hs9l] {
                    padding: 4px;
                    padding-bottom: 0px;
                    width: 120px;
                    height: 120px;
                    border-radius: 16px 16px 0px 0px;
                    object-fit: cover;
                }

            div.userList div.userlistWrapper div.userlistContent div.user a[b-36u528hs9l] {
                text-decoration: unset;
            }

                div.userList div.userlistWrapper div.userlistContent div.user a h4.name[b-36u528hs9l] {
                    margin-top: 0px;
                    display: block;
                    text-align: center;
                    border-radius: 0px 0px 16px 16px;
                    background-color: var(--wona800);
                    color: white;
                    position: relative;
                    font-size: 15px;
                    padding: 12px;
                    height: 5em;
                    overflow-x: hidden;
                    overflow-y: hidden;
                }

    /* Desktop mode */
    div.userList div.userlistWrapper.desktop[b-36u528hs9l] {
        position: relative;
        overflow-x: hidden;
    }

        div.userList div.userlistWrapper.desktop div.userlistContent[b-36u528hs9l] {
            overflow-x: hidden;
        }

        div.userList div.userlistWrapper.desktop div.arrowWrapper[b-36u528hs9l] {
            position: absolute;
            top: 0px;
            bottom: 0px;
            display: grid;
            grid-template-columns: auto 1fr auto;
            grid-template-rows: 1fr auto 1fr;
            width: calc(100% - 32px);
            pointer-events: none;
            margin-left: 16px;
            margin-right: 16px;
        }

            div.userList div.userlistWrapper.desktop div.arrowWrapper svg[b-36u528hs9l] {
                width: 48px;
                height: 48px;
                pointer-events: all;
            }

                div.userList div.userlistWrapper.desktop div.arrowWrapper svg circle[b-36u528hs9l] {
                    fill: #333;
                    opacity: 76%;
                }

                div.userList div.userlistWrapper.desktop div.arrowWrapper svg path[b-36u528hs9l] {
                    fill: none;
                    stroke: white;
                    stroke-width: 2px;
                    stroke-linecap: round
                }

                div.userList div.userlistWrapper.desktop div.arrowWrapper svg:hover circle[b-36u528hs9l] {
                    fill: white;
                }

                div.userList div.userlistWrapper.desktop div.arrowWrapper svg:hover path[b-36u528hs9l] {
                    stroke: var(--wonaAccent);
                }


            div.userList div.userlistWrapper.desktop div.arrowWrapper div.arrowLeft[b-36u528hs9l] {
                grid-column: 1;
                grid-row: 2;
            }

            div.userList div.userlistWrapper.desktop div.arrowWrapper div.arrowRight[b-36u528hs9l] {
                grid-column: 3;
                grid-row: 2;
            }
/* /Controls/VoteDisplay.razor.rz.scp.css */
.votePanel[b-z79nua7fmy] {
    display: inline-block;
}
/* /Controls/Watchparties/ListsDisplay.razor.rz.scp.css */
.watchPartiesWrapper[b-f0zohyox9l] {
    overflow-x: hidden;
}

    .watchPartiesWrapper .watchPartiesContent[b-f0zohyox9l] {
        display: flex;
        flex-wrap: nowrap;
    }

        .watchPartiesWrapper .watchPartiesContent .watchParty[b-f0zohyox9l] {
            min-width: calc( (var(--bodyWidth) / 3) - 16px);
            margin: 8px 8px;
            cursor: pointer;
            position: relative;
        }

            .watchPartiesWrapper .watchPartiesContent .watchParty:hover[b-f0zohyox9l] {
                background-color: var(--wona800);
            }

            .watchPartiesWrapper .watchPartiesContent .watchParty .wrapper[b-f0zohyox9l] {
            }

            .watchPartiesWrapper .watchPartiesContent .watchParty .imageWrapper[b-f0zohyox9l] {
                border: 2px solid var(--wona800);
                border-radius: 8px;
                max-width: 400px;
                height: 300px;
                text-align: center;
                display: grid;
                grid-template-rows: 1fr auto 2fr;
                position: relative;
            }

                .watchPartiesWrapper .watchPartiesContent .watchParty .imageWrapper a[b-f0zohyox9l] {
                    grid-row: 2;
                }

                .watchPartiesWrapper .watchPartiesContent .watchParty .imageWrapper img.watchPartyImage[b-f0zohyox9l] {
                    max-width: 100%;
                    max-height: 300px;
                    padding: 2px;
                }

                .watchPartiesWrapper .watchPartiesContent .watchParty .imageWrapper .tagsOverlay[b-f0zohyox9l] {
                    position: absolute;
                    left: 12px;
                    bottom: 24px;
                }

            .watchPartiesWrapper .watchPartiesContent .watchParty .title[b-f0zohyox9l] {
                background-color: var(--wona800);
                color: white;
                position: relative;
                border-radius: 8px;
                font-size: 16px;
                max-width: calc( 400px);
            }

                .watchPartiesWrapper .watchPartiesContent .watchParty .title h4[b-f0zohyox9l] {
                    display: block;
                    text-align: center;
                    padding-top: 6px;
                    padding-bottom: 6px;
                    height: 3em;
                    overflow-y: hidden;
                    overflow-x: hidden;
                }

                .watchPartiesWrapper .watchPartiesContent .watchParty .title a[b-f0zohyox9l] {
                    color: unset;
                    font-weight: bold;
                    text-decoration: none;
                }

                    .watchPartiesWrapper .watchPartiesContent .watchParty .title a:visited[b-f0zohyox9l] {
                        color: unset;
                    }

    /* Desktop mode */
    .watchPartiesWrapper.desktop[b-f0zohyox9l] {
        position: relative;
        overflow-x: hidden;
    }

        .watchPartiesWrapper.desktop .watchPartiesContent[b-f0zohyox9l] {
            overflow-x: hidden;
        }

        .watchPartiesWrapper.desktop .arrowWrapper[b-f0zohyox9l] {
            position: absolute;
            top: 0px;
            bottom: 0px;
            display: grid;
            grid-template-columns: auto 1fr auto;
            grid-template-rows: 1fr auto 1fr;
            width: calc(100% - 32px);
            pointer-events: none;
            margin-left: 16px;
            margin-right: 16px;
        }

            .watchPartiesWrapper.desktop .arrowWrapper svg[b-f0zohyox9l] {
                width: 48px;
                height: 48px;
                pointer-events: all;
            }

                .watchPartiesWrapper.desktop .arrowWrapper svg circle[b-f0zohyox9l] {
                    fill: #333;
                    opacity: 76%;
                }

                .watchPartiesWrapper.desktop .arrowWrapper svg path[b-f0zohyox9l] {
                    fill: none;
                    stroke: white;
                    stroke-width: 2px;
                    stroke-linecap: round
                }

                .watchPartiesWrapper.desktop .arrowWrapper svg:hover circle[b-f0zohyox9l] {
                    fill: white;
                }

                .watchPartiesWrapper.desktop .arrowWrapper svg:hover path[b-f0zohyox9l] {
                    stroke: var(--wonaAccent);
                }


            .watchPartiesWrapper.desktop .arrowWrapper .arrowLeft[b-f0zohyox9l] {
                grid-column: 1;
                grid-row: 2;
            }

            .watchPartiesWrapper.desktop .arrowWrapper .arrowRight[b-f0zohyox9l] {
                grid-column: 3;
                grid-row: 2;
            }

.userDetails[b-f0zohyox9l] {
    display: inline;
    position: absolute;
    left: 12px;
    top: 12px;
}

    .userDetails img[b-f0zohyox9l] {
        width: 50px;
        height: 50px;
        object-fit: cover;
        border-radius: 25px;
        border: 2px solid var(--wona000);
    }

@media( max-width: 500px) {

    .watchPartiesWrapper[b-f0zohyox9l] {
        overflow-x: auto;
    }

        .watchPartiesWrapper .watchPartiesContent[b-f0zohyox9l] {
            width: max-content;
            display: flex;
        }

            .watchPartiesWrapper .watchPartiesContent .watchParty[b-f0zohyox9l] {
                width: calc( 100vw - 24px);
                margin: 0px 8px;
            }

                .watchPartiesWrapper .watchPartiesContent .watchParty:hover[b-f0zohyox9l] {
                    background-color: unset;
                }

                .watchPartiesWrapper .watchPartiesContent .watchParty .imageWrapper[b-f0zohyox9l] {
                    max-width: 100%;
                    text-align: center;
                }

                    .watchPartiesWrapper .watchPartiesContent .watchParty .imageWrapper img.watchPartyThumbnail[b-f0zohyox9l] {
                        max-width: 100%;
                    }

                .watchPartiesWrapper .watchPartiesContent .watchParty .title[b-f0zohyox9l] {
                    max-width: calc( 100vw - 12px);
                }
}
/* /Pages/Bookmarks/Page.razor.rz.scp.css */
.pageHeader[b-rdts5fr8am] {
    padding: 1em;
}

h2[b-rdts5fr8am] {
    padding-left: 0.5em;
}

.listSpacer.noContentFound[b-rdts5fr8am] {
    min-height: 200px;
    color: var(--wona500);
    display: grid;
}

    .listSpacer.noContentFound span[b-rdts5fr8am] {
        margin-top: auto;
        margin-bottom: auto;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        font-weight: bold;
        font-size: 2em;
    }
/* /Pages/Communities/Index.razor.rz.scp.css */
div.profile[b-mg42whindo] {
}

    div.profile div.profile-cover[b-mg42whindo] {
        min-height: 96px;
        width: 100%;
        background-image: url("/images/logo96x96-white.svg");
        opacity: 0.2;
        z-index: -1;
    }

    div.profile div.row2[b-mg42whindo] {
        display: grid;
        grid-template-columns: auto 1fr;
        margin-top: -64px;
    }

        div.profile div.row2 div.profilePic[b-mg42whindo] {
            display: inline-block;
            max-width: 150px;
            max-height: 150px;
            margin-left: 15px;
            position: relative;
        }

            div.profile div.row2 div.profilePic img[b-mg42whindo] {
                margin: 1px;
                width: 140px;
                height: 140px;
                border: 2px solid white;
                border-radius: 50%;
                object-fit: cover;
            }


        div.profile div.row2 div.col2[b-mg42whindo] {
            text-align: center;
        }

            div.profile div.row2 div.col2 div.displayName[b-mg42whindo] {
                display: inline-block;
                text-align: center;
                background-color: black;
                border: 2px solid white;
                color: white;
                border-radius: 16px;
                font-size: 20px;
                margin-left: 8px;
                margin-right: 8px;
                margin-top: 32px;
            }

                div.profile div.row2 div.col2 div.displayName span[b-mg42whindo] {
                    vertical-align: middle;
                    padding: 8px;
                }

            div.profile div.row2 div.col2 div.actionsPanel[b-mg42whindo] {
                padding-top: 6px;
            }

                div.profile div.row2 div.col2 div.actionsPanel div.actionPanel[b-mg42whindo] {
                    display: inline-block;
                }

                    div.profile div.row2 div.col2 div.actionsPanel div.actionPanel.share[b-mg42whindo] {
                        cursor: pointer;
                    }


    div.profile div.profileText[b-mg42whindo] {
        white-space: pre-wrap;
        padding: 0px 8px;
    }

div.section[b-mg42whindo] {
    padding-top: 8px;
}

div.communitiesWrapper[b-mg42whindo] {
    display: flow;
}

    div.communitiesWrapper div.communitiesContent[b-mg42whindo] {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

        div.communitiesWrapper div.communitiesContent div.community[b-mg42whindo] {
            border: 1px solid #cccccc;
            min-width: calc( 350px);
            margin: 8px 8px;
            cursor: pointer;
        }

            div.communitiesWrapper div.communitiesContent div.community:hover[b-mg42whindo] {
                background-color: #333333;
                border: 1px solid white;
            }

            div.communitiesWrapper div.communitiesContent div.community div.imageWrapper[b-mg42whindo] {
                max-width: 400px;
                text-align: center;
            }

                div.communitiesWrapper div.communitiesContent div.community div.imageWrapper img[b-mg42whindo] {
                    max-width: calc( 400px - 16px);
                    /*min-width: calc( 400px - 160px)*/
                }

            div.communitiesWrapper div.communitiesContent div.community div.title span[b-mg42whindo] {
                display: block;
                text-align: center;
            }

            div.communitiesWrapper div.communitiesContent div.community div.title a[b-mg42whindo] {
                color: white;
                font-weight: bold;
            }

@media( max-width: 500px) {

    h2[b-mg42whindo] {
        text-align: center;
    }

    div.profile[b-mg42whindo] {
        display: grid;
        grid-template-columns: 100vw;
    }

    div.communitiesWrapper[b-mg42whindo] {
        overflow-x: auto;
    }

        div.communitiesWrapper div.communitiesContent[b-mg42whindo] {
            width: max-content;
            display: flex;
        }

            div.communitiesWrapper div.communitiesContent div.community[b-mg42whindo] {
                border: 1px solid #cccccc;
                min-width: calc( 100vw - 16px);
                margin: 0px 8px;
                background-color: #333;
            }

                div.communitiesWrapper div.communitiesContent div.community div.imageWrapper[b-mg42whindo] {
                    max-width: 100vw;
                    text-align: center;
                }

                    div.communitiesWrapper div.communitiesContent div.community div.imageWrapper img[b-mg42whindo] {
                        max-width: calc( 100vw - 16px);
                        min-width: calc( 100vw - 160px)
                    }
}
/* /Pages/Community/Admin/Index.razor.rz.scp.css */
@media( max-width: 500px) {
}

span.tag[b-0nzhdf2rlx] {
    border: 1px solid white;
    background-color: var(--wonaLightGrey);
    border-radius: 10px;
    padding: 2px 8px 2px 8px;
    margin-right: 4px;
}

div.searchBoxPanel[b-0nzhdf2rlx] {
    display: grid;
    grid-template-columns: auto 1fr auto;
}

div.searchResults[b-0nzhdf2rlx] {
}

    div.searchResults div.searchResult[b-0nzhdf2rlx] {
        display: grid;
        grid-template-columns: 1fr 2fr;
        grid-template-rows: 1fr auto;
        padding-bottom: 8px;
        text-align: center;
    }


        div.searchResults div.searchResult img[b-0nzhdf2rlx] {
            width: 100%;
            max-height: 100px;
            object-fit: scale-down;
            grid-row: 1 / span 2;
        }

@media( max-width: 500px) {

    div.searchResults[b-0nzhdf2rlx] {
    }

        div.searchResults div.searchResult[b-0nzhdf2rlx] {
            grid-template-columns: unset;
            grid-template-rows: auto auto auto;
        }


            div.searchResults div.searchResult img[b-0nzhdf2rlx] {
                grid-row: unset;
            }
}
/* /Pages/Community/Index.razor.rz.scp.css */
div.profile[b-t0n7h5i335] {
}

    div.profile div.profile-cover[b-t0n7h5i335] {
        min-height: 96px;
        width: 100vw;
        background-image: url("/images/logo96x96-white.svg");

        opacity: 0.2;
        z-index: -1;
    }

    div.profile div.row2[b-t0n7h5i335] {
        display: grid;
        grid-template-columns: auto 1fr;
        margin-top: -64px;
    }

        div.profile div.row2 div.profilePic[b-t0n7h5i335] {
            display: inline-block;
            max-width: 150px;
            max-height: 150px;
            margin-left: 15px;
            position: relative;
        }

            div.profile div.row2 div.profilePic img[b-t0n7h5i335] {
                margin: 1px;
                width: 140px;
                height: 140px;
                border: 2px solid white;
                border-radius: 50%;
                object-fit: cover;
            }


        div.profile div.row2 div.col2[b-t0n7h5i335] {
            text-align: center;
        }

            div.profile div.row2 div.col2 div.displayName[b-t0n7h5i335] {
                display: inline-block;
                text-align: center;
                background-color: black;
                border: 2px solid white;
                color: white;
                border-radius: 16px;
                font-size: 20px;
                margin-left: 8px;
                margin-right: 8px;
                margin-top: 32px;
            }

                div.profile div.row2 div.col2 div.displayName span[b-t0n7h5i335] {
                    vertical-align: middle;
                    padding: 8px;
                }

            div.profile div.row2 div.col2 div.actionsPanel[b-t0n7h5i335] {
                padding-top: 6px;
            }

                div.profile div.row2 div.col2 div.actionsPanel div.actionPanel[b-t0n7h5i335] {
                    display: inline-block;
                }

                    div.profile div.row2 div.col2 div.actionsPanel div.actionPanel.share[b-t0n7h5i335] {
                        cursor: pointer;
                    }


    div.profile div.profileText[b-t0n7h5i335] {
        white-space: pre-wrap;
        padding: 0px 8px;
    }

div.section[b-t0n7h5i335] {
    padding-top: 8px;
}

div.communitiesWrapper[b-t0n7h5i335] {
    display: flow;
}

    div.communitiesWrapper div.communitiesContent[b-t0n7h5i335] {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

        div.communitiesWrapper div.communitiesContent div.community[b-t0n7h5i335] {
            border: 1px solid #cccccc;
            min-width: calc( 350px);
            margin: 8px 8px;
            cursor: pointer;
        }

            div.communitiesWrapper div.communitiesContent div.community:hover[b-t0n7h5i335] {
                background-color: #333333;
                border: 1px solid white;
            }

            div.communitiesWrapper div.communitiesContent div.community div.imageWrapper[b-t0n7h5i335] {
                max-width: 400px;
                text-align: center;
            }

                div.communitiesWrapper div.communitiesContent div.community div.imageWrapper img[b-t0n7h5i335] {
                    max-width: calc( 400px - 16px);
                    /*min-width: calc( 400px - 160px)*/
                }

            div.communitiesWrapper div.communitiesContent div.community div.title span[b-t0n7h5i335] {
                display: block;
                text-align: center;
            }

            div.communitiesWrapper div.communitiesContent div.community div.title a[b-t0n7h5i335] {
                color: white;
                font-weight: bold;
            }

@media( max-width: 500px) {

    h2[b-t0n7h5i335] {
        text-align: center;
    }

    div.profile[b-t0n7h5i335] {
        display: grid;
        grid-template-columns: 100vw;
    }

    div.communitiesWrapper[b-t0n7h5i335] {
        overflow-x: auto;
    }

        div.communitiesWrapper div.communitiesContent[b-t0n7h5i335] {
            width: max-content;
            display: flex;
        }

            div.communitiesWrapper div.communitiesContent div.community[b-t0n7h5i335] {
                border: 1px solid #cccccc;
                min-width: calc( 100vw - 16px);
                margin: 0px 8px;
                background-color: #333;
            }

                div.communitiesWrapper div.communitiesContent div.community div.imageWrapper[b-t0n7h5i335] {
                    max-width: 100vw;
                    text-align: center;
                }

                    div.communitiesWrapper div.communitiesContent div.community div.imageWrapper img[b-t0n7h5i335] {
                        max-width: calc( 100vw - 16px);
                        min-width: calc( 100vw - 160px)
                    }

}
/* /Pages/Homepage/Index.razor.rz.scp.css */
.topic[b-41rig6bcv4] {
}

    .topic .topicHeader[b-41rig6bcv4] {
        display: grid;
        grid-template-columns: 1fr auto;
    }

        .topic .topicHeader h2[b-41rig6bcv4] {
            display: inline-block;
            text-transform: capitalize;
        }

        .topic .topicHeader a[b-41rig6bcv4] {
            text-decoration: none;
            border: 2px solid var(--wona900);
            border-radius: 15em;
            padding: 0.1em 0.5em;
            background-color: var(--wona500);
            color: white;
            margin-top: auto;
            margin-bottom: auto;
        }

            .topic .topicHeader a:hover[b-41rig6bcv4] {
                background-color: var(--wonaAccent);
            }


@media( max-width: 500px) {
    h2[b-41rig6bcv4] {
        text-align: center;
    }

    .topic[b-41rig6bcv4] {
    }

        .topic .topicHeader[b-41rig6bcv4] {
            display: block;
            text-align: center;
        }

            .topic .topicHeader h2[b-41rig6bcv4] {
                display: block;
            }
}

.homePageOverlay[b-41rig6bcv4] {
    text-align: center;
}

    .homePageOverlay .logoWrapper[b-41rig6bcv4] {
        text-align: center;
    }

        .homePageOverlay .logoWrapper img[b-41rig6bcv4] {
            max-width: min( 200px, 80vw);
        }
/* /Pages/Login/Page.razor.rz.scp.css */
body[b-n0cag5vnuh] {
    background-color: black;
}


div.content[b-n0cag5vnuh] {
    align-content: center;
}

    div.content div.logo[b-n0cag5vnuh] {
        text-align: center;
        font-size: 50px;
    }

    div.content div.loginPanel[b-n0cag5vnuh] {
        display: grid;
        grid-template-columns: 1fr auto 1fr;
    }

        div.content div.loginPanel form[b-n0cag5vnuh] {
            display: grid;
            grid-template-columns: 1fr;
            width: min( 90vw, 400px);
            grid-column: 2;
        }

            div.content div.loginPanel form span.loginError[b-n0cag5vnuh] {
                color: red;
                text-align: center;
                width: 100%;
                font-weight: bold;
                font-size: larger;
            }

            div.content div.loginPanel form label[b-n0cag5vnuh] {
                width: 100%;
                font-weight: bold;
            }

            div.content div.loginPanel form a[b-n0cag5vnuh] {
                width: 100%;
                text-align: center;
            }

            div.content div.loginPanel form input[b-n0cag5vnuh] {
                margin-bottom: 8px;
            }

    div.content div.registerSuggestion[b-n0cag5vnuh] {
        display: grid;
        grid-template-columns: auto;
        text-align: center;
    }

input[b-n0cag5vnuh] {
    border-radius: 8px;
    padding-left: 8px;
}

button[b-n0cag5vnuh] {
    background-color: white;
    border-radius: 24px;
    border: none;
    color: black;
    padding: 16px;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
}

div.logo img[b-n0cag5vnuh] {
    height: 64px;
}

div.logo span[b-n0cag5vnuh] {
    vertical-align: middle;
}

@media( max-width: 500px) {
    div .content[b-n0cag5vnuh] {
        padding-top: calc(50vh - 250px);
    }
}
/* /Pages/Media/Index.razor.rz.scp.css */
/* /Pages/Media/SingleItem/Page.razor.rz.scp.css */
div.actionsPanel[b-by6l6ocfcc] {
    display: grid;
    grid-template-columns: 1fr auto;
    padding-bottom: 0.5em;
}

    div.actionsPanel div.actions[b-by6l6ocfcc] {
        padding-right: 16px;
        grid-column: 2;
    }

@media( max-width: 500px) {
    div .actionsPanel[b-by6l6ocfcc] {
        padding-bottom: 8px;
    }
}

div.mediaThumbnail[b-by6l6ocfcc] {
    display: grid;
    padding-bottom: 8px;
}

    div.mediaThumbnail img.thumbnail[b-by6l6ocfcc] {
        max-width: 95%;
        max-height: 800px;
        margin-left: auto;
        margin-right: auto;
    }

div.externalLinks[b-by6l6ocfcc] {
    display: grid;
    justify-content: center;
    row-gap: 8px;
}

    div.externalLinks div.linkPanel[b-by6l6ocfcc] {
        text-align: center;
    }

        div.externalLinks div.linkPanel button[b-by6l6ocfcc] {
            color: white;
        }

        div.externalLinks div.linkPanel a[b-by6l6ocfcc] {
            color: white;
            text-decoration: none;
        }

        div.externalLinks div.linkPanel img[b-by6l6ocfcc] {
            max-height: 32px;
        }

@media (max-width: 500px) {

    h2[b-by6l6ocfcc] {
        text-align: center;
    }

    div.externalLinks[b-by6l6ocfcc] {
        display: flex;
    }

        div.externalLinks div.linkPanel[b-by6l6ocfcc] {
            padding: 4px;
        }

            div.externalLinks div.linkPanel span[b-by6l6ocfcc] {
                display: none;
            }
}


.trailersWrapper[b-by6l6ocfcc] {
    overflow-x: auto;
}

    .trailersWrapper .trailersPanel[b-by6l6ocfcc] {
        display: flex;
        gap: 1em;
    }

        .trailersWrapper .trailersPanel .trailer[b-by6l6ocfcc] {
            display: inline-block;
        }

            .trailersWrapper .trailersPanel .trailer .trailerDetails[b-by6l6ocfcc] {
            }

                .trailersWrapper .trailersPanel .trailer .trailerDetails .trailerDetailsRow[b-by6l6ocfcc] {
                    display: block;
                }

.cachedTrailer .cachedTrailerVideo[b-by6l6ocfcc], .youTubeWrapper[b-by6l6ocfcc] {
    width: 560px;
    height: 315px;
}

@media( max-width: 500px) {
    .trailersPanel[b-by6l6ocfcc] {
        margin-left: 1em;
    }

    .cachedTrailer .cachedTrailerVideo[b-by6l6ocfcc], .youTubeWrapper[b-by6l6ocfcc] {
        width: 90vw;
        height: 50.625vw;
    }
}

.reportReason[b-by6l6ocfcc] {
    display: block;
    width: 100%;
    min-height: 10em;
}
/* /Pages/Profile/List/Page.razor.rz.scp.css */
a.returnToProfile[b-a94s358fk3] {
    padding: 4px 0px 8px 8px;
    text-decoration: none;
    color: white;
}
/* /Pages/Profile/Lists/Page.razor.rz.scp.css */
.filterWrapper[b-e6ebtl78wr] {
}

    .filterWrapper .filter[b-e6ebtl78wr] {
        margin-left: auto;
        margin-right: auto;
        max-width: min(800px, 90vw);
        display: grid;
    }

    .filterWrapper input[b-e6ebtl78wr] {
        border: 1.5px solid var(--wona500);
        border-radius: 15px;
        padding-left: 1.0em;
        color: var(--wona000);
        background-color: unset;
        height: 32px;
    }

.noMatchesWrapper[b-e6ebtl78wr] {
    text-align: center;
    padding-top: 3em;
}

    .noMatchesWrapper .noMatches[b-e6ebtl78wr] {
        font-size: 1.5em;
        color: red;
    }

form.newListDetails[b-e6ebtl78wr] {
    row-gap: 4px;
}

    form.newListDetails span[b-e6ebtl78wr] {
        font-weight: bold;
        padding-right: 4px;
    }

        form.newListDetails span.validationError[b-e6ebtl78wr] {
            text-align: center;
        }

    form.newListDetails textarea[b-e6ebtl78wr] {
        min-height: 180px;
    }

div.section[b-e6ebtl78wr] {
    padding-top: 8px;
}

div.section[b-e6ebtl78wr] {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
}

.listsWrapper[b-e6ebtl78wr] {
}

    .listsWrapper .listsContent[b-e6ebtl78wr] {
        display: grid;
        grid-auto-flow: row;
        grid: auto-flow/repeat(auto-fit,minmax(var(--wonaStandardGridEntryMinSize),var(--wonaStandardGridEntryMaxSize)));
        grid-gap: 0.5em;
    }

        .listsWrapper .listsContent .list[b-e6ebtl78wr] {
            display: inline-block;
            margin: 8px 8px;
            cursor: pointer;
        }

            .listsWrapper .listsContent .list:hover[b-e6ebtl78wr] {
                background-color: var(--wona800);
            }

            .listsWrapper .listsContent .list .imageWrapper[b-e6ebtl78wr] {
                border: 2px solid var(--wona800);
                border-radius: 8px;
                max-width: 100%;
                text-align: center;
                position: relative;
            }

                .listsWrapper .listsContent .list .imageWrapper .visibilityOverlay[b-e6ebtl78wr] {
                    left: 12px;
                    top: 12px;
                    position: absolute;
                    width: 32px;
                    height: 32px;
                }

                .listsWrapper .listsContent .list .imageWrapper .tagsOverlay[b-e6ebtl78wr] {
                    position: absolute;
                    left: 12px;
                    bottom: 24px;
                }

            .listsWrapper .listsContent .list .title[b-e6ebtl78wr] {
                background-color: var(--wona800);
                color: var(--wona000);
                position: relative;
                border-radius: 8px;
                font-size: 16px;
                max-width: 100%;
            }

                .listsWrapper .listsContent .list .title h4[b-e6ebtl78wr] {
                    display: block;
                    text-align: center;
                    padding-top: 6px;
                    padding-bottom: 6px;
                    color: white;
                    height: 3em;
                    overflow-y: hidden;
                    overflow-x: hidden;
                }

                .listsWrapper .listsContent .list .title a[b-e6ebtl78wr] {
                    color: unset;
                    font-weight: bold;
                    text-decoration: none;
                }

                    .listsWrapper .listsContent .list .title a:visited[b-e6ebtl78wr] {
                        color: unset;
                    }
/* /Pages/Profile/Page.razor.rz.scp.css */
.profile[b-whedp2f6sr] {
    margin: 1em;
}

    .profile .label[b-whedp2f6sr] {
        font-weight: bold;
        text-align: right;
        padding: 4px;
        color: var(--wona500);
    }

    .profile .profileTextPanel[b-whedp2f6sr] {
        padding: 1em;
        border: 2px solid var(--wona800);
        border-radius: 1em;
        background-color: var(--wona800);
    }

[b-whedp2f6sr] #ifProfileImage {
    display: none;
}

div.updateProfileDialog[b-whedp2f6sr] {
}

    div.updateProfileDialog textarea[b-whedp2f6sr] {
        min-height: min(300px, 25vh);
    }

div.updateDisplayNameDialog[b-whedp2f6sr] {
}

    div.updateDisplayNameDialog .grid2Columns[b-whedp2f6sr] {
        grid-gap: 0.5em;
    }

div.updatePasswordDialog[b-whedp2f6sr] {
}

    div.updatePasswordDialog div.grid2Columns[b-whedp2f6sr] {
        grid-gap: 0.5em;
    }

div.section[b-whedp2f6sr] {
    padding-top: 8px;
}

div.section[b-whedp2f6sr] {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
}

.editInterestsDialog[b-whedp2f6sr] {
}

    .editInterestsDialog input[b-whedp2f6sr] {
        width: 100%;
    }

    .editInterestsDialog .addInterestPanel[b-whedp2f6sr] {
        display: grid;
        grid-template-columns: 1fr auto;
        grid-column-gap: 0.5em;
        padding: 4px;
    }

    .editInterestsDialog .allInterests[b-whedp2f6sr] {
    }

        .editInterestsDialog .allInterests .buttonSpacer[b-whedp2f6sr] {
            width: 3em;
            display: inline-block;
        }

        .editInterestsDialog .allInterests button[b-whedp2f6sr] {
            width: 3em;
            display: inline-block;
        }

        .editInterestsDialog .allInterests td[b-whedp2f6sr] {
            padding-right: 5px;
        }

    .editInterestsDialog .scrollingContentWrapper[b-whedp2f6sr] {
        overflow-x: auto;
    }

        .editInterestsDialog .scrollingContentWrapper table[b-whedp2f6sr] {
            width: max-content;
        }

@media(max-width:500px) {

    .profile[b-whedp2f6sr] {
    }

        .profile .label[b-whedp2f6sr] {
            text-align: unset;
            padding: unset;
        }
}
/* /Pages/Profile/Posts/Page.razor.rz.scp.css */
.postsListPost[b-866vxqka6s] {
    display: block;
    background-color: var(--wona800);
    padding: 0.5em;
    margin: 0.5em;
    overflow-y: clip;
}

.postsListPost[b-866vxqka6s] {
    display: grid;
    grid-template-rows: auto 1fr auto;
}

    .postsListPost .postsListPostHeader[b-866vxqka6s] {
        display: grid;
        grid-template-columns: auto 1fr;
    }

        .postsListPost .postsListPostHeader img[b-866vxqka6s] {
            width: 75px;
            height: 75px;
            object-fit: contain;
            border-radius: 50%;
        }

        .postsListPost .postsListPostHeader .postsListPostHeaderUserDetails[b-866vxqka6s] {
            padding-left: 0.25em;
        }

            .postsListPost .postsListPostHeader .postsListPostHeaderUserDetails .postsListPostHeaderUserDetailsUserName[b-866vxqka6s] {
                text-decoration: none;
                font-weight: bold;
                display: block;
            }

    .postsListPost .postsListPostContent[b-866vxqka6s] {
        overflow-y: auto;
    }

        .postsListPost .postsListPostContent .postsListPostContentWrapper[b-866vxqka6s] {
            white-space: pre-line;
            height: 100%;
        }

    .postsListPost .postsListPostFooter[b-866vxqka6s] {
        display: grid;
        grid-template-columns: auto 1fr;
    }

        .postsListPost .postsListPostFooter .rightPanel[b-866vxqka6s] {
            text-align: right;
        }
/* /Pages/Profile/Shares/Page.razor.rz.scp.css */
.sharedPanel[b-8raqah6l78] {
    padding-bottom: 5em;
}

    .sharedPanel .userImage[b-8raqah6l78] {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        border: 1.5px solid white;
        object-fit: cover;
    }

    .sharedPanel .user[b-8raqah6l78] {
        text-decoration: none;
        color: var(--wona000);
    }

    .sharedPanel .scrollingContentWrapper[b-8raqah6l78] {
        overflow-x: auto;
    }


    .sharedPanel table.shares[b-8raqah6l78] {
        width: max-content;
        padding-bottom: 5em;
    }

        .sharedPanel table.shares tr[b-8raqah6l78] {
            row-gap: 5.5em;
        }

        .sharedPanel table.shares td[b-8raqah6l78] {
            padding-right: 0.5em;
        }
/* /Pages/Profile/Watchparties/Page.razor.rz.scp.css */
div.section[b-wd8szjys0b] {
    padding-top: 8px;
}

div.section[b-wd8szjys0b] {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
}

.createNewWatchParty[b-wd8szjys0b] {
}

    .createNewWatchParty .label[b-wd8szjys0b] {
        font-weight: bold;
        text-align: right;
        padding: 4px;
        color: var(--wona500);
    }

        .createNewWatchParty .label.leftLabel[b-wd8szjys0b] {
            text-align: unset;
        }

    .createNewWatchParty .watchPartyDescriptionTextBox[b-wd8szjys0b] {
        min-height: 150px;
    }

.watchPartiesGrid[b-wd8szjys0b] {
    display: grid;
    grid-auto-flow: row;
    grid: auto-flow/repeat(auto-fit,minmax(var(--wonaStandardGridEntryMinSize),var(--wonaStandardGridEntryMaxSize)));
    grid-gap: 0.5em;
}

    .watchPartiesGrid .watchParty[b-wd8szjys0b] {
        display: inline-block;
    }

        .watchPartiesGrid .watchParty .imageWrapper[b-wd8szjys0b] {
            border: 2px solid var(--wona800);
            border-radius: 8px;
            max-width: 100%;
            text-align: center;
            position: relative;
        }

             .watchPartiesGrid .watchParty .imageWrapper .visibilityOverlay[b-wd8szjys0b] {
                left: 12px;
                top: 12px;
                position: absolute;
                width: 32px;
                height: 32px;
            }

            .watchPartiesGrid .watchParty .imageWrapper .tagsOverlay[b-wd8szjys0b] {
                position: absolute;
                left: 12px;
                bottom: 24px;
            }

        .watchPartiesGrid .watchParty .title[b-wd8szjys0b] {
            background-color: var(--wona800);
            color: var(--wona000);
            position: relative;
            border-radius: 8px;
            font-size: 16px;
            max-width: 100%;
        }

            .watchPartiesGrid .watchParty .title h4[b-wd8szjys0b] {
                display: block;
                text-align: center;
                padding-top: 6px;
                padding-bottom: 6px;
                color: white;
                height: 3em;
                overflow-y: hidden;
                overflow-x: hidden;
            }

            .watchPartiesGrid .watchParty .title a[b-wd8szjys0b] {
                color: unset;
                font-weight: bold;
                text-decoration: none;
            }

                .watchPartiesGrid .watchParty .title a:visited[b-wd8szjys0b] {
                    color: unset;
                }

@media(max-width:500px) {
    .createNewWatchParty .label[b-wd8szjys0b] {
        text-align: unset;
    }
}
/* /Pages/Profile/Watchparty/Page.razor.rz.scp.css */
a.returnToProfile[b-vphd3vaieh] {
    padding: 4px 0px 8px 8px;
    text-decoration: none;
    color: white;
}

.watchPartyDescription[b-vphd3vaieh] {
    background-color: var(--wona800);
    padding: 0.5em;
    margin: 0.5em;
    border-radius: 0.5em;
    overflow-x: auto;
}

    .watchPartyDescription .description[b-vphd3vaieh] {
        white-space: pre-line;
    }

    .watchPartyDescription .label[b-vphd3vaieh] {
        display: block;
        text-align: left;
    }

.scrollingContentWrapper[b-vphd3vaieh] {
    overflow-x: auto;
}

.watchPartyDetailsPanel[b-vphd3vaieh] {
    padding: 1em;
    width: max-content;
}

.label[b-vphd3vaieh] {
    color: var(--wona500);
    text-align: right;
}

    .label.leftLabel[b-vphd3vaieh] {
        text-align: unset;
    }

.selectorRow[b-vphd3vaieh] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding-bottom: 0.5em;
}

    .selectorRow .selector[b-vphd3vaieh] {
        display: inline-block;
        color: var(--wona500);
        font-size: 1.2em;
        font-weight: bold;
        padding: 4px 8px;
        text-align: center;
        border-bottom: 4px solid var(--wona800);
    }

        .selectorRow .selector.active[b-vphd3vaieh] {
            font-weight: bold;
            border-bottom-color: var(--wona500);
        }

        .selectorRow .selector.inactive[b-vphd3vaieh] {
            cursor: pointer;
        }

.entriesList[b-vphd3vaieh] {
    display: block;
}

    .entriesList .entry[b-vphd3vaieh] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding: 0.5em;
        margin: 0.5em;
        margin-bottom: 1em;
        background-color: var(--wona800);
        border-radius: 0.5em;
    }

        .entriesList .entry .entryDescription[b-vphd3vaieh] {
            max-height: min(350px, 90vh);
            overflow-y: auto;
        }

            .entriesList .entry .entryDescription span[b-vphd3vaieh] {
                white-space: pre-line;
            }

        .entriesList .entry .buttonsRow[b-vphd3vaieh] {
            grid-column: 1 / span 2;
        }

.deleteEntryDialog[b-vphd3vaieh] {
}

    .deleteEntryDialog .error[b-vphd3vaieh] {
        display: block;
        text-align: center;
    }

.updateEntryDialog[b-vphd3vaieh] {
}

    .updateEntryDialog .error[b-vphd3vaieh] {
        display: block;
        text-align: center;
    }

    .updateEntryDialog .entryDescription[b-vphd3vaieh] {
        min-height: min( 300px, 60vh);
    }

.addEntryDialog[b-vphd3vaieh] {
}

    .addEntryDialog .noResults[b-vphd3vaieh] {
        display: block;
        text-align: center;
        margin-top: 4em;
        margin-bottom: 4em;
        color: red;
        font-weight: bold;
        font-size: larger;
    }

    .addEntryDialog input[type=text][b-vphd3vaieh] {
        width: 100%;
        margin-bottom: 2em;
    }

    .addEntryDialog .mediaGrid[b-vphd3vaieh] {
        display: grid;
        grid: auto-flow/repeat(auto-fit,minmax(var(--wonaSmallGridEntryMinSize),var(--wonaSmallGridEntryMaxSize)));
        gap: 0.5em;
    }

        .addEntryDialog .mediaGrid .media[b-vphd3vaieh] {
            display: inline-block;
            padding: 0.25em;
            background-color: var(--wona700);
        }

            .addEntryDialog .mediaGrid .media .mediaImageWrapper[b-vphd3vaieh] {
                width: 100%;
            }

                .addEntryDialog .mediaGrid .media .mediaImageWrapper .mediaImage[b-vphd3vaieh] {
                    object-fit: contain;
                    object-position: center;
                    width: 100%;
                    height: 200px;
                }

            .addEntryDialog .mediaGrid .media .mediaTitleWrapper[b-vphd3vaieh] {
                height: 3.5em;
            }

                .addEntryDialog .mediaGrid .media .mediaTitleWrapper .mediaTitle[b-vphd3vaieh] {
                    display: block;
                    text-align: center;
                }

            .addEntryDialog .mediaGrid .media .mediaActionsRow[b-vphd3vaieh] {
                padding-top: 0.5em;
                padding-right: 0.5em;
                text-align: right;
            }

    .addEntryDialog .error[b-vphd3vaieh] {
        display: block;
        text-align: center;
        font-weight: bold;
        font-size: large;
    }

    .addEntryDialog .selectedMediaTitleWrapper[b-vphd3vaieh] {
    }

        .addEntryDialog .selectedMediaTitleWrapper .selectedMediaTitle[b-vphd3vaieh] {
            display: block;
            text-align: center;
            font-size: larger;
            font-weight: bold;
        }

    .addEntryDialog .selectedMediaImageWrapper[b-vphd3vaieh] {
    }

        .addEntryDialog .selectedMediaImageWrapper .selectedMediaImage[b-vphd3vaieh] {
            max-height: min( 400px, 50vh);
            width: 100%;
            object-fit: contain;
            object-position: center;
        }

    .addEntryDialog .newEntryDescription[b-vphd3vaieh] {
        min-height: 200px;
    }

.updateDetailsDialog[b-vphd3vaieh] {
}

    .updateDetailsDialog .error[b-vphd3vaieh] {
        display: block;
        text-align: center;
    }

    .updateDetailsDialog .watchPartyDescriptionTextBox[b-vphd3vaieh] {
        min-height: 300px;
    }

.noSelectedUsersPanel[b-vphd3vaieh] {
    text-align: center;
    min-height: 100px;
}

.addWatchPartyShareDialogSearchBar[b-vphd3vaieh] {
    display: grid;
    max-width: min(100%, 400px);
    grid-template-columns: 1fr auto;
    margin-left: auto;
    margin-right: auto;
}

.userSearchResults[b-vphd3vaieh] {
    width: 100%;
}

    .userSearchResults .user[b-vphd3vaieh] {
    }

        .userSearchResults .user .springColumn[b-vphd3vaieh] {
            padding-left: 0.25em;
            width: 100%;
        }

        .userSearchResults .user .userThumbnail[b-vphd3vaieh] {
            width: 75px;
            height: 75px;
            border-radius: 50%
        }

        .userSearchResults .user .userDisplayName[b-vphd3vaieh] {
            font-weight: bold;
            display: block;
        }

@media( max-width: 500px) {
    .label[b-vphd3vaieh] {
        text-align: unset;
    }

    .entriesList[b-vphd3vaieh] {
    }

        .entriesList .entry[b-vphd3vaieh] {
            display: block;
            grid-template-columns: unset;
        }

            .entriesList .entry .entryDescription[b-vphd3vaieh] {
                max-height: unset;
            }
}
/* /Pages/Register/Confirm/Page.razor.rz.scp.css */
div.content[b-mgc7kowx3a] {
    align-content: center;
    text-align: center;
}

    div.content div.logo[b-mgc7kowx3a] {
        text-align: center;
        font-size: 50px;
    }

    div.content h2[b-mgc7kowx3a] {
        padding-top: 2em;
    }
    
    .confirmationCodeDialog[b-mgc7kowx3a] {
    display: grid;
    text-align: center;
    gap: 10px;
}

    .confirmationCodeDialog input[type='text'][b-mgc7kowx3a] {
        max-width: min(500px, 80vw);
        margin: auto;
        text-align: center;
    }

    .confirmationCodeDialog .btn[b-mgc7kowx3a] {
        max-width: fit-content;
        margin: auto;
    }
/* /Pages/Register/Page.razor.rz.scp.css */
div.content[b-p0kwog5bhi] {
    align-content: center;
}

    div.content div.logo[b-p0kwog5bhi] {
        text-align: center;
        font-size: 50px;
    }

    div.content div.registerPanel[b-p0kwog5bhi] {
        display: grid;
        grid-template-columns: 1fr auto 1fr;
    }

        div.content div.registerPanel form[b-p0kwog5bhi] {
            display: grid;
            grid-template-columns: 1fr;
            width: min( 90vw, 400px);
            grid-column: 2;
        }

            div.content div.registerPanel form span.loginError[b-p0kwog5bhi] {
                color: red;
                text-align: center;
                width: 100%;
                font-weight: bold;
                font-size: larger;
            }

            div.content div.registerPanel form label[b-p0kwog5bhi] {
                width: 100%;
                font-weight: bold;
            }

            div.content div.registerPanel form input[b-p0kwog5bhi] {
                margin-bottom: 8px;
            }

    div.content div.registerSuggestion[b-p0kwog5bhi] {
        display: grid;
        grid-template-columns: auto;
        text-align: center;
    }

input[b-p0kwog5bhi] {
    border-radius: 8px;
    padding-left: 8px;
}

button[b-p0kwog5bhi] {
    background-color: var(--wona500);
    border-radius: 24px;
    border: none;
    color: var(--wona950);
    padding: 16px;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
}

    button:hover[b-p0kwog5bhi] {
        color: var(--wona500);
        background-color: var(--wona950);
    }

    button.registering[b-p0kwog5bhi] {
        background-color: var(--wona950);
        color: var(--wona500);
    }

div.logo img[b-p0kwog5bhi] {
    height: 64px;
}

div.logo span[b-p0kwog5bhi] {
    vertical-align: middle;
}

@media( max-width: 500px) {
    div.content[b-p0kwog5bhi] {
        padding-top: calc(50vh - 250px);
    }
}
/* /Pages/ResetPassword/Confirm/Page.razor.rz.scp.css */

.contentWrapper[b-abj5z3l43s] {
}

div.content[b-abj5z3l43s] {
    align-content: center;
    display: block;
    max-width: min(90vw, 500px);
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 150px;
}

    div.content div.logo[b-abj5z3l43s] {
        text-align: center;
        font-size: 50px;
    }

            div.content form span.error[b-abj5z3l43s] {
                color: red;
                text-align: center;
                width: 100%;
                font-weight: bold;
                font-size: larger;
            }

            div.content form label[b-abj5z3l43s] {
                width: 100%;
                font-weight: bold;
            }

            div.content form a[b-abj5z3l43s] {
                width: 100%;
                text-align: center;
            }

            div.content form input[b-abj5z3l43s] {
                margin-bottom: 8px;
                width: 100%;
            }

input[b-abj5z3l43s] {
    border-radius: 8px;
    padding-left: 8px;
}

div.logo img[b-abj5z3l43s] {
    height: 64px;
}

div.logo span[b-abj5z3l43s] {
    vertical-align: middle;
}

@media( max-width: 500px) {
    div.content[b-abj5z3l43s] {
        padding-top: calc(50vh - 250px);
    }
}
/* /Pages/ResetPassword/LandingPage/Page.razor.rz.scp.css */

.contentWrapper[b-grc3sih3pe] {
}

div.content[b-grc3sih3pe] {
    align-content: center;
    display: block;
    max-width: min(90vw, 500px);
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 150px;
}

    div.content div.logo[b-grc3sih3pe] {
        text-align: center;
        font-size: 50px;
    }

            div.content form span.error[b-grc3sih3pe] {
                color: red;
                text-align: center;
                width: 100%;
                font-weight: bold;
                font-size: larger;
            }

            div.content form label[b-grc3sih3pe] {
                width: 100%;
                font-weight: bold;
            }

            div.content form a[b-grc3sih3pe] {
                width: 100%;
                text-align: center;
            }

            div.content form input[b-grc3sih3pe] {
                margin-bottom: 8px;
                width: 100%;
            }

input[b-grc3sih3pe] {
    border-radius: 8px;
    padding-left: 8px;
}

div.logo img[b-grc3sih3pe] {
    height: 64px;
}

div.logo span[b-grc3sih3pe] {
    vertical-align: middle;
}

@media( max-width: 500px) {
    div.content[b-grc3sih3pe] {
        padding-top: calc(50vh - 250px);
    }
}
/* /Pages/Search/Index.razor.rz.scp.css */
.mediaImportPanel[b-ldu620ppti] {
    text-align: center;
    padding: 1em;
}

    .mediaImportPanel .btnImport[b-ldu620ppti] {
        padding: 1em;
        margin: 1em;
    }

.importMediaDialog[b-ldu620ppti] {
}

    .importMediaDialog .mediaUrl[b-ldu620ppti] {
        display: block;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 1em;
        margin-bottom: 1em;
    }

    .importMediaDialog .mediaImageWrapper[b-ldu620ppti] {
        position: relative;
    }

        .importMediaDialog .mediaImageWrapper .mediaImage[b-ldu620ppti] {
            width: 100%;
            max-height: 60vh;
            text-align: center;
            object-fit: contain;
        }

        .importMediaDialog .mediaImageWrapper .mediaAddImageButtonPanel[b-ldu620ppti] {
            position: absolute;
            top: 1em;
            right: 1em;
        }

    .importMediaDialog .mediaLinksPanelWrapper[b-ldu620ppti] {
        width: max-content;
        margin-left: auto;
        margin-right: auto;
        margin-top: 1em;
    }

.mediaGrid[b-ldu620ppti] {
    padding-bottom: 1em;
    padding-top: 1em;
    display: grid;
    grid: auto-flow/repeat(auto-fit,minmax(var(--wonaStandardGridEntryMinSize),var(--wonaStandardGridEntryMaxSize)));
    row-gap: 0.5em;
}

    .mediaGrid .media[b-ldu620ppti] {
        display: inline-block;
        height: 300px;
        padding: 0.25em;
        position: relative;
    }

        .mediaGrid .media .mediaImage[b-ldu620ppti] {
            width: 100%;
            height: 250px;
        }

        .mediaGrid .media .mediaLinksPanelWrapper[b-ldu620ppti] {
            position: absolute;
            right: 0.5em;
            bottom: calc( 0.5em + 50px);
            z-index: +1;
        }

        .mediaGrid .media .addMediaToListsWrapper[b-ldu620ppti] {
            position: absolute;
            left: 0.5em;
            top: 0.5em;
        }

        .mediaGrid .media .mediaTitle[b-ldu620ppti] {
            width: 100%;
            height: 50px;
            overflow: clip;
            background-color: var(--wona800);
        }

            .mediaGrid .media .mediaTitle span[b-ldu620ppti] {
                color: white;
                text-align: center;
                text-decoration: none;
                display: block;
                font-weight: bold;
            }

.userGrid[b-ldu620ppti] {
    padding-bottom: 1em;
    padding-top: 1em;
    display: grid;
    grid: auto-flow/repeat(auto-fit,minmax(var(--wonaStandardGridEntryMinSize),var(--wonaStandardGridEntryMaxSize)));
    row-gap: 0.5em;
}

    .userGrid .user[b-ldu620ppti] {
        display: inline-block;
        height: 300px;
        padding: 0.25em;
        position: relative;
    }

        .userGrid .user .userImage[b-ldu620ppti] {
            width: 100%;
            height: 250px;
        }

            .userGrid .user .userImage img[b-ldu620ppti] {
                width: 100%;
                height: 100%;
                object-fit: contain;
            }

        .userGrid .user .tagsOverlay[b-ldu620ppti] {
            position: absolute;
            left: 0.5em;
            bottom: calc(50px + 0.5em);
            z-index: +1;
        }

        .userGrid .user .userName[b-ldu620ppti] {
            width: 100%;
            height: 50px;
            overflow: clip;
            background-color: var(--wona800);
        }

            .userGrid .user .userName a[b-ldu620ppti] {
                text-decoration: none;
            }

            .userGrid .user .userName span[b-ldu620ppti] {
                color: white;
                text-align: center;
                text-decoration: none;
                display: block;
                font-weight: bold;
            }

@media( max-width: 500px) {
    .mediaGrid[b-ldu620ppti] {
    }

        .mediaGrid .media[b-ldu620ppti] {
            height: unset;
        }

            .mediaGrid .media .mediaImage[b-ldu620ppti] {
                height: unset;
            }

            .mediaGrid .media .mediaLinksPanelWrapper[b-ldu620ppti] {
                position: absolute;
                right: 0.5em;
                top: 0.5em;
                bottom: unset;
                z-index: +1;
            }

            .mediaGrid .media .mediaTitle[b-ldu620ppti] {
                height: unset;
                padding: 1em;
            }

    .userGrid[b-ldu620ppti] {
    }

        .userGrid .user[b-ldu620ppti] {
            margin: 0.25em;
            display: inline-block;
            height: unset;
        }


            .userGrid .user .userImage[b-ldu620ppti] {
                width: 100%;
                height: unset;
            }

            .userGrid .user .tagsOverlay[b-ldu620ppti] {
                position: absolute;
                left: 0.5em;
                bottom: calc(50px + 1.0em);
                z-index: +1;
            }

            .userGrid .user .userName[b-ldu620ppti] {
                height: unset;
                padding: 1em;
            }
}

div.selectorRow[b-ldu620ppti] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

    div.selectorRow div.selector[b-ldu620ppti] {
        display: inline-block;
        color: var(--wona500);
        font-size: 1.2em;
        font-weight: bold;
        padding: 4px 8px;
        text-align: center;
        border-bottom: 4px solid var(--wona800);
    }

        div.selectorRow div.selector.active[b-ldu620ppti] {
            font-weight: bold;
            border-bottom-color: var(--wona500);
        }

        div.selectorRow div.selector.inactive[b-ldu620ppti] {
            cursor: pointer;
        }
/* /Pages/SharedLists/List/Page.razor.rz.scp.css */
a.returnToProfile[b-tpzc1ttw18] {
    padding: 4px 0px 8px 8px;
    text-decoration: none;
    color: white;
}

.userProfile .summary[b-tpzc1ttw18] {
    margin: 1em;
}

    .userProfile .summary .label[b-tpzc1ttw18] {
        padding-bottom: 8px;
        padding-right: 8px;
        font-weight: bold;
        text-align: right;
        color: var(--wona500);
    }


div.listDescription[b-tpzc1ttw18] {
    border: 1px solid var(--wonaGrey);
    background-color: var(--wona800);
    border-radius: 6px;
    padding: 4px;
}

    div.listDescription span[b-tpzc1ttw18] {
        white-space: pre-wrap;
    }

        div.listDescription span.noContent[b-tpzc1ttw18] {
            text-align: center;
            color: red;
        }

div.editCoverImageDialog[b-tpzc1ttw18] {
}

div.updateListDescriptionDialog[b-tpzc1ttw18] {
}

    div.updateListDescriptionDialog textarea[b-tpzc1ttw18] {
        width: 100%;
        min-height: min( 400px, 50vh);
    }

.changeListXXXDialog[b-tpzc1ttw18] {
}

    .changeListXXXDialog .renameDetails[b-tpzc1ttw18] {
        grid-gap: 0.5em;
    }

        .changeListXXXDialog .renameDetails span.label[b-tpzc1ttw18] {
            font-weight: bold;
            padding: 8px;
        }

        .changeListXXXDialog .renameDetails input[b-tpzc1ttw18] {
            width: 100%;
        }

div.changeVisibilityDialog[b-tpzc1ttw18] {
}

    div.changeVisibilityDialog span.error[b-tpzc1ttw18] {
        text-align: center;
        font-weight: bold;
    }

    div.changeVisibilityDialog form[b-tpzc1ttw18] {
        display: grid;
    }

        div.changeVisibilityDialog form input[type=radio][b-tpzc1ttw18] {
            margin-left: 16px;
            margin-right: 8px;
        }

div.editListEntryDialog[b-tpzc1ttw18] {
}

    div.editListEntryDialog span.error[b-tpzc1ttw18] {
        font-weight: bold;
        width: 100%;
        text-align: center;
        display: block;
    }

    div.editListEntryDialog span.label[b-tpzc1ttw18] {
        font-weight: bold;
        display: block;
    }

    div.editListEntryDialog textarea[b-tpzc1ttw18] {
        min-height: 200px;
        width: 100%;
    }

div.newEntryDialog[b-tpzc1ttw18] {
}

    div.newEntryDialog form.mediaSearch[b-tpzc1ttw18] {
        display: grid;
        grid-template-columns: 1fr auto;
        grid-gap: 4px;
        padding-bottom: 4px;
    }

    div.newEntryDialog .validationError[b-tpzc1ttw18] {
        width: 100%;
        text-align: center;
        display: block;
        font-weight: bold;
    }

    div.newEntryDialog .noMatchingResults[b-tpzc1ttw18] {
        text-align: center;
        color: var(--wona200);
    }

        div.newEntryDialog .noMatchingResults span[b-tpzc1ttw18] {
            display: block;
        }

    div.newEntryDialog div.mediaSearchResults[b-tpzc1ttw18] {
    }

        div.newEntryDialog div.mediaSearchResults div.mediaSearchResult[b-tpzc1ttw18] {
            display: grid;
            grid-template-columns: auto 1fr auto;
            padding: 2px;
        }

            div.newEntryDialog div.mediaSearchResults div.mediaSearchResult:hover[b-tpzc1ttw18] {
                background-color: var(--wona700);
            }

            div.newEntryDialog div.mediaSearchResults div.mediaSearchResult img[b-tpzc1ttw18] {
                width: 200px;
                max-height: 150px;
                object-fit: contain;
            }

    div.newEntryDialog form.newEntryDetails[b-tpzc1ttw18] {
        display: grid;
        grid-template-columns: auto 1fr;
        row-gap: 4px;
    }

        div.newEntryDialog form.newEntryDetails div.mediaDetails[b-tpzc1ttw18] {
            grid-column: 1 / span 2;
        }

            div.newEntryDialog form.newEntryDetails div.mediaDetails img[b-tpzc1ttw18] {
                width: 100%;
            }

        div.newEntryDialog form.newEntryDetails span[b-tpzc1ttw18] {
            font-weight: bold;
            padding-right: 4px;
        }

            div.newEntryDialog form.newEntryDetails span.validationError[b-tpzc1ttw18] {
                text-align: center;
                grid-column: 1 / span 3;
            }

        div.newEntryDialog form.newEntryDetails div.buttonsRow[b-tpzc1ttw18] {
            grid-column: 1 / span 2;
        }

        div.newEntryDialog form.newEntryDetails .fullWidthLabel[b-tpzc1ttw18] {
            grid-column: 1 / span 2;
        }

        div.newEntryDialog form.newEntryDetails textarea[b-tpzc1ttw18] {
            width: 100%;
            grid-column: 1 / span 2;
            min-height: min( 200px, 1scr0vh);
        }

        div.newEntryDialog form.newEntryDetails .supportedServices[b-tpzc1ttw18] {
            grid-column: 1 / span2;
        }

div.confirmDeleteDialog[b-tpzc1ttw18] {
}

    div.confirmDeleteDialog input[b-tpzc1ttw18] {
        width: 100%;
    }


div.section[b-tpzc1ttw18] {
    padding-top: 8px;
}


div.section[b-tpzc1ttw18] {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
}

div.media[b-tpzc1ttw18] {
    width: 100%;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto 1fr;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 32px;
    padding-right: 32px;
}

    div.media:hover[b-tpzc1ttw18] {
        background-color: var(--wona800);
    }

    div.media div.thumbnail[b-tpzc1ttw18] {
        border: 2px solid var(--wona800);
        border-radius: 8px;
        width: min( calc(var(--bodyWidth)/2), 45vw);
        grid-row-start: 1;
        grid-row-end: 3;
        padding: 4px;
        margin-right: 12px;
        position: relative;
    }

        div.media div.thumbnail > img[b-tpzc1ttw18] {
            display: block;
            margin-left: auto;
            margin-right: auto;
            max-width: 100%;
            max-height: 350px;
        }

        div.media div.thumbnail[b-tpzc1ttw18]  div.mediaLinksPanel {
            right: 12px;
            bottom: 12px;
            position: absolute;
        }

    div.media h4[b-tpzc1ttw18] {
        grid-column: 2;
        grid-row: 1;
    }

    div.media p[b-tpzc1ttw18] {
        grid-column: 2;
        grid-row: 2;
        white-space: pre-wrap;
    }

    div.media div.buttonsRow[b-tpzc1ttw18] {
        grid-column: 1 / span 2;
    }

@media( max-width: 500px) {

    div.newEntryDialog[b-tpzc1ttw18] {
    }

        div.newEntryDialog form.mediaSearch[b-tpzc1ttw18] {
            grid-template-columns: 1fr;
        }

            div.newEntryDialog form.mediaSearch span.label[b-tpzc1ttw18] {
                grid-column: 1 / span 2;
            }

            div.newEntryDialog form.mediaSearch input[b-tpzc1ttw18] {
                grid-row: 2;
                width: 100%;
            }

            div.newEntryDialog form.mediaSearch div.buttons[b-tpzc1ttw18] {
                grid-row: 3;
                text-align: right;
            }

        div.newEntryDialog div.mediaSearchResults[b-tpzc1ttw18] {
        }

            div.newEntryDialog div.mediaSearchResults div.mediaSearchResult[b-tpzc1ttw18] {
                grid-template-columns: 1fr auto;
            }

                div.newEntryDialog div.mediaSearchResults div.mediaSearchResult img[b-tpzc1ttw18] {
                    width: 100%;
                    max-height: 200px;
                    grid-row: 1;
                    grid-column: 1 / span 2;
                }

                div.newEntryDialog div.mediaSearchResults div.mediaSearchResult span.mediaTitle[b-tpzc1ttw18] {
                    grid-row: 2;
                    grid-column: 1 / span 2;
                    text-align: center;
                }

                div.newEntryDialog div.mediaSearchResults div.mediaSearchResult div.buttons[b-tpzc1ttw18] {
                    grid-row: 3;
                    grid-column: 2;
                    text-align: right;
                }

    /* Media */
    div.media[b-tpzc1ttw18] {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 16px;
        padding-right: 16px;
    }

        div.media div.thumbnail[b-tpzc1ttw18] {
            width: 100%;
        }

            div.media div.thumbnail > img[b-tpzc1ttw18] {
                max-width: 100%;
            }

        div.media h4[b-tpzc1ttw18] {
            grid-column: unset;
            grid-row: unset;
        }

        div.media p[b-tpzc1ttw18] {
            grid-column: unset;
            grid-row: unset;
        }

        div.media div.buttonsRow[b-tpzc1ttw18] {
            grid-column: unset;
        }

    form.newEntryDetails div.mediaDetails img[b-tpzc1ttw18] {
        width: 100%;
    }
}

[b-tpzc1ttw18] #ifListCustomImage {
    display: none;
}

.tagSelector[b-tpzc1ttw18] {
    display: grid;
    grid-template-columns: 1fr auto;
}

    .tagSelector button[b-tpzc1ttw18] {
        margin-right: 6px;
    }

.grid2Columns .error[b-tpzc1ttw18] {
    text-align: center;
}

.tag[b-tpzc1ttw18] {
    border: 1px solid white;
    background-color: var(--wonaLightGrey);
    border-radius: 10px;
    padding: 2px 8px 2px 8px;
    margin-right: 4px;
    white-space: nowrap;
}

.reorderListEntriesDialog[b-tpzc1ttw18] {
}

    .reorderListEntriesDialog .listEntriesWrapper[b-tpzc1ttw18] {
        overflow-x: auto;
    }

    .reorderListEntriesDialog .listEntries[b-tpzc1ttw18] {
        display: grid;
        grid-template-columns: auto auto auto 1fr;
        min-width: max-content;
        column-gap: 2px;
    }

        .reorderListEntriesDialog .listEntries .index[b-tpzc1ttw18] {
            text-align: right;
        }

        .reorderListEntriesDialog .listEntries .mediaName[b-tpzc1ttw18] {
            padding-left: 8px;
        }


.supportedServices[b-tpzc1ttw18] {
    padding-top: 1em;
    padding-bottom: 1em;
    text-align: center;
}

    .supportedServices .supportedServicesList[b-tpzc1ttw18] {
        display: inline;
    }

    .supportedServices img[b-tpzc1ttw18] {
        width: 32px;
        height: 32px;
        margin-top: .5em;
    }

@media( max-width: 500px) {
    .supportedServices[b-tpzc1ttw18] {
    }

        .supportedServices .label[b-tpzc1ttw18] {
            display: block;
        }

    .userProfile .summary[b-tpzc1ttw18] {
    }

        .userProfile .summary .label[b-tpzc1ttw18] {
            padding-bottom: unset;
            text-align: unset;
        }
}

.shares[b-tpzc1ttw18] {
}

    .shares .scrollingContentWrapper[b-tpzc1ttw18] {
        overflow-x: auto;
    }

        .shares .scrollingContentWrapper table[b-tpzc1ttw18] {
            width: max-content;
        }

            .shares .scrollingContentWrapper table th[b-tpzc1ttw18] {
                text-align: center;
                color: var(--wona500);
            }

.newShareDialog[b-tpzc1ttw18] {
}

    .newShareDialog input[type=search][b-tpzc1ttw18] {
        color: black;
    }

    .newShareDialog .noResults[b-tpzc1ttw18] {
        display: block;
        color: red;
        text-align: center;
        font-size: large;
        font-weight: bold;
        padding-top: 2em;
        padding-bottom: 2em;
    }

    .newShareDialog .searchResults[b-tpzc1ttw18] {
        padding: 0.25em;
    }


        .newShareDialog .searchResults .user[b-tpzc1ttw18] {
            display: block;
            padding-bottom: 0.5em;
        }

            .newShareDialog .searchResults .user .userImage[b-tpzc1ttw18] {
                width: 75px;
                height: 75px;
                border-radius: 50%;
                object-fit: contain;
            }

    .newShareDialog .accessLevel[b-tpzc1ttw18] {
        background-color: var(--wona500);
        color: var(--wona000);
        border-radius: 0.5em;
        padding: 0.25em;
    }

.editShareDialog[b-tpzc1ttw18] {
}

    .editShareDialog .accessLevel[b-tpzc1ttw18] {
        background-color: var(--wona500);
        color: var(--wona000);
        border-radius: 0.5em;
        padding: 0.25em;
    }


.selectorRow[b-tpzc1ttw18] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-bottom: 0.5em;
}

    .selectorRow .selector[b-tpzc1ttw18] {
        display: inline-block;
        color: var(--wona500);
        font-size: 1.2em;
        font-weight: bold;
        padding: 4px 8px;
        text-align: center;
        border-bottom: 4px solid var(--wona800);
    }

        .selectorRow .selector.active[b-tpzc1ttw18] {
            font-weight: bold;
            border-bottom-color: var(--wona500);
        }

        .selectorRow .selector.inactive[b-tpzc1ttw18] {
            cursor: pointer;
        }
/* /Pages/Topic/Page.razor.rz.scp.css */
.pageHeader[b-e9z561fy59] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
}

    .pageHeader h1[b-e9z561fy59] {
        grid-column-start: 2;
    }

    .pageHeader .followingPanel[b-e9z561fy59] {
        grid-column-start: 3;
        text-align: right;
        margin: auto 0.5em;
    }

        .pageHeader .followingPanel .followingButton[b-e9z561fy59] {
            background-color: var(--wona500);
            border: 2px solid var(--wona900);
            border-radius: 15em;
            padding: 0.1em 0.5em;
            color: white;
            margin-top: auto;
            margin-bottom: auto;
        }

h2[b-e9z561fy59] {
    padding-left: 0.5em;
}

.listSpacer.noContentFound[b-e9z561fy59] {
    min-height: 200px;
    color: var(--wona500);
    display: grid;
}

    .listSpacer.noContentFound span[b-e9z561fy59] {
        margin-top: auto;
        margin-bottom: auto;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
    }

@media( max-width: 500px) {
    .pageHeader[b-e9z561fy59] {
        text-align: center;
        display: grid;
        grid-template-columns: 1fr;
        padding-bottom: 1em;
    }

        .pageHeader h1[b-e9z561fy59] {
            grid-column-start: unset;
        }

        .pageHeader .followingPanel[b-e9z561fy59] {
            grid-column-start: unset;
            text-align: center;
        }
}
/* /Pages/User/Index.razor.rz.scp.css */
.profile[b-2s47xzvipl] {
}

    .profile .profileHeader[b-2s47xzvipl] {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 10px;
        margin: 1em;
    }

        .profile .profileHeader .profileImage[b-2s47xzvipl] {
        }

            .profile .profileHeader .profileImage img[b-2s47xzvipl] {
                width: 200px;
                height: 200px;
                border-radius: 50%;
                object-fit: cover;
            }

        .profile .profileHeader .profileNames[b-2s47xzvipl] {
            display: grid;
            vertical-align: middle;
            grid-template-rows: 1fr auto auto 1fr;
        }

            .profile .profileHeader .profileNames .displayName[b-2s47xzvipl] {
                font-size: 16px;
                color: var(--wona000);
                grid-row: 2;
            }

            .profile .profileHeader .profileNames .userName[b-2s47xzvipl] {
                font-size: 14px;
                color: var(--wona500);
                grid-row: 3;
            }

    .profile .followersPanel[b-2s47xzvipl] {
        display: grid;
        grid-template-columns: 1fr auto;
        margin: 1em;
    }

        .profile .followersPanel .actionPanel[b-2s47xzvipl] {
            display: inline;
            margin-right: 1em;
        }

            .profile .followersPanel .actionPanel button[b-2s47xzvipl] {
                border-style: none;
                background-color: var(--wona400);
                color: var(--wona800);
                padding: 0.5em;
            }

        .profile .followersPanel .followerCounts[b-2s47xzvipl] {
            margin-top: 0.5em;
        }

            .profile .followersPanel .followerCounts .numeric[b-2s47xzvipl] {
                color: var(--wona000);
            }

            .profile .followersPanel .followerCounts .label[b-2s47xzvipl] {
                color: var(--wona500);
            }

.profileTextPanel[b-2s47xzvipl] {
    background-color: var(--wona800);
    margin: 1em;
    border-radius: 5px;
    padding: 1em;
}

    .profileTextPanel .header[b-2s47xzvipl] {
        display: block;
        font-weight: bold;
        color: var(--wona500);
    }

    .profileTextPanel .profileText[b-2s47xzvipl] {
        white-space: pre-line;
    }

.tagsPanel[b-2s47xzvipl] {
    background-color: var(--wona800);
    margin: 1em;
    border-radius: 5px;
    padding: 1em;
}

    .tagsPanel .header[b-2s47xzvipl] {
        display: block;
        font-weight: bold;
        color: var(--wona500);
    }

    .tagsPanel .tagsRow[b-2s47xzvipl] {
        margin-top: 8px;
        margin-bottom: 8px;
    }


div.section[b-2s47xzvipl] {
    padding-top: 8px;
}

@media( max-width: 500px) {

    h2[b-2s47xzvipl] {
        text-align: center;
    }

    .profile[b-2s47xzvipl] {
        display: grid;
        grid-template-columns: 100%;
    }

        .profile .profileHeader[b-2s47xzvipl] {
            grid-template-columns: unset;
            text-align: center;
        }
}

.section[b-2s47xzvipl] {
}

    .section > h2[b-2s47xzvipl] {
        margin: 0px 1em;
    }

    .section .sectionHeader[b-2s47xzvipl] {
        display: grid;
        grid-template-columns: 1fr auto;
        margin: 0px 1em;
    }

        .section .sectionHeader .seeAll[b-2s47xzvipl] {
            background-color: var(--wona500);
            border: 1px solid white;
            border-radius: 10px;
            padding: 2px 4px;
            margin-right: 8px;
        }

        .section .sectionHeader a[b-2s47xzvipl] {
            color: white;
            text-decoration: none;
            margin-top: auto;
            margin-bottom: auto;
        }

@media(max-width: 500px) {
    .section[b-2s47xzvipl] {
    }

        .section .sectionHeader[b-2s47xzvipl] {
            grid-template-columns: unset;
            /*text-align: center;*/
            padding-bottom: 10px;
        }

            .section .sectionHeader .seeAll[b-2s47xzvipl] {
                margin-left: auto;
                margin-right: auto;
            }
}

@media( max-width: 500px) {
    .profile[b-2s47xzvipl] {
    }

        .profile .profileHeader[b-2s47xzvipl] {
        }

            .profile .profileHeader .profileImage[b-2s47xzvipl] {
            }

                .profile .profileHeader .profileImage img[b-2s47xzvipl] {
                    width: min(250px, 90vw);
                    height: min(250px, 90vw);
                }
}


.watchPartiesWrapper[b-2s47xzvipl] {
}

    .watchPartiesWrapper .watchPartiesContent[b-2s47xzvipl] {
        display: flex;
    }

        .watchPartiesWrapper .watchPartiesContent .watchParty[b-2s47xzvipl] {
            display: inline-block;
            width: 23em;
            height: 300px;
        }

.blockWarning[b-2s47xzvipl] {
    color: red;
}
/* /Pages/User/List/Index.razor.rz.scp.css */


.listHeader[b-kw6h4mhdf0] {
    padding: 1em;
    padding-top: 0em;
}

    .listHeader .listTitle[b-kw6h4mhdf0] {
        font-weight: bold;
        font-size: 1.5em;
    }

    .listHeader .listAuthor[b-kw6h4mhdf0] {
        color: var(--wona500);
    }

        .listHeader .listAuthor a[b-kw6h4mhdf0] {
            color: unset;
            text-decoration: none;
            font-weight: bold;
        }

.listLikesAndBookmarksWrapper[b-kw6h4mhdf0] {
    padding: 0em 1em;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

    .listLikesAndBookmarksWrapper .listLikes[b-kw6h4mhdf0] {
    }

        .listLikesAndBookmarksWrapper .listLikes .liked[b-kw6h4mhdf0] {
            color: var(--wonaAccent);
        }

        .listLikesAndBookmarksWrapper .listLikes .btn[b-kw6h4mhdf0] {
            margin-left: 1em;
        }

    .listLikesAndBookmarksWrapper .listBookmarks[b-kw6h4mhdf0] {
        text-align: right;
        margin-right: 1em;
    }

.listDescriptionPanel[b-kw6h4mhdf0] {
    background-color: var(--wona800);
    margin: 1em;
    border-radius: 5px;
    padding: 1em;
}

    .listDescriptionPanel .header[b-kw6h4mhdf0] {
        display: block;
        font-weight: bold;
        color: var(--wona500);
    }

    .listDescriptionPanel .listDescriptionText[b-kw6h4mhdf0] {
        white-space: pre-line;
    }

    .listDescriptionPanel .tagsRow[b-kw6h4mhdf0] {
        text-align: center;
        margin-top: 1em;
    }



div.listSubHeader[b-kw6h4mhdf0] {
    text-align: center;
}

    div.listSubHeader span[b-kw6h4mhdf0] {
        padding-right: 0px;
        margin-right: 0px;
    }

    div.listSubHeader a.userName[b-kw6h4mhdf0] {
        color: white;
        text-decoration: none;
    }

        div.listSubHeader a.userName:visited[b-kw6h4mhdf0] {
            color: white;
        }


div.section[b-kw6h4mhdf0] {
    padding-top: 8px;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
}

div.media[b-kw6h4mhdf0] {
    width: 100%;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto 1fr;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 16px;
    padding-right: 16px;
}

    div.media:hover[b-kw6h4mhdf0] {
        background-color: var(--wona800);
    }

    div.media div.thumbnail[b-kw6h4mhdf0] {
        border: 2px solid var(--wona800);
        border-radius: 8px;
        width: min( 45vw, calc( var(--bodyWidth) /2));
        grid-row-start: 1;
        grid-row-end: 3;
        padding: 4px;
        margin-right: 12px;
        position: relative;
    }

        div.media div.thumbnail > img[b-kw6h4mhdf0] {
            display: block;
            margin-left: auto;
            margin-right: auto;
            max-width: 100%;
            max-height: 350px;
        }

        div.media div.thumbnail .addToWatchListOverlay[b-kw6h4mhdf0] {
            top: 12px;
            left: 12px;
            position: absolute;
        }

        div.media div.thumbnail[b-kw6h4mhdf0]  div.mediaLinksPanel {
            position: relative;
            right: 12px;
            top: 12px;
            position: absolute;
        }

    div.media h4[b-kw6h4mhdf0] {
        grid-column: 2;
        grid-row: 1;
    }

    div.media p[b-kw6h4mhdf0] {
        grid-column: 2;
        grid-row: 2;
        white-space: pre-wrap;
    }

div.selectorRow[b-kw6h4mhdf0] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

    div.selectorRow div.selector[b-kw6h4mhdf0] {
        display: inline-block;
        color: var(--wona500);
        font-size: 1.2em;
        font-weight: bold;
        padding: 4px 8px;
        text-align: center;
        border-bottom: 4px solid var(--wona800);
    }

        div.selectorRow div.selector.active[b-kw6h4mhdf0] {
            font-weight: bold;
            border-bottom-color: var(--wona500);
        }

        div.selectorRow div.selector.inactive[b-kw6h4mhdf0] {
            cursor: pointer;
        }

div.actionsRow[b-kw6h4mhdf0] {
    margin: 1em 1em 0em 1em;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

    div.actionsRow div.leftPanel[b-kw6h4mhdf0] {
        grid-column: 1;
    }

    div.actionsRow div.rightPanel[b-kw6h4mhdf0] {
        grid-column: 2;
        text-align: right;
    }

@media( max-width: 800px) {
    /* Media */
    div .media[b-kw6h4mhdf0] {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        padding-top: 4px;
        padding-bottom: 16px;
        padding-left: 16px;
        padding-right: 16px;
    }

        div.media div.thumbnail[b-kw6h4mhdf0] {
            width: calc( 100vw - 32px);
            max-width: calc( 100vw - 32px);
        }

            div.media div.thumbnail > img[b-kw6h4mhdf0] {
                max-width: calc( 100vw - 44px);
            }

        div.media div.mediaText[b-kw6h4mhdf0] {
            background-color: var(--wona700);
            color: var(--wona000);
            border-radius: 8px;
            padding: 0.5em 1em 0em 1em;
            width: calc(100vw - 32px);
        }

            div.media div.mediaText h4[b-kw6h4mhdf0] {
                grid-column: unset;
                grid-row: unset;
                text-align: center;
            }

            div.media div.mediaText p[b-kw6h4mhdf0] {
                grid-column: unset;
                grid-row: unset;
                font-size: smaller;
            }
}
/* /Pages/User/Lists/Index.razor.rz.scp.css */
a.returnToUser[b-hvjiut5wug] {
    padding: 4px 0px 8px 8px;
    text-decoration: none;
    color: white;
}

.filterWrapper[b-hvjiut5wug] {
}

    .filterWrapper .filter[b-hvjiut5wug] {
        margin-left: auto;
        margin-right: auto;
        max-width: min(800px, 90vw);
        display: grid;
    }

    .filterWrapper input[b-hvjiut5wug] {
        border: 1.5px solid var(--wona500);
        border-radius: 15px;
        padding-left: 1.0em;
        color: var(--wona000);
        background-color: unset;
        height: 32px;
    }

.noMatchesWrapper[b-hvjiut5wug] {
    text-align: center;
    padding-top: 3em;
}

    .noMatchesWrapper .noMatches[b-hvjiut5wug] {
        font-size: 2em;
        color: red;
    }
/* /Pages/User/Post/Index.razor.rz.scp.css */
a.returnToUser[b-s9mt4hm9db] {
    padding: 4px 0px 8px 8px;
    text-decoration: none;
    color: white;
}

.sectionHeader[b-s9mt4hm9db] {
    display: grid;
    grid-template-columns: auto 1fr;
}

    .sectionHeader .buttonWrapper[b-s9mt4hm9db] {
        text-align: right;
    }


@media( max-width: 450px) {
    .sectionHeader[b-s9mt4hm9db] {
        display: grid;
        grid-template-columns: auto 1fr;
    }
}

.post[b-s9mt4hm9db] {
    background-color: var(--wona800);
    padding: 0.5em;
    margin: 0.5em;
    overflow-y: clip;
    display: grid;
    grid-template-rows: auto 1fr auto;
}

    .post .postHeader[b-s9mt4hm9db] {
        display: grid;
        grid-template-columns: auto 1fr;
    }

        .post .postHeader img[b-s9mt4hm9db] {
            width: 75px;
            height: 75px;
            object-fit: contain;
            border-radius: 50%;
        }

        .post .postHeader .postHeaderUserDetails[b-s9mt4hm9db] {
            padding-left: 0.25em;
        }

            .post .postHeader .postHeaderUserDetails .postHeaderUserDetailsUserName[b-s9mt4hm9db] {
                text-decoration: none;
                font-weight: bold;
                display: block;
            }

    .post .postContent[b-s9mt4hm9db] {
        overflow-y: auto;
    }

        .post .postContent .postContentWrapper[b-s9mt4hm9db] {
            white-space: pre-line;
            height: 100%;
        }

    .post .postFooter[b-s9mt4hm9db] {
        display: grid;
        grid-template-columns: auto 1fr;
    }

        .post .postFooter .rightPanel[b-s9mt4hm9db] {
            text-align: right;
        }
/* /Pages/User/Posts/Index.razor.rz.scp.css */
a.returnToUser[b-wqas55or41] {
    padding: 4px 0px 8px 8px;
    text-decoration: none;
    color: white;
}

.postsListPost[b-wqas55or41] {
    display: block;
    background-color: var(--wona800);
    padding: 0.5em;
    margin: 0.5em;
    overflow-y: clip;
    display: grid;
    grid-template-rows: auto 1fr auto;
}

    .postsListPost .postsListPostHeader[b-wqas55or41] {
        display: grid;
        grid-template-columns: auto 1fr;
    }

        .postsListPost .postsListPostHeader img[b-wqas55or41] {
            width: 75px;
            height: 75px;
            object-fit: contain;
            border-radius: 50%;
        }

        .postsListPost .postsListPostHeader .postsListPostHeaderUserDetails[b-wqas55or41] {
            padding-left: 0.25em;
        }

            .postsListPost .postsListPostHeader .postsListPostHeaderUserDetails .postsListPostHeaderUserDetailsUserName[b-wqas55or41] {
                text-decoration: none;
                font-weight: bold;
                display: block;
            }

    .postsListPost .postsListPostContent[b-wqas55or41] {
        overflow-y: auto;
    }

        .postsListPost .postsListPostContent .postsListPostContentWrapper[b-wqas55or41] {
            white-space: pre-line;
            height: 100%;
        }

    .postsListPost .postsListPostFooter[b-wqas55or41] {
        display: grid;
        grid-template-columns: auto 1fr;
    }

        .postsListPost .postsListPostFooter .rightPanel[b-wqas55or41] {
            text-align: right;
        }
/* /Pages/User/WatchParties/Index.razor.rz.scp.css */
a.returnToUser[b-xuvsd4pt0z] {
    padding: 4px 0px 8px 8px;
    text-decoration: none;
    color: white;
}


.watchPartiesGrid[b-xuvsd4pt0z] {
    display: grid;
    grid-auto-flow: row;
    grid: auto-flow/repeat(auto-fit,minmax(var(--wonaStandardGridEntryMinSize),var(--wonaStandardGridEntryMaxSize)));
    grid-gap: 0.5em;
}

    .watchPartiesGrid .watchParty[b-xuvsd4pt0z] {
        display: inline-block;
        background-color: var(--wona800);
        border-radius: 0.5em;
        padding: 0.5em;
        margin: 0.5em;
    }

        .watchPartiesGrid .watchParty:hover[b-xuvsd4pt0z] {
            background-color: var(--wona700);
        }

        .watchPartiesGrid .watchParty .watchPartyImageWrapper[b-xuvsd4pt0z] {
            order: 1;
        }

            .watchPartiesGrid .watchParty .watchPartyImageWrapper .watchPartyImage[b-xuvsd4pt0z] {
                width: 100%;
                height: 250px;
                object-fit: contain;
                object-position: center;
            }

        .watchPartiesGrid .watchParty .watchPartyTitleWrapper[b-xuvsd4pt0z] {
            height: 4em;
            background-color: var(--wona700);
            text-align: center;
            order: 2;
        }

            .watchPartiesGrid .watchParty .watchPartyTitleWrapper a[b-xuvsd4pt0z] {
                text-decoration: none;
            }

            .watchPartiesGrid .watchParty .watchPartyTitleWrapper .watchPartyTitle[b-xuvsd4pt0z] {
                color: white;
            }

@media( max-width: 500px) {
    .watchPartiesGrid .watchParty .watchPartyImageWrapper .watchPartyImage[b-xuvsd4pt0z] {
        height: unset;
    }
}
/* /Pages/User/WatchParty/Index.razor.rz.scp.css */
a.returnToUser[b-ked0eo2780] {
    padding: 4px 0px 8px 8px;
    text-decoration: none;
    color: white;
}

.watchPartyHeader[b-ked0eo2780] {
    padding: 1em;
    padding-top: 0em;
}

    .watchPartyHeader .watchPartyTitle[b-ked0eo2780] {
        font-weight: bold;
        font-size: 1.5em;
    }

    .watchPartyHeader .watchPartyAuthor[b-ked0eo2780] {
        color: var(--wona500);
    }

        .watchPartyHeader .watchPartyAuthor a[b-ked0eo2780] {
            color: unset;
            text-decoration: none;
            font-weight: bold;
        }

.selectorRow[b-ked0eo2780] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-bottom: 0.5em;
}

    .selectorRow .selector[b-ked0eo2780] {
        display: inline-block;
        color: var(--wona500);
        font-size: 1.2em;
        font-weight: bold;
        padding: 4px 8px;
        text-align: center;
        border-bottom: 4px solid var(--wona800);
    }

        .selectorRow .selector.active[b-ked0eo2780] {
            font-weight: bold;
            border-bottom-color: var(--wona500);
        }

        .selectorRow .selector.inactive[b-ked0eo2780] {
            cursor: pointer;
        }

.entriesPanel[b-ked0eo2780] {
}

    .entriesPanel .entry[b-ked0eo2780] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding: 0.5em;
        margin-bottom: 2em;
        background-color: var(--wona800);
        border-radius: 0.5em;
    }

        .entriesPanel .entry .mediaPanel[b-ked0eo2780] {
        }

            .entriesPanel .entry .mediaPanel .mediaWrapper[b-ked0eo2780] {
                position: relative;
            }

                .entriesPanel .entry .mediaPanel .mediaWrapper .mediaImage[b-ked0eo2780] {
                    object-fit: contain;
                    object-position: center;
                    width: 100%;
                    margin-left: auto;
                    margin-right: auto;
                    max-height: min( 500px, calc( (0.5 * var(--bodyWidth)) - 1em));
                }

                .entriesPanel .entry .mediaPanel .mediaWrapper .addToWatchListOverlay[b-ked0eo2780] {
                    top: 12px;
                    left: 12px;
                    position: absolute;
                }

                .entriesPanel .entry .mediaPanel .mediaWrapper[b-ked0eo2780]  div.mediaLinksPanel {
                    position: relative;
                    right: 12px;
                    top: 12px;
                    position: absolute;
                }

        .entriesPanel .entry .descriptionWrapper[b-ked0eo2780] {
            padding-left: 0.5em;
        }

        .entriesPanel .entry .votingPanel[b-ked0eo2780] {
            text-align: right;
            padding-top: 0.5em;
            grid-column: 1 / span 2;
        }

            .entriesPanel .entry .votingPanel .subPanel[b-ked0eo2780] {
                padding-left: 0.5em;
                padding-right: 0.5em;
            }

.mediaVotingDialog[b-ked0eo2780] {
}

    .mediaVotingDialog .error[b-ked0eo2780] {
        display: block;
        text-align: center;
    }

.postsListPost[b-ked0eo2780] {
    display: block;
    background-color: var(--wona800);
    padding: 0.5em;
    margin: 0.5em;
    overflow-y: clip;
    display: grid;
    grid-template-rows: auto 1fr auto;
}

    .postsListPost .postsListPostHeader[b-ked0eo2780] {
        display: grid;
        grid-template-columns: auto 1fr;
    }

        .postsListPost .postsListPostHeader img[b-ked0eo2780] {
            width: 75px;
            height: 75px;
            object-fit: contain;
            border-radius: 50%;
        }

        .postsListPost .postsListPostHeader .postsListPostHeaderUserDetails[b-ked0eo2780] {
            padding-left: 0.25em;
        }

            .postsListPost .postsListPostHeader .postsListPostHeaderUserDetails .postsListPostHeaderUserDetailsUserName[b-ked0eo2780] {
                text-decoration: none;
                font-weight: bold;
                display: block;
            }

    .postsListPost .postsListPostContent[b-ked0eo2780] {
        overflow-y: auto;
    }

        .postsListPost .postsListPostContent .postsListPostContentWrapper[b-ked0eo2780] {
            white-space: pre-line;
            height: 100%;
        }

    .postsListPost .postsListPostFooter[b-ked0eo2780] {
        display: grid;
        grid-template-columns: auto 1fr;
    }

        .postsListPost .postsListPostFooter .rightPanel[b-ked0eo2780] {
            text-align: right;
        }

.newPostDialog[b-ked0eo2780] {
}

    .newPostDialog .error[b-ked0eo2780] {
        display: block;
        width: 100%;
        text-align: center;
    }

    .newPostDialog .postBody[b-ked0eo2780] {
        min-height: 200px;
    }

.actionsRow[b-ked0eo2780] {
    margin: 1em 1em 0em 1em;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

    .actionsRow .leftPanel[b-ked0eo2780] {
        grid-column: 1;
    }

    .actionsRow .rightPanel[b-ked0eo2780] {
        grid-column: 2;
        text-align: right;
    }

@media( max-width: 800px) {
    .entriesPanel .entry[b-ked0eo2780] {
        display: block;
        grid-template-columns: unset;
    }
}

.watchPartyDescription[b-ked0eo2780] {
    margin: 0.5em;
    padding: 0.5em;
    background-color: var(--wona800);
    overflow-x: auto;
    white-space: pre-wrap;
}
/* /Pages/User/WatchParty/Post/Index.razor.rz.scp.css */
a.returnToUser[b-6dbzqdd4dp] {
    padding: 4px 0px 8px 8px;
    text-decoration: none;
    color: white;
}

.post[b-6dbzqdd4dp] {
    display: block;
    background-color: var(--wona800);
    padding: 0.5em;
    margin: 0.5em;
    overflow-y: clip;
}

.post[b-6dbzqdd4dp] {
    display: grid;
    grid-template-rows: auto 1fr auto;
}

    .post .postHeader[b-6dbzqdd4dp] {
        display: grid;
        grid-template-columns: auto 1fr;
    }

        .post .postHeader img[b-6dbzqdd4dp] {
            width: 75px;
            height: 75px;
            object-fit: contain;
            border-radius: 50%;
        }

        .post .postHeader .postHeaderUserDetails[b-6dbzqdd4dp] {
            padding-left: 0.25em;
        }

            .post .postHeader .postHeaderUserDetails .postHeaderUserDetailsUserName[b-6dbzqdd4dp] {
                text-decoration: none;
                font-weight: bold;
                display: block;
            }

    .post .postContent[b-6dbzqdd4dp] {
        overflow-y: auto;
    }

        .post .postContent .postContentWrapper[b-6dbzqdd4dp] {
            white-space: pre-line;
            height: 100%;
        }

    .post .postFooter[b-6dbzqdd4dp] {
        display: grid;
        grid-template-columns: auto 1fr;
    }

        .post .postFooter .rightPanel[b-6dbzqdd4dp] {
            text-align: right;
        }

.reactionWrapper[b-6dbzqdd4dp] {
}

    .reactionWrapper .userReaction[b-6dbzqdd4dp] {
        color: var(--wonaAccent);
    }

    .reactionWrapper .reactPanel[b-6dbzqdd4dp] {
        display: block;
        margin-top: 0.5em;
    }

        .reactionWrapper .reactPanel .reactionImage[b-6dbzqdd4dp] {
            width: 32px;
            height: 32px;
        }
/* /Pages/Users/Index.razor.rz.scp.css */
/* /Shared/MainLayout.razor.rz.scp.css */


.page[b-dp2j5qt4g9] {
    position: relative;
    display: flex;
    flex-direction: column;
}

    .page div.header[b-dp2j5qt4g9] {
        width: 100%;
    }

        .page div.header a[b-dp2j5qt4g9] {
            color: unset;
            text-decoration: unset;
        }

            .page div.header a:hover[b-dp2j5qt4g9] {
                color: unset;
            }

        .page div.header div.titleBar[b-dp2j5qt4g9] {
            display: grid;
            grid-template-columns: auto 1fr auto;
            padding: 6px 6px 4px 6px;
        }

            .page div.header div.titleBar div.logo[b-dp2j5qt4g9] {
            }

                .page div.header div.titleBar div.logo img[b-dp2j5qt4g9] {
                    width: 48px;
                    height: 48px;
                }

            .page div.header div.titleBar .userDetails[b-dp2j5qt4g9] {
                margin-top: auto;
                margin-bottom: auto;
                padding-left: 0.5em;
            }


            .page div.header div.titleBar .searchBoxWrapper[b-dp2j5qt4g9] {
                grid-column-start: 2;
                text-align: right;
                margin-top: auto;
                margin-bottom: auto;
            }

                .page div.header div.titleBar .searchBoxWrapper .searchBox[b-dp2j5qt4g9] {
                }


                    .page div.header div.titleBar .searchBoxWrapper .searchBox select[b-dp2j5qt4g9] {
                        background-color: var(--wona800);
                        border: 1px solid white;
                        border-radius: 16px;
                        color: var(--wona000);
                    }

                    .page div.header div.titleBar .searchBoxWrapper .searchBox input[b-dp2j5qt4g9] {
                        background-color: unset;
                        border: 1px solid white;
                        border-radius: 16px;
                        padding-left: 0.5em;
                        color: var(--wona000);
                        background: url(/images/search32x32-white.svg) no-repeat scroll 2px 4px;
                        background-size: 24px;
                        background-position-x: calc(100% - 10px);
                        height: 32px;
                        padding-right: 30px;
                        min-width: 100px;
                        width: 200px;
                    }

                        .page div.header div.titleBar .searchBoxWrapper .searchBox input[b-dp2j5qt4g9]::placeholder {
                            color: var(--wona500);
                        }


                        .page div.header div.titleBar .searchBoxWrapper .searchBox input:focus[b-dp2j5qt4g9] {
                            border-color: var(--wonaAccent);
                            color: var(--wonaAccent);
                            outline: none;
                            width: min( 95%, 500px);
                            max-width: 500px;
                        }

main[b-dp2j5qt4g9] {
    flex: 1;
}

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

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

        .top-row[b-dp2j5qt4g9]  a:hover, .top-row[b-dp2j5qt4g9]  .btn-link:hover {
            text-decoration: underline;
        }

        .top-row[b-dp2j5qt4g9]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-dp2j5qt4g9] {
        display: none;
    }

    .top-row.auth[b-dp2j5qt4g9] {
        justify-content: space-between;
    }

    .top-row[b-dp2j5qt4g9]  a, .top-row[b-dp2j5qt4g9]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
}

@media(max-width: 500px) {
    .header[b-dp2j5qt4g9] {
    }

        .header .titleBar[b-dp2j5qt4g9] {
        }

            .header .titleBar .logo[b-dp2j5qt4g9] {
            }

                .header .titleBar .logo .logoText[b-dp2j5qt4g9] {
                    display: none;
                }
}