/**
 * @license
 * Copyright Google LLC All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE
 */
@keyframes mdc-ripple-fg-radius-in {
    0% {
        animation-timing-function: cubic-bezier(.4, 0, .2, 1);
        transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)
    }

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

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

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

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

    to {
        opacity: 0
    }
}

.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:before,
.mdc-ripple-surface:after {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

.mdc-ripple-surface:before {
    transition: opacity 15ms linear, background-color 15ms linear;
    z-index: 1
}

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

.mdc-ripple-surface.mdc-ripple-upgraded:after {
    top: 0;
    left: 0;
    transform: scale(0);
    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 {
    animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
}

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

.mdc-ripple-surface:before,
.mdc-ripple-surface:after {
    background-color: #000
}

.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 {
    transition-duration: 75ms;
    opacity: .12
}

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

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

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

.mdc-ripple-surface:before,
.mdc-ripple-surface:after {
    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]:before,
.mdc-ripple-surface[data-mdc-ripple-is-unbounded]:after {
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%
}

.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded:before,
.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded:after {
    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%)
}

.mdc-ripple-surface--primary:before,
.mdc-ripple-surface--primary:after {
    background-color: #6200ee;
    background-color: var(--mdc-theme-primary, #6200ee)
}

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

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

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

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

.mdc-ripple-surface--primary.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: .12
}

.mdc-ripple-surface--accent:before,
.mdc-ripple-surface--accent:after {
    background-color: #018786;
    background-color: var(--mdc-theme-secondary, #018786)
}

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

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

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

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

.mdc-ripple-surface--accent.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: .12
}

/*# sourceMappingURL=/cdn/shop/t/26/assets/ripple.css.map?v=100240391239311985871728610874 */