:where(.moder-block){--mb-bg:#eaeaec;--mb-blue:#507fff;--mb-btn-bg:#fff;--mb-btn-color:#191925;--mb-btn-size:32px;--mb-btn-wait:#9a9da7;--mb-green:#4cd46a;--mb-red:#d44c4c;--mb-btn-del-color:var(--mb-btn-color,#191925);--mb-btn-act-color:var(--mb-btn-color,#191925);--mb-btn-edit-color:var(--mb-btn-color,#191925);--mb-btn-wait-color:var(--mb-btn-wait,#9a9da7);background-color:var(--mb-bg,#eaeaec);border:0;border-radius:12px;display:flex;gap:6px;margin:5px 0 5px auto;padding:calc(var(--mb-btn-size) * .25);width:fit-content}:where(.moder-block) *{box-sizing:border-box}:where(.moder-block) .moder-block-action{align-items:center;background-color:var(--mb-btn-bg,#fff);border-radius:6px;box-shadow:0 1px 4px 0 #0000001a;color:var(--mb-btn-color,#191925);display:flex;height:var(--mb-btn-size);justify-content:center;-webkit-tap-highlight-color:transparent;width:var(--mb-btn-size)}:where(.moder-block) .moder-block-action:before{background-color:currentColor;content:"";height:calc(var(--mb-btn-size) / 2);transition:color .1s linear;width:calc(var(--mb-btn-size) / 2);pointer-events:none}:where(.moder-block .moder-block-action).activate{color:var(--mb-btn-act-color)}:where(.moder-block .moder-block-action).delete{color:var(--mb-btn-del-color)}:where(.moder-block .moder-block-action):is(.edit-visual,.edit-html){color:var(--mb-btn-edit-color)}:where(.moder-block) .moder-block-action.wait{color:var(--mb-btn-wait-color);pointer-events:none;user-select:none;opacity:.7}:where(.moder-block .moder-block-action).activate:before{-webkit-mask:url(/.s/img/moder-block/activate-check.svg) center/contain no-repeat;mask:url(/.s/img/moder-block/activate-check.svg) center/contain no-repeat}:where(.moder-block .moder-block-action).edit-visual:before{-webkit-mask:url(/.s/img/moder-block/eye.svg) center/contain no-repeat;mask:url(/.s/img/moder-block/eye.svg) center/contain no-repeat}:where(.moder-block .moder-block-action).edit-html:before{-webkit-mask:url(/.s/img/moder-block/code.svg) center/contain no-repeat;mask:url(/.s/img/moder-block/code.svg) center/contain no-repeat}:where(.moder-block .moder-block-action).delete:before{-webkit-mask:url(/.s/img/moder-block/close.svg) center/contain no-repeat;mask:url(/.s/img/moder-block/close.svg) center/contain no-repeat}:where(.moder-block .moder-block-action).wait:before{-webkit-mask:url(/.s/img/wait.svg) center/contain no-repeat;mask:url(/.s/img/wait.svg) center/contain no-repeat}@media (hover:hover){.moder-block .moder-block-action:hover{background-color:var(--mb-btn-bg,#fff)}.moder-block .delete:hover{color:var(--mb-red,#d44c4c)}.moder-block :is(.edit-visual,.edit-html):hover{color:var(--mb-blue,#507fff)}.moder-block .activate:hover{color:var(--mb-green,#4cd46a)}}