.mi-media-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px;clear:both}
.mi-media-actions button{font:inherit;font-size:12px;line-height:1.3;color:inherit;background:transparent;border:1px solid currentColor;border-radius:8px;min-height:36px;padding:7px 12px;cursor:pointer;margin:0;box-shadow:none}
.mi-product-media-dialog{width:min(560px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:16px;background:#fff;color:#252641;box-shadow:0 20px 60px #0004;overflow:hidden}
.mi-product-media-dialog::backdrop{background:#0009}.mi-media-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid #e3e6ed}.mi-media-head h2{font:inherit;font-size:18px;font-weight:600;margin:0;min-width:0}.mi-media-close{width:40px;height:40px;flex:none;border:0;border-radius:8px;background:#f3f5f8;color:#333;font-size:26px;cursor:pointer}
.mi-media-body{padding:16px;max-height:calc(100dvh - 130px);overflow:auto;overscroll-behavior:contain}video.mi-media-video{width:100%;max-height:65dvh;display:block;background:#111;border-radius:10px}.mi-media-extra{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #e5e7ed;font-size:14px}.mi-media-extra input{appearance:auto!important;position:static!important;opacity:1!important;display:block!important;width:20px!important;height:20px!important;margin:0;flex:none}.mi-media-extra span{flex:1}.mi-media-apply{width:100%;height:44px;margin:16px 0 0;border:0;border-radius:9px;background:#252641;color:#fff;font:inherit;cursor:pointer}

html:has(dialog.mi-product-media-dialog[open]),body:has(dialog.mi-product-media-dialog[open]){overflow:hidden!important}

.mi-product-media-dialog [hidden]{display:none!important}.mi-ingredient-player{object-fit:contain;background:#101114;border-radius:12px}.mi-ingredient-message{font-size:14px;text-align:center;margin:8px 0}.mi-ingredient-message:empty{display:none}.mi-ingredient-description{white-space:pre-line;overflow-wrap:anywhere;margin:16px 0 0;line-height:1.6}.mi-media-actions .mi-media-ingredient{display:inline-flex;align-items:center;justify-content:center;min-height:40px;font:inherit}
.mi-ar-product .mi-media-actions{margin-top:8px}.mi-ar-product .mi-media-actions .mi-media-ingredient{color:#fdfbf7;background:#101010b3;border-color:#d4af3770;border-radius:999px;min-height:34px;padding:6px 10px;font-size:11px;width:100%}