@layer bricks {.brxe-code{width:100%}}@layer bricks {.brxe-button{width:auto}}@layer bricks {:where(.brxe-icon-box){align-items:flex-start;display:flex;flex-direction:column}:where(.brxe-icon-box).top .icon{margin-bottom:20px}:where(.brxe-icon-box).bottom{flex-direction:column-reverse}:where(.brxe-icon-box).bottom .icon{margin-top:20px}:where(.brxe-icon-box).right{flex-direction:row-reverse}:where(.brxe-icon-box).right .icon{margin-left:20px}:where(.brxe-icon-box).left{flex-direction:row}:where(.brxe-icon-box).left .icon{margin-right:20px}:where(.brxe-icon-box) .icon{align-items:center;display:inline-flex;justify-content:center}:where(.brxe-icon-box) .icon a{display:inline-flex}:where(.brxe-icon-box) i{display:inline-block;font-size:40px;line-height:1;text-align:center}}@layer bricks {.brxe-text-link{gap:5px}.brxe-text-link,.brxe-text-link span{align-items:center;display:inline-flex}.brxe-text-link span{justify-content:center}.brxe-text-link .icon{flex-shrink:0}}@layer bricks {.brxe-logo{color:currentcolor;font-size:20px;font-weight:600;line-height:1}.brxe-logo img{display:block;height:auto;width:auto}.brxe-logo a{color:currentcolor;display:inline-block}}#brxe-rtgios {flex-direction: row}#brxe-vwbbnj {flex-direction: row-reverse; gap: 8px; transition: var(--transition-normal); cursor: pointer}#brxe-vwbbnj .icon {align-self: center}#brxe-vwbbnj:hover {color: var(--color-accent)}#brxe-avvsje {color: var(--color-primary); font-weight: 600; font-family: "Tajawal"}.header-mobile-panel { opacity: 0; visibility: hidden; transform: translateY(-16px); pointer-events: none; transition: all 0.3s ease;} .header-mobile-panel.is-open { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto;} .header-mobile-toggle { display: none; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 8px; background: transparent !important; border: none !important; color: hsl(215 50% 15%); cursor: pointer; box-shadow: none !important;} .header-mobile-toggle:hover { color: var(--color-accent);}@media (max-width: 1023px) { .header-desktop-nav, .header-actions { display: none !important; } .header-mobile-toggle { display: flex !important; } .header-mobile-panel { display: block !important; }}@media (min-width: 1024px) { .header-mobile-toggle, .header-mobile-panel { display: none !important; }}