@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}}#brxe-kwhttl {font-size: var(--text-3xl); font-weight: 800; color: var(--kb-text-on-dark); line-height: var(--kb-lh-heading)}@media (max-width: 767px) {#brxe-kwhttl {font-size: var(--text-2xl)}}#brxe-kwhdsc {max-width: 58ch; font-size: var(--text-m); font-weight: 400; color: var(--kb-text-muted-on-dark); line-height: 1.9}#brxe-kwhcon {align-items: center; row-gap: var(--space-xs); text-align: center}#brxe-kwhero {padding-top: var(--space-l); padding-right: 0; padding-bottom: var(--space-l); padding-left: 0}@media (max-width: 767px) {#brxe-kwhero {padding-top: var(--space-m); padding-right: 0; padding-bottom: var(--space-m); padding-left: 0}}.kw-card { flex: 1 1 auto; position: relative; overflow: hidden; block-size: 100%; gap: 0; border-radius: var(--kb-radius-l); background: var(--kb-surface); box-shadow: inset 0 0 0 var(--kb-bd-hair) var(--kb-border), var(--kb-shadow-1, 0 1px 2px rgb(0 0 0 / .04)); transition: translate var(--kb-dur-base, .2s) var(--kb-ease-out, ease-out), box-shadow var(--kb-dur-base, .2s) var(--kb-ease-out, ease-out); }@media (hover: hover) { .kw-card:hover { translate: 0 -3px; box-shadow: inset 0 0 0 1px var(--kb-primary-soft), var(--kb-shadow-3, 0 16px 34px rgb(4 37 31 / .12)); } } .kw-card:has(a:focus-visible) { outline: 2px solid var(--kb-focus, #0d3a33); outline-offset: 3px; } .kw-card .kw-img { display: block; inline-size: 100%; block-size: auto; aspect-ratio: 16 / 10; padding: 6%; object-fit: contain; background: radial-gradient(circle at 50% 45%, #fff 40%, var(--kb-surface-sunken, #eef3f1)); } .kw-card .kw-body { gap: 6px; padding: var(--space-s); } .kw-card .kw-kick { color: var(--kb-text-brand); font-size: var(--text-xs); font-weight: 600; } .kw-card .kw-title { margin: 0; color: var(--kb-text-heading); font-size: var(--text-l); font-weight: 700; line-height: 1.6; } .kw-card .kw-title a { color: inherit; text-decoration: none; outline: none; } .kw-card .kw-title a::after { content: ""; position: absolute; inset: 0; z-index: 1; } .kw-card .kw-ex { margin: 0; color: var(--kb-text-muted); font-size: var(--text-s); line-height: 1.9; }.kw-grid { align-items: stretch; }#brxe-kwgrid {display: grid; align-items: initial; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-s); width: 100%}@media (max-width: 991px) {#brxe-kwgrid {grid-template-columns: repeat(2, minmax(0, 1fr))}}@media (max-width: 767px) {#brxe-kwgrid {grid-template-columns: minmax(0, 1fr)}}#brxe-kwlist {padding-top: var(--space-l); padding-right: 0; padding-bottom: var(--space-xl); padding-left: 0}.kw-grid { list-style: none; margin: 0; padding: 0; }