.mf{margin:0;position:relative;width:100%}.mf__frame{position:relative;border-radius:12px;background:var(--color-gray-50);border:1px solid var(--color-gray-100);overflow:hidden;box-shadow:0 1px 2px #00000008,0 8px 32px #0000000f}.mf--dark .mf__frame{background:var(--color-gray-900);border-color:#ffffff14}.mf__tech{position:absolute;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--color-gray-300);background:var(--color-white);padding:0 4px;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:3}.mf__tech--tl{top:-6px;left:16px}.mf__tech--tr{top:-6px;right:16px}.mf__tech--bl{bottom:-6px;left:16px}.mf__tech--br{bottom:-6px;right:16px}.mf--dark .mf__tech{color:#ffffff80;background:var(--color-gray-900)}.mf__scale-wrap{position:relative;width:100%;height:0;overflow:hidden}.mf__inline{width:100%;display:block}.mf__iframe{position:absolute;top:0;left:0;border:0;transform-origin:top left;pointer-events:none;background:var(--color-white)}.mf__shield{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;cursor:default}.mf__fade{position:absolute;left:0;right:0;height:48px;pointer-events:none;z-index:2}.mf__fade--top{top:0;background:linear-gradient(to bottom,var(--color-gray-50) 0%,transparent 100%);opacity:.4}.mf__fade--bottom{bottom:0;background:linear-gradient(to top,var(--color-gray-50) 0%,transparent 100%);opacity:.6}.mf--dark .mf__fade--top{background:linear-gradient(to bottom,var(--color-gray-900) 0%,transparent 100%)}.mf--dark .mf__fade--bottom{background:linear-gradient(to top,var(--color-gray-900) 0%,transparent 100%)}