@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/riffle/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/riffle/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/riffle/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/riffle/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/riffle/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/riffle/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/riffle/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--white:#fff;--mist:#f4f4f5;--stone:#e7e5e4;--ash:#d6d3d1;--royal:#3b5bdb;--paper:#fafaf9;--ink:#18181b;--muted:#71717a;--hairline:#e4e4e7}.page .rf-root{--rf-paper:var(--paper);--rf-ink:var(--ink);--rf-ink-inverse:var(--white);--rf-muted:var(--muted);--rf-focus:var(--royal)}*{box-sizing:border-box}html,body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter Variable,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.page{flex-direction:column;gap:120px;max-width:1040px;margin:0 auto;padding:96px 24px 160px;display:flex}.section{flex-direction:column;gap:40px;display:flex}.tokens{display:contents}.panel{border:1px solid var(--hairline);color:var(--muted);border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 28px;padding:16px 20px;font-size:13px;display:flex}.control{font-variant-numeric:tabular-nums;align-items:center;gap:10px;display:inline-flex}.control--check{gap:8px}.control input[type=range]{width:108px;accent-color:var(--ink)}.control input[type=checkbox]{accent-color:var(--ink)}.control output{min-width:5ch;color:var(--ink)}@media print{.panel{display:none}.page{gap:32px;padding:0}}:root{--rf-paper:#fafaf9;--rf-surface:#fff;--rf-ink:#18181b;--rf-ink-inverse:#fafaf9;--rf-muted:#71717a;--rf-focus:#2563eb;--rf-radius:44px;--rf-width:clamp(280px, 84vw, 440px);--rf-aspect:1 / 1.04;--rf-card-padding:8%;--rf-offset:10px;--rf-tilt:5deg;--rf-scale-step:0;--rf-duration:.46s;--rf-ease:cubic-bezier(.34, 1.7, .5, 1);--rf-ease-soft:cubic-bezier(.22, 1, .36, 1);--rf-press-duration:.12s;--rf-hover-lift:-6px;--rf-hover-scale:1.012;--rf-press-scale:.985;--rf-fan-offset:5px;--rf-fan-tilt:1deg;--rf-shadow:0 10px 30px -14px #18181b4d;--rf-shadow-lift:0 22px 46px -18px #18181b61;--rf-arrow-size:24px;--rf-arrow-gap:20px;--rf-arrow-border:1px;--rf-arrow-disabled-opacity:.32;--rf-arrow-row-gap:24px;--rf-icon-size:16px;--rf-toggle-gap:8px;--rf-toggle-size:14px;--rf-grid-gap:16px;--rf-grid-min:240px;--rf-font:"Inter Variable", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--rf-index-size:18cqw;--rf-title-size:8.5cqw;--rf-body-size:6.5cqw;--rf-focus-width:2px;--rf-focus-offset:3px}.rf-root{--rf-bleed:calc(var(--rf-offset) * 3);box-sizing:border-box;background-color:var(--rf-paper);color:var(--rf-ink);font-family:var(--rf-font);position:relative;container:rf-root/inline-size}.rf-root *,.rf-root :before,.rf-root :after{box-sizing:border-box}.rf-viewport{justify-content:center;align-items:center;column-gap:var(--rf-arrow-gap);grid-template-columns:auto auto auto;grid-template-areas:"prev stack next";padding-block-end:var(--rf-bleed);display:grid}.rf-root[data-expanded=true] .rf-viewport{grid-template-columns:minmax(0,1fr);grid-template-areas:"stack";padding-block-end:0}@container rf-root (width<=559.98px){.rf-viewport{column-gap:var(--rf-arrow-gap);row-gap:calc(var(--rf-bleed) + var(--rf-arrow-row-gap));grid-template-columns:1fr auto auto 1fr;grid-template-areas:"stack stack stack stack"".prev next.";padding-block-end:0}}.rf-stack{width:var(--rf-width);max-width:100%;aspect-ratio:var(--rf-aspect);touch-action:pan-y;cursor:pointer;grid-area:stack;margin-inline:auto;position:relative;container:rf-stack/inline-size}.rf-actions{justify-content:center;gap:var(--rf-arrow-gap);padding-block-start:var(--rf-arrow-row-gap);display:flex}.rf-card{--rf-depth:0;--rf-tilt-sign:0;--rf-lift-y:0px;--rf-lift-scale:1;--rf-fan-y:0px;--rf-fan-on:0;--rf-press:1;padding:var(--rf-card-padding);border-radius:var(--rf-radius);background-color:var(--rf-accent,var(--rf-surface));color:var(--rf-ink);box-shadow:var(--rf-shadow);transform:translateY(calc(var(--rf-offset) * var(--rf-depth) + var(--rf-lift-y) + var(--rf-fan-y))) rotate(calc(var(--rf-tilt-sign) * (var(--rf-tilt) + var(--rf-fan-tilt) * var(--rf-fan-on)))) scale(calc((1 - var(--rf-scale-step) * var(--rf-depth)) * var(--rf-lift-scale) * var(--rf-press)));transition:transform var(--rf-duration) var(--rf-ease), box-shadow var(--rf-duration) var(--rf-ease-soft), opacity var(--rf-duration) var(--rf-ease-soft);flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0;container:rf-card/inline-size}.rf-card[data-rf-dark]{color:var(--rf-ink-inverse)}.rf-card[data-hidden=true]{opacity:0;pointer-events:none}.rf-root:not([data-expanded=true]):hover .rf-card[data-front=true]{--rf-lift-y:var(--rf-hover-lift);--rf-lift-scale:var(--rf-hover-scale);box-shadow:var(--rf-shadow-lift)}.rf-root:not([data-expanded=true]):hover .rf-card:not([data-front=true]){--rf-fan-y:var(--rf-fan-offset);--rf-fan-on:1}.rf-root:not([data-expanded=true]) .rf-stack:active .rf-card[data-front=true]{--rf-press:var(--rf-press-scale);--rf-lift-y:0px;--rf-lift-scale:1;transition-duration:var(--rf-press-duration);transition-timing-function:var(--rf-ease-soft)}.rf-stack[data-expanded=true]{aspect-ratio:auto;grid-template-columns:repeat(auto-fit, minmax(var(--rf-grid-min), 1fr));gap:var(--rf-grid-gap);cursor:default;width:100%;max-width:none;display:grid}.rf-stack[data-expanded=true] .rf-card{aspect-ratio:var(--rf-aspect);opacity:1;pointer-events:auto;cursor:pointer;position:static;transform:none}.rf-stack[data-expanded=true] .rf-card:hover{transform:translateY(var(--rf-hover-lift));box-shadow:var(--rf-shadow-lift)}.rf-arrow{width:var(--rf-arrow-size);height:var(--rf-arrow-size);border:var(--rf-arrow-border) solid var(--rf-ink);color:var(--rf-ink);cursor:pointer;transition:background-color var(--rf-press-duration) var(--rf-ease-soft), color var(--rf-press-duration) var(--rf-ease-soft), opacity var(--rf-press-duration) var(--rf-ease-soft);background:0 0;border-radius:50%;grid-area:prev;place-items:center;padding:0;display:grid;position:relative}.rf-arrow[data-direction=next]{grid-area:next}.rf-arrow:before{content:"";width:44px;height:44px;position:absolute;inset:50%;translate:-50% -50%}.rf-arrow:hover:not(:disabled){background-color:var(--rf-ink);color:var(--rf-paper)}.rf-arrow:disabled{opacity:var(--rf-arrow-disabled-opacity);cursor:default}.rf-toggle{align-items:center;gap:var(--rf-toggle-gap);border:var(--rf-arrow-border) solid transparent;color:var(--rf-muted);font:inherit;font-size:var(--rf-toggle-size);cursor:pointer;transition:color var(--rf-press-duration) var(--rf-ease-soft), border-color var(--rf-press-duration) var(--rf-ease-soft);background:0 0;border-radius:999px;padding:6px 12px;line-height:1;display:inline-flex}.rf-toggle:hover{color:var(--rf-ink);border-color:currentColor}.rf-icon{width:var(--rf-icon-size);height:var(--rf-icon-size);fill:currentColor;flex:none;display:block}.rf-index{font-size:var(--rf-index-size);letter-spacing:-.03em;font-weight:600;line-height:1;display:block}.rf-title{font-size:var(--rf-title-size);letter-spacing:-.02em;margin:0 0 .35em;font-weight:600;line-height:1.1}.rf-body{font-size:var(--rf-body-size);margin:0;font-weight:400;line-height:1.3}.rf-card a{color:inherit;text-underline-offset:.18em;text-decoration:underline}.rf-root:focus-visible,.rf-arrow:focus-visible,.rf-toggle:focus-visible,.rf-card :focus-visible{outline:var(--rf-focus-width) solid var(--rf-focus);outline-offset:var(--rf-focus-offset)}.rf-live{white-space:nowrap;clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.rf-card,.rf-arrow,.rf-toggle{transition-duration:1ms}.rf-root:not([data-expanded=true]):hover .rf-card[data-front=true],.rf-root:not([data-expanded=true]):hover .rf-card:not([data-front=true]){--rf-lift-y:0px;--rf-lift-scale:1;--rf-fan-y:0px;--rf-fan-on:0}.rf-stack[data-expanded=true] .rf-card:hover{transform:none}}@media print{.rf-viewport{grid-template-columns:minmax(0,1fr);grid-template-areas:"stack";padding-block-end:0}.rf-stack{aspect-ratio:auto;grid-template-columns:repeat(auto-fit, minmax(var(--rf-grid-min), 1fr));gap:var(--rf-grid-gap);width:100%;max-width:none;display:grid}.rf-stack .rf-card{aspect-ratio:var(--rf-aspect);opacity:1;box-shadow:none;border:1px solid var(--rf-muted);break-inside:avoid;transition:none;position:static;transform:none}.rf-arrow,.rf-toggle{display:none}}