@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}}@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}}@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 {.brxe-code{width:100%}}.brxe-zyleof { height:100%;}.brxe-zyleof__content { background: #fff; border-radius: 8px; border: 1px solid var(--neutral-l-6, #e5e5e5); display: flex; flex-direction: column; overflow: hidden; height: 100%; transition: box-shadow 0.3s ease;} .brxe-zyleof__content:hover { box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);}.brxe-zyleof__media-wrapper { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; flex-shrink: 0;} .brxe-zyleof__media-wrapper::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 40%; background: linear-gradient(to top, rgba(255,255,255,0.6), transparent); pointer-events: none;} .brxe-zyleof__figure { width: 100%; height: 100%; margin: 0;} .brxe-zyleof__img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.5s ease;} .brxe-zyleof__content:hover .card-alpha__img { transform: scale(1.02);}.brxe-zyleof__tag { position: absolute; top: 0.75rem; left: 0.75rem; z-index: 2; background: var(--primary); color: white; font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; padding: 0.3rem 0.65rem; border-radius: 0.35rem;}.brxe-zyleof__body { padding: 1.25rem 1.5rem 1.5rem; display: flex; flex-direction: column; flex: 1;} .brxe-zyleof__title { font-size: 1.25rem; font-weight: 700; color: var(--neutral-l-1, #1a1a1a); margin-bottom: 0.75rem; line-height: 1.3;} .brxe-zyleof__body p { font-size: 0.875rem; color: var(--neutral-l-4, #7a7a7a); margin-bottom: 1rem; line-height: 1.5;} .brxe-zyleof__body ul { list-style: none; margin-bottom: 1.25rem; flex: 1; padding: 0;} .brxe-zyleof__body li { position: relative; padding-left: 1.25rem; font-size: 0.875rem; color: var(--neutral-l-4, #7a7a7a); margin-bottom: 0.35rem; line-height: 1.5;} .brxe-zyleof__body li::before { content: ''; position: absolute; left: 0; top: 0.55em; width: 6px; height: 6px; border-radius: 50%; background: var(--primary); opacity: 0.45;}.brxe-zyleof__link { display: inline-flex; align-items: center; gap: 0.5rem; color: var(--primary); text-decoration: none; font-weight: 600; font-size: 0.875rem; transition: gap 0.2s ease; align-self: flex-start; margin-top: auto;} .brxe-zyleof__link:hover { gap: 0.6rem;}