@import '_content/Iris.Blz.Shared.Components/Iris.Blz.Shared.Components.kfikqnmywl.bundle.scp.css';

/* /Shared/Components/OrderStatus.razor.rz.scp.css */
.order-status[b-piboldmenu] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: block;
    stroke-width: 4;
    stroke: #fff;
    stroke-miterlimit: 10;
}

    .order-status circle[b-piboldmenu] {
        stroke-dasharray: 166;
        stroke-dashoffset: 166;
        stroke-width: 4;
        stroke-miterlimit: 10;
        fill: none;
        animation: stroke-b-piboldmenu 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
    }

    .order-status path[b-piboldmenu],
    .order-status line[b-piboldmenu] {
        transform-origin: 50% 50%;
        stroke: white;
        stroke-width: 4;
        stroke-linecap: round;
        stroke-dasharray: 48;
        stroke-dashoffset: 48;
        stroke-miterlimit: 10;
    }

    .order-status.success[b-piboldmenu] {
        box-shadow: inset 0px 0px 0px var(--mud-palette-success);
        animation: fill-success-b-piboldmenu .4s ease-in-out .4s forwards, scale-b-piboldmenu .3s ease-in-out .9s both
    }

        .order-status.success circle[b-piboldmenu] {
            stroke: var(--mud-palette-success);
        }

        .order-status.success path[b-piboldmenu] {
            animation: stroke-b-piboldmenu 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
        }

    .order-status.fail[b-piboldmenu] {
        box-shadow: inset 0px 0px 0px var(--mud-palette-error);
        animation: fill-fail-b-piboldmenu .4s ease-in-out .4s forwards, scale-b-piboldmenu .3s ease-in-out .9s both
    }

        .order-status.fail circle[b-piboldmenu] {
            stroke: var(--mud-palette-error);
        }

        .order-status.fail line[b-piboldmenu] {
            animation: stroke-b-piboldmenu 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
        }

@keyframes stroke-b-piboldmenu {
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes scale-b-piboldmenu {
    0%, 100% {
        transform: none
    }

    50% {
        transform: scale3d(1.1, 1.1, 1)
    }
}

@keyframes fill-success-b-piboldmenu {
    100% {
        box-shadow: inset 0px 0px 0px 64px var(--mud-palette-success)
    }
}

@keyframes fill-fail-b-piboldmenu {
    100% {
        box-shadow: inset 0px 0px 0px 64px var(--mud-palette-error)
    }
}
/* /Shared/Components/OrderTimeout.razor.rz.scp.css */
.order-timeout[b-pzt7ju4w6n] {
    position: fixed;
    left: 50%;
    top: 0;
    padding-top: 1rem;
    z-index: 999999;
    opacity: 0;
    transform: translate(-50%, -100%);
}

.order-timeout--hide[b-pzt7ju4w6n] {
    opacity: 0;
    animation-duration: .2s;
    animation-name: bounce-out-b-pzt7ju4w6n;
    animation-timing-function: ease;
    transform: translate(-50%, -100%);
}

.order-timeout--show[b-pzt7ju4w6n] {
    opacity: 1;
    animation-duration: .2s;
    animation-name: bounce-in-b-pzt7ju4w6n;
    animation-timing-function: ease;
    transform: translate(-50%, 0);
}

@keyframes bounce-in-b-pzt7ju4w6n {
    0% {
        transform: translate(-50%, -100%);
        opacity: 0;
    }

    25% {
        transform: translate(-50%, -75%);
        opacity: 1;
    }

    50% {
        transform: translate(-50%, 10%);
        opacity: 1;
    }

    100% {
        transform: translate(-50%, 0%);
        opacity: 1;
    }
}

@keyframes bounce-out-b-pzt7ju4w6n {
    0% {
        transform: translate(-50%, 0);
        opacity: 1;
    }

    33% {
        transform: translate(-50%, 10%);
        opacity: 1;
    }

    75% {
        transform: translate(-50%, -70%);
        opacity: 1;
    }

    100% {
        transform: translate(-50%, -100%);
        opacity: 0;
    }
}
/* /Shared/Components/ResultsContainer.razor.rz.scp.css */
.results-container[b-o9sp95slq6] {
    opacity: 0;
    transform: translate(0, 1rem);
    max-width: 600px;
}

.results-container--show[b-o9sp95slq6] {
    animation-duration: .2s;
    animation-name: show-b-o9sp95slq6;
    animation-timing-function: ease;
    transform: translate(0, -1.35rem);
}

@keyframes show-b-o9sp95slq6 {
    0% {
        transform: translate(0, 1rem);
        opacity: 0;
    }

    50% {
        transform: translate(0, -2.5rem);
        opacity: 1;
    }

    100% {
        transform: translate(0, -1.35rem);
        opacity: 1;
    }
}