@media (max-width: 767.98px) {
    .sc-deck.is-deck {
        position: relative;
        display: block !important;
        width: 100%;
        max-width: 400px;
        margin: 30px auto 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        touch-action: pan-y;
    }
    .sc-deck.is-deck > * {
        position: absolute !important;
        top: 0;
        left: 0;
        right: 0;
        width: auto !important;
        height: 100%;
        max-width: none !important;
        margin: 0 !important;
        transform-origin: 50% 0;
        transition: transform .45s cubic-bezier(.2, .8, .2, 1), opacity .45s, box-shadow .45s;
        -webkit-user-select: none;
        user-select: none;
    }
    .sc-deck.is-deck > * img {
        -webkit-user-drag: none;
        pointer-events: none;
    }
    .sc-deck.is-deck > [data-p="0"] {
        z-index: 4;
        transform: none;
        box-shadow: 0 22px 34px -26px rgba(10, 34, 25, .55);
    }
    .sc-deck.is-deck > [data-p="1"] {
        z-index: 3;
        transform: translateY(-12px) scale(.95) rotate(-2deg);
    }
    .sc-deck.is-deck > [data-p="2"] {
        z-index: 2;
        transform: translateY(-22px) scale(.9) rotate(2.5deg);
    }
    .sc-deck.is-deck > [data-p="3"] {
        z-index: 1;
        transform: translateY(-30px) scale(.85);
        opacity: .55;
    }
    .sc-deck.is-deck > [data-p="h"] {
        z-index: 0;
        transform: translateY(-30px) scale(.85);
        opacity: 0;
    }
    .sc-deck.is-deck > [data-p]:not([data-p="0"]) {
        pointer-events: none;
    }
    .sc-deck.is-deck > .is-out {
        transform: translateX(125%) rotate(16deg) !important;
        opacity: 0 !important;
    }
    .sc-deck.is-deck > .is-out-l {
        transform: translateX(-125%) rotate(-16deg) !important;
        opacity: 0 !important;
    }
    .sc-deck-nav {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
        margin-top: 14px;
    }
    .sc-deck-dots {
        display: flex;
        align-items: center;
        gap: 4px;
    }
    .sc-deck-dots button {
        display: grid;
        place-items: center;
        width: 22px;
        height: 22px;
        padding: 0;
        border: 0;
        background: none;
    }
    .sc-deck-dots button::before {
        content: "";
        width: 7px;
        height: 7px;
        border-radius: 99px;
        background: #cfd8d3;
        transition: width .3s, background .3s;
    }
    .sc-deck-dots button.is-on::before {
        width: 22px;
        background: #0e5a3c;
    }
    .sc-deck-dots button.is-on {
        width: 30px;
    }
    .sc-deck-hint {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        color: #66756d;
        font-size: 12.5px;
        transition: opacity .3s;
    }
    .sc-deck-hint i {
        animation: scDeckHint 1.6s ease-in-out infinite;
    }
    .sc-deck-nav.is-used .sc-deck-hint {
        opacity: 0;
    }
}
@keyframes scDeckHint {
    50% {
        transform: translateX(6px);
    }
}