/* RKR Stock Reserve — generated stylesheet. Do not edit by hand. */
:root{
	--rkrsr-primary:#2563eb;
	--rkrsr-primary-dark:#1d4ed8;
	--rkrsr-success:#16a34a;
	--rkrsr-warning:#f59e0b;
	--rkrsr-danger:#dc2626;
	--rkrsr-bg:#f4f7fb;
	--rkrsr-card:#ffffff;
	--rkrsr-text:#0f172a;
	--rkrsr-muted:#64748b;
	--rkrsr-border:#dbe3ee;
	--rkrsr-badge-bg:#dc2626;
	--rkrsr-badge-text:#ffffff;
	--rkrsr-track:#e2e8f0;
	--rkrsr-radius:10px;
	--rkrsr-radius-pill:999px;
	--rkrsr-font:inherit;
	--rkrsr-fs:14px;
	--rkrsr-timer-fs:20px;
	--rkrsr-fw:600;
	--rkrsr-ls:0.02em;
	--rkrsr-padding:14px;
	--rkrsr-gap:8px;
	--rkrsr-bw:1px;
	--rkrsr-shadow:0 6px 20px rgba(15,23,42,.08);
	--rkrsr-angle:135deg;
	--rkrsr-blur:0px;
	--rkrsr-alpha:1;
	--rkrsr-speed:1s;
	--rkrsr-txt-reserved:"RESERVADO";
	--rkrsr-txt-expired:"CADUCADO";
	--rkrsr-txt-urgent:"¡CORRE!";
}

/* --- Structural layer --- */
/* ==========================================================================
   RKR Stock Reserve — structural front office layer.

   Every colour, radius, font, spacing and text used by the module comes from
   the CSS custom properties below. Those properties are generated in PHP by
   RkrStockReserveConfig::buildCss(), which means:

     • the 23 themes, the design tokens and the custom CSS of the back office
       restyle this file without touching it;
     • even the strings printed by CSS (badges, ribbons, pseudo elements) are
       translatable, because they are injected as --rkrsr-txt-* variables from
       the localised configuration.

   @author  RKR
   @license https://opensource.org/licenses/AFL-3.0
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Container
   -------------------------------------------------------------------------- */
.rkrsr {
    position: relative;
    z-index: 5;
    font-family: var(--rkrsr-font);
    font-size: var(--rkrsr-fs);
    line-height: 1.45;
    color: var(--rkrsr-text);
    box-sizing: border-box;
    margin: 0 0 calc(var(--rkrsr-gap) * 2);
}

.rkrsr *,
.rkrsr *::before,
.rkrsr *::after {
    box-sizing: inherit;
}

.rkrsr--root {
    background: var(--rkrsr-bg);
    padding: var(--rkrsr-padding);
    border-radius: var(--rkrsr-radius);
}

.rkrsr--hidden {
    display: none !important;
}

/* --------------------------------------------------------------------------
   2. Card
   -------------------------------------------------------------------------- */
.rkrsr-card {
    position: relative;
    overflow: hidden;
    background: var(--rkrsr-card);
    border: var(--rkrsr-bw) solid var(--rkrsr-border);
    border-radius: var(--rkrsr-radius);
    box-shadow: var(--rkrsr-shadow);
    opacity: var(--rkrsr-alpha);
    margin-bottom: var(--rkrsr-gap);
}

.rkrsr-card.is-expired {
    border-color: var(--rkrsr-danger);
}

.rkrsr-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--rkrsr-gap);
    padding: calc(var(--rkrsr-padding) * 0.7) var(--rkrsr-padding);
    color: var(--rkrsr-badge-text);
    background: var(--rkrsr-primary);
    border-radius: var(--rkrsr-radius) var(--rkrsr-radius) 0 0;
}

.rkrsr-header--danger {
    background: var(--rkrsr-danger);
}

/* A countdown inside a coloured header (checkout panel) takes the header text
   colour: in the primary colour it vanished on the primary background. */
.rkrsr .rkrsr-header .rkrsr-timer,
.rkrsr .rkrsr-header .rkrsr-timer.is-base,
.rkrsr .rkrsr-header .rkrsr-timer__hint {
    color: var(--rkrsr-badge-text);
}

.rkrsr-header__title {
    font-weight: var(--rkrsr-fw);
    letter-spacing: var(--rkrsr-ls);
    text-transform: none;
}

.rkrsr-body {
    padding: var(--rkrsr-padding);
}

.rkrsr-subtitle {
    margin: 0 0 var(--rkrsr-gap);
    color: var(--rkrsr-muted);
    font-size: calc(var(--rkrsr-fs) * 0.92);
}

/* --------------------------------------------------------------------------
   3. Timer
   -------------------------------------------------------------------------- */
.rkrsr-timer {
    position: relative;
    display: inline-flex;
    align-items: baseline;
    gap: calc(var(--rkrsr-gap) * 0.5);
    font-family: var(--rkrsr-font);
    font-size: var(--rkrsr-timer-fs);
    font-weight: var(--rkrsr-fw);
    letter-spacing: var(--rkrsr-ls);
    font-variant-numeric: tabular-nums;
    color: var(--rkrsr-primary);
    padding: 2px 0;
    will-change: transform, opacity;
}

.rkrsr-timer--inline {
    font-size: calc(var(--rkrsr-timer-fs) * 0.78);
    padding: 0;
}

.rkrsr-timer__hint {
    font-size: calc(var(--rkrsr-fs) * 0.8);
    font-weight: 500;
    color: var(--rkrsr-muted);
    letter-spacing: 0.04em;
}

.rkrsr-timer__sep {
    opacity: 0.65;
}

.rkrsr-timer.is-urgent {
    color: var(--rkrsr-warning);
}

.rkrsr-timer.is-critical {
    color: var(--rkrsr-danger);
}

.rkrsr-timer.is-critical .rkrsr-timer__value {
    animation: rkrsr-ringPulse var(--rkrsr-speed) ease-out infinite;
    border-radius: var(--rkrsr-radius-pill);
    padding: 0 calc(var(--rkrsr-gap) * 0.6);
}

.rkrsr-timer.is-expired {
    color: var(--rkrsr-muted);
    animation: none;
    text-decoration: line-through;
}

/* Ribbon printed from a translatable CSS variable */
.rkrsr-timer.is-critical::before {
    content: var(--rkrsr-txt-urgent);
    position: absolute;
    top: calc(var(--rkrsr-gap) * -1.6);
    left: 0;
    font-size: calc(var(--rkrsr-fs) * 0.68);
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--rkrsr-badge-text);
    background: var(--rkrsr-danger);
    padding: 1px 6px;
    border-radius: var(--rkrsr-radius-pill);
    animation: rkrsr-flash var(--rkrsr-speed) ease-in-out infinite;
}

/* --------------------------------------------------------------------------
   4. Progress bar
   -------------------------------------------------------------------------- */
.rkrsr-progress {
    position: relative;
    height: calc(var(--rkrsr-gap) * 0.75);
    min-height: 4px;
    background: var(--rkrsr-track);
    border-radius: var(--rkrsr-radius-pill);
    overflow: hidden;
    margin: var(--rkrsr-gap) 0;
}

.rkrsr-progress span {
    display: block;
    height: 100%;
    width: 100%;
    background: var(--rkrsr-primary);
    border-radius: inherit;
    transition: width 0.4s linear, background-color 0.3s ease;
}

.rkrsr-progress.is-urgent span {
    background: var(--rkrsr-warning);
}

.rkrsr-progress.is-critical span {
    background: var(--rkrsr-danger);
}

/* --------------------------------------------------------------------------
   5. Badge / chip
   -------------------------------------------------------------------------- */
.rkrsr-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: var(--rkrsr-badge-bg);
    color: var(--rkrsr-badge-text);
    font-size: calc(var(--rkrsr-fs) * 0.78);
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 2px calc(var(--rkrsr-gap) * 0.9);
    border-radius: var(--rkrsr-radius-pill);
    white-space: nowrap;
}

/* Badge printed from a translatable CSS variable */
.rkrsr-badge::before {
    content: var(--rkrsr-txt-reserved);
}

.rkrsr-badge b {
    font-weight: 800;
}

.rkrsr-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px calc(var(--rkrsr-gap) * 1.2);
    border: var(--rkrsr-bw) solid var(--rkrsr-border);
    border-radius: var(--rkrsr-radius-pill);
    background: var(--rkrsr-card);
    color: var(--rkrsr-text);
    font-size: calc(var(--rkrsr-fs) * 0.88);
    font-weight: var(--rkrsr-fw);
    margin: 0 var(--rkrsr-gap) var(--rkrsr-gap) 0;
}

.rkrsr-chip--muted {
    color: var(--rkrsr-muted);
    font-weight: 500;
}

.rkrsr-chip--danger {
    border-color: var(--rkrsr-danger);
    color: var(--rkrsr-danger);
}

/* --------------------------------------------------------------------------
   6. Banner (cart / checkout / mini-cart notice)
   -------------------------------------------------------------------------- */
.rkrsr-banner {
    display: flex;
    align-items: center;
    gap: var(--rkrsr-gap);
    padding: calc(var(--rkrsr-padding) * 0.65) var(--rkrsr-padding);
    border-radius: var(--rkrsr-radius);
    border: var(--rkrsr-bw) solid var(--rkrsr-border);
    background: var(--rkrsr-card);
    box-shadow: var(--rkrsr-shadow);
    color: var(--rkrsr-text);
    margin-bottom: var(--rkrsr-gap);
    animation: rkrsr-toastIn 0.35s ease-out both;
}

.rkrsr-banner__icon {
    font-size: calc(var(--rkrsr-fs) * 1.3);
    line-height: 1;
}

.rkrsr-banner {
    flex-wrap: wrap;
}

/* In a narrow column (the order summary of Hummingbird) the text takes its own
   line instead of being squeezed to one word per line by the timer. */
.rkrsr-banner__text {
    flex: 1 1 12em;
    min-width: 0;
    font-weight: var(--rkrsr-fw);
}

.rkrsr-banner__timer {
    margin-left: auto;
}

.rkrsr-banner.is-urgent {
    border-color: var(--rkrsr-warning);
    background: var(--rkrsr-card);
}

.rkrsr-banner.is-critical {
    border-color: var(--rkrsr-danger);
    color: var(--rkrsr-text);
}

.rkrsr-banner.is-expired {
    border-color: var(--rkrsr-danger);
    background: var(--rkrsr-danger);
    color: #fff;
}

.rkrsr-banner.is-expired .rkrsr-banner__text::after {
    content: var(--rkrsr-txt-expired);
}

.rkrsr-banner--mini {
    padding: 4px calc(var(--rkrsr-gap) * 1.2);
    margin: 0;
    font-size: calc(var(--rkrsr-fs) * 0.86);
    box-shadow: none;
}

.rkrsr-banner--sticky {
    position: sticky;
    top: 0;
    z-index: 30;
}

/* --------------------------------------------------------------------------
   7. Reserved lines (cart table injection)
   -------------------------------------------------------------------------- */
.rkrsr-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.rkrsr-list__item {
    display: grid;
    grid-template-columns: 44px 1fr auto auto;
    align-items: center;
    gap: var(--rkrsr-gap);
    padding: calc(var(--rkrsr-gap) * 0.9) 0;
    border-bottom: 1px dashed var(--rkrsr-border);
}

.rkrsr-list__item:last-child {
    border-bottom: 0;
}

.rkrsr-list__thumb {
    display: block;
    width: 44px;
    height: 44px;
    border-radius: calc(var(--rkrsr-radius) * 0.6);
    background: linear-gradient(var(--rkrsr-angle), var(--rkrsr-primary), var(--rkrsr-primary-dark));
    opacity: 0.85;
}

.rkrsr-list__name {
    font-weight: var(--rkrsr-fw);
    color: var(--rkrsr-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rkrsr-list__qty {
    color: var(--rkrsr-muted);
    font-variant-numeric: tabular-nums;
}

.rkrsr-line-timer {
    display: flex;
    align-items: center;
    gap: calc(var(--rkrsr-gap) * 0.6);
    justify-content: flex-end;
    padding-top: 4px;
}

.rkrsr-line-timer .rkrsr-timer {
    font-size: calc(var(--rkrsr-timer-fs) * 0.72);
}

/* --------------------------------------------------------------------------
   8. Actions
   -------------------------------------------------------------------------- */
.rkrsr-actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--rkrsr-gap);
    margin-top: var(--rkrsr-gap);
}

.rkrsr-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: calc(var(--rkrsr-gap) * 0.85) calc(var(--rkrsr-gap) * 1.8);
    border: var(--rkrsr-bw) solid transparent;
    border-radius: var(--rkrsr-radius-pill);
    background: var(--rkrsr-primary);
    color: #fff;
    font-family: var(--rkrsr-font);
    font-size: var(--rkrsr-fs);
    font-weight: var(--rkrsr-fw);
    letter-spacing: var(--rkrsr-ls);
    line-height: 1.2;
    cursor: pointer;
    transition: transform 0.15s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

.rkrsr-btn:hover {
    background: var(--rkrsr-primary-dark);
    transform: translateY(-1px);
}

.rkrsr-btn:active {
    transform: translateY(0);
}

.rkrsr-btn:focus-visible {
    outline: 2px solid var(--rkrsr-primary-dark);
    outline-offset: 2px;
}

.rkrsr-btn--ghost {
    background: transparent;
    color: var(--rkrsr-text);
    border-color: var(--rkrsr-border);
}

.rkrsr-btn--ghost:hover {
    background: var(--rkrsr-track);
    color: var(--rkrsr-text);
}

.rkrsr-btn--danger {
    background: var(--rkrsr-danger);
}

.rkrsr-btn--sm {
    padding: 4px calc(var(--rkrsr-gap) * 1.2);
    font-size: calc(var(--rkrsr-fs) * 0.85);
}

.rkrsr-btn[disabled] {
    opacity: 0.55;
    cursor: not-allowed;
    transform: none;
}

/* --------------------------------------------------------------------------
   9. Product page widgets
   -------------------------------------------------------------------------- */
.rkrsr-product {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: var(--rkrsr-gap) 0;
}

.rkrsr-stock-note {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--rkrsr-danger);
    font-weight: var(--rkrsr-fw);
    font-size: calc(var(--rkrsr-fs) * 0.92);
    margin: 4px 0;
}

/* --------------------------------------------------------------------------
   10. Toasts (expiry / extension notifications)
   -------------------------------------------------------------------------- */
.rkrsr-toasts {
    position: fixed;
    right: 16px;
    bottom: 16px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: var(--rkrsr-gap);
    max-width: min(360px, calc(100vw - 32px));
}

.rkrsr-toast {
    display: flex;
    align-items: flex-start;
    gap: var(--rkrsr-gap);
    padding: var(--rkrsr-padding);
    border-radius: var(--rkrsr-radius);
    border: var(--rkrsr-bw) solid var(--rkrsr-border);
    border-left: 4px solid var(--rkrsr-primary);
    background: var(--rkrsr-card);
    color: var(--rkrsr-text);
    box-shadow: var(--rkrsr-shadow);
    animation: rkrsr-toastIn 0.3s ease-out both;
}

.rkrsr-toast--danger {
    border-left-color: var(--rkrsr-danger);
}

.rkrsr-toast--success {
    border-left-color: var(--rkrsr-success);
}

.rkrsr-toast__title {
    font-weight: var(--rkrsr-fw);
    margin-bottom: 2px;
}

.rkrsr-toast__body {
    font-size: calc(var(--rkrsr-fs) * 0.9);
    color: var(--rkrsr-muted);
}

.rkrsr-toast__close {
    margin-left: auto;
    background: none;
    border: 0;
    color: var(--rkrsr-muted);
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
}

/* --------------------------------------------------------------------------
   11. Preview (back office, uses the same structural classes)
   -------------------------------------------------------------------------- */
.rkrsr-preview {
    padding: var(--rkrsr-padding);
    background: var(--rkrsr-bg);
    border-radius: var(--rkrsr-radius);
}

.rkrsr-card--preview {
    max-width: 420px;
}

.rkrsr-preview .rkrsr-product {
    margin-top: calc(var(--rkrsr-gap) * 2);
}

/* --------------------------------------------------------------------------
   11b. Third-party injections (carbon stickers and friends)
   -------------------------------------------------------------------------- */
.rkrsr [class*="rkrcf-"],
.rkrsr [data-rkrcf-done] > [class*="rkrcf-"] {
    display: none !important;
}

/* --------------------------------------------------------------------------
   12. Responsive
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
    .rkrsr-list__item {
        grid-template-columns: 36px 1fr auto;
    }

    .rkrsr-list__thumb {
        width: 36px;
        height: 36px;
    }

    .rkrsr-list__item .rkrsr-timer {
        grid-column: 2 / span 2;
        justify-content: flex-start;
    }

    .rkrsr-banner {
        flex-wrap: wrap;
    }

    .rkrsr-banner__timer {
        margin-left: 0;
        width: 100%;
    }

    .rkrsr-toasts {
        right: 8px;
        left: 8px;
        bottom: 8px;
        max-width: none;
    }
}

/* --------------------------------------------------------------------------
   13. Accessibility
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
    .rkrsr *,
    .rkrsr *::before,
    .rkrsr *::after {
        animation-duration: 0.001s !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001s !important;
    }
}

.rkrsr .visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* --- Floating mini countdown (mini-timer.tpl) --- */
    #rkrsr-mini-timer {
        animation: rkrsr-toastIn 0.35s ease-out both;
    }

    #rkrsr-mini-timer .rkrsr-banner--mini {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 6px 14px 6px 10px;
        border: var(--rkrsr-bw, 1px) solid var(--rkrsr-border, #dbe3ee);
        border-radius: var(--rkrsr-radius-pill, 999px);
        background: var(--rkrsr-card, #fff);
        color: var(--rkrsr-text, #0f172a);
        box-shadow: 0 10px 30px rgba(15, 23, 42, 0.18);
        white-space: nowrap;
    }

    #rkrsr-mini-timer .rkrsr-mini__cart {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: var(--rkrsr-primary, #2563eb);
        text-decoration: none;
        transition: color 0.2s ease, transform 0.15s ease;
    }

    #rkrsr-mini-timer .rkrsr-mini__cart:hover,
    #rkrsr-mini-timer .rkrsr-mini__cart:focus-visible {
        color: var(--rkrsr-primary-dark, #1d4ed8);
        transform: translateY(-1px);
        text-decoration: none;
    }

    #rkrsr-mini-timer .rkrsr-mini__cart svg {
        display: block;
        width: 22px;
        height: 22px;
    }

    #rkrsr-mini-timer .rkrsr-mini__cart-badge {
        position: absolute;
        top: -7px;
        right: -10px;
        min-width: 17px;
        height: 17px;
        padding: 0 4px;
        border-radius: 999px;
        background: var(--rkrsr-danger, #dc2626);
        color: #fff;
        font-size: 10.5px;
        font-weight: 800;
        line-height: 17px;
        text-align: center;
        box-shadow: 0 0 0 2px var(--rkrsr-card, #fff);
    }

    #rkrsr-mini-timer .rkrsr-banner__icon {
        font-size: 15px;
        line-height: 1;
    }

    #rkrsr-mini-timer .rkrsr-timer__value {
        font-variant-numeric: tabular-nums;
    }

    @media (max-width: 767px) {
        #rkrsr-mini-timer {
            top: var(--rkrsr-mini-top-mobile, 72px) !important;
            right: 8px !important;
        }

        #rkrsr-mini-timer .rkrsr-banner--mini {
            padding: 4px 10px;
            gap: 6px;
            font-size: calc(var(--rkrsr-fs, 14px) * 0.8);
        }

        #rkrsr-mini-timer .rkrsr-mini__cart svg {
            width: 18px;
            height: 18px;
        }
    }

/* --- Theme: classic --- */
.rkrsr{position:relative;}
.rkrsr-card{background:var(--rkrsr-card);}
.rkrsr-header{background:linear-gradient(var(--rkrsr-angle),var(--rkrsr-primary),var(--rkrsr-primary-dark));}

/* --- Animations --- */
.rkrsr-timer{animation:rkrsr-pulse var(--rkrsr-speed) ease-in-out infinite;}
.rkrsr-timer.is-urgent{animation:rkrsr-flash var(--rkrsr-speed) ease-in-out infinite;}
.rkrsr-timer.is-critical{animation:rkrsr-shake var(--rkrsr-speed) ease-in-out infinite;}
@keyframes rkrsr-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.04);opacity:.92}}
@keyframes rkrsr-zoom{0%{transform:scale(.96)}50%{transform:scale(1.05)}100%{transform:scale(.96)}}
@keyframes rkrsr-bounce{0%,100%{transform:translateY(0)}30%{transform:translateY(-5px)}60%{transform:translateY(2px)}}
@keyframes rkrsr-breathe{0%,100%{opacity:1}50%{opacity:.62}}
@keyframes rkrsr-fadeIn{0%{opacity:.55}100%{opacity:1}}
@keyframes rkrsr-flash{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes rkrsr-shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-3px)}40%{transform:translateX(3px)}60%{transform:translateX(-2px)}80%{transform:translateX(2px)}}
@keyframes rkrsr-glowPulse{0%,100%{box-shadow:0 0 0 0 currentColor;filter:none}50%{box-shadow:0 0 14px 2px currentColor;filter:brightness(1.12)}}
@keyframes rkrsr-shimmer{0%{background-position:-160% 0}100%{background-position:260% 0}}
@keyframes rkrsr-wave{0%,100%{transform:translateY(0) scaleY(1)}50%{transform:translateY(-2px) scaleY(1.06)}}
@keyframes rkrsr-glitch{0%,100%{transform:translate(0,0);text-shadow:1px 0 var(--rkrsr-danger),-1px 0 var(--rkrsr-success)}25%{transform:translate(-1px,1px)}50%{transform:translate(1px,-1px);text-shadow:-1px 0 var(--rkrsr-danger),1px 0 var(--rkrsr-success)}75%{transform:translate(1px,1px)}}
@keyframes rkrsr-holoShift{0%{filter:hue-rotate(0deg)}100%{filter:hue-rotate(360deg)}}
@keyframes rkrsr-slide{0%{background-position:0% 50%}100%{background-position:200% 50%}}
@keyframes rkrsr-flip{0%{transform:rotateX(0)}50%{transform:rotateX(18deg)}100%{transform:rotateX(0)}}
@keyframes rkrsr-holo{0%{background-position:0 0,0% 0}100%{background-position:0 0,300% 0}}
@keyframes rkrsr-sheen{0%{background-position:180% 0}60%,100%{background-position:-80% 0}}
@keyframes rkrsr-ripple{0%{transform:scale(.9);opacity:.55}100%{transform:scale(1.35);opacity:0}}
@keyframes rkrsr-flow{0%{background-position:0 0}100%{background-position:200% 0}}
@keyframes rkrsr-ringPulse{0%{box-shadow:0 0 0 0 var(--rkrsr-danger)}70%{box-shadow:0 0 0 14px rgba(220,38,38,0)}100%{box-shadow:0 0 0 0 rgba(220,38,38,0)}}
@keyframes rkrsr-toastIn{0%{transform:translateY(-16px);opacity:0}100%{transform:translateY(0);opacity:1}}