@layer theme,base,components,animations,utilities;@layer base{*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}*{margin:0}html{tab-size:4}body,dialog,[popover]{font-family:var(--font-sans);font-size:var(--text-regular);line-height:var(--leading-normal);color:var(--foreground)}body{background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased}main{padding-block-start:var(--space-8)}img,picture,video,canvas,svg{max-width:100%}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:1.25;&:first-child{margin-block-start:0}}h1{font-size:var(--text-1);margin:var(--space-10) 0 var(--space-6)}h2{font-size:var(--text-2);margin:var(--space-8) 0 var(--space-5)}h3{font-size:var(--text-3);margin:var(--space-6) 0 var(--space-4)}h4{font-size:var(--text-4);margin:var(--space-5) 0 var(--space-3)}h5{font-size:var(--text-5);margin:var(--space-4) 0 var(--space-2)}h6{font-size:var(--text-regular);margin:var(--space-4) 0 var(--space-2)}p{margin-block-end:var(--space-4);&:last-child{margin-block-end:0}}a{color:var(--primary);text-decoration:none;text-underline-offset:2px;transition:color var(--transition-fast);&:hover{color:rgb(from var(--primary) r g b / .8)}}:is(p,blockquote,figcaption) a{text-decoration:underline}strong,b{font-weight:var(--font-semibold)}em,i{font-style:italic}small{font-size:var(--text-7)}code{font-family:var(--font-mono);font-size:.875em;padding:calc(var(--space-1) / 2) var(--space-1);background-color:var(--muted);border-radius:var(--radius-small)}pre{font-family:var(--font-mono);padding:var(--space-4);background-color:var(--faint);border-radius:var(--radius-medium);overflow-x:auto;margin-block-end:var(--space-4);code{padding:0;background:none;border-radius:0}}blockquote{border-inline-start:2px solid var(--border);padding-inline-start:var(--space-4);margin:var(--space-4) 0;color:var(--muted-foreground);font-style:italic}hr{border:none;border-top:1px solid var(--border);margin:var(--space-8) 0}ul,ol{padding-inline-start:var(--space-6);margin-block-end:var(--space-4)}ul{list-style-type:disc}ol{list-style-type:decimal}li{margin-block-end:var(--space-1)}mark{background-color:rgb(from var(--warning) r g b / .3);padding:calc(var(--space-1) / 2) var(--space-1);border-radius:var(--radius-small)}[hidden]{display:none}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}:disabled,[aria-disabled=true]{cursor:not-allowed;opacity:.5}}@layer theme{:root{color-scheme:light dark;--background: light-dark(#fff,#09090b);--foreground: light-dark(#262626,#e5e5e5);--card: light-dark(#fff,#18181b);--card-foreground: light-dark(#262626,#e5e5e5);--primary: light-dark(#262626,#e5e5e5);--primary-foreground: light-dark(#fafafa,#18181b);--secondary: light-dark(#f4f4f5,#27272a);--secondary-foreground: light-dark(#262626,#fafafa);--muted: light-dark(#f4f4f5,#27272a);--muted-foreground: light-dark(#71717a,#a1a1aa);--faint: light-dark(#fafafa,#1e1e21);--faint-foreground: light-dark(#a1a1aa,#71717a);--accent: light-dark(#f4f4f5,#27272a);--danger: light-dark(#d32f2f,#f4807b);--danger-foreground: light-dark(#fafafa,#18181b);--success: light-dark(#008032,#6cc070);--success-foreground: light-dark(#fafafa,#18181b);--warning: light-dark(#a65b00,#f0a030);--warning-foreground: #09090b;--border: light-dark(#e4e4e7,#303036);--input: light-dark(#e4e4e7,#3f3f46);--ring: light-dark(#71717a,#a1a1aa);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-18: 4.5rem;--radius-small: .125rem;--radius-medium: .25rem;--radius-large: .5rem;--radius-full: 9999px;--bar-height: .5rem;--font-sans: system-ui,sans-serif;--font-mono: ui-monospace,Consolas,monospace;--text-1: clamp(1.75rem,1.5rem + 1.1vw,2.25rem);--text-2: clamp(1.5rem,1.3rem + .8vw,1.875rem);--text-3: clamp(1.25rem,1.1rem + .5vw,1.5rem);--text-4: clamp(1.125rem,1.05rem + .3vw,1.25rem);--text-5: 1.125rem;--text-6: 1rem;--text-7: .875rem;--text-8: .75rem;--text-regular: var(--text-6);--leading-normal: 1.5;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 600;--shadow-small: 0 1px 2px rgb(0 0 0 / .06);--shadow-medium: 0 1px 2px rgb(0 0 0 / .08),0 3px 6px -2px rgb(0 0 0 / .12);--shadow-large: 0 2px 4px -1px rgb(0 0 0 / .1),0 10px 20px -8px rgb(0 0 0 / .22);--transition-fast: .12s cubic-bezier(.4,0,.2,1);--transition: .3s cubic-bezier(.32,.72,0,1);--z-dropdown: 50;--z-modal: 200}[data-variant=success]{--_variant-color: var(--success)}[data-variant=warning]{--_variant-color: var(--warning)}:is([data-variant=danger],[data-variant=error]){--_variant-color: var(--danger)}}@layer animations{@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}dialog::backdrop{opacity:1;transition:opacity .15s cubic-bezier(.4,0,.2,1);@starting-style{opacity:0}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}}@layer components{figure[data-variant=avatar]:not([role=group]){display:inline-flex;align-items:center;justify-content:center;width:var(--sz,2.5rem);height:var(--sz,2.5rem);color:var(--primary);background-color:var(--muted);border-radius:var(--radius-full);font-weight:var(--font-medium);overflow:hidden;>img{width:100%;height:100%;object-fit:cover}&.small{--sz: 2rem}&.large{--sz: 3.25rem}}figure[data-variant=avatar][role=group]{display:inline-flex;align-items:center;margin:0;& figure[data-variant=avatar]{isolation:isolate;margin-inline-end:calc(var(--space-5) * -1);border:2px solid var(--background);&:last-child{margin-inline-end:0}}&.small{--sz: 2rem;& figure[data-variant=avatar]{margin-inline-end:calc(var(--space-4) * -.8);border-width:1px}}&.large{--sz: 3.25rem;& figure[data-variant=avatar]{margin-inline-end:calc(var(--space-6) * -1)}}}}@layer base{:is(button,[type=submit],[type=reset],[type=button],a.button),::file-selector-button{--_hov: color-mix(in srgb,var(--primary),var(--background) 20%);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:inherit;font-size:var(--text-7);font-weight:var(--font-medium);line-height:var(--leading-normal);white-space:nowrap;text-decoration:none;background-color:var(--primary);color:var(--primary-foreground);border-radius:var(--radius-medium);border:1px solid;border-color:rgb(255 255 255 / .12) rgb(0 0 0 / .08) rgb(0 0 0 / .16);transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast),transform var(--transition-fast);&:not(:disabled){cursor:pointer}&:hover:not(:disabled){background-color:var(--_hov)}&:active:not(:disabled){transform:translate(1px,1px)}&[data-variant=secondary]{--_hov: color-mix(in srgb,var(--secondary),var(--secondary-foreground) 6%);background-color:var(--secondary);color:var(--secondary-foreground);border-color:color-mix(in srgb,var(--secondary),var(--secondary-foreground) 7%);border-right-color:#0000001a;border-bottom-color:#0000001a}&[data-variant=danger]{--_hov: color-mix(in srgb,var(--danger),black 15%);background-color:var(--danger);color:var(--danger-foreground)}&:is(.outline,.ghost){--_hov: var(--accent);background-color:transparent;color:var(--foreground);&[data-variant=danger]{--_hov: color-mix(in srgb,var(--danger),transparent 90%);color:var(--danger)}&[data-variant=secondary]{--_hov: color-mix(in srgb,var(--secondary),transparent 80%);color:var(--secondary-foreground)}}&.outline{border-color:var(--border);&[data-variant=danger]{border-color:var(--danger)}&[data-variant=secondary]{border-color:var(--secondary)}}&.ghost{border-color:transparent}&.small{padding:var(--space-1) var(--space-3);font-size:var(--text-8)}&.large{height:3rem;padding:0 var(--space-6);font-size:var(--text-regular)}&.icon{width:2.5rem;padding:0;&.small{width:2rem}&.large{width:3rem}}}::file-selector-button{background-color:transparent;color:var(--foreground);border:1px solid var(--border)}::file-selector-button:hover{background-color:var(--accent)}}@layer components{menu.buttons{list-style-type:none;padding-inline-start:0;display:inline-flex;>li{&:first-child>*{border-start-start-radius:var(--radius-medium);border-end-start-radius:var(--radius-medium)}&:last-child>*{border-start-end-radius:var(--radius-medium);border-end-end-radius:var(--radius-medium)}>*{border-radius:0}&:not(:last-child)>*{border-inline-end:1px solid rgb(from var(--primary-foreground) r g b / .2)}}}}@layer base{label{display:block;font-size:var(--text-7);font-weight:var(--font-medium);&:has(input:where([type=checkbox],[type=radio])){display:inline-flex;align-items:center;gap:var(--space-2);row-gap:0;font-weight:var(--font-normal)}}:where(input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=color],[type=submit],[type=reset],[type=button]),textarea,select){font-family:var(--font-sans);width:100%;margin-block-start:var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--text-7);line-height:var(--leading-normal);background-color:var(--background);color:var(--foreground);border:1px solid var(--input);border-radius:var(--radius-medium);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);&::placeholder{color:var(--muted-foreground)}&:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 3px rgb(from var(--ring) r g b / .25);z-index:1}&:disabled{background-color:var(--muted)}&:is([aria-invalid=true],:user-invalid){border-color:var(--danger);&:focus{box-shadow:0 0 0 3px rgb(from var(--danger) r g b / .2)}}}textarea{height:auto;min-height:5rem;padding:var(--space-3);resize:vertical}select{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='%2371717a' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-2) center;padding-inline-end:var(--space-6)}input:where([type=checkbox],[type=radio]){appearance:none;width:1rem;height:1rem;margin:0;position:relative;background-color:var(--background);border:1px solid var(--input);transition:background-color var(--transition),border-color var(--transition),box-shadow var(--transition-fast);&:checked{background-color:var(--primary);border-color:var(--primary);&:after{content:"";position:absolute;inset:0;background-color:var(--primary-foreground);mask-position:center;mask-repeat:no-repeat;mask-size:100%}}}input[type=checkbox]{border-radius:var(--radius-small);&:checked:after{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='4'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")}&[role=switch]{--switch-height: calc(var(--bar-height) * 3);--switch-inset: 2px;--switch-thumb: calc(var(--switch-height) - var(--switch-inset) * 3);width:calc(var(--switch-height) * 2);height:var(--switch-height);border-radius:var(--radius-full);background-color:var(--input);&:before{content:"";position:absolute;top:50%;left:var(--switch-inset);transform:translateY(-50%);width:var(--switch-thumb);height:var(--switch-thumb);background-color:var(--background);border-radius:var(--radius-full);transition:transform .35s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--shadow-small)}&:checked{background-color:var(--primary);&:after{content:none}&:before{transform:translateY(-50%) translate(var(--switch-height))}}}}input[type=radio]{border-radius:var(--radius-full);&:checked:after{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='4' fill='currentColor'/%3E%3C/svg%3E")}}:where(input:where([type=checkbox],[type=radio],[type=range]),select):not(:disabled),label:has(input:where([type=checkbox],[type=radio]):not(:disabled)){cursor:pointer}input[type=range]{width:100%;height:var(--bar-height);appearance:none;background:var(--muted);border-radius:var(--radius-full);&::-webkit-slider-thumb{appearance:none;width:1.25rem;height:1.25rem;background:var(--primary);border-radius:var(--radius-full);transition:transform var(--transition-fast);&:hover{transform:scale(1.15)}}&::-moz-range-thumb{width:1.25rem;height:1.25rem;background:var(--primary);border:none;border-radius:var(--radius-full)}}fieldset{border:1px solid var(--border);border-radius:var(--radius-medium);padding:var(--space-4);margin-block-end:var(--space-4)}legend{font-size:var(--text-7);font-weight:var(--font-medium);padding:0 var(--space-2)}}@layer components{fieldset.group{display:flex;align-items:stretch;border:none;padding:0;>:is(input:not([type=submit],[type=reset],[type=button]),textarea,select){flex:1;margin-block-start:0;&:not(:focus):not(:last-child){border-inline-end-color:transparent}}>:is(input,textarea,select,button){border-radius:0;&:first-child{border-radius:var(--radius-medium) 0 0 var(--radius-medium)}&:last-child{border-radius:0 var(--radius-medium) var(--radius-medium) 0}}>legend,>label{float:inline-start;display:inline-flex;align-items:center;padding:0 var(--space-3);line-height:var(--leading-normal);font-weight:var(--font-normal);color:var(--muted-foreground);background-color:var(--muted);border:1px solid var(--input);&:not(:last-child){border-inline-end:0}&:first-child{border-radius:var(--radius-medium) 0 0 var(--radius-medium)}&:last-child{border-radius:0 var(--radius-medium) var(--radius-medium) 0}}}[data-field]{margin-block-end:var(--space-4);flex-wrap:wrap;[data-hint],.error{font-size:var(--text-8);font-weight:var(--font-normal);color:var(--muted-foreground);margin-block-start:var(--space-1);display:block;flex-basis:100%;min-inline-size:100%}.error{display:none}&:is([aria-invalid=true],:has([aria-invalid=true])) .error{display:block;color:var(--danger)}}}@layer base{.table{min-width:320px;width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:var(--text-7)}thead{border-bottom:1px solid var(--border)}tfoot{border-top:1px solid var(--border)}th,td{overflow-wrap:break-word}th{padding:var(--space-3) var(--space-2);text-align:start;font-weight:var(--font-medium);color:var(--muted-foreground)}td{padding:var(--space-3) var(--space-2)}tbody tr{border-bottom:1px solid var(--border);transition:background-color var(--transition-fast);&:last-child{border-bottom:none}&:hover{background-color:rgb(from var(--muted) r g b / .5)}}}@layer base{progress,meter{appearance:none;width:100%;height:var(--bar-height);border:none;border-radius:var(--radius-full);overflow:hidden;background:var(--muted)}progress{&::-webkit-progress-bar{background-color:var(--muted);border-radius:var(--radius-full)}&::-webkit-progress-value{background-color:var(--primary);border-radius:var(--radius-full);transition:width var(--transition)}&::-moz-progress-bar{background-color:var(--primary);border-radius:var(--radius-full)}}meter{&::-webkit-meter-bar{background:var(--muted);border:none;border-radius:var(--radius-full);height:var(--bar-height)}&::-webkit-meter-optimum-value,&::-webkit-meter-suboptimum-value,&::-webkit-meter-even-less-good-value{border-radius:var(--radius-full)}&::-webkit-meter-optimum-value{background:var(--success)}&::-webkit-meter-suboptimum-value{background:var(--warning)}&::-webkit-meter-even-less-good-value{background:var(--danger)}&::-moz-meter-bar{background:var(--success);border-radius:var(--radius-full)}&:-moz-meter-sub-optimum::-moz-meter-bar{background:var(--warning)}&:-moz-meter-sub-sub-optimum::-moz-meter-bar{background:var(--danger)}}}@layer components{[aria-busy=true]{&:before{content:"";display:inline-block;width:1.5rem;height:1.5rem;border:2px solid var(--muted);border-top-color:var(--primary);border-radius:var(--radius-full);animation:spin 1s linear infinite}&[data-spinner~=small]:before{width:1rem;height:1rem}&[data-spinner~=large]:before{width:2rem;height:2rem;border-width:3px}&[data-spinner~=overlay]{position:relative;>*{opacity:.3;pointer-events:none}&:before{position:absolute;inset:0;margin:auto;z-index:1}}}@keyframes spin{to{transform:rotate(360deg)}}}@layer components{:root{--grid-cols: 12;--grid-gap: 1.5rem;--container-max: 1280px;--container-pad: 1rem}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad)}.row{display:grid;grid-template-columns:repeat(var(--grid-cols),1fr);gap:var(--grid-gap);width:100%}.col,[class*=col-]{grid-column-end:span calc(var(--span,var(--grid-cols)) + var(--offset,0))}.col-1{--span: 1}.col-2{--span: 2}.col-3{--span: 3}.col-4{--span: 4}.col-5{--span: 5}.col-6{--span: 6}.col-7{--span: 7}.col-8{--span: 8}.col-9{--span: 9}.col-10{--span: 10}.col-11{--span: 11}.col-12{--span: 12}.offset-1{--offset: 1}.offset-2{--offset: 2}.offset-3{--offset: 3}.offset-4{--offset: 4}.offset-5{--offset: 5}.offset-6{--offset: 6}[class*=offset-]{margin-inline-start:calc(var(--offset) * (100% + var(--grid-gap)) / (var(--span) + var(--offset)))}.col-end{grid-column-start:span var(--span,1);grid-column-end:-1}@media(max-width:768px){.row{--grid-cols: 4;--grid-gap: 1rem}.col,[class*=col-]{--span: 4}[class*=offset-]{--offset: 0;margin-inline-start:0}}}@layer components{.card{background-color:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius-medium);box-shadow:var(--shadow-small);padding:var(--space-6)}}@layer components{[role=alert]{position:relative;display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-6);background-color:var(--background);border:1px solid var(--border);border-radius:var(--radius-medium);font-size:var(--text-7);border-left-width:var(--space-2);border-left-color:var(--border);&[data-variant]{border-width:0 0 0 var(--space-2)}&:is([data-variant=error],[data-variant=danger],[data-variant=success],[data-variant=warning]){color:var(--_variant-color);border-left-color:var(--_variant-color);background-color:light-dark(color-mix(in srgb,var(--_variant-color) 8%,transparent),color-mix(in srgb,var(--_variant-color) 20%,transparent));& a{color:var(--_variant-color)}}}}@layer components{.badge{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:calc(var(--space-1) / 2) var(--space-3);font-size:var(--text-8);font-weight:var(--font-medium);text-wrap:nowrap;line-height:var(--leading-normal);background-color:var(--primary);color:var(--primary-foreground);border-radius:var(--radius-full);&.outline{background-color:transparent;color:var(--foreground);border:1px solid var(--border)}&[data-variant=secondary]{background-color:var(--secondary);color:var(--secondary-foreground)}&:is([data-variant=success],[data-variant=warning],[data-variant=danger]){color:var(--_variant-color);background-color:light-dark(color-mix(in srgb,var(--_variant-color) 10%,transparent),color-mix(in srgb,var(--_variant-color) 30%,transparent))}position:relative;button{all:unset;position:absolute;right:0;padding-inline:var(--space-3) var(--space-2);cursor:pointer;opacity:0;pointer-events:none;border-start-end-radius:inherit;border-end-end-radius:inherit;background-color:color-mix(in srgb,var(--muted) 60%,transparent);transition:opacity var(--transition-fast)}&:hover button,button:focus-visible{opacity:1;pointer-events:auto}}a.badge:hover,a:hover .badge{opacity:.8}}@layer components{details{border:1px solid var(--border);border-radius:var(--radius-medium);overflow:hidden;+details{margin-top:-1px;border-start-start-radius:0;border-start-end-radius:0}&:has(+details){border-end-start-radius:0;border-end-end-radius:0}&[open] summary{border-bottom:1px solid var(--border)}}summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-4);font-weight:var(--font-medium);cursor:pointer;user-select:none;transition:background-color var(--transition-fast);&:hover{background-color:var(--muted)}&::-webkit-details-marker,&::marker{display:none}&:after{content:"";width:1em;height:1em;flex-shrink:0;background-color:currentColor;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");mask-size:contain;mask-repeat:no-repeat;transition:transform var(--transition)}details[open] &:after{transform:rotate(180deg)}}details>*:not(summary){margin:var(--space-4)}details[open]>*:not(summary){animation:fade-in-up .4s cubic-bezier(.32,.72,0,1) both}}@layer components{[role=tablist]{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1);background-color:var(--muted);border-radius:var(--radius-medium)}[role=tab]{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-3);font-size:var(--text-7);font-weight:var(--font-medium);white-space:nowrap;background-color:transparent;color:var(--foreground);border:none;border-radius:calc(var(--radius-medium) - 2px);cursor:pointer;transition:background-color var(--transition),color var(--transition-fast),box-shadow var(--transition);&:hover{color:var(--muted-foreground)}&[aria-selected=true]{background-color:var(--background);box-shadow:var(--shadow-small)}}[role=tabpanel]{padding:var(--space-4) 0;&:focus-visible{outline:none}&:not([hidden]){animation:fade-in-up .4s cubic-bezier(.32,.72,0,1) both}}}@layer components{dialog{position:fixed;inset:0;z-index:var(--z-modal);width:min(100% - 2rem,32rem);max-height:85vh;margin:auto;padding:0;background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius-large);box-shadow:var(--shadow-large);opacity:0;transform:translateY(.5rem) scale(.96);transition:opacity .2s ease,transform .3s cubic-bezier(.32,.72,0,1),overlay .3s ease allow-discrete,display .3s ease allow-discrete;&:is([open],:popover-open){opacity:1;transform:translateY(0) scale(1)}@starting-style{&:is([open],:popover-open){opacity:0;transform:translateY(.5rem) scale(.96)}}&::backdrop{background-color:#0000;transition:background-color .3s ease,overlay .3s ease allow-discrete,display .3s ease allow-discrete}&:is([open],:popover-open)::backdrop{background-color:light-dark(rgb(0 0 0 / .4),rgb(0 0 0 / .8))}@starting-style{&:is([open],:popover-open)::backdrop{background-color:#0000}}>header,>form>header{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-6);padding-block-end:0;>:is(h1,h2,h3,h4,h5,h6){margin-block-end:0}>p{font-size:var(--text-7);color:var(--muted-foreground);margin-block-end:0}}:is(&,&>form)>:is(p,div,section){padding:var(--space-6);overflow-y:auto}>footer,>form>footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-6);padding-block-start:0}}}@layer components{ot-dropdown{[popover]:not(.ot-tooltip){position:fixed;margin:0;min-width:12rem;background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius-medium);box-shadow:var(--shadow-medium);opacity:0;transform:translateY(-4px) scale(.97);transition:opacity .15s ease-out,transform .25s cubic-bezier(.32,.72,0,1),display .25s allow-discrete,overlay .25s allow-discrete;&:popover-open{opacity:1;transform:translateY(0) scale(1)}@starting-style{&:popover-open{opacity:0;transform:translateY(-4px) scale(.97)}}hr{margin:var(--space-1) 0}}[role=menuitem]{display:flex;width:100%;padding:var(--space-2) var(--space-3);justify-content:start;cursor:pointer;&:hover,&:focus{background-color:var(--accent);outline:none}}}}@layer components{.toast-container{--_stack-direction: 1;position:fixed;display:flex;flex-direction:column-reverse;margin:0;padding:0;border:none;background:transparent;overflow:visible;&::backdrop{display:none}&[data-placement^=top]{inset:var(--space-4) auto auto auto}&[data-placement^=bottom]{--_stack-direction: -1;inset:auto auto var(--space-4) auto;flex-direction:column}&[data-placement$=left]{left:var(--space-4)}&[data-placement$=center]{left:50%;transform:translate(-50%)}&[data-placement$=right]{right:var(--space-4)}&:not(:hover):not(:focus-within){display:grid;>.toast{--_depth: 0;grid-area:1 / 1;z-index:0;translate:0 calc(var(--space-2) * var(--_depth) * var(--_stack-direction));scale:calc(1 - var(--_depth) * .03) 1;&:nth-last-child(2){--_depth: 1}&:nth-last-child(3){--_depth: 2}&:nth-last-child(4){--_depth: 3}&:nth-last-child(5){--_depth: 4}&:not(:last-child){pointer-events:none}&:nth-last-child(n+6),&:not(:last-child)>*{visibility:hidden}}}}.toast{--transition: .4s;--transition-in: calc(var(--transition) - 50ms);padding:var(--space-5) var(--space-4);max-width:28rem;min-width:20rem;pointer-events:auto;background-color:var(--card);border:1px solid var(--border);border-inline-start-width:var(--space-1);border-inline-start-style:solid;border-inline-start-color:var(--_variant-color,var(--border));border-radius:var(--radius-medium);box-shadow:var(--shadow-medium);transition:opacity var(--transition-in),transform var(--transition-in) cubic-bezier(.32,.72,0,1),translate var(--transition) cubic-bezier(.32,.72,0,1),scale var(--transition) cubic-bezier(.32,.72,0,1);line-height:1;.toast-title{font-weight:600;margin:0 0 var(--space-3) 0;color:var(--_variant-color,inherit)}.toast-message{color:var(--muted-foreground)}>[data-close]{margin-inline-start:auto;background:none;border:none;padding:0;cursor:pointer;opacity:.5;&:hover{opacity:1}}margin:var(--space-2) 0;&[data-entering]{opacity:0;transform:translateY(-1rem) scale(.96)}&[data-exiting]{opacity:0;transition:opacity var(--transition)}}}@layer components{:root{--sidebar-width: 15rem}[data-sidebar-layout]{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:auto 1fr;height:100dvh;>main{grid-row:2;min-width:0;overflow-y:auto}>aside[data-sidebar]{grid-row:2;min-height:0;z-index:1;background-color:var(--background);border-inline-end:1px solid var(--border);box-shadow:none;display:flex;flex-direction:column;>:is(header,footer){flex-shrink:0;padding:var(--space-3)}>footer{margin-block-start:auto}>nav{flex:1;min-height:0;overflow-y:auto;padding:var(--space-3) var(--space-2);font-size:var(--text-7);ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-1);li{margin:0}}a{display:flex;gap:var(--space-2);padding:var(--space-1) var(--space-3);color:var(--foreground);border-radius:var(--radius-medium);transition:background-color var(--transition-fast),color var(--transition-fast);&:is(:hover,[aria-current]){background-color:var(--accent)}}details{border:none;overflow:visible;+details{margin-top:0}&[open] summary{border-bottom:none}>ul{margin-inline-start:var(--space-4);padding:var(--space-1) 0}}summary{justify-content:flex-start;padding:var(--space-2) var(--space-3);border-radius:var(--radius-small);&:after{width:.75rem;height:.75rem;margin-inline-start:auto}}}}>:is(nav,header)[data-topnav]{grid-column:1 / -1}}:is(nav,header)[data-topnav]{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background-color:var(--background);border-bottom:1px solid var(--border);box-shadow:none}:is([data-sidebar-toggle],[data-sidebar-header]){display:none}[data-sidebar-toggle]{padding:0 var(--space-1);background:none;border:1px solid var(--border);border-radius:var(--radius-small)}@media(min-width:769px){[data-sidebar-layout=always]{transition:grid-template-columns var(--transition);[data-sidebar-toggle]{display:inline-block}>aside[data-sidebar]{transform:translate(0);opacity:1;transition:transform var(--transition),opacity var(--transition),visibility var(--transition)}&[data-sidebar-open]{grid-template-columns:0px 1fr;gap:0;>aside[data-sidebar]{overflow:hidden;min-width:0;transform:translate(-100%);opacity:0;visibility:hidden;border-inline-end:none}}}}@media(max-width:768px){[data-sidebar-layout]{grid-template-columns:1fr;>main{grid-column:1}>aside[data-sidebar]{grid-column:1;z-index:2;width:min(var(--sidebar-width),100vw);transform:translate(calc(-100% - 5rem));transition:transform var(--transition);box-shadow:var(--shadow-large)}&[data-sidebar-open]>aside[data-sidebar]{transform:translate(0)}}[data-sidebar-toggle]{display:inline-block}[data-sidebar-header]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}}}@layer components{ot-taginput{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--background);border:1px solid var(--input);border-radius:var(--radius-medium);cursor:text;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%;min-height:calc(1lh + var(--space-5));&:focus-within{border-color:var(--ring);box-shadow:0 0 0 2px rgb(from var(--ring) r g b / .2)}&[aria-disabled=true]{cursor:not-allowed;.badge button{opacity:0;pointer-events:none}}input{flex:1;min-width:8ch;margin:0;padding:0;border:none;background:none;&:focus{box-shadow:none}}}}@layer components{[role=status].skeleton{--_c: light-dark(color-mix(in srgb,var(--muted) 15%,white),color-mix(in srgb,var(--muted) 90%,var(--foreground)));margin-block-end:var(--space-3);background:var(--muted);border-radius:var(--radius-medium);animation:anim 2s infinite;background-size:200% 100%;background-image:linear-gradient(90deg,var(--muted) 0%,var(--_c) 50%,var(--muted) 100%);&.box{width:4rem;height:4rem}&.line{height:1rem;width:100%}}[role=status].skeleton:last-child{margin-block-end:0}@keyframes anim{0%{background-position:200% 0}to{background-position:-200% 0}}}@layer components{.ot-tooltip{--_x: 0;--_y: -1;&[data-tooltip-placement=bottom]{--_y: 1}&[data-tooltip-placement=left]{--_x: -1;--_y: 0}&[data-tooltip-placement=right]{--_x: 1;--_y: 0}position:fixed;inset:auto;margin:0;padding:0;border:0;max-width:none;max-height:none;overflow:visible;background:none;pointer-events:none;animation:ot-tooltip var(--transition-fast) .7s both;&:before,&:after{content:"";position:absolute;left:calc((var(--_x) + 1) * 50%);top:calc((var(--_y) + 1) * 50%);translate:-50% -50%;background:var(--foreground)}&:before{width:11px;height:11px;transform:translate(calc(var(--_x) * 10px),calc(var(--_y) * 10px)) rotate(45deg)}&:after{content:attr(data-tooltip);transform:translate(calc(var(--_x) * (50% + 10px)),calc(var(--_y) * (50% + 10px)));padding:var(--space-2) var(--space-3);font-size:var(--text-7);line-height:1;white-space:nowrap;color:var(--background);border-radius:var(--radius-medium)}}@keyframes ot-tooltip{0%{opacity:0;transform:translate(calc(var(--_x) * -4px),calc(var(--_y) * -4px))}}}@layer components{ot-upload{cursor:pointer;width:100%;&[data-drag]{border-color:var(--ring);box-shadow:0 0 0 2px rgb(from var(--ring) r g b / .2)}.badge{text-overflow:ellipsis;max-width:20ch;overflow:hidden;display:inline-block}}}@layer utilities{.align-left{text-align:start}.align-center{text-align:center}.align-right{text-align:end}.text-light{color:var(--muted-foreground)}.text-lighter{color:var(--faint-foreground)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.hstack{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;align-content:flex-start;height:auto;>*{margin:0}}.vstack{display:flex;flex-direction:column;gap:var(--space-3)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.mt-2{margin-block-start:var(--space-2)}.mt-4{margin-block-start:var(--space-4)}.mt-6{margin-block-start:var(--space-6)}.mt-8{margin-block-start:var(--space-8)}.mb-2{margin-block-end:var(--space-2)}.mb-4{margin-block-end:var(--space-4)}.mb-6{margin-block-end:var(--space-6)}.mb-8{margin-block-end:var(--space-8)}.p-4{padding:var(--space-4)}.w-100{width:100%}:is(ul,ol).unstyled{list-style:none;padding:0}a.unstyled{color:inherit;text-decoration:none;&:hover{color:var(--primary)}}}:root{color-scheme:dark;--ink:#0B0B0B;--line:#2A2A2A;--paper:#F2F2F2;--orange:#FF6A1F;--blue:#2F6BFF;--background:var(--ink);--foreground:var(--paper);--primary:var(--orange);--border:var(--line);--ring:var(--orange);--font-sans:"Archivo",system-ui,sans-serif;--gut:clamp(1rem,4vw,2rem);}::selection{background:var(--orange);color:var(--ink)}html{scrollbar-color:var(--line) var(--ink);caret-color:var(--orange)}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--font-sans);font-size:1rem;line-height:1.55;overflow-x:clip}main{padding:0}.panel{max-width:72rem;margin:clamp(0.5rem,2vw,1.5rem) auto 0;border:1px solid var(--line);border-radius:4px;padding:0 var(--gut) clamp(2rem,6vw,4rem)}.top{display:flex;align-items:center;padding:0.75rem 0 0}.top img{width:48px;height:48px;border-radius:4px;display:block}.grid{display:grid;grid-template-columns:minmax(0,1fr);column-gap:3rem}h1{margin:0.25rem 0 0;font-weight:800;font-stretch:75%;line-height:0.98;text-wrap:balance;letter-spacing:-0.01em}h1 .word{display:block;font-size:clamp(4.5rem,22vw,11.5rem);line-height:0.86;letter-spacing:-0.03em;margin-left:-0.04em}h1 .claim{display:block;font-size:clamp(1.6rem,6.4vw,2.75rem);max-width:20ch;margin-top:0.5rem}.lead{margin:0.75rem 0 0;max-width:34rem;color:rgb(242 242 242 / 0.78);text-wrap:pretty}.go{display:flex;align-items:center;gap:1rem;margin-top:1rem}.go small{font-size:0.875rem;color:rgb(242 242 242 / 0.78);max-width:11rem;line-height:1.4}.sticker{display:grid;place-items:center;flex:none;width:8.5rem;height:8.5rem;border-radius:50%;background:var(--orange);color:var(--ink);text-align:center;font-weight:800;font-stretch:75%;font-size:1.3rem;line-height:1.05;padding:1rem;text-decoration:none;transform:rotate(-6deg);transition:transform 0.25s cubic-bezier(0.16,1,0.3,1)}.sticker:focus-visible,.bar a:focus-visible,.switch:focus-visible,.cards a:focus-visible{outline:3px solid var(--paper);outline-offset:3px}@media (hover: hover){.sticker:hover{transform:rotate(0deg) scale(1.04);color:var(--ink)}.bar a:hover{color:var(--ink)}}.stage{position:sticky;top:0;z-index:2;background:var(--ink);padding:0.5rem 0 0.75rem;margin-top:1.5rem;align-self:start}.switch{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:0.75rem;min-height:44px;cursor:pointer;font-weight:600;font-size:0.875rem;touch-action:pan-y;user-select:none}.track{position:relative;width:3.5rem;height:2rem;border-radius:1rem;border:1px solid var(--line);background:#161616}.thumb{position:absolute;top:3px;left:3px;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--paper);transition:transform 0.3s cubic-bezier(0.16,1,0.3,1);transform:translateX(1.5rem)}.switch[aria-checked="true"] .track{background:var(--orange);border-color:var(--orange)}.switch[aria-checked="true"] .thumb{background:var(--ink)}.switch[aria-checked="false"] .thumb{transform:translateX(0)}.opt{color:rgb(242 242 242 / 0.6)}.switch[aria-checked="false"] .o-off,.switch[aria-checked="true"] .o-on{color:var(--paper)}.ui{display:block;width:100%;max-width:19rem;height:auto;margin-top:0.5rem}.ui text{font-family:var(--font-sans)}.t-name{font-size:15px;font-weight:600;fill:var(--paper)}.t-small{font-size:12px;fill:#A9A9A9}.t-val{font-size:18px;font-weight:800;font-stretch:75%}.t-chip{font-size:16px;font-weight:600;fill:var(--ink)}.t-ad{font-size:13px;font-weight:600;fill:var(--ink)}.ui g{transition:opacity 0.35s cubic-bezier(0.16,1,0.3,1),transform 0.35s cubic-bezier(0.16,1,0.3,1);transform-box:fill-box;transform-origin:center}.c-without,.r-short,.ad,.chip,.av-off{opacity:0}.ad{transform:translateY(16px)}.chip{transform:translateY(16px) scale(0.96)}.stage[data-step="1"] .c-with,.stage[data-step="2"] .c-with,.stage[data-step="1"] .r-long,.stage[data-step="2"] .r-long,.stage[data-step="1"] .av-on,.stage[data-step="2"] .av-on{opacity:0}.stage[data-step="1"] .c-without,.stage[data-step="2"] .c-without,.stage[data-step="1"] .r-short,.stage[data-step="1"] .av-off,.stage[data-step="2"] .av-off,.stage[data-step="1"] .ad{opacity:1;transform:none}.stage[data-step="2"] .r-short{opacity:0.35}.stage[data-step="2"] .ad{opacity:0.35;transform:none}.stage[data-step="2"] .chip{opacity:1;transform:none}.steps{list-style:none;margin:0;padding:0}.steps li{min-height:70dvh;display:flex;align-items:center;gap:0.75rem;margin:0;padding:1rem 0}.steps li p{margin:0;font-size:clamp(1.25rem,4.6vw,1.6rem);font-weight:600;line-height:1.3;max-width:24ch;text-wrap:balance}.steps svg{flex:none;width:2rem;height:2rem;color:var(--orange)}.ticket{display:flex;flex-wrap:wrap;margin-top:3rem;max-width:44rem}.ticket .stub-main{flex:1 1 18rem;background:var(--paper);color:var(--ink);border-radius:4px;padding:1.25rem 1.25rem 1.5rem}.ticket h2{margin:0 0 0.5rem;font-size:clamp(1.6rem,6.4vw,2.75rem);font-weight:800;font-stretch:75%;line-height:1}.ticket .stub-main p{margin:0;max-width:30ch}.tear{position:relative;flex:0 1 11rem;min-width:11rem;background:var(--paper);border-radius:4px;display:grid;place-items:center;padding:1.25rem}.tear::before{content:"";position:absolute;left:-6px;top:0;bottom:0;width:12px;background:radial-gradient(circle,var(--ink) 4px,transparent 4.5px) 0 0 / 12px 16px repeat-y}@media (max-width: 40rem){.ticket{flex-direction:column}.ticket .stub-main{flex:none}.tear{flex:none;min-width:0}.tear::before{left:0;right:0;top:-6px;bottom:auto;width:auto;height:12px;background:radial-gradient(circle,var(--ink) 4px,transparent 4.5px) 0 0 / 16px 12px repeat-x}}.bar{position:fixed;left:0;right:0;bottom:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0.5rem var(--gut) calc(0.5rem + env(safe-area-inset-bottom));background:var(--ink);border-top:1px solid var(--line);transform:translateY(110%);transition:transform 0.3s cubic-bezier(0.16,1,0.3,1)}.bar.on{transform:none}.bar span{font-weight:600;font-size:0.875rem}.bar a{display:inline-flex;align-items:center;min-height:44px;padding:0 1.25rem;border-radius:22px;background:var(--orange);color:var(--ink);font-weight:800;font-stretch:75%;font-size:1.1rem;text-decoration:none}footer{max-width:72rem;margin:3rem auto 0;padding:0 var(--gut) calc(6rem + env(safe-area-inset-bottom))}footer h2{font-size:0.875rem;font-weight:600;margin:0 0 0.5rem;color:rgb(242 242 242 / 0.78)}.cards{display:flex;flex-wrap:wrap;gap:0.75rem;margin:0 0 1.5rem;padding:0;list-style:none}.cards li{margin:0;border:1px solid var(--line);border-radius:4px;padding:0.75rem 1rem;max-width:26rem}.cards a{color:var(--paper);font-weight:600;text-decoration:underline dotted var(--orange);text-decoration-thickness:2px;text-underline-offset:4px}.cards p{margin:0.25rem 0 0;font-size:0.875rem;color:rgb(242 242 242 / 0.78)}footer > p{margin:0;font-size:0.875rem;color:rgb(242 242 242 / 0.78)}@media (min-width: 60rem){.grid{grid-template-columns:minmax(0,1fr) 22rem}h1{grid-column:1}.hero{grid-column:1}.stage{grid-column:2;grid-row:1 / span 3;top:1.5rem;margin-top:1rem}.steps{grid-column:1;grid-row:3}.ui{max-width:22rem}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{transition:none !important;animation:none !important}}@font-face{font-family: 'Archivo';font-style: normal;font-weight: 800;font-stretch: 75%;font-display: swap;src: url(fonts/archivo.338b6dac.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Archivo';font-style: normal;font-weight: 800;font-stretch: 75%;font-display: swap;src: url(fonts/archivo.3b8dafc4.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family: 'Archivo';font-style: normal;font-weight: 400;font-stretch: 100%;font-display: swap;src: url(fonts/archivo.338b6dac.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Archivo';font-style: normal;font-weight: 400;font-stretch: 100%;font-display: swap;src: url(fonts/archivo.3b8dafc4.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family: 'Archivo';font-style: normal;font-weight: 600;font-stretch: 100%;font-display: swap;src: url(fonts/archivo.338b6dac.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Archivo';font-style: normal;font-weight: 600;font-stretch: 100%;font-display: swap;src: url(fonts/archivo.3b8dafc4.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}