.breadcrumb{opacity:.7;align-items:center;gap:6px;padding:24px 24px 0 32px;font-size:17px;font-weight:700;display:flex}.breadcrumb a{color:inherit;text-decoration:none}.breadcrumb a:hover{opacity:.8;text-decoration:underline}.blog-article{max-width:740px}.blog-article .intro{color:var(--color-text-secondary,currentColor);margin-bottom:2em;font-size:24px;line-height:1.2}.blog-article h2{text-align:left;color:var(--lightningcss-light,#1e1e1e)var(--lightningcss-dark,#eee);transition:color var(--asm-duration-theme);margin-top:3em;margin-bottom:1em;padding-bottom:5px;font-size:21rem;font-weight:600}.blog-article h3{color:var(--lightningcss-light,#1e1e1e)var(--lightningcss-dark,#eee);margin:2em 0 .5em;font-size:18px;font-weight:600}.blog-article p{margin-top:.75em;font-size:18px;line-height:1.4}.blog-article p strong{font-weight:600}.blog-article table{table-layout:fixed;border-collapse:collapse;text-wrap:balance;width:100%;margin-bottom:32px;font-size:16px}.blog-article th{border-bottom:2px solid color-mix(in srgb, currentColor 25%, transparent);letter-spacing:.06em;text-align:left;text-transform:uppercase;opacity:.65;width:33.33%;padding:4px 20px 4px 0;font-size:14px;font-weight:700}.blog-article td{border-top:1px solid color-mix(in srgb, currentColor 10%, transparent);border-bottom:1px solid color-mix(in srgb, currentColor 10%, transparent);text-align:left;vertical-align:top;padding:12px 32px .8em 0;line-height:1.4}.blog-article td:first-child{width:28%;color:var(--asc-txt-h2-artsy);opacity:1}.blog-article td:nth-child(2){width:34%;color:var(--asc-txt-h2-artsy);opacity:.8}.blog-article td:last-child{width:38%;color:inherit;opacity:1;padding-right:0;font-size:23px}.blog-article td.ti{text-align:center;vertical-align:middle;width:32px;color:var(--asc-txt);padding:6px 8px;line-height:0}.blog-article ul,.blog-article ol{margin-top:.6em;margin-bottom:.8em;padding-left:0}.blog-article ul{list-style-type:disc;list-style-position:inside}.blog-article ol{list-style-type:decimal;list-style-position:inside}.blog-article li{text-indent:-1.4em;margin-bottom:.3em;padding-left:1.4em;font-size:15px;line-height:1.65}.blog-article code{border:1px solid var(--color-border,#0000001a);background:var(--asc-tile-bg,#0000000f);border-radius:3px;padding:1px 5px;font-family:SF Mono,Fira Mono,ui-monospace,monospace;font-size:.88em}.blog-article .golden-rule{border-left:3px solid var(--asc-accent,#4a8);background:var(--asc-tile-bg,#0000000a);border-radius:0 8px 8px 0;margin:1.2em 0 1.6em;padding:12px 20px;font-size:15px;line-height:1.55}.blog-article .callout{border-left:3px solid var(--color-border,#00000040);background:var(--asc-tile-bg,#0000000a);border-radius:0 8px 8px 0;margin:2em 0;padding:10px 16px;font-size:14px;line-height:1.55}.blog-article .editor-type{border-radius:var(--as-radius-tile-large);margin:1.4em 0;padding:32px 24px}@supports (corner-shape:squircle){.blog-article .editor-type{corner-shape:squircle;border-radius:var(--as-radius-squircle-tile-large)}}.blog-article .editor-type{background:var(--asc-tile-bg,#00000008)}.blog-article .editor-type h3{margin-top:0}.blog-article .screenshot{border:1px solid var(--color-border,#0000001a);border-radius:6px;max-width:100%;margin:10px 0;display:block}.blog-article .screenshot.screenshot--inline{margin:4px 4px 4px 0;display:inline-block}.blog-article .table-wrap{margin:.8em 0 1.4em;overflow-x:auto}.blog-article .checklist{padding-left:0;list-style:none}.blog-article .checklist li{text-indent:0;padding-left:1.8em;position:relative}.blog-article .checklist li:before{content:"☐";opacity:.45;position:absolute;left:0}.blog-article .section-note{opacity:.65;margin-top:-4px;margin-bottom:18px;font-size:18px;line-height:1.5}.blog-article .icon-row{border-bottom:1px solid color-mix(in srgb, currentColor 10%, transparent);align-items:flex-start;gap:16px;padding:16px;display:flex}.blog-article .icon-row:last-child{border-bottom:none}.blog-article .icon-wrap{border:1px solid var(--color-border,#0000001f);color:currentColor;background:var(--asc-tile-bg,#0000000a);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.blog-article .icon-wrap svg{display:block}.blog-article .icon-wrap.is-active{color:#335bc8;background:#335bc81a;border-color:#335bc84d}.blog-article .icon-body{flex:1;min-width:0}.blog-article .icon-name{margin-bottom:3px;font-size:18px;font-weight:600}.blog-article .icon-desc{opacity:.75;font-size:16px;line-height:1.55}.blog-article .icon-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.blog-article .kbd{border:1px solid var(--color-border,#00000026);color:var(--color-text,currentColor);background:var(--asc-tile-bg,#0000000d);opacity:.4;border-radius:4px;padding:4px 8px;font-family:SF Mono,Fira Mono,ui-monospace,monospace;font-size:16px;font-weight:600;display:inline-block}.blog-article .tag{letter-spacing:.05em;text-transform:uppercase;border-radius:20px;padding:4px 7px;font-size:13px;font-weight:700;display:inline-block}.blog-article .tag-selection{color:#7a5800;background:#f5a62326}.blog-article .tag-plugin{color:#236b23;background:#3ca03c1f}.blog-article .tag-modal{color:#335bc8;background:#335bc81f}.blog-article .tag-color{color:#8b1a6b;background:#b41e781a}.blog-article .icon-section{margin-bottom:40px}.blog-article .icon-section-header{align-items:center;gap:10px;margin-top:1.5em;margin-bottom:.5em;display:flex}.blog-article .icon-section-header h2{margin:0}.blog-article .section-badge{letter-spacing:.07em;text-transform:uppercase;opacity:.7;background:#00000012;border-radius:20px;padding:2px 8px;font-size:13px;font-weight:700}.blog-article .section-badge.plugin{color:#236b23;opacity:1;background:#3ca03c1f}.blog-article .dropdown-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;margin-bottom:32px;display:grid}.blog-article .block-card{border:1px solid var(--color-border,#0000001a);background:var(--asc-tile-bg,#00000008);border-radius:6px;padding:12px}.blog-article .block-label{letter-spacing:.07em;text-transform:uppercase;opacity:.4;margin-bottom:6px;font-size:16px;font-weight:700}.blog-article .block-preview{margin-bottom:4px;font-size:16px;font-weight:600}.blog-article .block-preview.is-h1{font-size:24px}.blog-article .block-preview.is-h2{font-size:19px}.blog-article .block-preview.is-h3{font-size:16px;font-style:italic}.blog-article .block-preview.is-bq{border-left:3px solid var(--color-border,#0003);opacity:.7;padding-left:8px;font-style:italic;font-weight:400}.blog-article .block-preview.is-code{background:var(--asc-tile-bg,#0000000d);border-radius:4px;padding:3px 6px;font-family:SF Mono,Fira Mono,ui-monospace,monospace;font-size:12px;font-weight:400}.blog-article .block-desc{opacity:.5;font-size:11px}.blog-article .lang-tabs{border-bottom:1px solid color-mix(in srgb, currentColor 12%, transparent);gap:0;margin-bottom:32px;display:flex}.blog-article .lang-tab-btn{letter-spacing:.01em;color:inherit;cursor:pointer;opacity:.4;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 18px;font-size:13px;font-weight:600;transition:opacity .12s,border-color .12s}.blog-article .lang-tab-btn:hover{opacity:.7}.blog-article .lang-tab-btn.active{border-bottom-color:var(--asc-accent,currentColor);opacity:1}.blog-article.style-guide-tables table td:first-child{width:38%;color:inherit;opacity:.9;padding:32px 24px 40px 0}.blog-article.style-guide-tables table td:first-child strong{color:inherit;margin-bottom:8px;font-size:16px;font-weight:600;display:block}.blog-article.style-guide-tables table td:first-child span{color:var(--asc-txt-h2-artsy);opacity:.92;font-size:16px;line-height:1.25;display:block}.blog-article.style-guide-tables table td:last-child{width:62%;color:inherit;opacity:1;padding:32px 24px 40px;font-size:26px;line-height:1.3;position:relative}.blog-article.style-guide-tables table td:last-child:before{content:"";background:color-mix(in srgb, currentColor 15%, transparent);width:1px;position:absolute;top:8px;bottom:8px;left:0}.blog-article.style-guide-tables table td:last-child:after{content:"";background:color-mix(in srgb, currentColor 15%, transparent);width:1px;position:absolute;top:8px;bottom:8px;right:0}.lang-tabs{gap:4px;margin-bottom:2em;display:flex}.lang-tab-btn{border:1px solid var(--color-border,#00000026);letter-spacing:.05em;text-transform:uppercase;color:inherit;cursor:pointer;opacity:.4;background:0 0;padding:7px 16px;font-size:12px;font-weight:600;transition:opacity .12s}.lang-tab-btn:hover{opacity:.75}.lang-tab-btn.active{background:var(--asc-tile-bg);opacity:1;border-color:#0000}.blog-intro{opacity:.7;max-width:640px;margin-bottom:24px;font-size:24px;line-height:1.2}.posts-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:4px;max-width:900px;display:grid}.post-card{color:inherit;border-radius:12px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}@supports (corner-shape:squircle){.post-card{corner-shape:squircle;border-radius:20px}}@media (hover:hover){.post-card:hover .post-thumbnail{background-color:var(--asc-tile-bg-hover)}.post-card:hover .post-read-more{opacity:1}}.post-card[data-lang=DE] .post-thumbnail,.post-card[data-lang=DE] .post-body{background-color:var(--lightningcss-light,#e3ece6)var(--lightningcss-dark,#262e29)}.post-card[data-lang=DE] .tile-icon{color:var(--lightningcss-light,#1e5a3240)var(--lightningcss-dark,#b4e6c340)}.post-card[data-lang=DE] .tile-lang{color:var(--lightningcss-light,#14502880)var(--lightningcss-dark,#b4e6c359)}.post-card[data-lang=DE] .post-title{color:var(--lightningcss-light,#0a3c19bf)var(--lightningcss-dark,#e6fcee9e)}.post-card[data-lang=DE] .post-excerpt{color:var(--lightningcss-light,#1446238c)var(--lightningcss-dark,#d2f0dc59);opacity:1}.post-card[data-lang=DE] .post-read-more{color:var(--lightningcss-light,#14502880)var(--lightningcss-dark,#b4e6c373);opacity:1}@media (hover:hover){.post-card[data-lang=DE]:hover .post-thumbnail,.post-card[data-lang=DE]:hover .post-body{background-color:var(--lightningcss-light,#d0d9d3)var(--lightningcss-dark,#333b36)}.post-card[data-lang=DE]:hover .post-read-more{filter:brightness(1.4)}}.post-card[data-lang=EN] .post-thumbnail,.post-card[data-lang=EN] .post-body{background-color:var(--lightningcss-light,#e2e9ef)var(--lightningcss-dark,#263038)}.post-card[data-lang=EN] .tile-icon{color:var(--lightningcss-light,#14467840)var(--lightningcss-dark,#aad2f540)}.post-card[data-lang=EN] .tile-lang{color:var(--lightningcss-light,#14416e80)var(--lightningcss-dark,#aad2f559)}.post-card[data-lang=EN] .post-title{color:var(--lightningcss-light,#0a3264bf)var(--lightningcss-dark,#e1f0ff9e)}.post-card[data-lang=EN] .post-excerpt{color:var(--lightningcss-light,#143c6e8c)var(--lightningcss-dark,#c3e1fa73);opacity:1}.post-card[data-lang=EN] .post-read-more{color:var(--lightningcss-light,#14416e80)var(--lightningcss-dark,#aad2f573);opacity:1}@media (hover:hover){.post-card[data-lang=EN]:hover .post-thumbnail,.post-card[data-lang=EN]:hover .post-body{background-color:var(--lightningcss-light,#cfd7dd)var(--lightningcss-dark,#333c44)}.post-card[data-lang=EN]:hover .post-read-more{filter:brightness(1.4)}}.post-card .post-thumbnail{aspect-ratio:16/9;background-color:var(--asc-tile-bg);transition:background-color var(--asm-duration-theme,.18s);grid-template-rows:1fr auto;padding:max(12px,min(6cqw,24px));display:grid;container-type:inline-size}.post-card .tile-icon{width:max(28px,min(28cqw,72px));color:var(--asc-tile-icon);transition:color var(--asm-duration-theme,.18s);place-self:start end}.post-card .tile-foot{align-self:end;align-items:baseline;gap:8px;display:flex}.post-card .tile-title{color:var(--asc-tile-title);transition:color var(--asm-duration-theme,.18s);font-size:max(14px,min(5cqw,20px));font-weight:600;line-height:1.2}.post-card .tile-lang{letter-spacing:.06em;text-transform:uppercase;color:var(--asc-gray-sec-dark);flex-shrink:0;margin-bottom:8px;font-size:13px;font-weight:700}.post-card .post-body{background-color:var(--asc-tile-bg);transition:background-color var(--asm-duration-theme,.18s);flex-direction:column;flex:1;gap:.25rem;padding:24px;display:flex}.post-card .post-title{color:var(--asc-tile-title);transition:color var(--asm-duration-theme,.18s);margin:0;font-size:18px;font-weight:600;line-height:1.3}.post-card .post-subtitle{opacity:.55;margin:0;font-size:13px}.post-card .post-excerpt{opacity:.85;margin:.75em 0 24px;font-size:16px;line-height:1.4}.post-card .post-read-more{opacity:.6;margin-top:auto;padding-top:1rem;font-size:15px;font-weight:500;display:block}