@layer bricks {.brxe-code{width:100%}}@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-button{width:auto}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}}#brxe-raqiub {position: absolute; z-index: 1; width: 100%; height: 100%; transform: scaleX(1.08) scaleY(1.08); opacity: 0.55}#brxe-raqiub:not(.tag), #brxe-raqiub img {filter: blur(18pxpx); object-fit: cover; object-position: center center}#brxe-eojior {position: absolute; z-index: 2; background-image: linear-gradient(180deg, rgba(240, 244, 248, 0.25) 0%, rgba(62, 82, 110, 0.35) 55%, rgba(19, 39, 68, 0.65) 100%); pointer-events: none}#brxe-akvawi:not(.tag), #brxe-akvawi img {object-fit: contain; object-position: center center}#brxe-akvawi {cursor: pointer}#brxe-arbvpi {background-color: #000000e6}#brxe-crvucs {background-color: #22c55ee6}#brxe-lqzbrs {background-color: #ffffffe6; color: #000000}.project-share-button.is-copied { background: var(--color-accent); color: #ffffff;}#brxe-fuirvv {display: flex; justify-content: flex-start; align-items: center; column-gap: var(--space-5); margin-top: 0; margin-bottom: var(--space-6); color: var(--color-muted); font-size: var(--fs-body); line-height: var(--lh-body)}@media (max-width: 767px) {#brxe-fuirvv {column-gap: var(--space-3)}}#brxe-ihlzjf {font-size: var(--fs-h3); line-height: var(--lh-heading); color: var(--color-heading); font-weight: 700; font-family: "Tajawal"; text-align: right; margin-bottom: var(--space-4)}#brxe-idftks {cursor: pointer}#brxe-zsakme {cursor: pointer}#brxe-pczwlx {cursor: pointer}#brxe-ptxbax {cursor: pointer}#brxe-herbtd {cursor: pointer}#brxe-ozxvwm {cursor: pointer}#brxe-ipdlmw {font-size: var(--fs-h4); line-height: var(--lh-heading); color: var(--color-heading); font-weight: 700; font-family: "Tajawal"; margin-bottom: var(--space-6)}#brxe-whxjee {border-bottom-width: 0px}#brxe-kdupnf {width: 100%; font-size: var(--fs-body); font-weight: 700; font-family: "Cairo"; white-space: nowrap; margin-top: 12px; margin-bottom: 12px}#brxe-joekgw {font-size: var(--fs-h4); line-height: var(--lh-heading); color: var(--color-heading); margin-bottom: var(--space-4)}#brxe-zuvgxb { position: absolute; top: 24px; left: 24px; z-index: 2; width: 48px; height: 48px; border-radius: var(--radius-lg); background: rgba(255, 255, 255, 0.12); color: #ffffff; font-size: 32px; line-height: 1; display: flex; align-items: center; justify-content: center;}