/* MoxKit Card Deck widget. Every card is a nested Container; the script gives each its depth (--moxkit-deck-i). */
.moxkit-deck{--moxkit-deck-w:480px;--moxkit-deck-step:14px;--moxkit-deck-shrink:.05;
--moxkit-deck-tilt:.7deg;--moxkit-deck-dim:.04;--moxkit-deck-duration:620ms;
--moxkit-deck-ease:cubic-bezier(.16,1,.3,1);--moxkit-deck-out-tilt:9deg;
--moxkit-deck-gap:26px;--moxkit-deck-btn:44px;--moxkit-deck-visible:4;
--moxkit-deck-dir:1;--moxkit-deck-out-x:-118%;--moxkit-deck-out-y:-6%;
--moxkit-deck-out-sign:-1;display:flex;flex-direction:column;align-items:center;
gap:var(--moxkit-deck-gap);width:100%;overflow-x:clip}
.moxkit-deck[data-exit="right"]{--moxkit-deck-out-x:118%;--moxkit-deck-out-sign:1}
.moxkit-deck[data-exit="up"]{--moxkit-deck-out-x:0%;--moxkit-deck-out-y:-110%;--moxkit-deck-out-sign:.4}
.moxkit-deck[data-exit="down"]{--moxkit-deck-out-x:0%;--moxkit-deck-out-y:110%;--moxkit-deck-out-sign:-.4}
.moxkit-deck[data-stack="top"]{--moxkit-deck-dir:-1}
/* All cards share one grid cell, so the deck is as tall as its tallest card. */
.moxkit-deck-stage{display:grid;width:min(100%,var(--moxkit-deck-w));padding-bottom:calc((var(--moxkit-deck-visible) - 1) * var(--moxkit-deck-step));
touch-action:pan-y}
.moxkit-deck[data-stack="top"] > .moxkit-deck-stage{padding-bottom:0;padding-top:calc((var(--moxkit-deck-visible) - 1) * var(--moxkit-deck-step))}
.moxkit-deck-stage > .e-con{--width:100%;--padding-top:26px;--padding-right:26px;
--padding-bottom:26px;--padding-left:26px;grid-area:1/1;min-width:0;max-width:100%;
border:1px solid rgba(36,30,24,.12);border-radius:22px;background-color:#fff;
box-shadow:0 22px 44px -30px rgba(36,30,24,.8);transform-origin:50% 100%;
translate:0 calc(var(--moxkit-deck-i,0) * var(--moxkit-deck-step) * var(--moxkit-deck-dir));
scale:calc(1 - var(--moxkit-deck-i,0) * var(--moxkit-deck-shrink));rotate:calc(var(--moxkit-deck-i,0) * var(--moxkit-deck-tilt));
filter:brightness(calc(1 - var(--moxkit-deck-i,0) * var(--moxkit-deck-dim)));
z-index:calc(10 - var(--moxkit-deck-i,0));opacity:1;transition:translate var(--moxkit-deck-duration) var(--moxkit-deck-ease),scale var(--moxkit-deck-duration) var(--moxkit-deck-ease),rotate var(--moxkit-deck-duration) var(--moxkit-deck-ease),opacity .45s ease,filter .5s ease}
.moxkit-deck[data-stack="top"] > .moxkit-deck-stage > .e-con{transform-origin:50% 0}
/* Before the script runs, only the first card shows. */
.moxkit-deck:not(.is-ready) > .moxkit-deck-stage > .e-con:not(:first-child){opacity:0}
.moxkit-deck-stage > .e-con[data-hidden]{opacity:0;pointer-events:none}
/* The front card is dealt away, then returns at the back of the stack. */
.moxkit-deck-stage > .e-con[data-out]{translate:var(--moxkit-deck-out-x) var(--moxkit-deck-out-y);
rotate:calc(var(--moxkit-deck-out-tilt) * var(--moxkit-deck-out-sign));
opacity:0;transition-duration:calc(var(--moxkit-deck-duration) * .8)}
.moxkit-deck-stage > .e-con[data-snap]{transition:none}

.moxkit-deck-ctl{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
gap:9px;width:min(100%,var(--moxkit-deck-w))}
.moxkit-deck-btn{display:inline-flex;align-items:center;justify-content:center;
gap:9px;min-width:var(--moxkit-deck-btn);min-height:var(--moxkit-deck-btn);
margin:0;padding:0;border:1px solid rgba(36,30,24,.14);border-radius:99px;
background-color:#fff;color:#2b2520;font:inherit;font-size:13.5px;font-weight:600;
line-height:1;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}
.moxkit-deck-btn:hover,.moxkit-deck-btn:focus{background-color:#f4f1ec;color:#2b2520}
.moxkit-deck-btn:hover{transform:translateY(-1px)}
.moxkit-deck-btn:focus-visible{outline:2px solid var(--e-global-color-primary,#2563eb);outline-offset:3px}
.moxkit-deck-btn svg{display:block}
.moxkit-deck-play{padding:0 18px}
.moxkit-deck-play-icon{width:11px;height:12px;background:currentColor;
-webkit-mask:linear-gradient(#000 0 0) 0 0/3.5px 12px no-repeat,linear-gradient(#000 0 0) 100% 0/3.5px 12px no-repeat;
mask:linear-gradient(#000 0 0) 0 0/3.5px 12px no-repeat,linear-gradient(#000 0 0) 100% 0/3.5px 12px no-repeat}
.moxkit-deck-play[aria-pressed="false"] .moxkit-deck-play-icon{width:10px;
-webkit-mask:none;mask:none;clip-path:polygon(0 0,100% 50%,0 100%)}
.moxkit-deck-dots{display:inline-flex;align-items:center;gap:6px;margin-inline-start:6px}
.moxkit-deck-dot{width:var(--moxkit-deck-dot-size,7px);height:var(--moxkit-deck-dot-size,7px);
min-width:0;margin:0;padding:0;border:0;border-radius:99px;background:var(--moxkit-deck-dot,rgba(36,30,24,.2));
cursor:pointer;transition:background-color .3s ease,width .3s ease}
.moxkit-deck-dot:hover,.moxkit-deck-dot:focus{background:var(--moxkit-deck-dot-on,var(--e-global-color-primary,#b4552d))}
.moxkit-deck-dot[aria-current="true"]{width:calc(var(--moxkit-deck-dot-size,7px) * 2.9);
background:var(--moxkit-deck-dot-on,var(--e-global-color-primary,#b4552d))}
.moxkit-deck-dot:focus-visible{outline:2px solid var(--e-global-color-primary,#2563eb);outline-offset:3px}
.moxkit-deck-status{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;
clip-path:inset(50%);white-space:nowrap}
@media(prefers-reduced-motion:reduce){.moxkit-deck-stage > .e-con,.moxkit-deck-btn,.moxkit-deck-dot{
transition-duration:.01ms!important}
}