.mk-showcase{padding-top:40px;position:relative}.mk-showcase>.mk-pill--section{z-index:2;margin-bottom:8px;position:relative}.mk-show{isolation:isolate;padding-block:64px;position:relative;overflow:hidden}.mk-show+.mk-show{border-top:1px solid var(--mk-line)}.mk-show__bg{z-index:-1;opacity:.38;pointer-events:none;width:62%;position:absolute;top:0;bottom:0}.mk-show__bg img{object-fit:cover;width:100%;height:100%;display:block}.mk-show--card-left .mk-show__bg{left:0;-webkit-mask-image:linear-gradient(90deg,#000 0% 50%,#0000 100%);mask-image:linear-gradient(90deg,#000 0% 50%,#0000 100%)}.mk-show--card-left .mk-show__bg img{object-position:left bottom}.mk-show--card-right .mk-show__bg{right:0;-webkit-mask-image:linear-gradient(270deg,#000 0% 50%,#0000 100%);mask-image:linear-gradient(270deg,#000 0% 50%,#0000 100%)}.mk-show--card-right .mk-show__bg img{object-position:right bottom}.mk-show .mk-show__grid{max-width:1340px}.mk-show__grid{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:56px;display:grid}.mk-show--card-right .mk-show__grid{grid-template-columns:minmax(0,1fr) auto}.mk-show--card-left .mk-show__visual{order:-1}.mk-show__kicker{color:var(--mk-ftone,var(--accent));font:700 .8rem / 1.2 var(--font-display);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:12px;display:inline-flex}.mk-show__num{background:color-mix(in srgb, var(--mk-ftone,var(--accent)) 18%, transparent);color:#fff;letter-spacing:0;border-radius:8px;place-items:center;min-width:30px;height:30px;padding:0 6px;display:grid}.mk-show__title{color:#fff;letter-spacing:-.01em;font-size:clamp(1.75rem,1rem + 2.4vw,2.375rem);font-weight:800;line-height:1.15}.mk-show__line{display:block}.mk-show__lead{max-width:30em;color:var(--text-muted);margin-top:14px;font-size:1.0625rem;line-height:1.6}.mk-show__actions{flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:24px;display:flex}.mk-show__actions .mk-textlink{margin-top:0}.mk-show__actions>a:not(.mk-textlink){box-shadow:0 0 0 1px #22d3ee59}.mk-show__note{color:var(--text-faint);margin-top:16px;font-size:.8125rem}.mk-show__note a{color:var(--text-muted);text-underline-offset:.2em;text-decoration:underline}.mk-show__visual{position:relative}.mk-show__visual.has-mascot{padding-left:104px}.mk-show__mascot{z-index:3;pointer-events:none;filter:drop-shadow(0 10px 14px #060a1873);width:auto;height:128px;position:absolute;bottom:-14px;left:0}.mk-comp{--result-w:470px;--panels-w:256px;--overlap:80px;grid-template-columns:calc(var(--result-w) - var(--overlap)) var(--overlap) calc(var(--panels-w) - var(--overlap));align-items:center;padding-block:24px;display:grid;position:relative}.mk-comp__result{z-index:1;grid-area:1/1/2/3;min-width:0;position:relative}.mk-comp__panels{z-index:2;grid-area:1/2/2/4;gap:14px;margin-block:-24px;display:grid;position:relative}.mk-comp .mk-dc__body{padding-right:calc(var(--overlap) + 12px)}.mk-comp .mk-dc__pill{margin-left:8px}.mk-comp .mk-dc__attachment{max-width:100%}.mk-comp .mk-prev{padding-right:calc(var(--overlap) + 14px)}.mk-comp__panels>.mk-ed{width:calc(100% - 16px)}.mk-comp__panels>.mk-ed:nth-child(2n){justify-self:end}.mk-ed{color:var(--mk-soft-text);font-family:var(--font-display);text-align:left;background:#212c43;border:1px solid #a0b6e038;border-radius:12px;padding:12px;font-size:.8125rem;box-shadow:0 18px 36px -18px #040814bf}.mk-ed__head{align-items:center;gap:8px;margin-bottom:10px;display:flex}.mk-ed__icon{width:22px;height:22px;color:var(--accent);background:#22d8f824;border-radius:6px;flex:none;place-items:center;display:grid}.mk-ed__title{color:#fff;min-width:0;font:600 .8125rem / 1.25 var(--font-display);flex:1}.mk-ed__body{gap:8px;display:grid}.mk-ed__row{justify-content:space-between;align-items:center;gap:10px;min-height:28px;display:flex}.mk-ed__row.is-stack{flex-direction:column;align-items:stretch;gap:5px;min-height:0}.mk-ed__label{color:var(--mk-soft-text);font-size:.78rem;line-height:1.3}.mk-ed__select,.mk-ed__input{background:var(--mk-field);color:#fff;border:1px solid #a0b6e03d;border-radius:7px}.mk-ed__select{min-height:28px;font:500 .78rem / 1.2 var(--font-display);white-space:nowrap;flex:none;justify-content:space-between;align-items:center;gap:8px;padding:0 7px 0 10px;display:inline-flex}.mk-ed__select svg{color:var(--text-muted);flex:none}.mk-ed__row.is-stack .mk-ed__select,.mk-ed__body>.mk-ed__select{width:100%}.mk-ed__input{color:#e9eef9;font:400 .8125rem / 1.45 var(--font-sans);overflow-wrap:anywhere;padding:7px 10px;display:block}.mk-ed__input.is-inline{min-width:112px;padding:4px 10px;font-weight:500}.mk-ed__var{color:#8eeafc;font-family:var(--font-mono);background:#22d8f824;border-radius:4px;padding:0 3px;font-size:.92em}.mk-ed__vars{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.mk-ed__vars .mk-ed__label{margin-right:2px}.mk-ed__vars .mk-ed__var{padding:2px 5px;font-size:.7rem}.mk-ed__switch{background:#34415f;border-radius:999px;flex:none;width:30px;height:18px;position:relative}.mk-ed__switch:after{content:"";background:#8a97ad;border-radius:50%;width:12px;height:12px;position:absolute;top:3px;left:3px}.mk-ed__switch.is-on{background:var(--accent)}.mk-ed__switch.is-on:after{background:#fff;left:15px}.mk-ed__color{color:#fff;align-items:center;gap:7px;font-size:.78rem;display:inline-flex}.mk-ed__color code{color:#e9eef9;font-family:var(--font-mono);background:0 0;border:0;padding:0;font-size:.75rem}.mk-ed__swatch,.mk-ed__gradient{border:1px solid #fff3;flex:none;display:block}.mk-ed__swatch{border-radius:5px;width:16px;height:16px}.mk-ed__swatch.is-lg{border-radius:50%;width:20px;height:20px}.mk-ed__swatch.is-on{box-shadow:0 0 0 2px #212c43,0 0 0 3.5px #fff}.mk-ed__swatches{gap:9px;padding-right:3px;display:inline-flex}.mk-ed__gradient{background:linear-gradient(45deg, var(--from), var(--to));border-radius:5px;width:40px;height:16px}.mk-ed__seg{background:var(--mk-field);border:1px solid #a0b6e033;border-radius:8px;padding:3px;display:flex}.mk-ed__seg>span{color:var(--text-muted);text-align:center;white-space:nowrap;border-radius:6px;flex:1;padding:4px 6px;font-size:.75rem}.mk-ed__seg>.is-on{color:#fff;background:#34415f;font-weight:600}.mk-ed__radios{gap:2px;margin:0;padding:0;list-style:none;display:grid}.mk-ed__radios li{border-radius:7px;align-items:center;gap:8px;min-height:27px;padding:0 7px;font-size:.8rem;line-height:1.25;display:flex}.mk-ed__radios li.is-on{color:#fff;background:#22d8f81a;font-weight:600}.mk-ed__radio{border:1.5px solid #6f7d99;border-radius:50%;flex:none;width:14px;height:14px}.is-on>.mk-ed__radio{border:4px solid var(--accent)}.mk-ed__badge{color:#8eeafc;background:#22d8f824;border-radius:999px;margin-left:auto;padding:1px 7px;font-size:.68rem;font-weight:600}.mk-ed__rewards{gap:6px;margin:0;padding:0;list-style:none;display:grid}.mk-ed__rewards li{background:var(--mk-field);border:1px solid #a0b6e029;border-radius:7px;align-items:center;gap:8px;padding:6px 9px;display:flex}.mk-ed__rewards svg{color:var(--text-faint)}.mk-ed__level{color:#fff;min-width:54px;font-size:.78rem;font-weight:600}.mk-ed__role{color:#fff;align-items:center;gap:6px;font-size:.78rem;display:inline-flex}.mk-ed__role>span{border-radius:50%;width:10px;height:10px}.mk-prev{background:var(--mk-panel);font-family:var(--font-display);border:1px solid #96acd633;border-radius:12px;margin:0;padding:14px 16px 16px;box-shadow:0 24px 60px -24px #030712bf}.mk-prev__head{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.mk-prev__title{color:#fff;font:700 .9375rem / 1.3 var(--font-display)}.mk-prev__pill{color:#b5bac1;font:500 .75rem / 1.4 var(--font-display);border:1px solid #ffffff38;border-radius:999px;flex:none;padding:2px 10px}.mk-prev__file{background:var(--mk-inset);color:#e9eef9;font:500 .8125rem / 1.2 var(--font-mono);border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:6px 10px;display:inline-flex}.mk-prev__file svg{color:var(--accent)}.mk-prev__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.mk-prev__stats li{background:var(--mk-inset);color:var(--text-muted);border-radius:10px;align-content:start;gap:3px;padding:10px 11px;font-size:.75rem;line-height:1.3;display:grid}.mk-prev__stats strong{color:#fff;font:700 1.25rem / 1.1 var(--font-display)}.mk-prev__stats li:first-child strong{color:var(--accent)}.mk-prev__note{color:#c7dafc;background:#60a5fa1a;border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:8px 10px;font-size:.8125rem;display:flex}.mk-prev__note svg{color:#7fb2fb;flex:none}.mk-prev__actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.mk-prev__btn{color:#fff;min-height:34px;font:600 .8125rem / 1 var(--font-display);border:1px solid #c8d4f047;border-radius:8px;align-items:center;padding:0 14px;display:inline-flex}.mk-prev__btn.is-primary{background:var(--accent);color:var(--accent-ink);border-color:#0000}@media (max-width:1339px){.mk-show__grid{gap:48px}.mk-show__title{font-size:2.125rem}.mk-comp{--result-w:440px;--panels-w:252px;--overlap:76px}.mk-show__visual.has-mascot{padding-left:96px}.mk-show__mascot{height:118px}}@media (max-width:1240px){.mk-show{padding-block:48px}.mk-show__grid,.mk-show--card-right .mk-show__grid{grid-template-columns:minmax(0,1fr);gap:32px}.mk-show__visual,.mk-show--card-left .mk-show__visual{order:-1;justify-self:center;max-width:100%}.mk-show__text{justify-self:center;width:100%;max-width:640px}.mk-show--card-left .mk-show__bg,.mk-show--card-right .mk-show__bg{width:100%;height:62%;-webkit-mask-image:linear-gradient(#000 0% 55%,#0000 100%);mask-image:linear-gradient(#000 0% 55%,#0000 100%)}}@media (max-width:900px){.mk-comp{--result-w:400px;--panels-w:240px;--overlap:72px}.mk-show__visual.has-mascot{padding-left:80px}.mk-show__mascot{height:104px}}@media (max-width:720px){.mk-show__title{font-size:1.75rem}.mk-show__visual,.mk-show--card-left .mk-show__visual{justify-self:stretch}.mk-show__visual.has-mascot{padding-left:0}.mk-comp{padding-block:0;display:block}.mk-comp .mk-dc__body,.mk-comp .mk-prev{padding-right:16px}.mk-comp__panels{gap:10px;margin:-14px 0 0;padding-left:14px}.mk-comp__panels>.mk-ed{width:min(100%,300px)}.mk-comp__panels>.mk-ed:nth-child(2n){justify-self:start;width:min(100% - 22px,300px);margin-left:22px}.has-mascot{margin-top:28px}.mk-show__mascot{height:86px;inset:-44px 10px auto auto}.has-mascot .mk-prev__head{padding-right:84px}}@media (forced-colors:active){.mk-ed__switch.is-on,.mk-ed__swatch,.mk-ed__gradient,.mk-ed__role>span,.mk-prev__btn.is-primary{forced-color-adjust:none}}