@charset "UTF-8";:root,:root[data-mode=light]{--cover-radius: var(--radius-normal);--tag-radius: var(--radius-bg)}.article-hero{margin-block:var(--gap-lg);max-width:var(--width-2xl);line-height:var(--line-height-sm);font-feature-settings:"lnum" 1,"chws" 1}.hero-image img{border-radius:var(--cover-radius)}.hero-content{margin-block:var(--gap-lg)}.article-description{white-space:pre-wrap}.article-meta{display:flex;align-items:center;gap:var(--gap-md);padding-left:0;font-size:var(--text-sm);opacity:75%;list-style:none}.meta-item,.meta-tags{display:inline-flex;align-items:center;gap:var(--gap-xs)}.meta-tags{padding-left:0;list-style:none}.tag-item:before{content:"#";opacity:50%}.tag-item{display:inline-flex;justify-content:center;align-items:center;gap:var(--gap-xs)}@media screen and (max-width:768px){.article-hero,.hero-content{margin-block:var(--gap-md)}.article-meta{flex-wrap:wrap;gap:var(--gap-sm);font-size:var(--text-xs)}}:root{--img-radius: var(--radius-normal)}:root[data-mode=light]{--color-selection: var(--color-slate-300);--inline-code-bg: var(--color-neutral-300);--color-prose-bullet: var(--color-neutral-400);--color-tasklist-bg: color-mix(in oklch, var(--color-neutral-100), var(--color-neutral-200));--border-tasklist: 1px solid var(--color-neutral-400);--shadow-tasklist: 0 1px 2px 0 rgba(0, 0, 0, .25);--color-tasklist-checkbox-bg: ;--border-tasklist-checkbox: 2px solid var(--color-neutral-400);--color-tasklist-checkbox-checked-bg: var(--color-neutral-500);--color-tasklist-checkbox-border: var(--color-neutral-500);--shadow-img: 0 1px 2px 0 rgba(0, 0, 0, .25);--border-table: 1px solid var(--color-neutral-300);--shadow-table: 0 1px 2px 0 rgba(0, 0, 0, .25);--color-table-head: color-mix(in oklch, var(--color-neutral-100), var(--color-neutral-200));--color-tablerow-odd: var(--color-neutral-100);--color-tablerow-even: var(--color-neutral-50);--color-tablerow-hover: var(--color-slate-300);--color-link: var(--color-sky-700);--color-link-hover: var(--color-sky-600);--color-highlight: color-mix(in oklch, var(--color-slate-400), var(--color-blue-300))}:root[data-mode=dark]{--color-selection: var(--color-slate-700);--inline-code-bg: var(--color-neutral-700);--color-prose-bullet: var(--color-neutral-500);--color-tasklist-bg: var(--color-neutral-800);--border-tasklist: 1px solid var(--color-neutral-600);--shadow-tasklist: 0 1px 2px 0 rgba(0, 0, 0, .75);--color-tasklist-checkbox-bg: ;--border-tasklist-checkbox: 2px solid var(--color-neutral-400);--color-tasklist-checkbox-checked-bg: var(--color-neutral-500);--color-tasklist-checkbox-border: var(--color-neutral-500);--shadow-img: 0 1px 2px 0 rgba(0, 0, 0, 1);--border-table: 1px solid color-mix(in oklch, var(--color-neutral-800), var(--color-neutral-700));--shadow-table: 0 1px 2px 0 rgba(0, 0, 0, 1);--color-table-head: color-mix(in oklch, var(--color-neutral-800), var(--color-neutral-900));--color-tablerow-odd: var(--color-neutral-900);--color-tablerow-even: color-mix(in oklch, var(--color-neutral-800), var(--color-neutral-900));--color-tablerow-hover: var(--color-slate-800);--color-link: color-mix(in oklch, var(--color-slate-400), var(--color-blue-300));--color-link-hover: var(--color-slate-300);--color-highlight: color-mix(in oklch, var(--color-slate-400), var(--color-blue-300))}::selection{color:var(--color-primary);background-color:var(--color-selection)}.article-container{max-width:var(--width-2xl);width:var(--width-full)}.anchor{position:absolute;left:-2rem;opacity:0;font-family:var(--font-text-sans);font-weight:var(--font-normal);transition-property:opacity;transition-duration:var(--duration-fast);transition-timing-function:var(--timing-default);user-select:none}h1:hover .anchor,h2:hover .anchor{opacity:1}.header-anchor:hover{opacity:1!important}hr{opacity:50%;margin-block:var(--gap-lg)}p{font-size:var(--text-base);font-feature-settings:"cv10","cv05","calt";text-indent:var(--indent-2rem);line-height:var(--line-height-lg);word-break:normal;hanging-punctuation:allow-end;overflow-wrap:break-word;margin-block:var(--p-space-none)}p[lang=en]{text-indent:var(--indent-none);margin-left:1.5em;hyphens:auto;word-break:break-word}.article-content>p:first-of-type:first-letter{float:left;font-size:4.5rem;margin-right:8px;font-family:var(--font-display-serif);padding-top:4px;font-weight:700;line-height:.86em;font-feature-settings:"halt"}mark{background-color:var(--color-highlight)}figure{margin:var(--gap-lg)}figure img{width:var(--width-full);height:var(--height-auto);border-radius:var(--img-radius);box-shadow:var(--shadow-img)}figcaption:before{align-items:flex-start;margin-right:var(--gap-md);content:"\2191"}figcaption{display:flex;margin:var(--gap-md);margin-left:var(--gap-none);opacity:75%;font-size:var(--text-sm);text-align:left;line-height:var(--line-height-md)}code{font-family:var(--font-mono);font-weight:350;font-feature-settings:"ss19"}code:not(.hljs){padding:2px var(--gap-xs);margin:2px;vertical-align:baseline;font-family:var(--font-mono);font-size:var(--text-sm);line-height:inherit;border-radius:5px;background-color:var(--inline-code-bg);overflow-wrap:anywhere}blockquote{position:relative;font-family:var(--font-script);font-style:italic;font-size:var(--text-lg);line-height:var(--line-height-article)}blockquote:before{position:absolute;top:-40px;left:-30px;z-index:0;font-family:var(--font-display-serif),serif;font-size:15rem;font-weight:var(--font-bold);font-style:normal;line-height:1;opacity:20%;pointer-events:none;content:"\201c"}blockquote>p{text-indent:var(--indent-none)}blockquote blockquote:before{content:none}.katex{font-size:var(--text-lg)}.katex-block{overflow-x:auto}p .katex,li .katex{font-size:var(--text-base)}figcaption span .katex{font-size:var(--text-sm)}.prose li:not(.task-list-item)::marker{color:var(--color-prose-bullet)}.prose li:not(.task-list-item){line-height:var(--line-height-lg)}.task-list-container{list-style:none;display:flex;flex-direction:column}.task-list-item{display:inline-flex;align-items:center;gap:var(--gap-sm);margin-block:var(--gap-sm);padding:var(--gap-md);border:var(--border-tasklist);border-radius:var(--radius-normal);box-shadow:var(--shadow-tasklist);background-color:var(--color-tasklist-bg)}.task-list-item input[type=checkbox]{appearance:none;-webkit-appearance:none;display:inline-block;position:relative;width:1rem;height:1rem;border-radius:50%;border:var(--border-tasklist-checkbox);background-color:var(--color-tasklist-checkbox-bg)}.task-list-item input[type=checkbox]:checked{background-color:var(--color-tasklist-checkbox-checked-bg);border-color:var(--color-tasklist-checkbox-border)}.task-list-item input[type=checkbox]:checked:after{content:"";position:absolute;left:50%;top:45%;width:.25rem;height:.5rem;border:solid white;border-width:0 1.5px 1.5px 0;transform:translate(-50%,-50%) rotate(45deg)}.task-list-item input[type=checkbox]:checked+.task-list-item-label{text-decoration:line-through 2px}.table-container{display:flex;margin-block:var(--gap-lg);width:100%;overflow-y:auto;border-radius:var(--radius-normal);box-shadow:var(--shadow-table)}table:not(.hljs-ln){display:table;width:100%;max-width:100%;margin:0 auto;border:var(--border-table);border-collapse:separate;border-spacing:0;border-radius:var(--radius-normal);white-space:nowrap;overflow:hidden}table:not(.hljs-ln) td,table:not(.hljs-ln) th,table:not(.hljs-ln) tr{transition-property:all;transition-duration:var(--duration-fast);transition-timing-function:var(--timing-default)}table:not(.hljs-ln) th{padding:1rem 10px;background-color:var(--color-table-head)}table:not(.hljs-ln) th span{display:block}table:not(.hljs-ln) th span:nth-child(2){font-size:var(--text-sm)}table:not(.hljs-ln) tr:nth-child(2n){background-color:var(--color-tablerow-even)}table:not(.hljs-ln) tr:nth-child(odd){background-color:var(--color-tablerow-odd)}table:not(.hljs-ln) tr:hover{background-color:var(--color-tablerow-hover)}table:not(.hljs-ln) td{padding:.5rem 1rem}table:not(.hljs-ln) td span{display:block}table:not(.hljs-ln) td span:nth-child(2){font-size:var(--text-sm)}table code{background-color:transparent!important}.prose a{color:var(--color-link);text-decoration:none;word-break:break-all;transition-property:all;transition-duration:var(--duration-fast);transition-timing-function:var(--timing-default)}.prose a:hover{color:var(--color-link-hover);text-decoration:underline 1.5px}a.external-link:after{content:"\2197";display:inline-block;position:relative;top:-.3rem;margin-right:.1rem;color:var(--color-primary);font-size:var(--text-sm);opacity:50%;text-indent:var(--indent-none)}figcaption a.external-link:after,.footnote-item p a.external-link:after{top:-.2rem}.footnotes-list,.footnote-item p{font-size:var(--text-sm);text-indent:0}.footnote-backref{font-size:var(--text-xs)}.youtube-video-container{aspect-ratio:16 / 9;width:var(--width-full)}.youtube-video-container iframe{width:var(--width-full);height:var(--height-full);border-radius:var(--radius-normal)}@media screen and (max-width:768px){figure{margin:var(--gap-md) 0}blockquote{margin:0 var(--gap-md)}.table-container{margin-block:var(--gap-md)}.prose ul,.prose ol{padding-inline-start:var(--indent-2rem)}ul.task-list-container{padding-inline-start:var(--indent-none)}}.article-sidebar{position:sticky;top:150px}@media screen and (max-width:768px){.article-sidebar{width:100%}}:root{--codeblock-header: #313244;--codeblock-bg: #1e1e2e;--codeblock-highlight: #45475a;--color-code-primary: #cdd6f4;--color-code-secondary: #a6adc8;--color-code-success: var(--color-emerald-600);--border-code-card: 1px solid var(--color-gray-700)}:root[data-mode=light]{--shadow-code-card: 0 1px 2px 0 rgba(0, 0, 0, .25)}:root[data-mode=dark]{--shadow-code-card: 0 1px 2px 0 rgba(0, 0, 0, 1)}.code-card{margin-block:var(--gap-lg);border-radius:var(--radius-normal);border:var(--border-code-card);box-shadow:var(--shadow-code-card)}.code-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:var(--height-fit);background-color:var(--codeblock-header);padding:var(--gap-sm) var(--gap-md);padding-left:1.5rem;border-radius:var(--radius-normal) var(--radius-normal) 0 0}.code-lang{opacity:75%;font-size:var(--text-sm);color:var(--color-code-primary)}.code-copy{display:inline-flex;align-items:center;justify-content:center;width:var(--btn-width);height:var(--btn-height);border:none;border-radius:var(--btn-radius);background:none;color:var(--color-code-primary);transition-timing-function:var(--timing-default);transition-duration:var(--duration-fast);transition-property:background,color;cursor:pointer}.code-copy:hover{background:var(--codeblock-highlight)}.code-copy.copy-success{color:var(--color-code-primary);background-color:var(--color-code-success)}pre{padding:0;margin:0}.code-body{font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--line-height-md);overflow-x:auto;padding:var(--gap-md);border-radius:0 0 var(--radius-normal) var(--radius-normal);background-color:var(--codeblock-bg);scrollbar-color:var(--color-scrollbar-fg) var(--color-scrollbar-bg)}.hljs,.hljs-ln-code{tab-size:4}.hljs-ln{width:var(--height-full);border-collapse:collapse;background:var(--codeblock-bg)}.hljs-ln-numbers{width:var(--gap-lg)!important;min-width:var(--gap-lg)!important;padding-right:1.5rem!important;text-align:right;color:var(--color-code-secondary);user-select:none}.hljs-ln-code{padding-left:10px}[data-mode=dark]{--shadow-callout: 0 1px 2px 0 rgba(0, 0, 0, .75);--callout-red-primary: var(--color-red-500);--callout-red-accent: var(--color-red-400);--callout-amber-primary: var(--color-amber-500);--callout-amber-accent: var(--color-amber-400);--callout-green-primary: var(--color-green-500);--callout-green-accent: var(--color-green-400);--callout-teal-primary: var(--color-teal-500);--callout-teal-accent: var(--color-teal-400);--callout-sky-primary: var(--color-sky-500);--callout-sky-accent: var(--color-sky-400);--callout-indigo-primary: var(--color-indigo-500);--callout-indigo-accent: var(--color-indigo-400);--callout-purple-primary: var(--color-purple-500);--callout-purple-accent: var(--color-purple-400);--opacity-callout-bg: 75%;--opacity-callout-icon: 25% }[data-mode=light]{--shadow-callout: 0 1px 2px 0 rgba(0, 0, 0, .25);--callout-red-primary: var(--color-rose-600);--callout-red-accent: var(--color-rose-600);--callout-amber-primary: var(--color-amber-500);--callout-amber-accent: var(--color-yellow-500);--callout-green-primary: var(--color-green-600);--callout-green-accent: var(--color-green-600);--callout-teal-primary: var(--color-teal-600);--callout-teal-accent: var(--color-teal-600);--callout-sky-primary: var(--color-sky-600);--callout-sky-accent: var(--color-sky-600);--callout-indigo-primary: var(--color-indigo-600);--callout-indigo-accent: var(--color-indigo-600);--callout-purple-primary: var(--color-purple-600);--callout-purple-accent: var(--color-purple-600);--opacity-callout-bg: 90%;--opacity-callout-icon: 25% }.callout-red{--color-callout-bg: var(--callout-red-primary);--color-callout-accent: var(--callout-red-accent)}.callout-amber{--color-callout-bg: var(--callout-amber-primary);--color-callout-accent: var(--callout-amber-accent)}.callout-green{--color-callout-bg: var(--callout-green-primary);--color-callout-accent: var(--callout-green-accent)}.callout-teal{--color-callout-bg: var(--callout-teal-primary);--color-callout-accent: var(--callout-teal-accent)}.callout-sky{--color-callout-bg: var(--callout-sky-primary);--color-callout-accent: var(--callout-sky-accent)}.callout-indigo{--color-callout-bg: var(--callout-indigo-primary);--color-callout-accent: var(--callout-indigo-accent)}.callout-purple{--color-callout-bg: var(--callout-purple-primary);--color-callout-accent: var(--callout-purple-accent)}.callout:before{content:"";width:.25rem;position:absolute;top:0;bottom:0;left:0;z-index:2;background-color:var(--color-callout-accent);transition-timing-function:var(--timing-default);transition-duration:var(--duration-fast);transition-property:background-color}.callout{width:var(--width-full);margin-block:var(--p-space-loose);position:relative;overflow:hidden;border-radius:0 var(--radius-normal) var(--radius-normal) 0;background-color:color-mix(in oklch,var(--color-callout-bg),transparent var(--opacity-callout-bg));border:1px solid color-mix(in oklch,var(--color-callout-accent),transparent 60%);box-shadow:var(--shadow-callout);transition-timing-function:var(--timing-default);transition-duration:var(--duration-fast);transition-property:background-color}.callout-content{padding:var(--gap-md) var(--gap-lg)}.callout-title{color:var(--color-callout-accent);transition-timing-function:var(--timing-default);transition-duration:var(--duration-fast);transition-property:color}.callout-title iconify-icon{position:absolute;right:0;bottom:0;font-size:10rem;opacity:var(--opacity-callout-icon);line-height:1;pointer-events:none;z-index:0;transform:translate(25%,25%);will-change:auto}.callout-title span{font-size:var(--text-lg);font-family:var(--font-display-serif);line-height:var(--line-height-lg);font-weight:var(--font-semibold)}.callout-body p{margin:0;text-indent:var(--indent-none);margin-block:var(--p-space-tight);line-height:var(--line-height-lg);white-space:pre-wrap}.mermaid{display:flex;align-items:center;justify-content:center;overflow-x:auto}.mermaid p{text-indent:var(--indent-none)}:root[data-mode=light]{--border-toc: var(--color-neutral-300);--color-toc-active: var(--color-slate-200);--color-toc-active-marker: var(--color-sky-700)}:root[data-mode=dark]{--border-toc: var(--color-neutral-700);--color-toc-active: var(--color-slate-700);--color-toc-active-marker: color-mix(in oklch, var(--color-slate-400), var(--color-blue-300)) }section.sidebar-block.toc-container{display:flex;flex-direction:column;overflow:hidden;max-height:40vh}.toc-header{flex-shrink:0;margin-bottom:var(--gap-lg)}.toc{flex-grow:1;overflow-y:auto;position:relative;min-width:var(--width-xs);scrollbar-gutter:stable;scroll-behavior:smooth}.toc>.toc-list{position:relative;margin:0;padding:0;list-style:none}.toc>.toc-list:before{content:"";position:absolute;top:10px;bottom:10px;left:0;width:3px;background-color:var(--border-toc);z-index:1}.toc-marker{position:absolute;left:0;width:3px;height:0;background-color:var(--color-toc-active-marker);border-radius:4px;transition:all var(--duration-fast) var(--timing-default);z-index:2}.toc-list{padding-left:0}.toc-item{padding-left:1rem;padding-right:1rem;transition-property:background-color,border-color;transition-duration:var(--duration-fast);transition-timing-function:var(--timing-default);line-height:var(--line-height-2xl);border-left:2px solid transparent;border-radius:0 var(--radius-sm) var(--radius-sm) 0;list-style-type:none}.toc-item a{display:block;color:currentColor;opacity:.3;transition-property:opacity;transition-duration:var(--duration-fast);transition-timing-function:var(--timing-default)}.toc-item.active>a{opacity:1}@media screen and (max-width:768px){section.sidebar-block.toc-container{max-height:none;margin-top:var(--gap-sm)}.toc{min-width:0;max-height:240px}}[data-mode=light]{--audio-container-bg: var(--color-neutral-200);--audio-container-border: 1px solid var(--color-neutral-300);--audio-container-shadow: 0 1px 2px 0 rgba(0, 0, 0, .25);--btn-bg: var(--color-neutral-100);--btn-border: 1px solid var(--color-neutral-300);--btn-shadow: 0 1px 2px 0 rgba(0, 0, 0, .25);--btn-color: var(--color-primary);--btn-hover-bg: var(--color-neutral-300);--btn-hover-border: 1px solid var(--color-neutral-400);--btn-hover-shadow: 0 1px 2px 0 rgba(0, 0, 0, .25);--btn-hover-color: var(--color-primary);--seek-bar-bg: var(--color-neutral-100);--seek-bar-shadow: inset 0 2px 3px 0px rgba(0, 0, 0, .25);--seek-bar-fill-bg: var(--color-neutral-700);--seek-bar-handle-bg: var(--color-neutral-100);--seek-bar-handle-border: 1px solid var(--color-neutral-400);--seek-bar-handle-shadow: 0 1px 2px 0 rgba(0, 0, 0, .25);--seek-bar-handle-hover-bg: var(--color-neutral-300);--seek-bar-handle-hover-border: 1px solid var(--color-neutral-400);--secondary-border: 1px solid var(--color-neutral-400)}[data-mode=dark]{--audio-container-bg: var(--color-neutral-800);--audio-container-border: 1px solid var(--color-neutral-700);--audio-container-shadow: 0 1px 2px 0 rgba(0, 0, 0, .25);--btn-bg: var(--color-neutral-700);--btn-border: 1px solid var(--color-neutral-600);--btn-shadow: 0 1px 2px 0 rgba(0, 0, 0, .25);--btn-color: var(--color-primary);--btn-hover-bg: var(--color-neutral-600);--btn-hover-border: 1px solid var(--color-neutral-500);--btn-hover-shadow: 0 1px 2px 0 rgba(0, 0, 0, .25);--btn-hover-color: var(--color-primary);--seek-bar-bg: var(--color-neutral-800);--seek-bar-shadow: inset 0 2px 3px 0px rgba(0, 0, 0, .5), inset 0 -1px 0px 0px rgba(127, 127, 127, .2);--seek-bar-fill-bg: var(--color-neutral-500);--seek-bar-handle-bg: var(--color-neutral-600);--seek-bar-handle-border: 1px solid var(--color-neutral-500);--seek-bar-handle-shadow: 0 1px 2px 0 rgba(0, 0, 0, .25);--seek-bar-handle-hover-bg: var(--color-neutral-500);--seek-bar-handle-hover-border: 1px solid var(--color-neutral-400);--secondary-border: 1px solid var(--color-neutral-600)}.audio-container{margin:var(--gap-lg) var(--gap-none);padding:var(--gap-md);background-color:var(--audio-container-bg);border:var(--audio-container-border);border-radius:var(--radius-normal);box-shadow:var(--audio-container-shadow)}.audio-controls{display:grid;row-gap:var(--gap-sm);column-gap:var(--gap-md);width:var(--width-full);grid-template-columns:auto 1fr auto;grid-template-areas:"play info controls" "play progress controls"}.play-pause-btn{grid-area:play}.audio-info{grid-area:info}.progress-section{grid-area:progress}.secondary-section{grid-area:controls}.play-pause-btn{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;font-size:var(--text-4xl)}.play-pause-btn,.speed-btn,.mute-btn,.download-btn{background-color:var(--btn-bg);border:var(--btn-border);box-shadow:var(--btn-shadow);color:var(--btn-color);transition-property:all;transition-timing-function:ease-out;transition-duration:.1s}.play-pause-btn:hover,.speed-btn:hover,.mute-btn:hover,.download-btn:hover{background-color:var(--btn-hover-bg);border:var(--btn-hover-border);box-shadow:var(--btn-hover-shadow);color:var(--btn-hover-color)}.progress-section{display:flex;flex-direction:column;flex-grow:1;gap:var(--gap-xs)}.title-container{width:200px;overflow:hidden;white-space:nowrap;position:relative;line-height:var(--line-height-md);mask-image:none;-webkit-mask-image:none}.title-container.is-scrolling{mask-image:linear-gradient(to right,transparent,var(--audio-container-bg) 10px,var(--audio-container-bg) calc(100% - 10px),transparent);-webkit-mask-image:linear-gradient(to right,transparent,var(--audio-container-bg) 10px,var(--audio-container-bg) calc(100% - 10px),transparent)}.title-track{display:inline-flex;gap:var(--gap-lg)}.title-track.scrolling{animation:marquee 10s linear infinite}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(calc(-50% - calc(var(--gap-lg) / 2)))}}.audio-title{flex-shrink:0;font-weight:700}.audio-info{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.progress-bar{display:flex;align-items:center;gap:var(--gap-md);width:var(--width-full)}.progress-bar .time{opacity:75%;font-size:var(--text-sm);font-feature-settings:"tnum" 1}.seek-bar{display:flex;position:relative;flex-grow:1;align-items:center;height:12px;cursor:pointer}.seek-bar-bg{position:absolute;width:100%;height:8px;border-radius:4px;background-color:var(--seek-bar-bg);box-shadow:var(--seek-bar-shadow)}.seek-bar-fill{position:absolute;width:0;height:4px;margin:0 2px;background-color:var(--seek-bar-fill-bg);border-radius:2px;transition-property:all;transition-timing-function:ease-out;transition-duration:.1s}.seek-bar-handle{position:absolute;left:0;width:1.5rem;height:1rem;border-radius:var(--radius-normal);transform:translate(-50%);transform-origin:center center;background-color:var(--seek-bar-handle-bg);border:var(--seek-bar-handle-border);box-shadow:var(--seek-bar-handle-shadow);transition-property:all;transition-timing-function:ease-out;transition-duration:.1s}.seek-bar:hover .seek-bar-handle{transform:scale(1.1) translate(-50%);background-color:var(--seek-bar-handle-hover-bg);border:var(--seek-bar-handle-hover-border)}.secondary-section{display:flex;flex-direction:row;align-items:center;gap:var(--gap-sm);padding-left:var(--gap-md);border-left:var(--secondary-border)}.speed-btn,.mute-btn,.download-btn{display:inline-flex;align-items:center;justify-content:center}.speed-btn{font-size:var(--text-xs);border-radius:var(--radius-sm);padding:.25rem .5rem}.mute-btn,.download-btn{width:2rem;height:2rem;border-radius:50%}@media screen and (max-width:768px){.audio-controls{grid-template-columns:auto 1fr auto;grid-template-areas:"play info controls" "progress progress progress"}.audio-info{flex-direction:column;justify-content:center;align-items:normal}.title-container{width:100px}.secondary-section{justify-content:flex-end;border-left:none}}video{margin-block:var(--gap-lg);border-radius:var(--radius-normal)}