@import '_content/Blace/Blace.6wdvqtolw2.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-ht4vph0s87] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-ht4vph0s87] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-sr5moiyqec],
.components-reconnect-repeated-attempt-visible[b-sr5moiyqec],
.components-reconnect-failed-visible[b-sr5moiyqec],
.components-pause-visible[b-sr5moiyqec],
.components-resume-failed-visible[b-sr5moiyqec],
.components-rejoining-animation[b-sr5moiyqec] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-sr5moiyqec],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-sr5moiyqec],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-sr5moiyqec],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-sr5moiyqec],
#components-reconnect-modal.components-reconnect-retrying[b-sr5moiyqec],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-sr5moiyqec],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-sr5moiyqec],
#components-reconnect-modal.components-reconnect-failed[b-sr5moiyqec],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-sr5moiyqec] {
    display: block;
}


#components-reconnect-modal[b-sr5moiyqec] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-sr5moiyqec 0.5s both;

    &[open] {
        animation: components-reconnect-modal-slideUp-b-sr5moiyqec 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-sr5moiyqec 0.5s ease-in-out 0.3s;
        animation-fill-mode: both;
    }

}

#components-reconnect-modal[b-sr5moiyqec]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-sr5moiyqec 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-sr5moiyqec {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-sr5moiyqec {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-sr5moiyqec {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-sr5moiyqec] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-sr5moiyqec] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-sr5moiyqec] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

#components-reconnect-modal button:hover[b-sr5moiyqec] {
    background-color: #3b6ea2;
}

#components-reconnect-modal button:active[b-sr5moiyqec] {
    background-color: #6b9ed2;
}

.components-rejoining-animation[b-sr5moiyqec] {
    position: relative;
    width: 80px;
    height: 80px;
}

.components-rejoining-animation div[b-sr5moiyqec] {
    position: absolute;
    border: 3px solid #0087ff;
    opacity: 1;
    border-radius: 50%;
    animation: components-rejoining-animation-b-sr5moiyqec 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.components-rejoining-animation div:nth-child(2)[b-sr5moiyqec] {
    animation-delay: -0.5s;
}

@keyframes components-rejoining-animation-b-sr5moiyqec {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/InfoObjects/Components/ContentEditorComponents/GamificationImageContentEditor.razor.rz.scp.css */

/* Force the Cropper.js generated container to exactly fill the sized frame so the
   overlay buttons anchored to the frame always sit on the cropper container's corner. */
.cropper-frame[b-fi9gdpqdxq]  .cropper-container {
    width: 100% !important;
    height: 100% !important;
}
/* /Components/Pages/InfoObjects/Components/ContentEditorComponents/MainCatalogPanel.razor.rz.scp.css */
.main-catalog-panel[b-ryu8yj3oau] {
    position: fixed;
    position-anchor: --edit-info-object;
    top: anchor(top);
    bottom: calc(anchor(bottom) + var(--rz-tabview-panel-padding, 1rem));
    right: anchor(right);
    left: auto;
    height: auto;
    opacity: 0;
    transform: translateX(2rem);
    transition: opacity 0.3s ease,
                transform 0.3s ease,
                overlay 0.3s ease allow-discrete,
                display 0.3s ease allow-discrete;
}

.main-catalog-panel:popover-open[b-ryu8yj3oau] {
    display: flex;
    opacity: 1;
    transform: translateX(0);
}

@starting-style {
    .main-catalog-panel:popover-open[b-ryu8yj3oau] {
        opacity: 0;
        transform: translateX(2rem);
    }
}
/* /Components/Pages/InfoObjects/Components/EditInfoObjectComponents/CoverImageEditor.razor.rz.scp.css */

/* Force the Cropper.js generated container to exactly fill the sized frame so the
   overlay buttons anchored to the frame always sit on the cropper container's corner,
   regardless of shelf aspect ratio (1x1, 1x2, 2x1, 2x2). */
.cropper-frame[b-ezppyro917]  .cropper-container {
    width: 100% !important;
    height: 100% !important;
}
/* /Components/Shared/SortableList/SortableList.razor.rz.scp.css */
/*
  you need the ::deep identifier if you are using scoped styles like this
  because scoped styles are only applied to markup in the component, not
  to the markup inside the render fragment.
*/

/*
 * Originally written by: Burke Holland
 * See blog post: https://devblogs.microsoft.com/dotnet/introducing-blazor-sortable/
 */


[b-zmy6svi1z8] .sortable-ghost {
  visibility: hidden;
}

[b-zmy6svi1z8] .sortable-fallback {
  opacity: 1 !important
}