html:has(.header-trainings[open]){overflow-y:hidden;scrollbar-gutter:auto}
.header-trainings{position:fixed;top:28px;left:50vw;transform:translateX(-50%);width:min(1140px,calc(100vw - 32px));max-width:none;height:553px;max-height:calc(100vh - 56px);margin:0;padding:0;border:1px solid transparent;border-radius:20px;box-sizing:border-box;background:#fff;color:#676a6c;font:300 14px/21px Lexend,sans-serif;pointer-events:auto}
.header-trainings::backdrop{background:#0006}
.header-trainings>header{position:relative;height:51px;padding:10px 15px;border-bottom:1px solid #e5e5e5;box-sizing:border-box}
.header-trainings h2{margin:0;font:600 18px/30px Lexend,sans-serif;color:#000}
.header-trainings [data-ht-close]{position:absolute;top:9px;right:9px;width:30px;height:30px;padding:0;border:0;background:transparent;font:300 24px/30px Lexend,sans-serif;cursor:pointer}
.header-trainings .ht-body{height:calc(100% - 51px);padding:20px 30px 30px;box-sizing:border-box;overflow:auto}
.header-trainings .ht-tabs{display:flex;min-height:42px;border-bottom:1px solid #ddd}
.header-trainings .ht-tabs button{padding:8px 16px;border:0;border-bottom:2px solid transparent;background:transparent;color:#676a6c;white-space:nowrap;font:300 14px/21px Lexend,sans-serif;cursor:pointer}
.header-trainings .ht-tabs button[aria-selected=true]{border-bottom-color:#dd1945;color:#000}
.header-trainings .ht-report{margin-top:15px;overflow-x:auto}
.header-trainings table{width:100%;border-collapse:collapse;font:300 14px/20px Lexend,sans-serif}
.header-trainings th,.header-trainings td{padding:11px 8px;border:1px solid #dee2e6;text-align:left;vertical-align:top}
.header-trainings th{background:#ededed;color:#676a6c;font-weight:500}
.header-trainings .ht-empty{text-align:center;color:#ed5565;font-size:18px;font-weight:500}
.header-trainings [data-ht-status]{margin:8px 0;color:#a12731}
@media(max-width:650px){.header-trainings .ht-body{padding:12px}.header-trainings .ht-tabs{overflow-x:auto}.header-trainings h2{font-size:16px}}