@layer bricks {.brxe-code{width:100%}}#brxe-qcvinj {width: 100%; background-color: #111622; height: 100vh; overflow: auto}#brxe-vyynoy {height: 100vh}#brxe-uzmzsd {height: 900px}#brxe-vpfpai {display: block; grid-template-columns: 280px 1fr; width: 100%; height: 920px}#brxe-vpfpai{ overflow-y:auto; overflow-x:hidden;}#brxe-gxolgo {width: 100%; max-width: 100%; display: grid; align-items: initial; grid-template-columns: 280px 1fr; grid-gap: 0px; height: 100vh; overflow: hidden}#brxe-rubzhe {padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; height: 100vh; overflow: hidden}#catalogSidebar { width: 100%; height: 100%; position: relative; background: #000000; overflow-y: auto; overflow-x: hidden; scrollbar-width: thin;}.catalog-item { position: relative; border-bottom: 1px solid #21262d; display: flex; flex-direction: column;} .catalog-heading { display: flex; align-items: center; gap: 10px; padding: 16px 20px; color: #c9d1d9; font-size: 14px; cursor: pointer; user-select: none; transition: background 0.2s ease, color 0.2s ease;} .catalog-heading:hover { background: #161b22; color: #52C45A; } .catalog-item.open .catalog-heading { background: #161b22; color: #52C45A; border-left: 4px solid #3F9745;  padding-left: 16px;} .chevron { width: 16px; display: inline-flex; justify-content: center; transition: transform 0.25s ease;} .catalog-item.open .chevron { transform: rotate(90deg);} .heading-text { flex: 1;}.submenu { position: relative; width: 100%; background: #161b22; overflow: hidden; max-height: 0; opacity: 0; visibility: hidden; transition: max-height 0.25s ease, opacity 0.2s ease, visibility 0.2s ease;} .catalog-item.open .submenu { max-height: 800px; opacity: 1; visibility: visible;} .submenu-item { padding: 12px 20px 12px 46px; color: #8b949e; cursor: pointer; transition: background 0.2s ease, color 0.2s ease, padding-left 0.2s ease;} .submenu-item.active { background: #3F9745;  color: #ffffff; font-weight: 600;} .submenu-item:hover:not(.active) { background: #21262d; color: #ffffff; padding-left: 54px;}.catalog-search { padding: 15px; border-bottom: 1px solid #21262d;}#catalogSearch { width: 100%; box-sizing: border-box; padding: 12px 14px; background: #161b22; color: #ffffff; border: 1px solid #30363d; border-radius: 6px; font-size: 14px; outline: none; transition: border-color 0.2s ease, box-shadow 0.2s ease;}#catalogSearch:focus { border-color: #52C45A; box-shadow: 0 0 0 3px rgba(82, 196, 90, 0.2); }.mobile-toggle-bar { display: none; background: #000000; border-bottom: 1px solid #21262d; padding: 14px 20px; justify-content: space-between; align-items: center; width: 100%; box-sizing: border-box; position: sticky; top: 0; z-index: 999;} .active-category-title { font-size: 13px; font-weight: 500; color: #c9d1d9; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 60%;} .toggle-drawer-btn { background: #3F9745;  color: #ffffff; border: none; padding: 8px 14px; border-radius: 6px; font-size: 13px; font-weight: 600; cursor: pointer; white-space: nowrap;}@media (max-width: 767px) { .mobile-toggle-bar { display: flex !important; }  #brxe-gxolgo { display: flex !important; flex-direction: column !important; width: 100% !important; height: calc(100vh - 60px) !important; position: relative !important; overflow: hidden !important; }  #brxe-gxolgo > .brxe-block, #brxe-vpfpai { width: 100% !important; max-width: 100% !important; height: 100% !important; display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; }  #brxe-uzmzsd { width: 100% !important; height: 100% !important; display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; }  #brxe-vyynoy { width: 100% !important; height: 100% !important; display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; }  #catalogFrame { width: 100% !important; height: 100% !important; min-height: 100% !important; display: block !important; flex: 1 1 auto !important; border: none !important; }  #brxe-qcvinj { position: fixed !important; top: 0 !important; left: 0 !important; width: 290px !important; height: 100vh !important; z-index: 999999 !important; box-shadow: 10px 0 30px rgba(0, 0, 0, 0.5); transform: translateX(-100%) !important; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; } #brxe-qcvinj.drawer-open { transform: translateX(0) !important; }}