#semyonPanel{padding:0;overflow:hidden;width:min(560px,calc(100vw - 76px));height:min(850px,calc(100vh - 80px))}#semyonPanel .drawer-head{padding:10px 14px;margin:0;border-bottom:1px solid #365052}#semyonFrame{display:block;border:0;width:100%;height:calc(100% - 52px);background:#0c2327}#semyonSupport .tab-icon{font-size:22px}

#semyonPanel.expanded{width:min(980px,calc(100vw - 76px))!important;height:calc(100vh - 80px)!important}#semyonPanel .drawer-head{display:flex;align-items:center;gap:10px}#semyonPanel .drawer-head h2{margin:0 auto 0 0;font-size:16px}

#semyonSupport .semyon-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(145deg,#f5dfaa,#c3a25e);box-shadow:0 2px 9px #0003;font-size:24px}

/* Override the generic drawer's inline measurements so the iframe cannot collapse. */
#semyonPanel{display:flex;flex-direction:column;position:fixed;box-sizing:border-box;left:auto!important;right:96px!important;top:48px!important;bottom:auto!important;width:min(440px,calc(100vw - 112px))!important;height:min(680px,calc(100dvh - 64px))!important;max-height:calc(100dvh - 64px)!important}
#semyonPanel[hidden]{display:none!important}#semyonPanel .drawer-head{flex:0 0 auto;min-height:52px;flex-wrap:wrap}#semyonFrame{flex:1 1 auto;min-height:0;height:auto;width:100%}
#semyonPanel.expanded{right:96px!important;width:min(1000px,calc(100vw - 112px))!important;height:calc(100dvh - 64px)!important}
@media(max-width:640px){#semyonPanel,#semyonPanel.expanded{left:8px!important;right:8px!important;top:48px!important;width:calc(100vw - 16px)!important;height:calc(100dvh - 64px)!important}#semyonPanel .drawer-head button{min-height:36px}}

#semyonSupport .semyon-icon{background:none;border:0;box-shadow:none;border-radius:0}