@layer components{.voice-wave_wrap{--voice-wave-mix:0;--voice-wave-sky:#7cc4f2;--voice-wave-periwinkle:#8a98ef;justify-content:center;align-items:center;padding:12% 10%;display:flex;position:absolute;inset:0}.voice-wave_bars{justify-content:space-between;align-items:center;gap:2%;width:100%;height:100%;display:flex}.voice-wave_bar{border-radius:var(--radius-round);background:color-mix(in oklab, color-mix(in oklab, var(--voice-wave-periwinkle) calc(var(--x) * 100%), var(--voice-wave-sky)) calc(var(--voice-wave-mix) * 100%), var(--text-2));height:100%;opacity:calc(.55 + var(--voice-wave-mix) * .45);will-change:transform;flex:1 1 0;transform:scaleY(.1)}.media-frame_wrap{border-radius:var(--radius-main);background:var(--background-2);width:100%;box-shadow:var(--ring), var(--shadow);margin:0;position:relative;overflow:hidden}.media-frame_wrap.ratio-16-10{aspect-ratio:16/10}.media-frame_wrap.ratio-16-9{aspect-ratio:16/9}.media-frame_wrap.ratio-209-135{aspect-ratio:209/135}.media-frame_wrap.ratio-23-16{aspect-ratio:23/16}.media-frame_wrap.ratio-4-3{aspect-ratio:4/3}.media-frame_wrap.ratio-1-1{aspect-ratio:1}.media-frame_wrap[data-media-placeholder]{border:var(--border-width) dashed var(--border)}.media-frame_asset{object-fit:cover;width:100%;height:100%;display:block}.media-frame_placeholder{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-5);text-align:center;color:var(--text-2);text-wrap:balance;flex-direction:column;display:flex;position:absolute;inset:0}.media-frame_id{border:var(--border-width) solid var(--border);border-radius:var(--radius-round);color:var(--text);padding:.25em .75em}.media-frame_audio{position:absolute;inset:0}.media-frame_player{inset-inline:var(--space-3);bottom:var(--space-3);width:calc(100% - 2 * var(--space-3));position:absolute}.accordion_wrap{width:100%}.accordion_item{interpolate-size:allow-keywords;border-bottom:var(--border-width) solid var(--border);transition:border-color var(--hover-duration) var(--hover-ease)}@media (hover:hover){.accordion_item:hover{border-bottom-color:currentColor}}.accordion_toggle{justify-content:space-between;align-items:center;gap:var(--space-4);padding-block:var(--space-5);cursor:pointer;list-style:none;display:flex}.accordion_toggle::-webkit-details-marker{display:none}.accordion_title{margin-block:0}.accordion_icon{transition:rotate var(--open-duration) var(--open-ease);rotate:90deg}.accordion_item:is([open],.stacki-opened) .accordion_icon,.stacki-designer .accordion_wrap.preview .accordion_icon{rotate:-90deg}.accordion_item::details-content{content-visibility:hidden;block-size:0;transition:block-size var(--open-duration) var(--open-ease), content-visibility var(--open-duration) var(--open-ease) allow-discrete;overflow:hidden}.accordion_item:is([open],.stacki-opened)::details-content{content-visibility:visible;block-size:auto}.stacki-designer .accordion_wrap.preview .accordion_item::details-content{content-visibility:visible;block-size:auto}.accordion_body{padding-top:var(--space-2);padding-bottom:var(--space-5)}.grid{--_cols:var(--_cols-xs);--_cols-xs:1;--_cols-sm:var(--_cols-xs);--_cols-md:var(--_cols-sm);--_cols-lg:var(--_cols-md);--_gap-size:var(--site-gutter);grid-column-gap:var(--_gap-size);grid-row-gap:var(--_gap-size);grid-template-columns:repeat(var(--_cols), minmax(0, 1fr));width:100%;display:grid}@media (min-width:30rem){.grid{--_cols:var(--_cols-sm)}}@media (min-width:48rem){.grid{--_cols:var(--_cols-md)}}@media (min-width:64rem){.grid{--_cols:var(--_cols-lg)}}.grid:is(.autofit,.autofill){--_max-cols:12;--_min-col-width:12;--_fit:(100% - (var(--_max-cols) - 1) * var(--_gap-size)) / var(--_max-cols);--_track:min(max(calc(var(--_min-col-width) * 1rem), var(--_fit)), 100%)}.grid.autofit{grid-template-columns:repeat(auto-fit, minmax(var(--_track), 1fr))}.grid.autofill{grid-template-columns:repeat(auto-fill, minmax(var(--_track), 1fr))}.feature-tile_wrap{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.feature-tile_wrap.is-link{color:inherit;text-decoration:none}.feature-tile_media{transition:box-shadow var(--hover-duration) var(--hover-ease)}.feature-tile_wrap.is-link:hover .feature-tile_media,.feature-tile_wrap.is-link:focus-visible .feature-tile_media{box-shadow:0 0 0 var(--border-width) var(--text-2), var(--shadow)}.feature-tile_heading{margin:var(--space-4) 0 0}.feature-tile_text{max-width:40ch;color:var(--text-2);margin:0;margin-top:.5rem}}