@font-face{font-family:"Sofia Sans Fallback";font-style:normal;font-weight:300;src:local("Arial");size-adjust:91.43693%;ascent-override:98.42850%;descent-override:32.80950%;line-gap-override:0.00000%;}


@font-face{font-family:"Sofia Sans Fallback";font-style:normal;font-weight:400;src:local("Arial");size-adjust:92.24746%;ascent-override:97.56366%;descent-override:32.52122%;line-gap-override:0.00000%;}



@font-face{font-family:"Sofia Sans Fallback";font-style:normal;font-weight:500;src:local("Arial");size-adjust:92.90201%;ascent-override:96.87626%;descent-override:32.29209%;line-gap-override:0.00000%;}



@font-face{font-family:"Sofia Sans Fallback";font-style:normal;font-weight:600;src:local("Arial Bold");size-adjust:89.35970%;ascent-override:100.71654%;descent-override:33.57218%;line-gap-override:0.00000%;}



@font-face{font-family:"Sofia Sans Fallback";font-style:normal;font-weight:700;src:local("Arial Bold");size-adjust:90.48377%;ascent-override:99.46535%;descent-override:33.15512%;line-gap-override:0.00000%;}



@font-face{font-family:"Sofia Sans SC Fallback";font-style:normal;font-weight:800;src:local("Arial Bold");size-adjust:87.83246%;ascent-override:102.46782%;descent-override:34.15594%;line-gap-override:0.00000%;}


@font-face{font-family:"Sofia Sans SC Fallback";font-style:normal;font-weight:900;src:local("Arial Bold");size-adjust:89.21552%;ascent-override:100.87931%;descent-override:33.62644%;line-gap-override:0.00000%;}




@font-face{font-family:"Sofia Sans UI Fallback";font-style:normal;font-weight:300;src:local("Arial");size-adjust:91.43693%;ascent-override:98.42850%;descent-override:32.80950%;line-gap-override:0.00000%;}




@font-face{font-family:"Sofia Sans UI Fallback";font-style:normal;font-weight:400;src:local("Arial");size-adjust:92.24746%;ascent-override:97.56366%;descent-override:32.52122%;line-gap-override:0.00000%;}




@font-face{font-family:"Sofia Sans UI Fallback";font-style:normal;font-weight:500;src:local("Arial");size-adjust:92.90201%;ascent-override:96.87626%;descent-override:32.29209%;line-gap-override:0.00000%;}




@font-face{font-family:"Sofia Sans UI Fallback";font-style:normal;font-weight:600;src:local("Arial Bold");size-adjust:89.35970%;ascent-override:100.71654%;descent-override:33.57218%;line-gap-override:0.00000%;}




@font-face{font-family:"Sofia Sans UI Fallback";font-style:normal;font-weight:700;src:local("Arial Bold");size-adjust:90.48377%;ascent-override:99.46535%;descent-override:33.15512%;line-gap-override:0.00000%;}




@font-face{font-family:"Sofia Sans UI Semi Condensed Fallback";font-style:normal;font-weight:800;src:local("Arial Bold");size-adjust:87.83246%;ascent-override:102.46782%;descent-override:34.15594%;line-gap-override:0.00000%;}




@font-face{font-family:"Sofia Sans UI Semi Condensed Fallback";font-style:normal;font-weight:900;src:local("Arial Bold");size-adjust:89.21552%;ascent-override:100.87931%;descent-override:33.62644%;line-gap-override:0.00000%;}
:lang(uk){font-language-override:"RUS"}:lang(bg){font-language-override:normal}

/* Martenitsa: app DESIGN_SYSTEM sections 4–6; shared MOTION section 1. */
:root{color-scheme:light;--bg:#F7F6F4;--surface:#fff;--surfaceElevated:#fff;--surfaceSunken:#EFEEEB;--action:#1B1C1F;--onAction:#fff;--actionPressed:#34363B;--brand:#C8302C;--brandSoft:#FBE9E7;--cordWhite:#fff;--cordEdge:#DAD8D3;--correct:#1E8A57;--correctSoft:#E4F4EB;--wrong:#D2352F;--wrongSoft:#FCE8E6;--textPrimary:#1B1C1F;--textSecondary:#5C5E66;--textTertiary:var(--textSecondary);--border:#E3E2DE;--info:#2F5DA8;--familiar:#4F6B7A;--accent:var(--action);--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s7:32px;--s8:48px;--s9:64px;--r-chip:10px;--r-tile:12px;--r-button:14px;--r-option:16px;--r-card:20px;--r-sheet:28px;--font-body:"Sofia Sans","Sofia Sans Fallback",sans-serif;--font-display:"Sofia Sans SC","Sofia Sans SC Fallback",sans-serif;--font-system:system-ui,"Segoe UI","Arial Hebrew","Geeza Pro",sans-serif;--body:1.0625rem;--secondary:.9375rem;--caption:.8125rem;--eyebrow:.75rem;--bg-text:1.25rem;--h1:1.875rem;--h2:1.5rem;--h3:1.25rem;--numeric:2.125rem;--hero-word:2.5rem;--letter:6rem;--brand-size:1.25rem;--nav-size:.9375rem;--tab-size:.75rem;--tab-label-max:13px;--compact-title:1.0625rem;--ease-out:cubic-bezier(.22,1,.36,1);--ease-in-out:cubic-bezier(.65,0,.35,1);--spring:linear(0,.25 7%,.66 17%,.92 27%,1.03 37%,1.04 45%,1.01 60%,1);--t-press:90ms;--t-hover:160ms;--t-ui:200ms;--t-enter:260ms;--t-route:220ms;--lift-1:0 1px 2px rgb(0 0 0/.06),0 4px 12px rgb(0 0 0/.06);--lift-2:0 2px 4px rgb(0 0 0/.08),0 12px 28px rgb(0 0 0/.12);--ring:0 0 0 2px var(--bg),0 0 0 4px var(--action)}
:root[data-theme=dark]{color-scheme:dark;--bg:#0F1012;--surface:#18191C;--surfaceElevated:#212226;--surfaceSunken:#0A0B0C;--action:#F2F1EE;--onAction:#131416;--actionPressed:#D9D7D2;--brand:#F0574E;--brandSoft:#3A1B1A;--cordWhite:#E9E7E2;--correct:#3DBB82;--correctSoft:#10301F;--wrong:#FF6B61;--wrongSoft:#3A1614;--textPrimary:#F2F1EE;--textSecondary:#A7A8AE;--textTertiary:var(--textSecondary);--border:#2C2D32;--info:#7FA6E8;--lift-1:0 1px 2px rgb(0 0 0/.18),0 4px 12px rgb(0 0 0/.18);--lift-2:0 2px 4px rgb(0 0 0/.24),0 12px 28px rgb(0 0 0/.36)}
@media(min-width:760px) and (min-height:501px),(min-width:760px) and (pointer:fine){:root{--body:1.125rem;--secondary:1rem;--caption:.875rem;--h1:2.5rem;--hero-word:3.5rem}}
:root{--print-root-size:100%;--card-title:1.0625rem;--stat-small:1.75rem;--phrase-display:4.5rem}@media(min-width:760px) and (min-height:501px),(min-width:760px) and (pointer:fine){:root{--print-root-size:100%;--card-title:1.125rem;--phrase-display:6rem}}

:root{--stat-fluid:clamp(1.5rem,7.5vw,2.125rem)}

:root{--font-ui:"Sofia Sans UI","Sofia Sans Fallback",sans-serif;--font-ui-display:"Sofia Sans UI Semi Condensed","Sofia Sans UI Semi Condensed Fallback",sans-serif}
:root{--speaker-size:.8125rem;--forms-glyph:1.5rem;--forms-capital:1.75rem;--forms-display:2.75rem}
:root{--show-to-phrase:clamp(40px,9vw,96px)}

:root{--lesson-numeral:1.75rem}

/* RD-1 editorial roles; overrides are scoped to the first-visit home. */
:root{--s10:96px;--home-h1:var(--h1);--home-h2:1.75rem;--home-stat:2rem}
@media(min-width:760px) and (min-height:501px),(min-width:760px) and (pointer:fine){:root{--home-h1:var(--h1);--home-h2:2rem;--home-stat:2.5rem}}

/* Returning Today lesson title, RD-2. */
:root{--today-lesson-title:1.75rem}

/* RD-5 course hierarchy. */
:root{--course-title:1.875rem;--course-code:2rem}@media(min-width:760px) and (min-height:501px),(min-width:760px) and (pointer:fine){:root{--course-title:2rem;--course-code:2.5rem}}

/* Minimum editable text size: prevents iOS focus zoom. */
:root{--input-min:16px}

/* Preserve inherited text zoom while enforcing the mobile input minimum. */
:root{--input-zoom-safe:max(var(--input-min),1em)}

:root{--profile-title:1.75rem}

:root{--plan-required:clamp(1.75rem,8vw,2.5rem)}

/* Audio control roles, W-R5: use one component at either size. */
:root{--audio-control:max(44px,2.75rem);--audio-control-hero:max(56px,3.5rem)}

/* AppGallery wordmark, matching the catalogue store geometry. */
:root{--ag-name:1rem}

/* SVG user-space label; the outer goal ring scales with the UI text. */
:root{--goal-svg-label:28px}
:root{--achievement-svg-label:12px}

/* Store badges v2; official artwork metrics (owner-requested caption exception). */
:root{--ag-caption-v2:500 9.5px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--ag-title-v2:500 17px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--ag-caption-phone-v2:500 8.5px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--ag-title-phone-v2:500 15.5px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}

*{box-sizing:border-box}html{background:var(--bg);color:var(--textPrimary);scroll-padding-block-start:100px;scrollbar-gutter:stable}body{margin:0;font-family:var(--font-body);font-size:var(--body);line-height:1.5;font-feature-settings:"locl" 1}html[lang=ar] body,html[lang=he] body{font-family:var(--font-system)}[lang=bg]{font-family:var(--font-body);unicode-bidi:isolate;line-height:1.6}h1,h2,h3,p,figure{margin:0}h1,h2,h3{text-wrap:balance;line-height:1.15;hyphens:manual}h1,h2{font-family:var(--font-display);font-weight:900;letter-spacing:-.005em}html[lang=ar] :is(h1,h2),html[lang=he] :is(h1,h2){font-family:var(--font-system);line-height:1.45}h1{font-size:var(--h1)}h2{font-size:var(--h2)}h3{font-size:var(--h3);font-weight:700}p{text-wrap:pretty}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.18em;text-decoration-color:color-mix(in srgb,var(--textPrimary) 35%,transparent)}a:hover{text-decoration-color:var(--textPrimary)}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}button,button:disabled{background:transparent}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--action);outline-offset:3px}button,a{touch-action:manipulation}button,fieldset{border:0}img,svg{display:block}img{max-inline-size:100%;block-size:auto}ul,ol{padding-inline-start:var(--s6)}li+li{margin-block-start:var(--s2)}[hidden]{display:none!important}.sr-only{position:absolute!important;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;inset-block-start:-100px;inset-inline-start:var(--s4);z-index:100;padding:var(--s4);background:var(--surface)}.skip-link:focus{inset-block-start:var(--s4)}main{max-inline-size:1280px;margin-inline:auto;padding:var(--s6) var(--s5);outline:none}main>section+section,main>article+section{margin-block-start:var(--s6)}.page-heading{display:grid;gap:var(--s3);margin-block-end:var(--s6)}.lead{color:var(--textSecondary);max-inline-size:65ch}.eyebrow{font-size:var(--eyebrow);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand)}.meta{font-size:var(--caption);color:var(--textSecondary)}.muted{color:var(--textSecondary)}.number{font-variant-numeric:tabular-nums}.bg-text{font-size:var(--bg-text);font-weight:500}.sv{position:relative;display:inline}.sv:after{content:"";position:absolute;inline-size:max(2px,.055em);block-size:.3em;inset-block-end:calc(var(--xh,.49em) + .05em);margin-block-end:.3em;inset-block-start:auto;left:50%;background:var(--brand);transform:translateX(-50%) skewX(-18deg);border-radius:1px}html[data-stress=never] .sv:after{display:none}.prose{display:grid;gap:var(--s4);overflow-wrap:break-word;hyphens:auto}.prose p{max-inline-size:70ch}.prose :is(ul,ol){margin:0}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s2);font-size:var(--caption);color:var(--textSecondary);margin-block-end:var(--s4)}.breadcrumbs a{min-block-size:44px;display:inline-flex;align-items:center;gap:var(--s2)}.grid{display:grid;gap:var(--s4);align-items:stretch}.actions{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:stretch}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);margin-block-end:var(--s3)}.empty-placeholder{background:var(--surfaceSunken);aspect-ratio:16/10}.reading-layout{display:grid;gap:var(--s6)}.reading-layout>div{min-inline-size:0}.stack{display:grid;gap:var(--s4)}.inset{padding:var(--s4)}.tag{border:1px solid var(--border);border-radius:var(--r-chip);padding:var(--s1) var(--s2);font-size:var(--caption)}.i{inline-size:24px;block-size:24px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.chevron{inline-size:18px;block-size:18px}.rtl-mirror:dir(rtl){transform:scaleX(-1)}
@media(min-width:760px) and (min-height:501px),(min-width:760px) and (pointer:fine){main{padding-block:var(--s7)}main>section+section,main>article+section{margin-block-start:var(--s7)}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-layout{grid-template-columns:minmax(0,720px) minmax(240px,1fr)}.reading-aside{position:sticky;inset-block-start:100px;align-self:start}.inset{padding:var(--s5)}}
@media(min-width:1100px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}html .reveal,html .media img{transform:none!important;opacity:1!important}}

h1 [lang=bg],h2 [lang=bg],h3 [lang=bg]{font-family:inherit;line-height:inherit}

html:is([lang=ru],[lang=uk]) body{font-family:var(--font-ui)}
html:is([lang=ru],[lang=uk]) :is(h1,h2){font-family:var(--font-ui-display)}
html:is([lang=ru],[lang=uk]) [lang=bg]{font-family:var(--font-body)}
html:is([lang=ru],[lang=uk]) :is(h1,h2)[lang=bg],html:is([lang=ru],[lang=uk]) :is(h1,h2) [lang=bg]{font-family:var(--font-display)}

/* Sofia Sans hhea descent is 300 / 1000 em: compensate the inline box
   below the baseline so the tick sits above the glyph ink, at every size. */
html[data-letterforms=ru] [lang=bg]{font-family:var(--font-ui)}
html[data-letterforms=ru] :is(h1,h2,h3)[lang=bg],html[data-letterforms=ru] :is(h1,h2,h3) [lang=bg]{font-family:var(--font-ui-display)}
html [data-glyph-form=bg]{font-family:var(--font-body)!important;font-feature-settings:"locl" 1}
html [data-glyph-form=ru]{font-family:var(--font-ui)!important;font-feature-settings:"locl" 1}
/* The setting also governs late-loaded player and word UI stylesheets. */
html[data-letterforms=ru] body [lang=bg]{font-family:var(--font-ui)!important}
html[data-letterforms=ru] body :is(h1,h2,h3,.p-hero-word,.alphabet-board)[lang=bg],html[data-letterforms=ru] body :is(h1,h2,h3,.p-hero-word,.alphabet-board) [lang=bg]{font-family:var(--font-ui-display)!important}
html[data-letterforms] body [lang=bg][data-glyph-form=bg]{font-family:var(--font-body)!important}
html[data-letterforms] body [lang=bg][data-glyph-form=ru]{font-family:var(--font-ui)!important}
/* UI fonts retain locl tables: Russian-style Bulgarian must explicitly opt out. */
html[data-letterforms=ru] body [lang=bg]{font-feature-settings:"locl" 0!important}
html [data-glyph-form=ru]{font-feature-settings:"locl" 0!important}
html[data-letterforms] body [lang=bg][data-glyph-form=bg]{font-feature-settings:"locl" 1!important}

/* Living Word adds nested language runs; paired samples keep their own form. */
html[data-letterforms] body [data-glyph-form] [lang=bg]{font-family:inherit!important;font-feature-settings:inherit!important}

/* Preserve text zoom and the browser pinch gesture on phones. */
@media(max-width:759px),(max-height:500px) and (pointer:coarse){html body :is(input:not(.p-input),textarea){font-size:var(--input-zoom-safe)!important}}

/* Short pages fill the viewport; their footer stays in normal document flow. */
body{min-block-size:100dvh;display:flex;flex-direction:column}
body>main{flex:1 0 auto;inline-size:100%}
body>:is(.topbar,.collection){flex-shrink:0}
a{hyphens:manual}
#library{scroll-margin-block-start:calc(var(--topbar-height,76px) + var(--s4))}
@media(min-width:1100px){body>main{padding-inline:max(var(--s7),env(safe-area-inset-left)) max(var(--s7),env(safe-area-inset-right))}}

html[lang=de] .feature-copy strong{hyphens:auto;overflow-wrap:break-word}
/* W-R13b: headings wrap complete words in every locale, including prose. */
:root body :is(h1,h2,h3,h4){hyphens:none;overflow-wrap:normal;word-break:normal}

/* R14-6: punctuation belongs to the quoted run; multiword content can wrap. */
q{white-space:nowrap}q::before,q::after{content:none}q>span{white-space:normal}

.button{min-block-size:52px;padding:var(--s3) var(--s5);display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);font-weight:600;line-height:1.4;border-radius:var(--r-button);text-align:center;text-decoration:none;position:relative;isolation:isolate;overflow:visible;min-inline-size:44px;transition:transform var(--t-hover) var(--ease-out),background var(--t-hover),box-shadow var(--t-hover),border-color var(--t-hover);white-space:normal}.primary{background:var(--action);color:var(--onAction);box-shadow:var(--lift-1);border:1.5px solid transparent}.primary:after,.brand:after{content:"";position:absolute;pointer-events:none;inset-block:-100%;inset-inline-start:-60%;inset-inline-end:auto;inline-size:40%;background:linear-gradient(110deg,transparent,rgb(255 255 255/.18),transparent);transform:translateX(var(--sheen-from,-100%)) skewX(var(--sheen-angle,-16deg))}[data-theme=dark] .primary:after{background:linear-gradient(110deg,transparent,rgb(27 28 31/.1),transparent)}.secondary{border:1.5px solid color-mix(in srgb,var(--textPrimary) 70%,transparent);background:transparent}.tertiary{min-block-size:44px;display:inline-flex;align-items:center;gap:var(--s2);font-size:var(--secondary);font-weight:600;padding:var(--s1);text-decoration:underline}.compact{min-block-size:44px;padding:var(--s2) var(--s3);font-size:var(--nav-size)}.icon-button{inline-size:44px;block-size:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1.5px solid transparent;flex-shrink:0;text-decoration:none;transition:background var(--t-hover),transform var(--t-hover),border-color var(--t-hover)}.icon-button .i{transition:transform var(--t-ui) var(--spring)}.audio-button{border-color:color-mix(in srgb,var(--textPrimary) 70%,transparent)}.audio-controls{display:flex;align-items:center;gap:var(--s1);flex-shrink:0}.slow{font-size:var(--caption);font-variant-numeric:tabular-nums}.card{border:1px solid var(--border);background:var(--surface);border-radius:var(--r-card);position:relative;min-inline-size:0;display:flex;flex-direction:column;transition:transform var(--t-hover) var(--ease-out),box-shadow var(--t-hover),border-color var(--t-hover)}.card-body{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s4);flex:1}.card-body h3,.card-body .hook{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card .stretched:after{content:"";position:absolute;inset:0;border-radius:var(--r-card)}.card .stretched{text-decoration:none}.card .meta-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);margin-block-start:auto}.card .credit-info{z-index:2;position:absolute;inset-inline-end:var(--s2);inset-block-end:var(--s2);background:var(--surface);box-shadow:var(--lift-1)}.card figure{position:relative}.card figure .media{border-start-start-radius:var(--r-card);border-start-end-radius:var(--r-card)}.media{display:block;overflow:hidden;position:relative;aspect-ratio:16/10;background-color:var(--dominant,var(--surfaceSunken));background-size:cover}.media img{inline-size:100%;block-size:100%;object-fit:cover;opacity:1;transition:transform 400ms var(--ease-out),opacity 240ms;transform:scale(1)}.js .media:not(.decoded) img{opacity:0;transform:scale(1.02)}.credit-line{font-size:var(--caption);color:var(--textSecondary);padding-block:var(--s2);overflow-wrap:anywhere}.panel{padding:var(--s4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card)}.row{display:flex;align-items:center;gap:var(--s3);min-block-size:64px;padding-block:var(--s4);border-block-end:1px solid var(--border)}.row:last-child{border-block-end:0}.rc{flex:1;min-inline-size:0;display:grid;gap:var(--s1)}.row-link{display:flex;align-items:center;gap:var(--s3);flex:1;text-decoration:none;border-radius:var(--r-tile);padding:var(--s2);transition:background var(--t-hover)}.level-badge{display:inline-grid;place-items:center;min-inline-size:40px;min-block-size:28px;padding:0 var(--s2);font-family:var(--font-display);font-weight:800;font-size:var(--secondary);border:1px solid var(--textPrimary);border-radius:var(--r-chip);font-variant-numeric:tabular-nums}.word-picture{inline-size:56px;block-size:56px;border-radius:var(--r-tile);background:var(--surfaceSunken);padding:var(--s2);flex-shrink:0}.word-picture img{object-fit:contain;inline-size:100%;block-size:100%}.tr{font-weight:300;color:var(--textSecondary)}.translit{font-size:var(--secondary);color:var(--textSecondary)}.dr{display:flex;gap:var(--s3);padding-block:var(--s4);border-block-end:1px solid var(--border)}.dc{flex:1;min-inline-size:0}.dr:last-child{border-block-end:0}.segmented{display:flex;position:relative;isolation:isolate;gap:var(--s1);padding:var(--s1);background:var(--surfaceSunken);border-radius:var(--r-button);overflow-x:auto;scrollbar-width:thin}.segmented a,.segmented button{z-index:1;flex:1;min-block-size:44px;min-inline-size:44px;border-radius:var(--r-chip);text-decoration:none;display:flex;align-items:center;justify-content:center;gap:var(--s2);padding:var(--s2) var(--s3);font-weight:600;transition:color var(--t-ui),background var(--t-hover)}.segmented [aria-current=page],.segmented [aria-pressed=true]{background:var(--action);color:var(--onAction)}.segmented.indicator-ready [aria-current=page],.segmented.indicator-ready [aria-pressed=true]{background:transparent}.selection-indicator{position:absolute;inset:0 auto auto 0;background:var(--action);border-radius:var(--r-chip);z-index:0;pointer-events:none;transition:transform 220ms var(--spring),width 220ms var(--spring),height 220ms var(--spring)}.switch{inline-size:52px;block-size:32px;border-radius:32px;background:var(--surfaceSunken);border:1px solid var(--border);position:relative;flex-shrink:0}.switch:before{content:"";position:absolute;inset-block-start:3px;inset-inline-start:3px;inline-size:24px;block-size:24px;border-radius:50%;background:var(--textSecondary);transition:transform 220ms var(--spring),width 90ms}.switch[aria-checked=true]{background:var(--action)}.switch[aria-checked=true]:before{background:var(--onAction);transform:translateX(20px)}.switch:dir(rtl)[aria-checked=true]:before{transform:translateX(-20px)}.switch:active:before{inline-size:28px}.search-field{position:relative;display:flex;align-items:center;gap:var(--s2);padding-inline:var(--s3);border:1.5px solid var(--border);border-radius:var(--r-tile);background:var(--surfaceSunken);transition:box-shadow var(--t-hover),border-color var(--t-hover)}.search-field input{background:transparent;border:0;outline:0;inline-size:100%;min-inline-size:0;min-block-size:44px;font-size:var(--secondary)}.search-field:focus-within{border-color:var(--action);box-shadow:0 0 0 3px color-mix(in srgb,var(--action) 12%,transparent)}.search-field .i{inline-size:20px;block-size:20px}
/* Shared Menu: desktop popover and phone draggable bottom sheet. */
.menu-trigger[aria-expanded=true]{background:color-mix(in srgb,var(--action) 14%,transparent)}.menu-trigger[aria-expanded=true] .chevron{transform:rotate(180deg)}.menu-panel{position:fixed;z-index:80;inline-size:max-content;min-inline-size:220px;max-inline-size:calc(100vw - 32px);max-block-size:min(60vh,420px);overflow:auto;padding:var(--s2);border:1px solid var(--border);border-radius:var(--r-button);background:var(--surfaceElevated);box-shadow:var(--lift-2);transform-origin:top right;animation:menu-in 160ms var(--ease-out)}.menu-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding-inline-start:var(--s3);position:sticky;inset-block-start:0;background:var(--surfaceElevated);z-index:3}.menu-heading h2{font-size:var(--h3)}.menu-rows{position:relative;isolation:isolate}.menu-row{display:flex;align-items:center;gap:var(--s3);min-block-size:44px;inline-size:100%;text-align:start;padding:var(--s2) var(--s3);border-radius:var(--r-chip);text-decoration:none;font-size:var(--secondary);position:relative;z-index:1}.menu-row>span:nth-child(2){flex:1}.menu-row small{display:block;font-size:var(--caption);color:var(--textSecondary)}.menu-row .check{margin-inline-start:auto;visibility:hidden;inline-size:20px;block-size:20px}.menu-row[aria-checked=true] .check{visibility:visible}.menu-code{inline-size:32px;font-size:var(--caption);font-weight:700;text-transform:uppercase;color:var(--textSecondary)}.menu-highlight{position:absolute;inset:0 auto auto 0;background:color-mix(in srgb,var(--action) 6%,transparent);border-radius:var(--r-chip);pointer-events:none;transition:transform 120ms var(--ease-out);z-index:0}.menu-row:active{background:color-mix(in srgb,var(--action) 12%,transparent)}.menu-backdrop{position:fixed;inset:0;z-index:79;background:transparent}.grab-handle{display:none}.menu-panel.closing{opacity:0;transition:opacity 120ms}.menu-row:focus-visible{outline-offset:-2px}.reading-resume{position:fixed;inset-block-end:calc(var(--tab-bar-height,64px) + 8px + env(safe-area-inset-bottom));inset-inline:var(--s4);margin-inline:auto;max-inline-size:560px;z-index:30;display:flex;align-items:center;gap:var(--s3);padding:var(--s3);border:1px solid var(--border);border-radius:var(--r-card);background:var(--surfaceElevated);box-shadow:var(--lift-2);font-size:var(--caption)}.reading-resume span{flex:1}
@keyframes sheen{to{transform:translateX(var(--sheen-to,650%)) skewX(var(--sheen-angle,-16deg))}}@keyframes menu-in{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes sheet-in{from{transform:translateY(100%)}to{transform:none}}@keyframes scrim-in{from{opacity:0}to{opacity:1}}@keyframes bounce{0%{transform:scale(.88)}55%{transform:scale(1.06)}100%{transform:scale(1)}}@keyframes waves{50%{transform:scale(1.10);opacity:.6}}
@media(hover:hover) and (pointer:fine){.primary:hover{background:color-mix(in srgb,var(--action) 94%,var(--onAction));transform:translateY(-1px);box-shadow:var(--lift-2)}.primary:hover:after,.brand:hover:after{animation:sheen 600ms var(--ease-out)}.secondary:hover{border-color:var(--action);background:color-mix(in srgb,var(--action) 8%,transparent);transform:translateY(-1px)}.tertiary:hover .chevron{translate:3px 0}.tertiary:dir(rtl):hover .chevron{translate:-3px 0}.icon-button:hover{background:color-mix(in srgb,var(--action) 6%,transparent)}.icon-button:hover .i-search{transform:scale(1.08)}.icon-button:hover .i-close{transform:rotate(90deg)}.icon-button:hover .i-settings{transform:rotate(45deg)}.icon-button:hover .i-speaker{animation:waves 400ms var(--ease-out)}.icon-button:hover .i-play,.icon-button:hover .i-mic{transform:scale(1.06)}.card:is(a,:has(a)):hover{transform:translateY(-3px);box-shadow:var(--lift-2);border-color:color-mix(in srgb,var(--action) 35%,transparent)}.card:hover .media img{transform:scale(1.03)}.card:hover .meta-row .chevron{translate:3px 0}.card:dir(rtl):hover .meta-row .chevron{translate:-3px 0}.row-link:hover,.segmented a:hover,.segmented button:hover{background:color-mix(in srgb,var(--action) 6%,transparent)}.segmented [aria-current=page]:hover{background:transparent}.switch:hover{box-shadow:0 0 0 3px color-mix(in srgb,var(--action) 10%,transparent)}}
.button:active{transform:scale(.97)}.primary:active{background:var(--actionPressed);box-shadow:var(--lift-1)}.secondary:active{background:color-mix(in srgb,var(--action) 14%,transparent)}.icon-button:active{transform:scale(.92);background:color-mix(in srgb,var(--action) 12%,transparent)}.card:is(a,:has(a)):active{transform:scale(.985)}.row-link:active{background:color-mix(in srgb,var(--action) 12%,transparent)}.button:disabled:after{display:none}.button:disabled{transform:none}/* Scroll blocks are visible at rest, including capture, print and no-JS. */
@media(min-width:760px) and (min-height:501px),(min-width:760px) and (pointer:fine){.card-body,.panel{padding:var(--s5)}}
@media(max-width:759px),(max-height:500px) and (pointer:coarse){.menu-backdrop{background:rgb(0 0 0/.4);animation:scrim-in var(--t-enter) linear}.menu-panel{inset:auto var(--s2) var(--s2)!important;inline-size:auto;max-inline-size:none;max-block-size:calc(100dvh - 32px);border-radius:var(--r-sheet);padding:var(--s2) var(--s2) max(var(--s3),env(safe-area-inset-bottom));animation:sheet-in 260ms var(--ease-out);overscroll-behavior:contain}.menu-rows{max-block-size:55dvh;overflow:auto}.menu-row{min-block-size:52px}.grab-handle{display:block;inline-size:40px;block-size:4px;background:var(--border);border-radius:4px;margin:var(--s1) auto var(--s2);touch-action:none}.wr{flex-wrap:wrap}.wr .rc{min-inline-size:150px}}
@media(prefers-reduced-motion:reduce){.button:hover,.card:hover,.icon-button:hover,.button:active,.card:active,.icon-button:active,.card:hover .media img{transform:none!important}.tertiary:hover .chevron,.card:hover .chevron{translate:none!important}.primary:after,.brand:after{display:none}}
.card:has(.stretched:focus-visible){outline:2px solid var(--action);outline-offset:3px}.card .stretched:focus-visible{outline:0}.tertiary:active{opacity:.7}.breadcrumbs a:active,.footer-languages a:active,.colophon a:active{opacity:.7}



.dr:has([data-a], [data-tts]):not(.audio-ready):after,.wr:has([data-a], [data-tts]):not(.audio-ready):after{content:"";display:block;inline-size:44px;block-size:44px;flex-shrink:0}.wr:has([data-a], [data-tts]):not(.audio-ready):after{inline-size:92px}

/* D1b: stable controls and natural wrapping, independent of content language. */
.panel :is(h1,h2,h3){overflow-wrap:break-word;hyphens:manual}.menu-panel{overflow-wrap:break-word;hyphens:auto}.panel :is(figcaption,.credit-line),.credit-row{overflow-wrap:anywhere}
.credit-row h3{white-space:normal;overflow:visible;text-overflow:clip}
.menu-row{direction:ltr;block-size:48px;min-block-size:48px;flex-shrink:0}
.menu-row>span{line-height:1.25}.menu-row>span:nth-child(2){text-align:start}.menu-row .check{flex:none}.menu-code{flex:none}
.segmented :is(a,button){white-space:nowrap;block-size:44px;line-height:1.25;flex-shrink:0}
.button{block-size:auto;min-block-size:52px;padding-block:var(--s2)}.button.compact{block-size:44px;min-block-size:44px}
.tertiary{min-block-size:52px}.word-note,.alphabet-note,.ff-note{font-size:var(--secondary);line-height:1.45;color:color-mix(in srgb,var(--textPrimary) 80%,transparent)}
.wr{flex-wrap:wrap;align-items:start}.wr>.word-note{flex-basis:100%}.wr>.rc{flex-basis:120px}.wr>.audio-controls{align-self:start}
.alphabet-note,.ff-note{background:var(--surfaceSunken);border-radius:var(--r-tile);padding:var(--s3)}
.ff-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}.ff-heading h2{margin:0}.ff-note{display:flex;align-items:start;gap:var(--s2)}
@media(max-width:759px),(max-height:500px) and (pointer:coarse){.menu-row{block-size:52px;min-block-size:52px}.wr,.word-tiles .wr{display:grid;grid-template-columns:48px minmax(0,1fr);gap:var(--s2) var(--s3);align-items:start}.wr>.word-picture{grid-column:1;grid-row:1}.wr>.rc{grid-column:2;grid-row:1}.wr>.audio-controls,.word-tiles .wr>.audio-controls{grid-column:2;grid-row:2;margin:0;justify-self:start}.wr>.word-note{grid-column:1/-1;grid-row:3;margin:0}.phrase-row .wr{grid-template-columns:minmax(0,1fr) auto}.phrase-row .wr>.rc{grid-column:1}.phrase-row .wr>.audio-controls{grid-column:2;grid-row:1}.phrase-row .wr>.word-note{grid-column:1/-1}}

/* Uppercase vowels use cap height when positioning the source stress tick. */
.sv.up{--xh:.69em}

/* First entry remains readable and scrollable behind the language card. */
.entry-backdrop{pointer-events:none;background:transparent!important}.language-entry{inline-size:400px;inset:auto 16px 16px auto;max-block-size:calc(100dvh - 32px);overflow:auto}.language-entry .menu-heading{align-items:start}.language-entry .menu-heading h2{padding-block:var(--s2);font-size:var(--h3)}.entry-options .button{inline-size:100%;white-space:normal;text-align:center;block-size:auto;min-block-size:52px}.language-entry .entry-options{gap:var(--s2)}
@media(max-width:759px),(max-height:500px) and (pointer:coarse){.language-entry{inline-size:auto;min-inline-size:0;max-inline-size:calc(100vw - 16px);inset-block-end:calc(var(--tab-bar-height,64px) + 8px)!important;max-block-size:calc(100dvh - var(--tab-bar-height,64px) - 32px)}}

/* Readable vocabulary fallback when scripts are unavailable. */
lb-w{display:block;padding:var(--s3);border:1px solid var(--border);border-radius:var(--r-tile)}lb-w>img{inline-size:48px;block-size:48px;object-fit:contain}lb-w>a{display:block}lb-w>em{font-style:normal;color:var(--textSecondary)}

/* W3 P1-6: all sixteen languages fit the desktop/tablet popover. The
   language menu is identified by its real hreflang links; other menus keep
   their compact dimensions and the phone keeps its bounded bottom sheet. */
@media(min-width:760px) and (min-height:501px),(min-width:760px) and (pointer:fine){
 .menu-panel:has(.menu-rows [hreflang]){inline-size:440px;max-block-size:calc(100dvh - 32px);overflow:visible}
 .menu-panel:has(.menu-rows [hreflang]) .menu-rows{display:grid;grid-auto-flow:column;grid-template-rows:repeat(8,auto);grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s1);max-block-size:none;overflow:visible}
}

/* SCAN-1: whole-card links escape title clamps; controls keep their own layer. */
.card:has(.stretched) .card-body :is(h2,h3){overflow:visible;display:block}
.card .stretched::after{content:"";position:absolute;inset:0;min-inline-size:44px;min-block-size:44px;border-radius:var(--r-card)}
.wr .wt>a{display:inline;white-space:normal;line-height:44px;border-radius:var(--r-chip);padding:var(--s3) var(--s1);box-decoration-break:clone;-webkit-box-decoration-break:clone}
figure>.credit-info::before{content:"";position:absolute;inset:-10px;min-inline-size:44px;min-block-size:44px;border-radius:50%}
.breadcrumbs a{min-inline-size:44px;padding-inline:var(--s1);justify-content:center;border-radius:var(--r-chip)}
@media(hover:hover) and (pointer:fine){
 .tertiary:hover,.lesson-toc a:hover,.breadcrumbs a:hover,.wr .wt>a:hover{background:color-mix(in srgb,var(--action) 8%,transparent);color:var(--textPrimary);text-decoration-color:var(--textPrimary);text-decoration-thickness:2px}
 .segmented :is(a,button)[aria-pressed=true]:hover{background:color-mix(in srgb,var(--onAction) 10%,transparent);color:var(--onAction)}
 .search-field input:hover{background:color-mix(in srgb,var(--action) 6%,transparent);border-radius:var(--r-chip)}
 .table-scroll:hover{border-color:var(--action);box-shadow:inset 0 0 0 1px var(--action)}
 a.feature-row.panel:hover{background:color-mix(in srgb,var(--action) 8%,var(--surface));border-color:var(--action)}
}
.wr .wt>a:active,.lesson-toc a:active,a.feature-row.panel:active{background:var(--surfaceSunken);color:var(--textPrimary)}

/* Real descendants mirror the pseudo hit extenders for geometry/a11y tools. */
.stretched>[data-hit]{position:absolute;inset:0;border-radius:var(--r-card)}
.credit-info>[data-hit]{position:absolute;inset:-10px;inline-size:44px;block-size:44px;border-radius:50%}

/* Selected level links still answer a pointer over their graphite indicator. */
@media(hover:hover) and (pointer:fine){
 .segmented.indicator-ready [aria-current=page]:hover{background:color-mix(in srgb,var(--onAction) 10%,transparent);color:var(--onAction)}
 .lesson-sections h2>a:hover{background:color-mix(in srgb,var(--action) 8%,var(--surface));color:var(--textPrimary);text-decoration:underline}
}
.lesson-sections h2>a{display:inline-flex;align-items:center;min-block-size:44px;min-inline-size:44px;max-inline-size:100%;border-radius:var(--r-chip)}

/* Reading resume sits above the measured bottom bars, with two explicit actions. */
.reading-resume{display:grid;grid-template-columns:minmax(0,1fr) max-content;z-index:46}
.reading-resume>.button{font-size:inherit;line-height:1.4;white-space:normal;min-inline-size:0;padding-inline:var(--s2)}
.reading-resume .reading-continue{text-align:start}

/* Keep the sheen outside the negative scroll origin in each writing direction. */
:is(.primary,.brand):dir(rtl){--sheen-from:100%;--sheen-to:-650%;--sheen-angle:16deg}

/* DQA-R2-W: the sheen is clipped in its own layer, never through the label. */
.primary::after{inset:0;inline-size:100%;transform:none;background-size:250% 100%;background-position:100% 0;clip-path:inset(0 round var(--r-button))}
@keyframes action-sheen{to{background-position:-100% 0}}
@media(hover:hover) and (pointer:fine){.primary:hover::after{animation:action-sheen 600ms var(--ease-out)}.slow:hover{background:color-mix(in srgb,var(--action) 10%,var(--surface));border-color:var(--action)}}

.menu-rows [hreflang]>span:nth-child(2){text-align:start;min-inline-size:0}

.menu-panel a,.w-dialog a{hyphens:manual}

/* R3-P3-6: sheets meet the phone's bottom edge; only the top corners round. */
@media(max-width:759px),(max-height:500px) and (pointer:coarse){.menu-panel{inset:auto 0 var(--vv-bottom,0px)!important;border-radius:var(--r-sheet) var(--r-sheet) 0 0;padding-block-end:calc(var(--s4) + env(safe-area-inset-bottom))}.menu-panel .menu-rows{padding-block-end:var(--s1)}}

/* Language rows follow their explicit page direction; the legacy generic
   menu row rule must not override an RTL language sheet. */
.menu-rows [hreflang][dir=rtl]{direction:rtl}

/* W-R5 audio component: paired circles in rows (44) and heroes (56). */
.audio-control.audio-button{inline-size:var(--audio-control);block-size:var(--audio-control);min-inline-size:var(--audio-control);min-block-size:var(--audio-control);padding:0;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--textPrimary) 70%,transparent);background:transparent;color:var(--textPrimary);font-size:var(--caption);line-height:1;display:inline-flex;align-items:center;justify-content:center;flex:none;vertical-align:middle;position:relative}
.audio-control.audio-control-hero{--audio-control:var(--audio-control-hero)}
.audio-control>svg{inline-size:24px;block-size:24px;flex:none}
.audio-control .audio-icon-stop{display:none}
.audio-control[aria-pressed=true] .audio-icon-idle{display:none}
.audio-control[aria-pressed=true] .audio-icon-stop{display:block}
.audio-control.audio-button[aria-pressed=true]{background:var(--action);color:var(--onAction);border-color:var(--action)}
.audio-control[aria-busy=true]>svg{opacity:.6}
.audio-control:disabled{opacity:.4;cursor:default}
@media(hover:hover) and (pointer:fine){.audio-control:not(:disabled):hover{background:color-mix(in srgb,var(--action) 8%,var(--surface));color:var(--textPrimary);border-color:var(--action)}.audio-control:not(:disabled):hover .audio-icon-idle{animation:waves 400ms var(--ease-out);transform-origin:center}}
.audio-control:not(:disabled):active{transform:scale(.92)}
@media(prefers-reduced-motion:reduce){.audio-control:active{transform:none!important}.audio-control .audio-icon-idle{animation:none!important}}
.audio-control.p-audio.is-playing>svg:not(.p-voice-ring){animation:none}

/* NEXT-R5: a common progress readout, with long labels wrapping naturally. */
.learning-numbers{display:flex;flex-wrap:wrap;gap:var(--space-2,8px) var(--space-4,16px);align-items:start}
.learning-numbers>p{margin:0;flex:1 1 120px;min-inline-size:0}
.audio-control.audio-button:disabled{opacity:1;background:var(--surfaceSunken);color:var(--textSecondary);border-color:var(--border);cursor:default}

/* W-R5b: one explicit size per action role, including wrapped labels. */
.button{block-size:52px;min-block-size:52px;padding-block:0;line-height:1.25}
.button.compact{block-size:44px;min-block-size:44px}
.tertiary{block-size:52px;min-block-size:52px;line-height:1.25}
.menu-row{block-size:44px;min-block-size:44px;padding-block:0}
@media(max-width:759px){.menu-row{block-size:52px;min-block-size:52px}}
main button.button.show-all{block-size:52px;min-block-size:52px;padding-block:0}
/* Credits use a real 44px control, rather than a small visual and an oversized pseudo hitbox. */
figure>.icon-button.credit-info{inline-size:44px;block-size:44px;min-inline-size:44px;min-block-size:44px}
figure>.credit-info::before,figure>.credit-info>[data-hit]{inset:0;inline-size:44px;block-size:44px}
@media(min-width:760px){.large-text .button{block-size:auto;min-block-size:52px}}
/* At 200% text, the 52/44px roles are minimums and labels retain their full text. */
.large-text :is(.button,.tertiary){block-size:auto;min-block-size:52px;padding-block:var(--s2)}
.large-text .button.compact{min-block-size:44px}
.large-text .segmented :is(a,button){block-size:auto;min-block-size:44px;white-space:normal;padding-block:var(--s2)}
.large-text main button.button.show-all{block-size:auto;min-block-size:52px;padding-block:var(--s2)}

/* W-R6: a visible rate label needs a pill when text grows. */
.audio-control.audio-button.slow{inline-size:auto;min-inline-size:var(--audio-control);padding-inline:var(--s3);border-radius:var(--r-button);white-space:nowrap;overflow-wrap:normal}

/* W-R6b: a sheet is bounded by the visible viewport even if underlying
 * enlarged page content has a wider mobile layout viewport. */
.menu-heading h2{min-inline-size:0;overflow-wrap:anywhere}
@media(max-width:759px),(max-height:500px) and (pointer:coarse){
 .menu-panel:not(.phrase-modal):not(.confirmation-panel):not(.language-entry){inset:auto!important;left:var(--menu-x,0px)!important;top:calc(var(--menu-y,0px) + var(--menu-vh,100dvh))!important;translate:0 -100%;inline-size:var(--menu-vw,100dvw);min-inline-size:0;max-inline-size:var(--menu-vw,100dvw);max-block-size:calc(var(--menu-vh,100dvh) - 16px);display:flex;flex-direction:column;overflow:auto}
 .menu-panel:not(.phrase-modal) .menu-heading,.menu-panel .grab-handle{flex:none}
 .menu-panel:not(.phrase-modal) .menu-rows{min-block-size:0;min-inline-size:0;overflow:auto;overscroll-behavior:contain}
 .menu-code,.menu-row .check{flex-shrink:0}
}

.menu-code{inline-size:2.5em;white-space:nowrap}
@media(min-width:760px) and (min-height:501px),(min-width:760px) and (pointer:fine){
 .menu-panel:has(.menu-rows [hreflang]){inline-size:min(max(440px,28rem),calc(100dvw - 32px));display:flex;flex-direction:column;overflow:auto;max-block-size:calc(100dvh - 32px)}
 .menu-panel:has(.menu-rows [hreflang]) .menu-heading{flex:none}
 .menu-panel:has(.menu-rows [hreflang]) .menu-rows{min-block-size:0;overflow:auto}
}
.large-text .menu-panel .menu-row{block-size:auto}

/* W-R11b R10-11: display options share the heading's 20px sheet gutter.
   Keep every label/button in the body scrollport when text is enlarged. */
.menu-panel:has(.p-display-options){display:flex;flex-direction:column}
.menu-panel:has(.p-display-options) .menu-content{display:block;padding:var(--s3);min-block-size:0;overflow:auto;overscroll-behavior:contain}
.menu-panel:has(.p-display-options) .menu-heading{flex:none;min-inline-size:0}
.menu-panel .p-display-options>.p-switch-row{block-size:auto;min-block-size:52px;white-space:normal;gap:var(--s3);text-align:start}
.menu-panel .p-display-options .p-switch{flex:none}
.menu-panel .p-display-options .p-gender-segments{display:grid;grid-template-columns:minmax(0,1fr)}
.menu-panel .p-display-options .p-gender-segments>button{inline-size:100%;block-size:auto;min-block-size:52px;white-space:normal}
.menu-panel:has(.p-display-options) .menu-heading h2{hyphens:manual}

/* W-R12 R11-11: only edges with hidden content fade; both axes may scroll. */
:root body [data-scroll-cues]{mask-image:linear-gradient(to right,transparent,#000 var(--cue-left,0px),#000 calc(100% - var(--cue-right,0px)),transparent),linear-gradient(to bottom,transparent,#000 var(--cue-top,0px),#000 calc(100% - var(--cue-bottom,0px)),transparent);mask-composite:intersect}

/* Per-content Auto follows the linked lesson even while the learner is at A1. */
html[data-stress=auto] [data-stress-level]:is([data-stress-level=B1],[data-stress-level=B2],[data-stress-level=C1],[data-stress-level=C2]) .sv::after{display:none}

/* Native UI stress wrappers retain headings/captions' existing type roles. */
.ui-bg-run{font:inherit}
html:not([lang=bg]) .ui-bg-run{font-family:var(--font-body)}

/* Shared audio glyphs follow text size within their existing transport circle. */
.audio-control>svg{inline-size:min(1.846em,calc(var(--audio-control) - 8px));block-size:min(1.846em,calc(var(--audio-control) - 8px))}

/* DQA3-L: the SSR hub keeps its layout while practice.css loads.
   Keep this critical subset aligned with the standalone practice styles. */
.pr-hub[data-mount=practice-hub]{max-inline-size:100%;padding:0;min-inline-size:0}
.pr-hub .pr-hub-head{margin-block-end:var(--s6)}
.pr-hub .pr-hub-head h1{margin:0;font:900 var(--h1)/1.12 var(--font-display);text-wrap:balance}
.pr-hub .pr-hub-head p{margin:0}
.pr-hub>.pr-grid{display:grid;grid-template-columns:repeat(3,minmax(min(100%,280px),1fr));grid-auto-rows:1fr;gap:var(--s3)}
.pr-hub .pr-tile{display:grid;grid-template-columns:24px minmax(min-content,1fr) auto;grid-template-rows:auto 1fr auto;align-items:start;gap:var(--s3);min-block-size:200px;inline-size:100%;block-size:auto;padding:var(--s5);border:1px solid var(--border);border-radius:var(--r-tile);background:var(--surface);color:var(--textPrimary);text-align:start;text-decoration:none;white-space:normal;overflow-wrap:break-word;word-break:normal;hyphens:manual}
.pr-hub .pr-tile-text{display:grid;grid-column:2/-1;grid-row:1/3;align-content:start;gap:var(--s2);min-inline-size:min-content}
.pr-hub .pr-tile-text strong{font-size:var(--card-title)}
.pr-hub .pr-tile-text :is(.muted,.p-muted){font-size:var(--caption);font-weight:400;line-height:1.4}
.pr-hub .pr-tile-action{display:flex;grid-column:1/3;grid-row:3;justify-self:start;align-items:center;min-block-size:44px;padding-inline:var(--s4);border:1.5px solid color-mix(in srgb,var(--textPrimary) 70%,transparent);border-radius:var(--r-button);font-size:var(--secondary);font-weight:600}
.pr-hub .pr-tile:not(:has(.pr-tile-text)){grid-template-columns:minmax(min-content,1fr);grid-template-rows:auto;min-block-size:88px;align-content:center;justify-items:start;font-size:var(--card-title)}
@media(max-width:1023px){.pr-hub>.pr-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}}
@media(max-width:759px){
 .pr-hub>.pr-grid{grid-auto-rows:auto;gap:var(--s2)}
 .pr-hub .pr-tile{display:flex;align-items:center;min-block-size:72px;padding:var(--s3)}
 .pr-hub .pr-tile-text{flex:1 1 auto;gap:var(--s1)}
 .pr-hub .pr-tile-text strong{font-size:var(--secondary)}
 .pr-hub .pr-tile-text :is(strong,.muted,.p-muted){white-space:normal;overflow:visible;text-overflow:clip}
 .pr-hub .pr-tile-action{display:none}
 .pr-hub .pr-tile:not(:has(.pr-tile-text)){display:grid;font-size:var(--secondary)}
}
@media(max-width:559px){.pr-hub>.pr-grid{grid-template-columns:minmax(0,1fr)}}


/* W owns shell focus and route loading; P owns stage/exercise styling. */
html.player-open,html:has(:is(body[data-page=player],body[data-page=practice-session],body[data-page=exam-client])),html.player-open body,:is(body[data-page=player],body[data-page=practice-session],body[data-page=exam-client]){height:100%;overflow:hidden;scrollbar-gutter:auto}
html.player-open body,:is(body[data-page=player],body[data-page=practice-session],body[data-page=exam-client]){min-block-size:0}
:is(body[data-page=player],body[data-page=practice-session],body[data-page=exam-client])>.topbar,:is(body[data-page=player],body[data-page=practice-session],body[data-page=exam-client])>.collection,
body.p-focus>.topbar,body.p-focus>.collection{opacity:0;pointer-events:none;visibility:hidden;transition:opacity 160ms var(--ease-out),visibility 160ms}
:is(body[data-page=player],body[data-page=practice-session],body[data-page=exam-client])>.topbar,body.p-focus>.topbar{position:fixed}
:is(body[data-page=player],body[data-page=practice-session],body[data-page=exam-client])>main,body.p-focus>main{padding:0;margin:0;max-inline-size:none;block-size:100dvh;min-block-size:0;overflow:hidden;outline:0}
:is(body[data-page=player],body[data-page=practice-session],body[data-page=exam-client])>main>.breadcrumbs,body.p-focus>main>.breadcrumbs,
:is(body[data-page=player],body[data-page=practice-session],body[data-page=exam-client]) .play-banner,body.p-focus .play-banner{display:none}
.p-player.p-route-error{display:flex;flex-direction:column;justify-content:center;gap:var(--s4);padding:var(--s5)}
.menu-panel:has(.p-stack){max-inline-size:min(680px,calc(100vw - 32px))}
.menu-panel>.p-stack{padding:var(--s3);overflow-y:auto;min-block-size:0}
@media(max-width:759px){.menu-panel:has(.p-stack){max-inline-size:none}}
@media(prefers-reduced-motion:reduce){body.p-focus>.topbar,body.p-focus>.collection{transition:none}}
/* The shell's responsive inline-size rule otherwise collapses flex pictures. */
.p-option-picture{inline-size:64px;flex:none}
.p-option-picture img{inline-size:64px;block-size:64px;max-inline-size:none}
/* Preserve the typing board's geometry when its letter controls lock. */
.p-focus .p-typing:has(.p-input:disabled) :is(.p-letter-strip,.p-quiet):not([hidden]){display:flex;visibility:hidden;pointer-events:none}
.p-typing>.p-answers{position:relative;padding-block-end:64px}
.p-typing .p-answer-diff{position:absolute;inset-inline:0;inset-block-end:0;max-block-size:56px;overflow:auto}
.p-focus .p-primary:disabled{background:var(--action);color:var(--onAction)}

/* Shared display tick geometry, including the P stylesheet loaded on demand. */
html.player-open .p-focus .sv::after{inline-size:max(2px,.055em);block-size:.3em;inset-block-end:calc(var(--xh,.49em) + .05em);margin-block-end:.3em;inset-block-start:auto;left:50%;transform:translateX(-50%) skewX(-18deg)}
.wr{position:relative}.wr>.word-picture{order:3;margin-inline-start:auto}.wr>.rc{flex:1;min-inline-size:0}

@media(max-width:759px){.wr,.word-tiles .wr{grid-template-columns:minmax(0,1fr) auto}.wr>.rc{grid-column:1;grid-row:1}.wr>.word-picture{grid-column:2;grid-row:1}.wr>.audio-controls,.word-tiles .wr>.audio-controls{grid-column:1;grid-row:2}.wr>.word-note{grid-column:1/-1}}

/* The cold route reserves the same header/stage/action geometry as the player. */
.p-player[aria-busy=true]>.p-loading{display:grid;grid-template-rows:auto minmax(0,1fr) auto;block-size:100%;padding:0;gap:0}
.p-skeleton-head{display:flex;align-items:center;gap:var(--s3);padding:var(--s4);min-block-size:64px}
.p-skeleton-head>span{block-size:32px;inline-size:32px;border-radius:50%;background:var(--surfaceSunken)}
.p-skeleton-head>span:nth-child(2){flex:1;block-size:4px;border-radius:4px}
.p-skeleton-stage{display:grid;align-content:start;gap:var(--s4);padding:var(--s6) var(--s5)}
.p-skeleton-stage>span{background:var(--surfaceSunken);border-radius:var(--r-card);block-size:52px}
.p-skeleton-stage>span:first-child{block-size:144px}.p-skeleton-stage>span:nth-child(2){inline-size:75%}
.p-skeleton-action{block-size:52px;margin:var(--s4) var(--s5);border-radius:var(--r-button);background:var(--surfaceSunken)}
.p-focus .p-hero-word [lang=bg]{font-family:var(--font-display)}

/* Keep the live-region clipping box inside the locked focus viewport. */
html.player-open #route-announcement,:is(body[data-page=player],body[data-page=practice-session],body[data-page=exam-client])>#route-announcement{position:fixed!important;inset:0 auto auto 0}

html.player-open .living-word .is-active .sv::after{animation-name:host-stress-tick}
@keyframes host-stress-tick{from{transform:translate(-50%,-4px) skewX(-18deg)}to{transform:translate(-50%,0) skewX(-18deg)}}

.wr>.word-note{order:4}.word-picture{background:var(--surfaceSunken);border-radius:var(--r-tile);overflow:hidden}
html[data-theme=dark] .word-picture{background:var(--surfaceElevated)}

/* W3 focus views scroll within their viewport; certificate print stays separate. */
html.player-open body.p-focus>main>.p-player:is(.pr-independent,.pr-listen,.features-ui,.e-host){overflow-y:auto}
.w-certificate-host{position:fixed;inset:0;z-index:70;inline-size:100%;max-inline-size:none;block-size:100dvh!important;margin:0!important;overflow-y:auto;background:var(--bg)}
@media print{body:has(.w-certificate-host)>main>*:not(.w-certificate-host){display:none!important}.w-certificate-host{position:static;block-size:auto!important;overflow:visible}}
.learning-exit{position:fixed;inset-block-start:var(--s3);inset-inline-end:var(--s3);z-index:65;background:var(--surface);border:1px solid var(--border)}
@media print{.learning-exit{display:none!important}}
html.player-open .p-player.features-ui{display:block;inline-size:min(100%,1240px);height:100dvh;max-height:none;margin:0 auto}

/* W4 embeds the reader in the real shell, without its lab brand/review header. */
[data-mount=local-reader].f-root{padding:0;max-inline-size:none}
[data-mount=local-reader] .f-brand,[data-mount=local-reader] .f-title>.p-eyebrow{display:none}

[data-mount=local-reader]{min-block-size:calc(100dvh - var(--topbar-height,80px) - 2 * var(--s6))}

/* R2a-W3 P1-4 / R2A-24: text owns the full card width; media and
   normal/slow audio share a separate horizontal row at every breakpoint. */
.word-tiles{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.wr,.word-tiles .wr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s2) var(--s3);align-items:start}
.wr>.rc,.word-tiles .wr>.rc{grid-column:1/-1;grid-row:1;min-inline-size:0}
.wr>.audio-controls,.word-tiles .wr>.audio-controls{grid-column:1;grid-row:2;flex-direction:row;inline-size:auto;margin:0;justify-self:start;align-self:center}
.wr>.word-picture{grid-column:2;grid-row:2;inline-size:48px;block-size:48px;align-self:center}
.wr>.word-note{grid-column:1/-1;grid-row:3;margin:0}
.wr .wt a,.wr .tr,.wr .translit{overflow-wrap:break-word;word-break:normal;hyphens:auto}

/* The metadata-first host precedes P's full intro; its padding must survive
   the later generic .e-host .e-intro rule in the lazy exam stylesheet. */
.e-host[data-exam-preparing]>.e-intro{padding:var(--s4)}

/* RD-4: the recommendation and tools have distinct weights. This critical
   block is mirrored in player-host.css for router entries before CSS arrives. */
.pr-redesign.pr-hub{padding:0;max-inline-size:100%;font:var(--body)/1.45 var(--font-body);color:var(--textPrimary)}
.pr-redesign *{box-sizing:border-box;min-inline-size:0}
.pr-redesign [hidden]{display:none!important}
.pr-redesign .pr-hub-head{margin-block-end:var(--s6)}
.pr-redesign .pr-hub-head h1{margin:0;font:900 var(--h1)/1.12 var(--font-display)}
.pr-redesign .pr-hub-head :is(.p-eyebrow,.eyebrow){margin:0;color:var(--textSecondary)}
.pr-redesign .pr-resumes:empty{display:none}
.pr-hero{display:grid;grid-template-columns:2fr 1fr;gap:var(--s6);margin-block-end:var(--s7)}
.pr-hero-card{display:flex;flex-direction:column;align-items:start;gap:var(--s4);padding:var(--s6);border:1px solid var(--border);border-radius:var(--r-card);background:var(--surface)}
.pr-daily{background:var(--surfaceSunken)}
.pr-hero-top{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);inline-size:100%}
.pr-hero-top>svg,.pr-panel-title>svg{inline-size:32px;block-size:32px;flex:none}
.pr-duration,.pr-redesign .pr-badge{display:inline-flex;align-items:center;white-space:nowrap;flex:none;min-inline-size:max-content;padding:var(--s1) var(--s2);border-radius:var(--r-chip);background:var(--surface);color:var(--textPrimary);font:600 var(--caption)/1.4 var(--font-body)}
.pr-hero-copy{display:grid;gap:var(--s2);max-inline-size:48ch}
.pr-hero-copy :is(h2,p){margin:0}
.pr-hero-copy h2{font:900 var(--stat-small)/1.15 var(--font-display);text-wrap:balance;overflow-wrap:normal;word-break:normal;hyphens:manual}
.pr-redesign .p-eyebrow{font:700 var(--eyebrow)/1.45 var(--font-body);text-transform:uppercase;letter-spacing:.12em;color:var(--textSecondary)}
.pr-redesign .p-muted{color:var(--textSecondary);font:400 var(--secondary)/1.45 var(--font-body);text-wrap:pretty}
.pr-redesign .pr-hero-action{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);inline-size:fit-content;max-inline-size:100%;min-block-size:52px;block-size:auto;min-inline-size:min(100%,200px);padding:var(--s3) var(--s5);margin-block-start:auto;border:1.5px solid color-mix(in srgb,var(--textPrimary) 70%,transparent);border-radius:var(--r-button);background:transparent;color:var(--textPrimary);font:600 var(--secondary)/1.3 var(--font-body);text-align:center;text-decoration:none;white-space:normal;transition:background var(--t-hover),transform var(--t-press),box-shadow var(--t-hover)}
.pr-redesign .pr-hero-action.p-primary{background:var(--action);color:var(--onAction);border-color:var(--action);box-shadow:var(--lift-1)}
.pr-hero-action>svg{inline-size:20px;block-size:20px;flex:none}
.pr-review-count{font:900 var(--h1)/1 var(--font-display);font-variant-numeric:tabular-nums}
.pr-body{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--s6);align-items:start}
.pr-redesign .pr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));grid-auto-rows:1fr;gap:var(--s4);margin:0}
.pr-redesign .pr-tile{display:grid;grid-template-columns:32px minmax(0,1fr) auto;grid-template-rows:32px 1fr;align-items:start;align-content:start;gap:var(--s3);inline-size:100%;min-block-size:192px;block-size:auto;padding:var(--s5);border:1px solid var(--border);border-radius:var(--r-card);background:var(--surface);color:var(--textPrimary);text-align:start;text-decoration:none;white-space:normal;box-shadow:none;transition:background var(--t-hover),border-color var(--t-hover),transform var(--t-press),box-shadow var(--t-hover)}
.pr-redesign .pr-tile>svg:first-child{grid-column:1;grid-row:1;inline-size:32px;block-size:32px}
.pr-redesign .pr-tile>svg:last-child{grid-column:3;grid-row:1;inline-size:20px;block-size:32px;align-self:center;rotate:none;transition:transform var(--t-hover)}
:dir(rtl) .pr-redesign .pr-tile>svg:last-child{rotate:180deg}
.pr-redesign .pr-tile .pr-tile-text{display:grid;grid-column:1/-1;grid-row:2;gap:var(--s2);align-content:start;min-inline-size:12ch;overflow-wrap:normal;word-break:normal;hyphens:manual}
.pr-redesign .pr-tile-text strong{font:700 var(--card-title)/1.25 var(--font-body);text-wrap:balance;white-space:normal;overflow:visible}
.pr-redesign .pr-tile-text :is(.p-muted,.muted){display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:400 var(--secondary)/1.4 var(--font-body);color:var(--textSecondary)}
.pr-redesign .pr-tile .pr-badge{grid-column:2;grid-row:1;justify-self:start;align-self:center;background:var(--surfaceSunken)}
.pr-tools{display:grid;gap:var(--s6)}
.pr-redesign .pr-panel{margin:0;padding:var(--s5);gap:var(--s4);border-radius:var(--r-card)}
.pr-panel-title{display:flex;align-items:center;gap:var(--s3)}
.pr-panel-title h2{font:900 var(--h2)/1.2 var(--font-display);margin:0}
.pr-redesign .pr-panel h3{font:600 var(--secondary)/1.4 var(--font-body);margin:0}
.pr-redesign .pr-segment-option.p-button{padding:var(--s2);font-size:var(--secondary)}
.pr-redesign .pr-quiz .pr-segment:has([data-value=vocabulary]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.pr-redesign .pr-listen-card .pr-segment{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.pr-redesign .pr-panel>[data-listen-all],.pr-redesign .pr-panel>[data-quiz-start]{min-inline-size:min(100%,200px);inline-size:fit-content;max-inline-size:100%;min-block-size:52px;block-size:auto;white-space:normal;text-align:center}
.pr-redesign .pr-panel>[data-listen-all]:disabled{opacity:1;color:var(--textSecondary);background:var(--surfaceSunken);border-color:var(--border);cursor:default;transform:none;box-shadow:none}
.pr-notice{margin:var(--s6) 0 0!important;color:var(--textSecondary)}
.pr-redesign .pr-tile:focus-visible,.pr-redesign .pr-hero-action:focus-visible{outline:2px solid var(--action);outline-offset:2px}

.pr-redesign .pr-hero-action.p-primary:active{background:var(--actionPressed);color:var(--onAction)}
@media(hover:hover) and (pointer:fine){
 .pr-redesign .pr-tile:hover{background:var(--surfaceSunken);border-color:color-mix(in srgb,var(--action) 40%,var(--border));transform:translateY(-3px);box-shadow:var(--lift-2)}
 .pr-redesign .pr-tile:hover>svg:last-child{transform:translateX(3px)}
 .pr-redesign .pr-hero-action:hover{background:var(--surfaceSunken);transform:translateY(-1px);box-shadow:var(--lift-1)}
 .pr-redesign .pr-hero-action.p-primary:hover{background:var(--actionPressed);color:var(--onAction);box-shadow:var(--lift-2)}
}
.pr-redesign .pr-tile:active,.pr-redesign .pr-hero-action:active{transform:scale(.98);background:var(--surfaceSunken)}
@media(max-width:1099px){.pr-body{grid-template-columns:minmax(0,1fr)}.pr-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:759px){
 .pr-hero{grid-template-columns:minmax(0,1fr);gap:var(--s4);margin-block-end:var(--s6)}
 .pr-hero-card{padding:var(--s5);gap:var(--s3)}
 .pr-review{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}
 .pr-review .pr-hero-top{grid-column:1/-1}
 .pr-review .pr-hero-copy{grid-column:1/-1}
 .pr-review .pr-hero-action{grid-column:1/-1;margin-block-start:var(--s1)}
 .pr-redesign .pr-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));grid-auto-rows:auto;gap:var(--s3)}
 .pr-redesign .pr-tile{grid-template-columns:32px minmax(0,1fr) var(--s8);grid-template-rows:auto auto;min-block-size:112px;padding:var(--s4);gap:var(--s2) var(--s3)}
 .pr-redesign .pr-tile .pr-tile-text{grid-column:2;grid-row:1/3;min-inline-size:12ch}
 .pr-redesign .pr-tile>svg:first-child{grid-row:1/3}
 .pr-redesign .pr-tile>svg:last-child{grid-row:1;align-self:start}
 .pr-redesign .pr-tile .pr-badge{grid-column:3;grid-row:2;justify-self:end}
 .pr-tools{grid-template-columns:minmax(0,1fr)}
 .pr-body{gap:var(--s6)}
}
.pr-redesign:lang(ar),.pr-redesign:lang(he),.pr-redesign:lang(ar) :is(h1,h2,h3),.pr-redesign:lang(he) :is(h1,h2,h3){font-family:var(--font-system)}
@media(prefers-reduced-motion:reduce){.pr-redesign .pr-tile:is(:hover,:active),.pr-redesign .pr-hero-action:is(:hover,:active),.pr-redesign .pr-tile:hover>svg:last-child{transform:none!important}}
/* These small control primitives are also critical on a routed SSR entry. */
.pr-redesign .pr-panel{display:grid;border:1px solid var(--border);background:var(--surface)}
.pr-redesign .pr-panel>.p-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);padding:var(--s3) var(--s4);border:1.5px solid color-mix(in srgb,var(--textPrimary) 70%,transparent);border-radius:var(--r-button);font:600 var(--secondary)/1.3 var(--font-body);color:var(--textPrimary);background:var(--surface);text-decoration:none}
.pr-redesign .pr-panel>.p-button>svg{inline-size:20px;block-size:20px;flex:none}
.pr-redesign .pr-panel>.p-primary{background:var(--action);color:var(--onAction);border-color:var(--action)}
.pr-redesign .pr-segment{display:flex;position:relative;isolation:isolate;flex-wrap:wrap;gap:0;padding:var(--s1);inline-size:100%;border:1px solid var(--border);border-radius:var(--r-tile);background:var(--surfaceSunken)}
.pr-redesign .pr-segment-option.p-button{display:inline-flex;align-items:center;justify-content:center;flex:1 1 auto;min-block-size:44px;block-size:auto;max-inline-size:100%;border:0;border-radius:var(--r-chip);background:transparent;box-shadow:none;white-space:normal;color:var(--textPrimary);font:600 var(--secondary)/1.4 var(--font-body);text-align:center}
.pr-redesign .pr-segment-option[aria-checked=true]{background:var(--action);color:var(--onAction)}
.pr-redesign .pr-panel>.p-button:hover{background:var(--surfaceSunken);color:var(--textPrimary)}
.pr-redesign .pr-panel>.p-primary:hover{background:var(--actionPressed);color:var(--onAction)}
.pr-redesign .pr-panel>.p-button:disabled{opacity:1;color:var(--textSecondary);background:var(--surfaceSunken);border-color:var(--border);cursor:default;transform:none;box-shadow:none}
.pr-redesign .pr-panel>.p-button:focus-visible,.pr-redesign .pr-segment-option:focus-visible{outline:2px solid var(--action);outline-offset:2px}
.pr-redesign .pr-panel>.p-button:active{transform:scale(.98)}
.pr-redesign .pr-segment-option[aria-checked=false]:hover{background:color-mix(in srgb,var(--action) 8%,transparent)}
.pr-redesign .pr-segment-option[aria-checked=true]:hover{background:var(--actionPressed);color:var(--onAction)}
.pr-redesign .pr-segment-option:active{transform:scale(.98)}
@media(prefers-reduced-motion:reduce){.pr-redesign .pr-panel>.p-button:active,.pr-redesign .pr-segment-option:active{transform:none}}

.pr-redesign:is(:lang(ar),:lang(he)) :is(.p-muted,.p-eyebrow,.pr-tile-text strong,.pr-duration,.pr-badge,.pr-hero-action,.pr-segment-option,.pr-panel>.p-button){font-family:var(--font-system)}
/* Press keeps the foreground/background pair opaque in both themes. */
.pr-redesign a.p-button:active{opacity:1}
.pr-redesign .pr-segment-option.p-button:hover:not(:active){transform:none}
/* Large text: use the full row before a real word can meet the chevron.
   The em threshold follows the card's font size, not device pixels. */
@media(max-width:759px){
 .pr-redesign .pr-tile{container-type:inline-size}
 @container (max-width:14em){
  .pr-redesign .pr-tile .pr-tile-text{grid-column:1/-1;grid-row:2;min-inline-size:0}
  .pr-redesign .pr-tile>svg:first-child,.pr-redesign .pr-tile>svg:last-child{grid-row:1}
  .pr-redesign .pr-tile .pr-badge{grid-column:2;grid-row:1;justify-self:start}
 }
}
/* The practice descriptions are learning guidance, never clipped teasers. */
.pr-hub.pr-redesign .pr-tile-text :is(.p-muted,.muted){white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:normal;word-break:normal;hyphens:manual}

/* SCAN-1: a text column may shrink below its longest phrase. */
.pr-hub.pr-redesign .pr-tile .pr-tile-text{min-inline-size:0;overflow-wrap:break-word}
.pr-hub.pr-redesign .pr-tile-text :is(.p-muted,.muted){white-space:normal;overflow:visible;text-overflow:clip}

/* HOT-3c: the keyboard needs the stage space reserved for later feedback. */
.p-focus .p-player[data-keyboard]:has(>.p-stage)>.p-actionbar:not([data-state])>.p-drawer-slot{block-size:0}

/* W-R5b integration: stable six-column letter keys, quiet pointer hover,
   and RTL block alignment while the Bulgarian text itself remains LTR. */
.p-focus .p-player .p-letter-strip{display:grid;grid-template-columns:repeat(6,minmax(44px,1fr));gap:var(--s1);padding:0;min-block-size:0;overflow:visible}
.p-focus .p-player .p-letter{inline-size:100%;min-inline-size:0;block-size:44px;min-block-size:44px;padding:var(--s1)}
.p-focus .p-player .p-matching .p-match.is-hint{transform:none}
[dir=rtl] .p-player :is(.p-example,.p-new-word-example) .p-bg-group{direction:rtl;text-align:right}
[dir=rtl] .p-player :is(.p-example,.p-new-word-example) .living-word{direction:ltr;text-align:right}
/* P-ACTION: player.css owns the complete paired option states. */
/* The focus player's unlabelled transports are compact 44px controls. */
.p-focus .p-player .audio-control-hero{--audio-control-size:44px;inline-size:44px;min-inline-size:44px;block-size:44px;min-block-size:44px}
.large-text .p-focus .p-player .p-letter{block-size:auto;min-block-size:44px}

/* Stat captions begin consistently; source translations keep their wording. */
.p-result-stats :is(.p-muted,.p-caption)::first-letter{text-transform:uppercase}
/* A forward chevron follows the action label in both writing directions. */
.p-focus .p-player .p-button>svg:has(path[d^="M9 5"]){order:1}

/* W-R5b: intrinsic text leading must not add extra pixels to compact controls. */
.p-focus .p-player .p-tile,.p-focus .p-player .p-quiet{block-size:44px;min-block-size:44px;padding-block:0}
.p-focus .p-player:has(>.p-stage) .p-audio-controls>.audio-control.audio-button{--audio-control:44px;inline-size:44px;min-inline-size:44px;block-size:44px;min-block-size:44px}
.p-focus .p-player .lookup-word{display:inline-flex;align-items:center;block-size:44px;vertical-align:middle}
.large-text .p-focus .p-player :is(.p-tile,.p-quiet,.lookup-word){block-size:auto;min-block-size:44px}

/* 52px is a minimum. Multiline rows grow; their grid stretches each row. */
.p-focus :is(.p-player,.e-host) .p-button{block-size:auto;min-block-size:52px;padding-block:var(--s3)}
.p-focus :is(.p-player,.e-host) .p-button:is(.p-option,.p-match,.p-match-tile,[role=radio]){block-size:auto;min-block-size:56px}
.p-focus :is(.p-player,.e-host) .p-button:is(.p-icon,.p-credit,.p-quiet,.p-tile,.p-letter,.e-filter,.p-skip,.p-why,.p-shortcut-trigger){block-size:44px;min-block-size:44px;padding-block:0}
.p-focus .p-player .p-actionbar>.p-button.p-quiet{block-size:52px;min-block-size:52px}
.p-focus .p-player .p-chat>.p-bubble{padding-inline-end:60px;transform:none;cursor:default}
.p-focus .p-player .p-bubble-audio.p-button{inset-inline-end:var(--s2);inset-block-start:var(--s2);inline-size:44px;min-inline-size:44px;block-size:44px;min-block-size:44px;padding:0}
.large-text .p-focus :is(.p-player,.e-host) .p-button{block-size:auto}
.large-text .p-focus .p-player .p-actionbar>.p-button.p-quiet{block-size:auto}

/* A recap row has room for the full word and its two compact transports. */
.p-focus .p-player:has(>.p-stage) .p-recap-words:not(.p-part-words){grid-template-columns:minmax(0,1fr);gap:var(--s2)}
.p-focus .p-player .p-recap-words:not(.p-part-words)>.p-bg-group{display:flex;justify-content:space-between;gap:var(--s3)}
.p-focus .p-player .p-recap-words:not(.p-part-words)>.p-bg-group>.living-word{min-inline-size:0;overflow-wrap:break-word;white-space:normal}
.p-focus .p-player .p-recap-words:not(.p-part-words)>.p-bg-group>.p-audio-controls{flex:none}

/* P-R6 N-01: phrase/task rows and vowel keys keep all their content. */
.p-focus .p-player .p-button:is(.pr-phrase,.pr-task){block-size:auto;min-block-size:72px;padding:var(--s4);align-self:stretch}
.p-focus .p-player .f-stress-word{align-items:baseline}
.p-focus .p-player .f-stress-word>.p-button{block-size:auto;min-block-size:64px;padding:var(--s1) var(--s2)}

/* R15-6: cold exam entry paints an attested title and facts, never a skeleton.
   Start is disabled until storage, the saved attempt and questions are ready. */
.p-player>.p-exam-preview{display:flex;flex-direction:column;gap:var(--s5);inline-size:calc(100% - 40px);max-inline-size:640px;margin:auto;overflow:auto}
.p-exam-preview>.button{inline-size:100%;max-inline-size:480px;align-self:center}
.p-exam-preview h1{font-size:var(--h1)}
html.player-open body.p-focus>main>.p-player:has(>.p-exam-preview),body[data-page=exam-client]>main>.p-player:has(>.p-exam-preview){display:flex;align-items:center;justify-content:center;block-size:100dvh}

/* Fixed geometry in a 120-unit viewBox; external dimensions reserve layout. */
.martenitsa-cord{display:inline-block;inline-size:var(--cord-size,64px);block-size:var(--cord-size,64px);flex:none;overflow:visible;vertical-align:middle;isolation:isolate;--cord-white:var(--cordWhite,#fff);--cord-edge:var(--cordEdge,#DAD8D3);--cord-track:var(--surfaceSunken,#ECEBE7)}
:root[data-theme=dark] .martenitsa-cord{--cord-white:var(--cordWhite,#E9E7E2)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .martenitsa-cord{--cord-white:var(--cordWhite,#E9E7E2)}}
.cord-red{stroke:var(--cord-red-color,var(--brand,#C8302C))}.cord-white{stroke:var(--cord-white)}.cord-edge{stroke:var(--cord-edge)}.cord-track{stroke:var(--cord-track)}
.cord-red-fill{fill:var(--cord-red-color,var(--brand,#C8302C))}.cord-white-fill{fill:var(--cord-white)}.cord-edge-fill{fill:var(--cord-edge)}
.cord-plane,.cord-moving{transform-box:view-box;transform-origin:60px 60px}.cord-knot{transform-box:view-box}

.cord-label{font:700 var(--caption)/1 var(--font-body);fill:var(--textPrimary)}

/* P-RING: centre SVG text in the circle, never an HTML font line box.
   SVG central baseline works before text-box-trim (including older Safari).
   Percentage coordinates use CSS pixels; cord geometry uses its 120-unit grid. */
.ring-number{position:absolute;inset:0;display:block;inline-size:100%;block-size:100%;overflow:visible;font:inherit;pointer-events:none}
.ring-number>text,.cord-label{text-anchor:middle;dominant-baseline:central;font-variant-numeric:tabular-nums;letter-spacing:0;direction:ltr;fill:currentColor}
.cord-label{x:60;y:60;fill:var(--textPrimary)}
:is(.lesson-number,.today-goal-value,.rd7-ring>span){position:relative}
.lesson-number:has(.ring-number){min-inline-size:2em;min-block-size:2em}
.today-goal-value.ring-number{position:absolute;max-inline-size:none}
.profile-goal-value{inset:0;gap:0}
.profile-goal-value strong{position:absolute;inset:0;display:block}
.profile-goal-value>span{position:absolute;inset-inline:0;inset-block-start:calc(50% + var(--numeric) * .6 + var(--s1))}
.large-text .profile-goal-ring{inline-size:180px;block-size:180px}
.large-text .profile-goal-value{position:absolute;inset:0;gap:0}
/* The deck's track rotates; its number does not. */
.rd7-ring>span{display:block;inline-size:100%;block-size:100%}
.rd7-ring .ring-number{transform:none;inline-size:100%;block-size:100%}

/* Enlarged captions sit below the artwork; the number stays at its centre. */
.large-text .profile-goal-ring{margin-block-end:calc(var(--caption) * 1.2 + var(--s2))}
.large-text .profile-goal-value>span{inset-block-start:calc(100% + var(--s2))}

/* Enlarged goal captions wrap within their own card on tablets. */
.large-text .hero-goal-link strong{white-space:normal}

.i-alphabet{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m2%2018%205-12%205%2012M4%2014h6m5%204V6h4c5%200%205%206%200%206h-4m4%200c5%200%205%206%200%206h-4%22%20%2F%3E%3C%2Fsvg%3E")}
.i-atom{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%205c4-4%2020%2011%2016%2014S0%208%204%205ZM20%205C16%201%200%2016%204%2019S24%208%2020%205Z%22%20%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%221.5%22%20%2F%3E%3C%2Fsvg%3E")}
.i-auto{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%20%2F%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M12%203a9%209%200%200%201%200%2018Z%22%20%2F%3E%3C%2Fsvg%3E")}
.i-backward{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m8%202-6%205%206%205M2%207h10c13%200%2013%2015%200%2015%22%20%2F%3E%3C%2Fsvg%3E")}
.i-bag{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%227%22%20width%3D%2216%22%20height%3D%2215%22%20rx%3D%222%22%20%2F%3E%3Cpath%20d%3D%22M8%2010V6c0-6%208-6%208%200v4%22%20%2F%3E%3C%2Fsvg%3E")}
.i-bed{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%209v13m20-13v13M2%2018h20M4%209V3h16v6M2%2015v-4c0-3%2020-3%2020%200v4M7%206h3m4%200h3%22%20%2F%3E%3C%2Fsvg%3E")}
.i-book-filled{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M2%204c4-2%207-1%209%200v17c-3-2-6-3-9-2Zm11%200c3-2%206-2%209%200v15c-3-1-6%200-9%202Z%22%20%2F%3E%3C%2Fsvg%3E")}
.i-book{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%205v16M12%205C8%202%203%203%202%204v15c3-1%207-1%2010%202%203-3%207-3%2010-2V4c-3-1-7-1-10%201Z%22%20%2F%3E%3C%2Fsvg%3E")}
.i-branch{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%203v12a4%204%200%200%200%204%204h10M15%2015l4%204-4%204M5%2011c7%200%206-6%2014-6M15%201l4%204-4%204%22%20%2F%3E%3C%2Fsvg%3E")}
.i-briefcase{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%227%22%20width%3D%2220%22%20height%3D%2214%22%20rx%3D%222%22%20%2F%3E%3Cpath%20d%3D%22M8%207V3h8v4M2%2012c5%204%2015%204%2020%200m-10%201v4%22%20%2F%3E%3C%2Fsvg%3E")}
.i-browser{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%224%22%20width%3D%2220%22%20height%3D%2216%22%20rx%3D%223%22%20%2F%3E%3Cpath%20d%3D%22M2%209h20M6%206.5h.1M9%206.5h.1M12%206.5h.1M7%2014h10m-10%203h6%22%20%2F%3E%3C%2Fsvg%3E")}
.i-building{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m2%208%2010-6%2010%206ZM4%2010v9m5-9v9m6-9v9m5-9v9M2%2022h20M2%2019h20%22%20%2F%3E%3C%2Fsvg%3E")}
.i-bus{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2017H3V5c0-2%2018-2%2018%200v12h-2M7%2017h10M4%2011h16M8%204v7M16%204v7M6%2020h1v-3H6v3ZM17%2020h1v-3h-1v3Z%22%20%2F%3E%3C%2Fsvg%3E")}
.i-calendar{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22%20%2F%3E%3Cpath%20d%3D%22M3%2010h18M7%202v6m10-6v6M7%2014h3m4%200h3m-10%204h3%22%20%2F%3E%3C%2Fsvg%3E")}
.i-car{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%2010%203-7h12l3%207v10h-3v-3H6v3H3Zm0%200h18M6%2013h2m8%200h2%22%20%2F%3E%3C%2Fsvg%3E")}
.i-carrot{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%208C7%203%203%2018%203%2021c4-1%2018-8%2011-13ZM16%207l4-4M16%204V1M19%208h4M7%2014l3%202M10%209l2%202%22%20%2F%3E%3C%2Fsvg%3E")}
.i-cart{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%203h3l3%2013h11l3-10H6M9%2020h.01M18%2020h.01%22%20%2F%3E%3C%2Fsvg%3E")}
.i-chart{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%203v18h18M6%2016l5-7%204%203%206-8%22%20%2F%3E%3C%2Fsvg%3E")}
.i-chat{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2014a3%203%200%200%201-3%203H9l-6%204V5a3%203%200%200%201%203-3h12a3%203%200%200%201%203%203Z%22%20%2F%3E%3Cpath%20d%3D%22M7%207h10M7%2012h7%22%20%2F%3E%3C%2Fsvg%3E")}
.i-check-circle{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%20%2F%3E%3Cpath%20d%3D%22m7%2012%203%203%207-7%22%20%2F%3E%3C%2Fsvg%3E")}
.i-check{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m5%2012%204%204L19%206%22%20%2F%3E%3C%2Fsvg%3E")}
.i-chevron{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m9%205%207%207-7%207%22%20%2F%3E%3C%2Fsvg%3E")}
.i-clock{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%20%2F%3E%3Cpath%20d%3D%22M12%206v6l4%202%22%20%2F%3E%3C%2Fsvg%3E")}
.i-close{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%206%2012%2012M6%2018%2018%206%22%20%2F%3E%3C%2Fsvg%3E")}
.i-cloud{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%2019c-7%200-6-9%200-9%200-10%2015-10%2015%200%206%200%205%209-1%209Z%22%20%2F%3E%3C%2Fsvg%3E")}
.i-columns{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%208l10-5%2010%205H2ZM4%2021h16M6%2010v8M12%2010v8M18%2010v8%22%20%2F%3E%3C%2Fsvg%3E")}
.i-cup{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%207h13v7c0%209-13%209-13%200Zm13%201h3c5%200%203%207-3%206M2%2022h16M6%202v2m5-2v2%22%20%2F%3E%3C%2Fsvg%3E")}
.i-down{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%209%206%206%206-6%22%20%2F%3E%3C%2Fsvg%3E")}
.i-download{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2015v6h18v-6M12%202v15m-5-5%205%205%205-5%22%20%2F%3E%3C%2Fsvg%3E")}
.i-ear{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%2010c-1-10%2015-11%2014-1%200%205-6%205-6%2010s-7%204-7-1m3-8c-1-5%206-6%206-1%200%203-4%203-4%206%22%20%2F%3E%3C%2Fsvg%3E")}
.i-euro{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M19%205a8%208%200%201%200%200%2014M4%2010h12M4%2014h10%22%20%2F%3E%3C%2Fsvg%3E")}
.i-expand{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%203H3v6m12%2012h6v-6M3%203l7%207m11%2011-7-7%22%20%2F%3E%3C%2Fsvg%3E")}
.i-external{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%203h7v7m0-7L10%2014m-2-9H3v16h16v-5%22%20%2F%3E%3C%2Fsvg%3E")}
.i-eye{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M1%2012c6-11%2016-11%2022%200-6%2011-16%2011-22%200Z%22%20%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%20%2F%3E%3C%2Fsvg%3E")}
.i-flag{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2021V3m0%201c5-4%209%204%2014%200v10c-5%204-9-4-14%200%22%20%2F%3E%3C%2Fsvg%3E")}
.i-flame{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M13%202c1%205-5%206-3%2011%202-1%203-3%203-5%204%203%207%206%206%2010a7%207%200%200%201-14-1c0-4%203-7%205-9-1%204%200%205%201%206-1-5%203-7%202-12Z%22%20%2F%3E%3C%2Fsvg%3E")}
.i-food{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%202v7c0%204%206%204%206%200V2M7%202v20M20%202c-6%202-6%2011-1%2011h1m0-11v20%22%20%2F%3E%3C%2Fsvg%3E")}
.i-gift{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%227%22%20width%3D%2218%22%20height%3D%225%22%20rx%3D%221%22%20%2F%3E%3Cpath%20d%3D%22M5%2012v10h14V12M12%207v15m0-15c-9-1-6-8-2-5l2%205c9-1%206-8%202-5Z%22%20%2F%3E%3C%2Fsvg%3E")}
.i-globe{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%20%2F%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%2212%22%20rx%3D%224%22%20ry%3D%229%22%20%2F%3E%3Cpath%20d%3D%22M3%2012h18%22%20%2F%3E%3C%2Fsvg%3E")}
.i-graduation{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%208l10-5%2010%205-10%205-10-5ZM6%2010v7c4%203%208%203%2012%200v-7M22%208v10%22%20%2F%3E%3C%2Fsvg%3E")}
.i-hand{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%2012V5a1.5%201.5%200%200%201%203%200v6-8a1.5%201.5%200%200%201%203%200v8-6a1.5%201.5%200%200%201%203%200v7-4a1.5%201.5%200%200%201%203%200v8c0%208-9%208-12%204l-5-6c-2-3%200-4%202-2l3%203%22%20%2F%3E%3C%2Fsvg%3E")}
.i-headphones{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2014V11c0-12%2018-12%2018%200v3M3%2012h4v9H3Zm14%200h4v9h-4%22%20%2F%3E%3C%2Fsvg%3E")}
.i-health{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%223%22%20%2F%3E%3Cpath%20d%3D%22M9%205V2h6v3M12%209v8m-4-4h8%22%20%2F%3E%3C%2Fsvg%3E")}
.i-heart{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2021%203%2012C-4%203%208-2%2012%206c4-8%2016-3%209%206Z%22%20%2F%3E%3C%2Fsvg%3E")}
.i-home{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m2%2011%2010-9%2010%209M5%209v12h5v-7h4v7h5V9%22%20%2F%3E%3C%2Fsvg%3E")}
.i-info{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%20%2F%3E%3Cpath%20d%3D%22M12%2010v7m0-10v.1%22%20%2F%3E%3C%2Fsvg%3E")}
.i-key{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%227%22%20cy%3D%228%22%20r%3D%225%22%20%2F%3E%3Cpath%20d%3D%22m11%2012%209%209%203-3-2-2-2%202-2-2%202-2-2-2%22%20%2F%3E%3C%2Fsvg%3E")}
.i-laptop{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%203h14v13H5V3ZM2%2020l3-4h14l3%204H2Z%22%20%2F%3E%3C%2Fsvg%3E")}
.i-link{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10%208l3-3a5%205%200%200%201%207%207l-3%203M14%2016l-3%203a5%205%200%200%201-7-7l3-3M8%2016l8-8%22%20%2F%3E%3C%2Fsvg%3E")}
.i-list{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%206h13M8%2012h13M8%2018h13M3%206h.1M3%2012h.1M3%2018h.1%22%20%2F%3E%3C%2Fsvg%3E")}
.i-lock{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%2210%22%20width%3D%2216%22%20height%3D%2212%22%20rx%3D%223%22%20%2F%3E%3Cpath%20d%3D%22M7%2010V6a5%205%200%200%201%2010%200v4m-5%205v3%22%20%2F%3E%3C%2Fsvg%3E")}
.i-mail{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%206h18v14H3V6ZM3%207l9%207%209-7M17%203h5%22%20%2F%3E%3C%2Fsvg%3E")}
.i-map{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m2%205%207-3%206%203%207-3v17l-7%203-6-3-7%203Zm7-3v17m6-14v17%22%20%2F%3E%3C%2Fsvg%3E")}
.i-masks{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%203c4%202%206%202%2010%200v7c0%205-5%207-5%207S2%2015%202%2010V3ZM6%207h.01M9%207h.01M5%2011l4%201M12%208c4%202%206%202%2010%200v7c0%205-5%207-5%207s-5-2-5-7M16%2012h.01M19%2012h.01M15%2017q3-2%205%200%22%20%2F%3E%3C%2Fsvg%3E")}
.i-mic{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%229%22%20y%3D%222%22%20width%3D%226%22%20height%3D%2213%22%20rx%3D%223%22%20%2F%3E%3Cpath%20d%3D%22M5%2010v2a7%207%200%200%200%2014%200v-2m-7%209v3m-4%200h8%22%20%2F%3E%3C%2Fsvg%3E")}
.i-minus{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012h14%22%20%2F%3E%3C%2Fsvg%3E")}
.i-moon{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2013A9%209%200%200%201%2011%203a9%209%200%201%200%2010%2010Z%22%20%2F%3E%3C%2Fsvg%3E")}
.i-nature{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%203C2%200%200%2019%209%2020c9%201%2013-7%2011-17ZM5%2021%2016%209%22%20%2F%3E%3C%2Fsvg%3E")}
.i-network{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%205v6M5%2018l7-7%207%207M5%2018h14%22%20%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%224%22%20r%3D%222%22%20%2F%3E%3Ccircle%20cx%3D%224%22%20cy%3D%2219%22%20r%3D%222%22%20%2F%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2219%22%20r%3D%222%22%20%2F%3E%3C%2Fsvg%3E")}
.i-news{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%202h18v20H3ZM7%206h10M7%2010h4v5H7Zm7%200h3m-3%204h3M7%2019h10%22%20%2F%3E%3C%2Fsvg%3E")}
.i-palette{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%202a10%2010%200%201%200%200%2020h2c3%200%203-3%201-4-2-1-1-4%202-4h3c4-5-2-12-8-12ZM7%207h.01M12%205h.01M17%208h.01M5%2012h.01%22%20%2F%3E%3C%2Fsvg%3E")}
.i-pan{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%208h13v4a6%206%200%200%201-12%200V8ZM16%209h6M6%204h7%22%20%2F%3E%3C%2Fsvg%3E")}
.i-pause{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%204v16M16%204v16%22%20%2F%3E%3C%2Fsvg%3E")}
.i-pen{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%2016%2013-13c3-3%208%202%205%205L8%2021l-6%201Zm11-11%205%205M3%2016l5%205%22%20%2F%3E%3C%2Fsvg%3E")}
.i-people{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%228%22%20r%3D%223%22%20%2F%3E%3Cpath%20d%3D%22M2%2021v-3c0-7%2014-7%2014%200v3M16%205c5%200%205%206%200%206m2%204c4%200%204%203%204%206%22%20%2F%3E%3C%2Fsvg%3E")}
.i-person-filled{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20fill%3D%22black%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22none%22%20d%3D%22M12%202a10%2010%200%201%201%200%2020%2010%2010%200%200%201%200-20Zm0%204a3%203%200%201%201%200%206%203%203%200%200%201%200-6ZM5%2019c1-6%2013-6%2014%200Z%22%20%2F%3E%3C%2Fsvg%3E")}
.i-person{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%229%22%20r%3D%223%22%20%2F%3E%3Cpath%20d%3D%22M5%2019c1-6%2013-6%2014%200%22%20%2F%3E%3C%2Fsvg%3E")}
.i-pet{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%2216%22%20rx%3D%226%22%20ry%3D%225%22%20%2F%3E%3Cellipse%20cx%3D%223%22%20cy%3D%229%22%20rx%3D%222%22%20ry%3D%223%22%20%2F%3E%3Cellipse%20cx%3D%229%22%20cy%3D%225%22%20rx%3D%222%22%20ry%3D%223%22%20%2F%3E%3Cellipse%20cx%3D%2216%22%20cy%3D%225%22%20rx%3D%222%22%20ry%3D%223%22%20%2F%3E%3Cellipse%20cx%3D%2222%22%20cy%3D%2210%22%20rx%3D%222%22%20ry%3D%223%22%20%2F%3E%3C%2Fsvg%3E")}
.i-phone{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%226%22%20y%3D%222%22%20width%3D%2212%22%20height%3D%2220%22%20rx%3D%223%22%20%2F%3E%3Cpath%20d%3D%22M10%205h4m-2%2014h.1%22%20%2F%3E%3C%2Fsvg%3E")}
.i-pin{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2022s8-8%208-13a8%208%200%201%200-16%200c0%205%208%2013%208%2013Z%22%20%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%229%22%20r%3D%222.5%22%20%2F%3E%3C%2Fsvg%3E")}
.i-plane{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m22%202-8%2020-3-9-9-3Zm0%200L11%2013%22%20%2F%3E%3C%2Fsvg%3E")}
.i-play{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m8%204%2012%208-12%208Z%22%20%2F%3E%3C%2Fsvg%3E")}
.i-plus{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%205v14M5%2012h14%22%20%2F%3E%3C%2Fsvg%3E")}
.i-printer{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%208V2h12v6M6%2018H2V8h20v10h-4M6%2014h12v8H6Zm12-3h1%22%20%2F%3E%3C%2Fsvg%3E")}
.i-puzzle{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%203h6c-3%206%209%206%206%200h6v6c-6-3-6%209%200%206v6h-6c3-6-9-6-6%200H3v-6c6%203%206-9%200-6Z%22%20%2F%3E%3C%2Fsvg%3E")}
.i-quote{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%206h7v7l-5%205H3l4-5H3V6ZM14%206h7v7l-5%205h-2l4-5h-4V6Z%22%20%2F%3E%3C%2Fsvg%3E")}
.i-review-filled{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M2%202v8h8L7%207a6%206%200%200%201%2010%203l3-1A9%209%200%200%200%205%205Zm20%2020v-8h-8l3%203a6%206%200%200%201-10-3l-3%201a9%209%200%200%200%2015%204Z%22%20%2F%3E%3C%2Fsvg%3E")}
.i-review{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%209a8%208%200%200%200-14-3L3%209m0-6v6h6M4%2015a8%208%200%200%200%2014%203l3-3m0%206v-6h-6%22%20%2F%3E%3C%2Fsvg%3E")}
.i-ruler{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2017L17%203l4%204L7%2021l-4-4ZM13%207l2%202M10%2010l2%202M7%2013l2%202M3%203l18%2018%22%20%2F%3E%3C%2Fsvg%3E")}
.i-run{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%224%22%20r%3D%222%22%20%2F%3E%3Cpath%20d%3D%22m5%209%205-2%205%206%205%201m-9-6-3%207-5%204m6-5%207%202-2%206%22%20%2F%3E%3C%2Fsvg%3E")}
.i-seal{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%202%203%202%204%201%201%204%202%203-2%203-1%204-4%201-3%202-3-2-4-1-1-4-2-3%202-3%201-4%204-1Z%20m-5%2010%203%203%207-7%22%20%2F%3E%3C%2Fsvg%3E")}
.i-search{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%3Cpath%20d%3D%22m15%2015%206%206%22%20%2F%3E%3C%2Fsvg%3E")}
.i-settings{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m10%202-.5%203-2%20.8L5%204%202%209l2.5%202v2L2%2015l3%205%202.5-1.8%202%20.8.5%203h4l.5-3%202-.8L19%2020l3-5-2.5-2v-2L22%209l-3-5-2.5%201.8-2-.8L14%202Z%22%20%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%20%2F%3E%3C%2Fsvg%3E")}
.i-shield{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%202l9%204v7c0%205-9%209-9%209S3%2018%203%2013V6l9-4ZM8%2012l3%203%205-6%22%20%2F%3E%3C%2Fsvg%3E")}
.i-shirt{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m8%203-7%204%203%206%203-1v10h10V12l3%201%203-6-7-4c0%205-8%205-8%200Z%22%20%2F%3E%3C%2Fsvg%3E")}
.i-sliders{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%205h18M3%2012h18M3%2019h18M7%203v4M16%2010v4M10%2017v4%22%20%2F%3E%3C%2Fsvg%3E")}
.i-smile{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%209h.01M16%209h.01M7%2014c3%204%207%204%2010%200%22%20%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%3C%2Fsvg%3E")}
.i-sofa{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012V6h14v6M5%2010H2v10h20V10h-3v6H5v-6ZM5%2020v2M19%2020v2%22%20%2F%3E%3C%2Fsvg%3E")}
.i-sort{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%206h16M7%2012h10M10%2018h4%22%20%2F%3E%3C%2Fsvg%3E")}
.i-sos{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%202L1%2022h22L12%202ZM12%209v6M12%2018h.01%22%20%2F%3E%3C%2Fsvg%3E")}
.i-sparkles{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m10%203%202%206%206%202-6%202-2%206-2-6-6-2%206-2Zm9%2012%201%203%203%201-3%201-1%203-1-3-3-1%203-1ZM19%202v6m-3-3h6%22%20%2F%3E%3C%2Fsvg%3E")}
.i-speaker{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%209%204%200%205-4v14l-5-4H3Zm13-1a6%206%200%200%201%200%208m3-11a10%2010%200%200%201%200%2014%22%20%2F%3E%3C%2Fsvg%3E")}
.i-speed{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2020a10%2010%200%201%201%2018%200M12%2016l5-8M6%208l2%202m4-6v3m8%205h-3%22%20%2F%3E%3C%2Fsvg%3E")}
.i-stack{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2215%22%20height%3D%2215%22%20rx%3D%222%22%20%2F%3E%3Cpath%20d%3D%22M7%2021h12a2%202%200%200%200%202-2V7M7%208h7m-7%205h5%22%20%2F%3E%3C%2Fsvg%3E")}
.i-star{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%202%203%207%208%201-6%205%202%208-7-4-7%204%202-8-6-5%208-1Z%22%20%2F%3E%3C%2Fsvg%3E")}
.i-stethoscope{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%203v6a5%205%200%200%200%2010%200V3M3%203h3M12%203h3M9%2014v3a5%205%200%200%200%2010%200v-5%22%20%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%229%22%20r%3D%223%22%20%2F%3E%3C%2Fsvg%3E")}
.i-suitcase{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%205V2h8v3M5%206h14v14H5V6ZM8%209v8M16%209v8M7%2020v2M17%2020v2%22%20%2F%3E%3C%2Fsvg%3E")}
.i-sun-filled{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%225%22%20fill%3D%22black%22%20%2F%3E%3Cpath%20d%3D%22M12%202v2m0%2016v2M2%2012h2m16%200h2M5%205l1.5%201.5m11%2011L19%2019M5%2019l1.5-1.5m11-11L19%205%22%20%2F%3E%3C%2Fsvg%3E")}
.i-sun{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%20%2F%3E%3Cpath%20d%3D%22M12%202v2m0%2016v2M2%2012h2m16%200h2M5%205l1.5%201.5m11%2011L19%2019M5%2019l1.5-1.5m11-11L19%205%22%20%2F%3E%3C%2Fsvg%3E")}
.i-sunrise{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2019h20M6%2015a6%206%200%200%201%2012%200M12%203v3M3%207l2%202m14%200%202-2M2%2014h2m16%200h2%22%20%2F%3E%3C%2Fsvg%3E")}
.i-tools{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%203l6%206-3%203-5-5c-1%205%204%208%207%206l8%208%204-4-8-8c2-4-1-8-6-8l4%205-3%203M14%209l6-6%202%202-6%206M8%2014l-6%206%202%202%206-6%22%20%2F%3E%3C%2Fsvg%3E")}
.i-trophy{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%203h10v8a5%205%200%200%201-10%200V3Zm0%202H3v4c0%203%203%204%204%204m10-8h4v4c0%203-3%204-4%204m-5%203v5m-5%200h10%22%20%2F%3E%3C%2Fsvg%3E")}
.i-upload{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2015v6h18v-6M12%2017V2m-5%205%205-5%205%205%22%20%2F%3E%3C%2Fsvg%3E")}
.i-video{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%204h20v16H2V4ZM10%208l6%204-6%204V8Z%22%20%2F%3E%3C%2Fsvg%3E")}
.i-washer{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%202h18v20H3V2ZM3%207h18M6%205h.01M9%205h.01M8%2015c2-3%206%203%208%200%22%20%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2214%22%20r%3D%225%22%20%2F%3E%3C%2Fsvg%3E")}
.i-words-filled{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20fill%3D%22black%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22none%22%20d%3D%22M6%203h12a3%203%200%200%201%203%203v12a3%203%200%200%201-3%203H6a3%203%200%200%201-3-3V6a3%203%200%200%201%203-3Zm0%2014%204-10h2l4%2010h-2l-1-3H9l-1%203Zm4-5h2l-1-3Zm7-5v10h1V7Z%22%20%2F%3E%3C%2Fsvg%3E")}
.i-words{--mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%223%22%20%2F%3E%3Cpath%20d%3D%22M7%2016l4-9%204%209m-6.5-3h5M17%206v12%22%20%2F%3E%3C%2Fsvg%3E")}
.i{display:inline-block;background:currentColor;mask:var(--mask) center/contain no-repeat;-webkit-mask:var(--mask) center/contain no-repeat}