.dmm-variants{box-sizing:border-box;border:0;border-radius:28px;padding:0;width:min(580px,calc(100vw - 32px));max-width:none;max-height:85dvh;overflow:auto;color:#374151;background:#fff;box-shadow:0 24px 90px #0003;font-family:inherit;direction:rtl}
.dmm-variants::backdrop{background:rgb(23 27 32 / .68);backdrop-filter:blur(5px)}
.dmm-variants *{box-sizing:border-box}.dmm-variants-head{display:flex;align-items:center;gap:15px;padding:25px 28px;background:var(--cream,#fbf8f2);text-align:right}
.dmm-variants-icon{display:grid;place-items:center;flex:0 0 54px;height:54px;border-radius:17px;background:var(--red,#c92c35);color:white}.dmm-variants-icon svg{width:28px;height:28px}
.dmm-variants-heading{flex:1;min-width:0}.dmm-variants h2{margin:0 0 6px;font-size:21px;line-height:1.4;color:var(--ink,#171b20)}.dmm-variants-heading p{margin:0;color:var(--muted,#697078);font-size:14px}
.dmm-variants button{font:inherit;cursor:pointer}.dmm-variants-x{flex:0 0 36px;min-height:40px;border:0;background:transparent;color:var(--muted,#697078);font-size:28px!important;border-radius:10px}
.dmm-variant-row{display:flex;width:100%;gap:20px;align-items:center;padding:24px 30px;min-height:92px;border:0;border-bottom:1px solid #edf0f0;background:#fff;text-align:left;direction:ltr;color:#374151}
.dmm-variant-row:hover{background:#fff7f0}.dmm-variant-number{display:grid;place-items:center;flex:0 0 46px;height:46px;border-radius:50%;background:#fff0ca;color:var(--red-dark,#a91d28);font-weight:700}
.dmm-variant-name{flex:1;min-width:0;font-size:16px;font-weight:600;line-height:1.6;overflow-wrap:anywhere}.dmm-variant-level{flex-shrink:0;border:1px solid var(--gold,#efb941);border-radius:5px;background:var(--cream,#fbf8f2);color:var(--red-dark,#a91d28);padding:3px 9px;font-size:13px}
.dmm-variants-footer{padding:22px 30px}.dmm-variants-close{width:100%;min-height:52px;border:1px solid #e0e5e5;border-radius:18px;background:#fff;color:#626e75}.dmm-variants-close:hover{background:var(--cream,#fbf8f2)}
.dmm-variants button:focus-visible{outline:3px solid var(--red-dark,#a91d28);outline-offset:-4px}.dmm-topic-version-count{display:block;margin-top:8px;font-size:12px;font-weight:400;color:var(--muted,#697078)}
@media(max-width:420px){.dmm-variants{border-radius:24px}.dmm-variants-head{padding:20px 18px;gap:10px}.dmm-variants h2{font-size:19px}.dmm-variants-icon{flex-basis:46px;height:46px}.dmm-variant-row{padding:20px 18px;gap:13px}.dmm-variant-number{flex-basis:40px;height:40px}.dmm-variants-footer{padding:18px}}