.ms{--ms-top:8px;--ms-gap-bottom:12px;--ms-under:8rem;--ms-ease:var(--ease-out,cubic-bezier(.23, 1, .32, 1));--ms-blob-1:color-mix(in srgb, var(--brand,#5b4b8a) 85%, transparent);--ms-blob-2:color-mix(in srgb, var(--lavender,#ac92ec) 65%, transparent);--ms-blob-3:color-mix(in srgb, var(--plum,#8067b7) 55%, transparent);--ms-card-bg:color-mix(in srgb, var(--canvas,#fff) 74%, transparent);--ms-card-dark:color-mix(in srgb, var(--brand,#5b4b8a) 86%, transparent);inset-inline:0;z-index:50;height:100vh;height:calc(100lvh + var(--ms-under));padding-bottom:calc(100lvh - 100dvh + var(--ms-under));box-sizing:border-box;touch-action:none;background:var(--surface-muted,#f5f7fa);color:var(--ink,#3c3b3d);flex-direction:column;display:flex;position:absolute;top:0;overflow:hidden}.ms__backdrop{pointer-events:none;position:absolute;inset:0;overflow:hidden}.ms__backdrop>i{filter:blur(40px);border-radius:9999px;position:absolute}.ms__backdrop>i:first-child{background:var(--ms-blob-1);width:75vw;height:75vw;top:16%;left:-28vw}.ms__backdrop>i:nth-child(2){background:var(--ms-blob-2);width:60vw;height:60vw;top:38%;right:-18vw}.ms__backdrop>i:nth-child(3){background:var(--ms-blob-3);width:65vw;height:65vw;bottom:-22vw;left:10vw}.ms__head{flex-shrink:0;align-items:center;gap:12px;height:64px;padding:0 16px;display:flex;position:relative}.ms__stage{flex:1;min-height:0;position:relative}.ms__card{height:calc(100% - var(--ms-top) - var(--ms-gap-bottom));background:var(--canvas,#fff);background:var(--ms-card-bg);border:1px solid color-mix(in srgb, var(--canvas,#fff) 50%, transparent);box-shadow:var(--shadow-card,0 1px 3px #0000000f);transform-origin:50% 0;transform:translateY(calc(var(--ms-top) + 35%)) scale(.94);opacity:0;pointer-events:none;transition:transform .7s var(--ms-ease), opacity .45s ease;--ink-secondary:var(--ink-body,#525866);--ink-muted:var(--ink-body,#525866);border-radius:24px;flex-direction:column;display:flex;position:absolute;top:0;left:16px;right:16px;overflow:hidden}.ms__card--dark{background:var(--brand,#5b4b8a);background:var(--ms-card-dark);color:var(--brand-fg,#fff);border-color:color-mix(in srgb, var(--canvas,#fff) 22%, transparent)}.ms__card[data-ms-pos=on]{transform:translateY(var(--ms-top)) scale(1);opacity:1;pointer-events:auto;z-index:3}.ms__card[data-ms-pos=prev]{transform:translateY(calc(var(--ms-top) - 72px)) scale(.88);z-index:2}.ms__card[data-ms-pos=next]{z-index:1}.ms__card[data-ms-near]{will-change:transform, opacity}.ms--dragging .ms__card{transition:none!important}.ms__cardhead{flex-shrink:0;align-items:center;gap:10px;height:56px;padding:0 20px;font-size:15px;font-weight:600;display:flex}.ms__body{flex-direction:column;flex:1;min-height:0;padding:0 20px 20px;display:flex;position:relative}.ms__dots{z-index:5;pointer-events:none;flex-direction:column;gap:6px;display:flex;position:absolute;top:50%;right:6px;translate:0 -50%}.ms__dots>i{background:var(--ink-faint,#9ca3af);width:4px;height:4px;transition:height .3s var(--ms-ease), background-color .3s;border-radius:9999px}.ms__dots>i.is-on{background:var(--ink,#3c3b3d);height:16px}.ms__sr-nav{inset-inline:16px;z-index:6;justify-content:space-between;gap:8px;display:flex;position:absolute;bottom:8px}.ms__sr-btn,.ms__sr-live{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ms__sr-btn:focus{clip:auto;background:var(--canvas,#fff);width:auto;height:auto;color:var(--ink,#3c3b3d);font:inherit;box-shadow:var(--shadow-card,0 1px 3px #0000001a);border:0;border-radius:12px;padding:8px 12px;font-size:14px;position:static}@media (prefers-reduced-motion:reduce){.ms__card,.ms__dots>i{transition:none!important}}@media (min-width:768px){.ms{display:none}}
.ex-ms{--canvas:#fff;--ink:#2b2725;--ink-body:#4a4441;--ink-faint:#2b272547;--brand:#1b7a7c;--brand-fg:#fff;--surface-muted:#faf7f2;--shadow-card:0 12px 40px -16px #134f5559;--ms-blob-1:#1b7a7cb3;--ms-blob-2:#2a9d9bb3;--ms-blob-3:#7cc6c3bf;--ms-card-dark:#1a7072e6;--ms-html-tint:#2f5f60;font-family:var(--font-body), ui-sans-serif, system-ui, sans-serif}.ex-ms-photo>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ex-ms-photo:before{content:"";background:linear-gradient(#2a9d9b52,#134f5580);position:absolute;inset:0}.ex-ms-photo:after{content:"";background:linear-gradient(#faf7f2e6 35%,#0000);height:7rem;position:absolute;inset:0 0 auto}.ex-ms-dark{background-image:radial-gradient(110% 70% at 90% 5%,#ffffff2e,#0000 60%),radial-gradient(80% 60% at 0 100%,#134f558c,#0000 60%)}.ex-ms-shine:after{content:"";background:linear-gradient(110deg,#0000 30%,#1b7a7c29 50%,#0000 70%);position:absolute;inset:0;translate:-120%}.is-settled .ex-ms-shine:after{animation:3.2s ease-in-out 1s infinite ex-shine}@keyframes ex-shine{0%{translate:-120%}45%,to{translate:120%}}.exs-panel{color:#fff;transition:flex .6s var(--ms-ease), background-color .3s;background:linear-gradient(135deg,#23908f,#1b7a7c)}.exs-panel:nth-child(2){background:linear-gradient(135deg,#1b7a7c,#176468)}.exs-panel:nth-child(3){background:linear-gradient(135deg,#176468,#10454a)}.exs-line{opacity:0;transition:opacity .25s ease, translate .4s var(--ms-ease);translate:0 8px}.exs-on .exs-line{opacity:.92;transition-delay:.2s;translate:0}.exs-img{opacity:0;transition:opacity .5s}.exs-on .exs-img{opacity:1}.ex-wf-fill{scale:1 0}.is-settled .ex-wf-fill{animation:ex-wf-fill 4.8s .4s var(--ms-ease) infinite}@keyframes ex-wf-fill{0%{opacity:1;scale:1 0}33%{scale:1 .5}66%,88%{opacity:1;scale:1}to{opacity:0;scale:1}}.is-settled .ex-wf-row{animation:4.8s infinite ex-wf-row;animation-delay:calc(var(--k,0) * 1.6s + .4s)}@keyframes ex-wf-row{0%,30%{background:#ffffffb3}38%,to{background:0 0}}.ex-wf-bar{scale:0 1}.is-settled .ex-wf-bar{animation:4.8s infinite ex-wf-bar;animation-delay:calc(var(--k,0) * 1.6s + .4s)}@keyframes ex-wf-bar{0%{opacity:1;scale:0 1}30%{opacity:1;scale:1}38%,to{opacity:0;scale:1}}.is-settled .ex-wf-ic{animation:4.8s infinite ex-wf-ic;animation-delay:calc(var(--k,0) * 1.6s + .4s)}@keyframes ex-wf-ic{0%,30%{color:#fff;background:#1b7a7c;scale:1.06}38%,to{scale:1}}.is-settled .ex-wf-ic--dark{animation-name:ex-wf-ic-dark}@keyframes ex-wf-ic-dark{0%,30%{color:#1b7a7c;background:#fff;scale:1.06}38%,to{scale:1}}.exf-in{animation:exf-in .35s var(--ms-ease) both}@keyframes exf-in{0%{opacity:0;translate:0 8px;scale:.96}}.exf-dot{animation:1s ease-in-out infinite exf-dot}@keyframes exf-dot{0%,60%,to{opacity:.5;translate:0}30%{opacity:1;translate:0 -4px}}.ex-ms .nt.is-in .nt__strip{translate:0}.ex-ms .is-settled .nt .nt__strip{translate:0 calc(var(--d) * -1em)}.is-settled .ex-pr-pop{animation:ex-pr-in .45s var(--ms-ease) .9s both}.is-settled .ex-pr-li{animation:ex-pr-in .45s var(--ms-ease) both;animation-delay:calc(var(--k,0) * 80ms + .25s)}.is-settled .ex-pr-ck{animation:.35s cubic-bezier(.34,1.56,.64,1) both ex-pr-ck;animation-delay:calc(var(--k,0) * 80ms + .45s)}@keyframes ex-pr-in{0%{opacity:0;translate:0 10px}}@keyframes ex-pr-ck{0%{opacity:0;scale:.4}}.ex-pr-glint:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffffff47 50%,#0000 70%);position:absolute;inset:0;translate:-120%}.is-settled .ex-pr-glint:after{animation:3.6s ease-in-out 1.6s infinite ex-shine}@media (prefers-reduced-motion:reduce){.ex-ms-shine:after,.ex-wf-bar,.ex-wf-fill,.ex-wf-row,.ex-wf-ic,.exf-in,.exf-dot,.ex-pr-pop,.ex-pr-li,.ex-pr-ck,.ex-pr-glint:after{animation:none!important}.ex-ms .nt .nt__strip{translate:0 calc(var(--d) * -1em)!important}.exs-panel,.exs-line{transition:none!important}}
