.mc-demo{container-type:inline-size;position:relative;width:100%;height:420px;overflow:hidden;box-sizing:border-box;font-family:inherit;-webkit-tap-highlight-color:transparent}.mc-demo *,.mc-demo *:before,.mc-demo *:after{box-sizing:border-box}.mc-tabs{position:absolute;top:12px;left:12px;z-index:30;display:flex;gap:2px;padding:3px;border-radius:999px;font-size:12px;line-height:1}.mc-tabs button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;margin:0;padding:7px 11px;border-radius:999px;font:inherit;cursor:pointer;background:transparent;transition:background-color .15s,color .15s}.mc-tabs--dark{background:#ffffff1a}.mc-tabs--dark button{color:#ffffffb3}.mc-tabs--dark button.is-on{background:#fff;color:#111}.mc-tabs--light{background:#0000000f}.mc-tabs--light button{color:#0009}.mc-tabs--light button.is-on{background:#111;color:#fff}