.xr{align-items:center;gap:32px;display:grid}@media (min-width:1100px){.xr{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:24px}}.xr-copy{align-content:center;gap:28px;display:grid}.xr-pick-label{margin-bottom:-16px}.xr-visual{gap:8px;display:grid}.xr-picker{flex-wrap:wrap;gap:8px;display:flex}.xr-picker button{corner-shape:round;background:var(--card);height:38px;color:var(--web-ink);cursor:pointer;box-shadow:inset 0 0 0 1px var(--web-rule);transition:background-color var(--web-motion-base) var(--web-ease), color var(--web-motion-base) var(--web-ease), box-shadow var(--web-motion-base) var(--web-ease);border:0;border-radius:999px;align-items:center;gap:8px;padding:0 13px 0 6px;font-family:inherit;display:inline-flex}.xr-picker button[aria-pressed=true]{background:var(--web-ink);color:var(--web-surface);box-shadow:0 10px 24px -12px #00000080;box-shadow:0 10px 24px -12px lab(0% 0 0/.5)}.xr-stage{place-items:center;height:760px;display:grid;position:relative}.xr-stage:before{content:"";corner-shape:round;filter:blur(6px);background:radial-gradient(closest-side,#00000024,#0000);background:radial-gradient(closest-side,lab(0% 0 0/.14),#0000);border-radius:50%;width:400px;height:110px;position:absolute;bottom:30px;left:calc(50% - 95px);transform:translate(-50%)}.dark .xr-stage:before{background:radial-gradient(closest-side,#0000008c,#0000);background:radial-gradient(closest-side,lab(0% 0 0/.55),#0000)}.xr-tower{width:var(--size);height:var(--size);margin-top:calc(var(--n) * var(--gap) * .5 + 150px);transform-style:preserve-3d;margin-right:190px;position:relative;transform:rotateX(58deg)rotate(-40deg)}.xr-slab{transform-style:preserve-3d;transform:translateZ(calc(var(--i) * var(--gap)));animation:xr-rise .9s var(--web-ease) backwards;animation-delay:calc(var(--i) * 70ms);position:absolute;inset:0}.xr-face{border-radius:calc(26px * var(--corner-factor,1));corner-shape:squircle;background:linear-gradient(135deg, #ffffffa6, transparent 60%), var(--card);box-shadow:inset 0 0 0 1px var(--web-rule-strong), inset 0 -14px 30px -18px #0000001f;place-items:center;display:grid;position:absolute;inset:0}@supports (color:lab(0% 0 0)){.xr-face{background:linear-gradient(135deg, lab(100% 0 0/.65), transparent 60%), var(--card);box-shadow:inset 0 0 0 1px var(--web-rule-strong), inset 0 -14px 30px -18px lab(0% 0 0/.12)}}.dark .xr-face{background:linear-gradient(135deg, #ffffff0f, transparent 60%), var(--card)}@supports (color:lab(0% 0 0)){.dark .xr-face{background:linear-gradient(135deg, lab(100% 0 0/.06), transparent 60%), var(--card)}}.xr-slab:before{content:"";border-radius:calc(26px * var(--corner-factor,1));corner-shape:squircle;background:color-mix(in oklch, var(--web-ink) 14%, var(--web-surface-sunk));box-shadow:0 0 0 1px var(--web-rule);position:absolute;inset:0;transform:translateZ(-9px)}.xr-slab:not(.xr-slab--base) .xr-face{place-items:end start;padding:0 0 20px 20px}.xr-face .mk-logo{border-radius:var(--web-radius-lg);corner-shape:round;box-shadow:0 0 0 1px var(--web-rule), 0 6px 14px -6px #0000004d;transform:rotate(40deg)}@supports (color:lab(0% 0 0)){.xr-face .mk-logo{box-shadow:0 0 0 1px var(--web-rule), 0 6px 14px -6px lab(0% 0 0/.3)}}.xr-slab--base .xr-face{background:var(--web-surface-sunk)}.xr-slab[data-fresh] .xr-face{box-shadow:inset 0 0 0 1.5px var(--tone-emerald), inset 0 -14px 30px -18px #0000001f}@supports (color:lab(0% 0 0)){.xr-slab[data-fresh] .xr-face{box-shadow:inset 0 0 0 1.5px var(--tone-emerald), inset 0 -14px 30px -18px lab(0% 0 0/.12)}}.xr-slab[data-fresh]{animation:xr-drop .9s var(--web-ease) backwards;animation-delay:calc(.9s + var(--i) * 30ms)}.xr-tag{border-radius:calc(var(--web-radius-lg) * var(--corner-factor,1));corner-shape:squircle;background:color-mix(in oklch, var(--card) 92%, transparent);white-space:nowrap;transform-origin:0 0;width:max-content;box-shadow:inset 0 0 0 1px var(--web-rule), 0 8px 18px -10px #00000040;grid-template-columns:auto auto;align-items:center;gap:0 9px;padding:5px 12px 5px 5px;display:grid;position:absolute;top:100%;left:100%;transform:rotate(40deg)rotateX(-58deg)translate(18px,-62%)}@supports (color:lab(0% 0 0)){.xr-tag{box-shadow:inset 0 0 0 1px var(--web-rule), 0 8px 18px -10px lab(0% 0 0/.25)}}.xr-tag .mk-logo{border-radius:var(--web-radius-md);corner-shape:round;grid-row:span 2}.xr-tag b{color:var(--web-ink)}.xr-tag span{color:var(--web-ink-muted)}.xr-tag em{color:var(--tone-emerald);font-style:normal}.xr-tag--base{padding:9px 14px 10px}.xr-slab--gone{animation:xr-leave 1.1s var(--web-ease) backwards;animation-delay:1.5s}.xr-slab--gone .xr-face{box-shadow:none;outline:2px dashed color-mix(in oklch, var(--tone-rose) 75%, transparent);outline-offset:-2px;background:0 0}.xr-slab--gone:before{display:none}.xr-slab--gone .mk-logo{filter:grayscale();opacity:.55}.xr-tag--gone em{color:var(--tone-rose)}.xr-slab--gone .xr-tag{box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--tone-rose) 40%, transparent), 0 8px 18px -10px #00000040}@supports (color:lab(0% 0 0)){.xr-slab--gone .xr-tag{box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--tone-rose) 40%, transparent), 0 8px 18px -10px lab(0% 0 0/.25)}}.xr-caption{text-align:center}@keyframes xr-rise{0%{transform:translateZ(calc(var(--i) * 7px))}}@keyframes xr-drop{0%{transform:translateZ(calc(var(--i) * var(--gap) + 280px))}}@keyframes xr-leave{0%{transform:translate3d(0, 0, calc(var(--i) * var(--gap)))}}.xr-slab--gone{transform:translate3d(calc(var(--size) * .2), calc(var(--size) * -.2), calc((var(--n) + 2.4) * var(--gap)))}@media (max-width:1099px){.xr-stage{height:520px}.xr-tower{margin-right:140px}}@media (max-width:599px){.xr-stage{height:400px;overflow:hidden}.xr-tag{padding:4px 9px 5px}.xr-tag b{font-size:var(--web-marketing-text-meta);line-height:var(--web-marketing-text-meta--line-height);letter-spacing:var(--web-marketing-text-meta--letter-spacing)}.xr-tag span{display:none}.xr-tag b{text-overflow:ellipsis;max-width:96px;overflow:hidden}.xr-tower{margin-right:150px}}@media (prefers-reduced-motion:reduce){.xr-slab,.xr-slab[data-fresh],.xr-slab--gone{animation:none}}
