/* Generated by themes/kz/scripts/widget.js — do not edit. */
:root{
--surface-0:#F5F4EF;--surface-1:#FAFAF8;--surface-2:#FFFFFF;
--text-primary:#1F1E1C;--text-secondary:#52514E;--text-muted:#898781;
--text-danger:#A32D2D;--text-accent:#185FA5;
--border:rgba(11,11,11,.12);--border-strong:rgba(11,11,11,.22);
--border-accent:#378ADD;--bg-accent:#E6F1FB;--radius:8px;
--font-sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",sans-serif;
--font-mono:ui-monospace,Menlo,Consolas,monospace;
--bg-tint-blue:#E6F1FB;--text-tint-blue:#185FA5;
--bg-tint-aqua:#E1F5EE;--text-tint-aqua:#0F6E56;
--bg-tint-orange:#FAECE7;--text-tint-orange:#993C1D}
@media (prefers-color-scheme:dark){:root:not([data-mode="light"]){--surface-0:#1A1A19;--surface-1:#222220;--surface-2:#2A2A28;--text-primary:#F0EFEC;--text-secondary:#C3C2B7;--text-muted:#898781;--text-danger:#F09595;--text-accent:#85B7EB;--border:rgba(255,255,255,.12);--border-strong:rgba(255,255,255,.24);--border-accent:#85B7EB;--bg-accent:#0C447C;--bg-tint-blue:#0C447C;--text-tint-blue:#B5D4F4;--bg-tint-aqua:#085041;--text-tint-aqua:#9FE1CB;--bg-tint-orange:#712B13;--text-tint-orange:#F5C4B3}}
:root[data-mode="dark"]{--surface-0:#1A1A19;--surface-1:#222220;--surface-2:#2A2A28;--text-primary:#F0EFEC;--text-secondary:#C3C2B7;--text-muted:#898781;--text-danger:#F09595;--text-accent:#85B7EB;--border:rgba(255,255,255,.12);--border-strong:rgba(255,255,255,.24);--border-accent:#85B7EB;--bg-accent:#0C447C;--bg-tint-blue:#0C447C;--text-tint-blue:#B5D4F4;--bg-tint-aqua:#085041;--text-tint-aqua:#9FE1CB;--bg-tint-orange:#712B13;--text-tint-orange:#F5C4B3}

/* No scrollbar of its own: the parent sizes the frame to the content.
   Opened on its own the page is short enough not to need one either. */
html{overflow:hidden;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--surface-0);color:var(--text-primary);
font-family:var(--font-sans);font-size:16px;line-height:1.7}
.kz-widget{padding:16px 16px 20px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;
overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

button{font:inherit;font-size:14px;color:var(--text-primary);background:transparent;
border:0.5px solid var(--border-strong);border-radius:var(--radius);
padding:6px 12px;cursor:pointer;line-height:1.4}
button:hover{background:var(--surface-1)}
button:active{transform:scale(.98)}
select{font:inherit;font-size:14px;color:var(--text-primary);background:var(--surface-2);
border:0.5px solid var(--border-strong);border-radius:var(--radius);padding:4px 8px;height:34px}
input[type=range]{accent-color:var(--text-primary)}
input[type=checkbox]{accent-color:var(--text-primary);margin:0}
button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--text-accent);outline-offset:2px}

/* The three icons the fragments ask for, as masks instead of a webfont. */
.ti{display:inline-block;width:1em;height:1em;vertical-align:-.125em;
background-color:currentColor;
-webkit-mask:var(--ti) center/contain no-repeat;mask:var(--ti) center/contain no-repeat}
.ti-player-play{--ti:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E")}
.ti-player-stop{--ti:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6h12v12H6z'/%3E%3C/svg%3E")}
.ti-plus{--ti:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 5h2v6h6v2h-6v6h-2v-6H5v-2h6z'/%3E%3C/svg%3E")}