@-webkit-keyframes mdc-ripple-fg-radius-in {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.4,0,.2,1);
        animation-timing-function: cubic-bezier(.4,0,.2,1);
        -webkit-transform: translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);
        transform: translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)
    }

    to {
        -webkit-transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));
        transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))
    }
}

@keyframes mdc-ripple-fg-radius-in {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.4,0,.2,1);
        animation-timing-function: cubic-bezier(.4,0,.2,1);
        -webkit-transform: translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);
        transform: translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)
    }

    to {
        -webkit-transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));
        transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))
    }
}

@-webkit-keyframes mdc-ripple-fg-opacity-in {
    0% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        opacity: 0
    }

    to {
        opacity: var(--mdc-ripple-fg-opacity,0)
    }
}

@keyframes mdc-ripple-fg-opacity-in {
    0% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        opacity: 0
    }

    to {
        opacity: var(--mdc-ripple-fg-opacity,0)
    }
}

@-webkit-keyframes mdc-ripple-fg-opacity-out {
    0% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        opacity: var(--mdc-ripple-fg-opacity,0)
    }

    to {
        opacity: 0
    }
}

@keyframes mdc-ripple-fg-opacity-out {
    0% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        opacity: var(--mdc-ripple-fg-opacity,0)
    }

    to {
        opacity: 0
    }
}

.mdc-ripple-surface--test-edge-var-bug {
    --mdc-ripple-surface-test-edge-var: 1px solid #000;
    visibility: hidden
}

.mdc-ripple-surface--test-edge-var-bug:before {
    border: var(--mdc-ripple-surface-test-edge-var)
}

.mdc-ripple-surface {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    position: relative;
    outline: none;
    overflow: hidden
}

.mdc-ripple-surface:after,.mdc-ripple-surface:before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

.mdc-ripple-surface:before {
    -webkit-transition: opacity 15ms linear,background-color 15ms linear;
    -o-transition: opacity 15ms linear,background-color 15ms linear;
    transition: opacity 15ms linear,background-color 15ms linear;
    z-index: 1;
    display: none !important;
}

.mdc-ripple-surface.mdc-ripple-upgraded:before {
    -webkit-transform: scale(var(--mdc-ripple-fg-scale,1));
    -ms-transform: scale(var(--mdc-ripple-fg-scale,1));
    transform: scale(var(--mdc-ripple-fg-scale,1))
}

.mdc-ripple-surface.mdc-ripple-upgraded:after {
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

.mdc-ripple-surface.mdc-ripple-upgraded--unbounded:after {
    top: var(--mdc-ripple-top,0);
    left: var(--mdc-ripple-left,0)
}

.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation:after {
    -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;
    animation: mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards
}

.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation:after {
    -webkit-animation: mdc-ripple-fg-opacity-out .15s;
    animation: mdc-ripple-fg-opacity-out .15s;
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));
    -ms-transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));
    transform: translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))
}

.mdc-ripple-surface:after,.mdc-ripple-surface:before {
    background-color: var(--bs-body-color);
    filter: blur(0.5rem);
}

.mdc-ripple-surface:hover:before {
    opacity: .04
}

.mdc-ripple-surface.mdc-ripple-upgraded--background-focused:before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus:before {
    -webkit-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

.mdc-ripple-surface:not(.mdc-ripple-upgraded):after {
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.mdc-ripple-surface:not(.mdc-ripple-upgraded):active:after {
    -webkit-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

.mdc-ripple-surface.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.12
}

.mdc-ripple-surface:after,.mdc-ripple-surface:before {
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%
}

.mdc-ripple-surface.mdc-ripple-upgraded:after {
    width: var(--mdc-ripple-fg-size,100%);
    height: var(--mdc-ripple-fg-size,100%)
}

.mdc-ripple-surface[data-mdc-ripple-is-unbounded] {
    overflow: visible
}

.mdc-ripple-surface[data-mdc-ripple-is-unbounded]:after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]:before {
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%
}

.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded:after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded:before {
    top: var(--mdc-ripple-top,0%);
    left: var(--mdc-ripple-left,0%);
    width: var(--mdc-ripple-fg-size,100%);
    height: var(--mdc-ripple-fg-size,100%)
}

.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded:after {
    width: var(--mdc-ripple-fg-size,100%);
    height: var(--mdc-ripple-fg-size,100%)
}