@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-svg){height:auto;width:auto}:where(.brxe-svg) svg{height:auto;max-width:100%;overflow:visible;width:auto}}@layer bricks {.brxe-code{width:100%}}@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}}.pbl-search-lite { --pbl-panel: rgba(15, 20, 32, 0.88); --pbl-border: rgba(255, 255, 255, 0.15); --pbl-text: #fff; --pbl-muted: #c9c9c9; width: 100%; max-width: 680px; padding: 12px 14px 12px 42px; border: 1px solid var(--pbl-border); border-radius: 14px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9c9c9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") no-repeat 14px center / 18px 18px, radial-gradient(circle at 20% 0%, rgba(59, 130, 246, 0.18), transparent 46%), linear-gradient(165deg, var(--pbl-panel) 0%, rgba(8, 11, 18, 0.96) 100%); backdrop-filter: blur(4px); color: var(--pbl-text); font: inherit; outline: none; transition: border-color 0.22s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.22s cubic-bezier(0.22, 1, 0.36, 1);}.pbl-search-lite::placeholder { color: var(--pbl-muted);}.filter__btn { transition: all 0.22s cubic-bezier(0.22, 1, 0.36, 1);}.filter__btn.is-active,.filter__btn[aria-pressed="true"] { border-color: color-mix(in srgb, var(--accent) 55%, transparent); background: color-mix(in srgb, var(--accent) 14%, transparent); box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent);}.tut-search-highlight { background: rgba(18, 105, 244, 0.78); color: var(--text-light, #fff); border-radius: 0.2rem; padding: 0 0.12rem; font-weight: 700;}.blog-card[hidden] { display: none !important;}.blog-card { transition: opacity 0.24s ease, transform 0.24s ease, filter 0.24s ease;}.blog-card.is-tut-reveal { opacity: 0; transform: translateY(6px);}.blog-card.is-tut-reveal.is-tut-reveal-active { opacity: 1; transform: translateY(0);}.no-found { display: none;}.blog-grid { position: relative;}.tut-grid__lab-loader { position: absolute; left: 50%; top: 18px; transform: translateX(-50%); width: 108px; height: 108px; border-radius: 999px; pointer-events: none; opacity: 0; z-index: 30; background: radial-gradient( circle, rgba(59, 130, 246, 0.24) 0%, rgba(59, 130, 246, 0.12) 45%, transparent 72% ); transition: opacity 0.18s ease;}.blog-grid.is-tut-loading .tut-grid__lab-loader { opacity: 1;}.blog-grid.is-tut-loading .blog-card { opacity: 0.45; filter: blur(1px);}.tut-grid__lab-loader .tut-lab__flask { position: absolute; left: 50%; top: 50%; width: 32px; height: 32px; transform: translate(-50%, -50%); clip-path: polygon(40% 10%, 60% 10%, 60% 30%, 82% 86%, 18% 86%, 40% 30%); border: 1px solid rgba(125, 211, 252, 0.9); border-radius: 0.22rem; background: linear-gradient( to top, rgba(18, 105, 244, 0.92) 0%, rgba(59, 130, 246, 0.78) 42%, rgba(125, 211, 252, 0.14) 43%, transparent 100% ); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12), 0 0 12px rgba(59, 130, 246, 0.38); opacity: 0;}.blog-grid.is-tut-loading .tut-lab__flask { opacity: 1; animation: tut-lab-flask-slosh 1s ease-in-out infinite;}.tut-grid__lab-loader .tut-lab__flask::before { content: ""; position: absolute; top: -4px; left: 44%; width: 12%; height: 14%; border: 1px solid rgba(125, 211, 252, 0.9); border-bottom: 0; border-radius: 0.12rem 0.12rem 0 0; background: rgba(18, 105, 244, 0.42);}.tut-grid__lab-loader .tut-lab__b1,.tut-grid__lab-loader .tut-lab__b2,.tut-grid__lab-loader .tut-lab__b3 { position: absolute; left: 50%; top: 50%; border-radius: 50%; opacity: 0; background: rgba(125, 211, 252, 0.95); transform: translateX(-50%);}.tut-grid__lab-loader .tut-lab__b1 { width: 5px; height: 5px; margin-left: 10px; margin-top: -24px;}.tut-grid__lab-loader .tut-lab__b2 { width: 4px; height: 4px; margin-left: 2px; margin-top: -32px;}.tut-grid__lab-loader .tut-lab__b3 { width: 3px; height: 3px; margin-left: -7px; margin-top: -19px;}.blog-grid.is-tut-loading .tut-lab__b1 { opacity: 1; animation: tut-lab-bubble-rise 0.95s ease-out infinite;}.blog-grid.is-tut-loading .tut-lab__b2 { opacity: 1; animation: tut-lab-bubble-rise 1.15s ease-out 0.2s infinite;}.blog-grid.is-tut-loading .tut-lab__b3 { opacity: 1; animation: tut-lab-bubble-rise 1.3s ease-out 0.35s infinite;}@keyframes tut-lab-flask-slosh { 0%, 100% { transform: translate(-50%, -50%) rotate(-2deg) scale(1); } 50% { transform: translate(-50%, -50%) rotate(2deg) scale(1.03); }}@keyframes tut-lab-bubble-rise { 0% { opacity: 0; transform: translateX(-50%) translateY(0) scale(0.7); } 40% { opacity: 1; } 100% { opacity: 0; transform: translateX(-50%) translateY(-12px) scale(1); }}#brxe-idxqfn {max-width: 40ch}#brxe-trtunm {display: flex; justify-content: center}#brxe-lptojo {flex-direction: row}[data-brx-variant="bprgcd"] .brxe-scacfz {width: 23.1rem}@media (max-width: 767px) {[data-brx-variant="bprgcd"] .brxe-scacfz {width: 100%}}[data-brx-variant="bprgcd"] .brxe-cxtvbb {width: max-content}@media (max-width: 767px) {[data-brx-variant="bprgcd"] .brxe-cxtvbb {width: auto}}[data-brx-variant="bprgcd"] .brxe-eddiny {flex-direction: row; column-gap: var(--space-m); align-items: center}.brxe-jhclch[data-brx-variant="bprgcd"] {display: flex; flex-direction: row; column-gap: var(--space-s); padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; border: 0; background-color: transparent}@media (max-width: 767px) {.brxe-jhclch[data-brx-variant="bprgcd"] {flex-direction: row; flex-wrap: wrap}}#brxe-kggnrw {align-items: center}