*,:before,:after{box-sizing:border-box}:not(dialog){margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}:root{--font-sans:"Space Grotesk Variable", sans-serif;--blue:oklch(62.3% .214 259.815);--slate:oklch(55.4% .046 257.417);--red:oklch(63.7% .237 25.331);--green:oklch(72.3% .219 149.579);--yellow:oklch(79.5% .184 86.047);--blue-0:color-mix(in oklch, var(--blue) 8%, white);--blue-1:color-mix(in oklch, var(--blue) 15%, white);--blue-2:color-mix(in oklch, var(--blue) 35%, white);--blue-3:color-mix(in oklch, var(--blue) 55%, white);--blue-4:color-mix(in oklch, var(--blue) 80%, white);--blue-5:var(--blue);--blue-6:color-mix(in oklch, var(--blue) 88%, black);--blue-7:color-mix(in oklch, var(--blue) 78%, black);--blue-8:color-mix(in oklch, var(--blue) 68%, black);--blue-9:color-mix(in oklch, var(--blue) 60%, black);--slate-0:color-mix(in oklch, var(--slate) 8%, white);--slate-1:color-mix(in oklch, var(--slate) 15%, white);--slate-2:color-mix(in oklch, var(--slate) 35%, white);--slate-3:color-mix(in oklch, var(--slate) 55%, white);--slate-4:color-mix(in oklch, var(--slate) 80%, white);--slate-5:var(--slate);--slate-6:color-mix(in oklch, var(--slate) 88%, black);--slate-7:color-mix(in oklch, var(--slate) 78%, black);--slate-8:color-mix(in oklch, var(--slate) 68%, black);--slate-9:color-mix(in oklch, var(--slate) 60%, black);--red-0:color-mix(in oklch, var(--red) 8%, white);--red-1:color-mix(in oklch, var(--red) 15%, white);--red-2:color-mix(in oklch, var(--red) 35%, white);--red-3:color-mix(in oklch, var(--red) 55%, white);--red-4:color-mix(in oklch, var(--red) 80%, white);--red-5:var(--red);--red-6:color-mix(in oklch, var(--red) 88%, black);--red-7:color-mix(in oklch, var(--red) 78%, black);--red-8:color-mix(in oklch, var(--red) 68%, black);--red-9:color-mix(in oklch, var(--red) 60%, black);--green-0:color-mix(in oklch, var(--green) 8%, white);--green-1:color-mix(in oklch, var(--green) 15%, white);--green-2:color-mix(in oklch, var(--green) 35%, white);--green-3:color-mix(in oklch, var(--green) 55%, white);--green-4:color-mix(in oklch, var(--green) 80%, white);--green-5:var(--green);--green-6:color-mix(in oklch, var(--green) 88%, black);--green-7:color-mix(in oklch, var(--green) 78%, black);--green-8:color-mix(in oklch, var(--green) 68%, black);--green-9:color-mix(in oklch, var(--green) 60%, black);--yellow-0:color-mix(in oklch, var(--yellow) 8%, white);--yellow-1:color-mix(in oklch, var(--yellow) 15%, white);--yellow-2:color-mix(in oklch, var(--yellow) 35%, white);--yellow-3:color-mix(in oklch, var(--yellow) 55%, white);--yellow-4:color-mix(in oklch, var(--yellow) 80%, white);--yellow-5:var(--yellow);--yellow-6:color-mix(in oklch, var(--yellow) 88%, black);--yellow-7:color-mix(in oklch, var(--yellow) 78%, black);--yellow-8:color-mix(in oklch, var(--yellow) 68%, black);--yellow-9:color-mix(in oklch, var(--yellow) 60%, black);--pad-xs:.25rem;--pad-s:.5rem;--pad-m:.75rem;--pad-l:1rem;--pad-xl:1.25rem;--pad-xxl:1.5rem;--pad-xxxl:2rem;--vs-xs:.25rem;--vs-s:.5rem;--vs-base:1rem;--vs-m:1.5rem;--vs-l:2rem;--vs-xl:4rem;--vs-xxl:6rem;--min-vw:360;--max-vw:800;--border-1:solid 1px black;--border-2:solid 2px black;--br-xs:2px;--br-s:4px;--br-m:8px;--br-l:16px;--br-xl:24px;--br-xxl:32px;--ease-smooth:linear(0, .0039, .0157, .0352, .0625 9.09%, .1407, .25, .3908, .5625, .7654, 1);--ease-bounce:linear(0, .004, .016, .035, .063, .098, .141, .191, .25, .316, .391 36.36%, .563, .766, 1 54.55%, .946, .908 72.73%, .953, 1, .994, .998, 1);--ease-emphasized:linear(0, .0038, .0155, .0352, .0625 9%, .1407, .25 15%, .5625 36%, .7655 45%, 1)}body{font-family:var(--font-sans)}:root{--font-size-min:16;--font-size-max:18;--font-ratio-min:1.2;--font-ratio-max:1.33;--font-width-min:320;--font-width-max:1500;--lh-xs:1;--lh-s:1.2;--lh:1.5;--lh-m:var(--lh);--lh-l:1.8;--lh-xl:2}h1,h2,h3,h4,h5,h6,p,li,.fluid,textarea,input,select,button,.button,.tag,.alert,label,a,th,td{--fluid-min:calc(var(--font-size-min) * pow(var(--font-ratio-min), var(--fl,0)));--fluid-max:calc(var(--font-size-max) * pow(var(--font-ratio-max), var(--fl,0)));--fluid-preferred:calc((var(--fluid-max) - var(--fluid-min)) / (var(--font-width-max) - var(--font-width-min)));--fluid-type:clamp((var(--fluid-min) / 16) * 1rem, ((var(--fluid-min) / 16) * 1rem) - (((var(--fluid-preferred) * var(--font-width-min)) / 16) * 1rem) + (var(--fluid-preferred) * var(--variable-unit,100vi)), (var(--fluid-max) / 16) * 1rem);font-size:var(--fluid-type);line-height:var(--lh)}.fluid-text-container,.fc{--variable-unit:100cqi;container-type:inline-size}h1,.h1{margin-block:0 var(--vs-base);--fl:5}h2,.h2{--fl:4}h3,.h3{--fl:3}h4,.h4{--fl:2}h5,.h5{--fl:1}h6,.h6,p,li,body,input,textarea,button,select{--fl:0}.fs-xs{--fl:-1}.fs-base{--fl:0}.fs-s{--fl:1}.fs-m,.pull-quote{--fl:2}.fs-l{--fl:3}.fs-xl{--fl:4}.fs-xxl{--fl:5}.fs-xxxl{--fl:6}.readable{width:100%;max-width:900px}.flex{gap:20px;display:flex}.grid{gap:var(--gap,1rem);display:grid}.grid.auto{grid-template-columns:repeat(auto-fit, minmax(var(--grid-min,150px), 1fr))}.split{justify-content:space-between;align-items:start;gap:20px;display:flex}.split.even{flex:auto}.split.vertical{flex-direction:column;height:100%}@container (width<=500px){.split{flex-direction:column}}.visually-hidden{clip:rect(0px, 0px, 0px, 0px);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.no-list{margin:0;padding:0;list-style:none}.no-list li{margin:0;padding:0}.row{margin-block:var(--vs-m)}.circle{--size:40px;border-radius:var(--size);width:var(--size);height:var(--size);padding:0}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:16/9}.aspect-4-3{aspect-ratio:4/3}.aspect-21-9{aspect-ratio:21/9}.aspect-custom{aspect-ratio:var(--aspect,1 / 1)}@property --layout-gap{syntax:"*";inherits:false;initial-value:1rem}.layout-card{grid-template-columns:repeat(auto-fill, minmax(var(--layout-min-card-width,var(--min-card-width,290px)), 1fr));gap:var(--layout-gap,var(--gap,2rem));display:grid}.layout-sidebar{gap:var(--layout-gap,var(--gap,2rem));grid-template-columns:250px 1fr;align-items:start;display:grid}.layout-sidebar.narrow{grid-template-columns:150px 1fr}.layout-sidebar.wide{grid-template-columns:350px 1fr}.layout-sidebar.invert{grid-template-columns:1fr 250px}.layout-sidebar.invert>:first-child{grid-area:1/2}.layout-sidebar.invert>:nth-child(2){grid-area:1/1}.layout-sidebar.invert.narrow{grid-template-columns:1fr 150px}.layout-sidebar.invert.wide{grid-template-columns:1fr 350px}.layout-sidebar.fill{align-items:stretch}.layout-sidebar.fill>:first-child{overflow-y:auto}.layout-sidebar.fixed>:first-child{align-self:start;max-height:100dvh;position:sticky;top:0;overflow-y:auto}.layout-sidebar.layout-readable{--max-width:1400px}@container (width<=768px){.layout-sidebar,.layout-sidebar.narrow,.layout-sidebar.wide,.layout-sidebar.invert,.layout-sidebar.invert.narrow,.layout-sidebar.invert.wide{grid-template-columns:1fr}.layout-sidebar.invert>:first-child,.layout-sidebar.invert>:nth-child(2){grid-area:auto}.layout-sidebar.fill>:first-child,.layout-sidebar.fixed>:first-child{height:auto;max-height:none;position:static;overflow-y:visible}}@media (width<768px){.layout-sidebar,.layout-sidebar.narrow,.layout-sidebar.wide,.layout-sidebar.invert,.layout-sidebar.invert.narrow,.layout-sidebar.invert.wide{grid-template-columns:1fr}.layout-sidebar.invert>:first-child,.layout-sidebar.invert>:nth-child(2){grid-area:auto}.layout-sidebar.fill>:first-child,.layout-sidebar.fixed>:first-child{height:auto;max-height:none;position:static;overflow-y:visible}}.layout-split{gap:var(--layout-gap,var(--gap,2rem));grid-template-columns:1fr 1fr;align-items:start;display:grid}@media (width<768px){.layout-split{grid-template-columns:1fr}.layout-split.no-stack{grid-template-columns:1fr 1fr}}.layout-three-col{gap:var(--layout-gap,var(--gap,2rem));grid-template-columns:1fr 1fr 1fr;align-items:start;display:grid}@media (width<1024px){.layout-three-col{grid-template-columns:1fr 1fr}}@media (width<768px){.layout-three-col{grid-template-columns:1fr}}.layout-readable{width:100%;max-width:var(--layout-max-width,var(--max-width,1200px));padding-inline:var(--layout-padding,var(--padding,2rem));margin:0 auto}.layout-readable.center{margin-inline:auto}.layout-readable.end{margin-inline-start:auto}.layout-holy-grail{gap:var(--layout-gap,var(--gap,2rem));grid-template-columns:auto 1fr auto;display:grid}@media (width<768px){.layout-holy-grail{grid-template-columns:1fr}}.layout-readable .full-bleed{width:100vi;margin-inline:calc(50% - 50vi)}.stack{justify-content:flex-start;gap:var(--layout-gap,var(--gap,1rem));flex-direction:column;display:flex}.stack>*{margin-block:0;margin-inline:0}.cluster{gap:var(--layout-gap,var(--gap,1rem));flex-wrap:wrap;align-items:center;display:flex}.carousel{gap:var(--layout-gap,var(--gap,1rem));scroll-snap-type:x mandatory;scroll-padding-inline:var(--layout-padding,var(--padding,1rem));scrollbar-width:thin;display:flex;overflow-x:auto}.carousel>*{scroll-snap-align:start;flex-shrink:0}.reel{gap:var(--layout-gap,var(--gap,1rem));scroll-snap-type:y mandatory;scroll-padding-block:var(--layout-padding,var(--padding,1rem));scrollbar-width:thin;max-height:var(--reel-height,80vh);flex-direction:column;display:flex;overflow-y:auto}.reel>*{scroll-snap-align:start;flex-shrink:0}.swipe{scroll-snap-type:x mandatory;border-block:var(--border-1);-ms-overflow-style:none;scrollbar-width:none;grid-template-columns:auto 1fr auto;display:grid;overflow-x:auto;container-type:inline-size}.swipe>:nth-child(2){scroll-snap-align:center;width:100cqw;padding:var(--pad-l) var(--vs-base)}.swipe>button{border:none;border-radius:0;width:200px;box-shadow:inset 1px 1px 4px #00000080}.swipe.stop>*:first-of-type{animation:1ms forwards snap_start_hack}.swipe.stop>*:last-of-type{scroll-snap-align:end}@keyframes snap_start_hack{to{scroll-snap-align:start}}:where(h1,h2,h3,h4,h5,h6){view-transition-name:var(--transition-name)}button:not(.unstyled,.tag),.btn{--btn-color:var(--slate);--fl:0;appearance:none;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:color-mix(in oklch, var(--btn-color) 4%, white);color:color-mix(in oklch, var(--btn-color) 60%, black);border:var(--border-1);border-color:color-mix(in oklch, var(--btn-color) 80%, white);border-radius:var(--br-s);padding:var(--pad-s) var(--pad-xl);transition:background-color .2s var(--ease-smooth);justify-content:center;align-items:center;margin:0;display:inline-flex}:is(button:not(.unstyled,.tag),.btn):is(a){text-decoration:none}:is(button:not(.unstyled,.tag),.btn):hover:not(:disabled){background-color:color-mix(in oklch, var(--btn-color) 18%, white)}:is(button:not(.unstyled,.tag),.btn):active:not(:disabled){background-color:color-mix(in oklch, var(--btn-color) 25%, white)}:is(button:not(.unstyled,.tag),.btn):disabled{opacity:.5;cursor:not-allowed}:is(button:not(.unstyled,.tag),.btn):focus-visible{outline:2px solid color-mix(in oklch, var(--btn-color) 80%, black);outline-offset:2px}:is(button:not(.unstyled,.tag),.btn).primary{--btn-color:var(--blue)}:is(button:not(.unstyled,.tag),.btn).success{--btn-color:var(--green)}:is(button:not(.unstyled,.tag),.btn).error{--btn-color:var(--red)}:is(button:not(.unstyled,.tag),.btn).warning{--btn-color:var(--yellow)}:is(button:not(.unstyled,.tag),.btn).block{width:100%}:is(button:not(.unstyled,.tag),.btn).sm{padding:var(--pad-s);--fl:-.25;line-height:var(--lh-xs)}dialog:not(.unstyled){max-width:50ch;width:calc(100% - var(--pad-xxl) * 2);opacity:1;transition:opacity .2s var(--ease-smooth), scale .2s var(--ease-smooth), overlay .2s var(--ease-smooth) allow-discrete, display .2s var(--ease-smooth) allow-discrete;padding:var(--pad-xl);border-radius:var(--br-s);background-color:var(--slate-1);border:none;overflow:visible;scale:1}dialog:not(.unstyled)::backdrop{background-color:oklch(from var(--slate-8) l c h / .8)}dialog:not(.unstyled):not([open]){opacity:0;scale:.95}@starting-style{dialog[open]:not(.unstyled){opacity:0;scale:.95}}input:not(.unstyled),textarea:not(.unstyled),select:not(.unstyled){border:var(--border-1);border-color:var(--slate-4);border-radius:var(--br-s);padding-inline:var(--pad-s);line-height:var(--lh-xl);width:100%;background-color:#fff;margin-block-end:var(--vs-s)}:is(input:not(.unstyled),textarea:not(.unstyled),select:not(.unstyled)):focus-visible{outline:1px solid var(--blue-5)}:is(input:not(.unstyled),textarea:not(.unstyled),select:not(.unstyled)):has(+small){margin-block-end:var(--vs-xs)}:is(input:not(.unstyled),textarea:not(.unstyled),select:not(.unstyled))+small{margin-block-end:var(--vs-s);display:block}:is(input:not(.unstyled),textarea:not(.unstyled),select:not(.unstyled)):invalid,:is(input:not(.unstyled),textarea:not(.unstyled),select:not(.unstyled))[aria-invalid=true],:is(input:not(.unstyled),textarea:not(.unstyled),select:not(.unstyled)).error{border-color:var(--red-6)}:is(:is(input:not(.unstyled),textarea:not(.unstyled),select:not(.unstyled)):invalid,:is(input:not(.unstyled),textarea:not(.unstyled),select:not(.unstyled))[aria-invalid=true],:is(input:not(.unstyled),textarea:not(.unstyled),select:not(.unstyled)).error):focus-visible{outline-color:var(--red-6)}:is(:is(input:not(.unstyled),textarea:not(.unstyled),select:not(.unstyled)):invalid,:is(input:not(.unstyled),textarea:not(.unstyled),select:not(.unstyled))[aria-invalid=true],:is(input:not(.unstyled),textarea:not(.unstyled),select:not(.unstyled)).error)+small{color:var(--red-6)}:is(input:not(.unstyled),textarea:not(.unstyled),select:not(.unstyled)).success{border-color:var(--green-6)}:is(input:not(.unstyled),textarea:not(.unstyled),select:not(.unstyled)).success:focus-visible{outline-color:var(--green-6)}textarea:not(.unstyled).fixed{resize:none}label:not(.unstyled){--fl:0;margin-block-end:var(--vs-xs);display:block}:is(label:not(.unstyled):has(>input[type=checkbox]),label:not(.unstyled):has(>input[type=radio])){cursor:pointer}:is(label:not(.unstyled):has(+input[aria-invalid=true]),label:not(.unstyled):has(+textarea[aria-invalid=true]),label:not(.unstyled):has(+select[aria-invalid=true]),label:not(.unstyled):has(+textarea:invalid),label:not(.unstyled):has(+select:invalid),label:not(.unstyled):has(+input:invalid),label:not(.unstyled):has(+textarea.error),label:not(.unstyled):has(+select.error),label:not(.unstyled):has(+input.error)){color:var(--red-6)}select:not(.unstyled){appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--pad-m) center;padding-block:1px;padding-inline-end:calc(var(--pad-m) + 1.5em)}input:not(.unstyled)[type=checkbox],input:not(.unstyled)[type=radio]{width:auto;height:auto;vertical-align:middle;block-size:1em;inline-size:1em;accent-color:var(--blue-5);cursor:pointer;margin:0;margin-inline-end:var(--vs-s)}.alert{--alert-color:var(--slate);padding:var(--pad-m);background-color:color-mix(in oklch, var(--alert-color) 4%, white);color:color-mix(in oklch, var(--alert-color) 40%, black);border:var(--border-2);border-color:color-mix(in oklch, var(--alert-color) 80%, white);border-radius:var(--br-s);align-items:center;display:flex}.alert.primary{--alert-color:var(--blue)}.alert.success{--alert-color:var(--green)}.alert.error{--alert-color:var(--red)}.alert.warning{--alert-color:var(--yellow)}.tag{--tag-color:white;--fl:-1;align-items:center;gap:var(--pad-xs);padding:var(--pad-xs) var(--pad-s);background-color:color-mix(in oklch, var(--tag-color) 25%, white);color:color-mix(in oklch, var(--tag-color) 40%, black);border-radius:var(--br-s);transition:background-color .2s var(--ease-smooth);display:inline-flex}.tag:is(a,button){cursor:pointer}.tag:is(a,button):hover{background-color:color-mix(in oklch, var(--tag-color) 35%, white)}.tag:is(a,button):active{background-color:color-mix(in oklch, var(--tag-color) 55%, white)}.tag:is(button){appearance:none;border:none}.tag:is(a){text-decoration:none}.tag.primary{--tag-color:var(--blue)}.tag.success{--tag-color:var(--green)}.tag.error{--tag-color:var(--red)}.tag.warning{--tag-color:var(--yellow)}.table{border:var(--border-2);border-radius:var(--table-border,var(--br-m));background-color:#fff;overflow-x:auto}.table table{border-collapse:collapse;inline-size:100%}.table :is(td,th){text-align:start;padding:var(--pad-m) var(--vs-base)}.table thead{border-block-end:var(--border-2)}.table th{background-color:var(--slate-8);color:var(--slate-0)}.table td{border-block-end:var(--border-1)}.table tr:last-child td{border:none}.table.zebra tbody tr:nth-child(2n){background-color:var(--slate-1)}.table.sticky{max-block-size:var(--table-max-height,70vh);overflow-y:auto}.table.sticky thead th{z-index:1;position:sticky;inset-block-start:0}@media (prefers-reduced-motion){*{transition-duration:0s!important}}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./space-grotesk-vietnamese-wght-normal.D0rl6rjA.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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./space-grotesk-latin-ext-wght-normal.D9tNdqV9.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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./space-grotesk-latin-wght-normal.BhU9QXUp.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}body{background-color:var(--slate-1)}
