@layer reset,base,tokens,recipes,utilities;@layer base{:root{--made-with-panda: "🐼"}html{scroll-behavior:smooth}body{background:var(--oks-colors-surface);font-family:var(--oks-fonts-body);color:var(--oks-colors-text-subtlest)}h1,h2,h3,h4,h5,h6{font-family:var(--oks-fonts-heading);color:var(--oks-colors-text);font-weight:var(--oks-font-weights-bold);line-height:calc(1em + .5rem)}*,:before,:after,::backdrop{--blur: ;--brightness: ;--contrast: ;--grayscale: ;--hue-rotate: ;--invert: ;--saturate: ;--sepia: ;--drop-shadow: ;--backdrop-blur: ;--backdrop-brightness: ;--backdrop-contrast: ;--backdrop-grayscale: ;--backdrop-hue-rotate: ;--backdrop-invert: ;--backdrop-opacity: ;--backdrop-saturate: ;--backdrop-sepia: ;--gradient-from-position: ;--gradient-to-position: ;--gradient-via-position: ;--scroll-snap-strictness: proximity;--border-spacing-x: 0;--border-spacing-y: 0;--translate-x: 0;--translate-y: 0;--rotate: 0;--rotate-x: 0;--rotate-y: 0;--skew-x: 0;--skew-y: 0;--scale-x: 1;--scale-y: 1}*,*:before,*:after{margin:var(--oks-spacing-0);padding:var(--oks-spacing-0);box-sizing:border-box}*:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]),*:before:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]),*:after:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){opacity:.4;cursor:not-allowed;pointer-events:none}*:is(:focus-visible,[data-focus-visible=true]),*:before:is(:focus-visible,[data-focus-visible=true]),*:after:is(:focus-visible,[data-focus-visible=true]){border-color:var(--oks-colors-border-focused)}p{margin-bottom:.5rem}b,strong{font-weight:bolder}i,em{font-style:italic}u{text-decoration:underline}code,kbd,samp,pre{font-family:var(--oks-fonts-mono);font-size:1em}table{border-color:border.subtle}button,input,optgroup,select,textarea{margin:var(--oks-spacing-0);font-family:var(--oks-fonts-body);font-size:100%;line-height:calc(1em + .5rem)}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:var(--oks-spacing-0)}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:var(--oks-sizes-auto)}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}summary{display:list-item}}@layer tokens{:where(:root,:host){--oks-animations-spin: spin 1s linear infinite;--oks-animations-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;--oks-animations-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--oks-animations-bounce: bounce 1s infinite;--oks-aspect-ratios-square: 1 / 1;--oks-aspect-ratios-landscape: 4 / 3;--oks-aspect-ratios-portrait: 3 / 4;--oks-aspect-ratios-wide: 16 / 9;--oks-aspect-ratios-ultrawide: 18 / 5;--oks-aspect-ratios-golden: 1.618 / 1;--oks-blurs-sm: var(--oks-sizes-4);--oks-blurs-base: var(--oks-sizes-8);--oks-blurs-md: var(--oks-sizes-12);--oks-blurs-lg: var(--oks-sizes-16);--oks-blurs-xl: var(--oks-sizes-24);--oks-blurs-2xl: var(--oks-sizes-40);--oks-blurs-3xl: var(--oks-sizes-64);--oks-border-widths-0: var(--oks-sizes-0);--oks-border-widths-1: var(--oks-sizes-1);--oks-border-widths-2: var(--oks-sizes-2);--oks-border-widths-4: var(--oks-sizes-4);--oks-border-widths-8: var(--oks-sizes-8);--oks-border-widths-16: var(--oks-sizes-16);--oks-borders-default: var(--oks-border-widths-1) solid var(--oks-colors-border);--oks-borders-strong: var(--oks-border-widths-2) solid var(--oks-colors-border-bold);--oks-borders-input: var(--oks-border-widths-1) solid var(--oks-colors-border-input);--oks-borders-focused: var(--oks-border-widths-2) solid var(--oks-colors-border-focused);--oks-borders-success: var(--oks-border-widths-1) solid var(--oks-colors-border-success);--oks-borders-warning: var(--oks-border-widths-1) solid var(--oks-colors-border-warning);--oks-borders-danger: var(--oks-border-widths-1) solid var(--oks-colors-border-danger);--oks-borders-info: var(--oks-border-widths-1) solid var(--oks-colors-border-info);--oks-borders-none: none;--oks-colors-transparent: transparent;--oks-colors-current: currentColor;--oks-colors-inherit: inherit;--oks-colors-neutral-0: #FFFFFF;--oks-colors-neutral-10: #F8F8F8;--oks-colors-neutral-20: #F0F1F2;--oks-colors-neutral-30: #DDDEE1;--oks-colors-neutral-40: #B7B9BE;--oks-colors-neutral-50: #8C8F97;--oks-colors-neutral-60: #7D818A;--oks-colors-neutral-70: #6B6E76;--oks-colors-neutral-80: #505258;--oks-colors-neutral-90: #3B3D42;--oks-colors-neutral-100: #292A2E;--oks-colors-neutral-110: #1E1F21;--oks-colors-neutral-a-10: #17171708;--oks-colors-neutral-a-20: #1717170F;--oks-colors-neutral-a-30: #17171724;--oks-colors-neutral-a-40: #1717174A;--oks-colors-neutral-a-50: #17171775;--oks-colors-dark-neutral-0: #18191A;--oks-colors-dark-neutral-10: #1F1F21;--oks-colors-dark-neutral-20: #242528;--oks-colors-dark-neutral-25: #2B2C2F;--oks-colors-dark-neutral-30: #303134;--oks-colors-dark-neutral-35: #3D3F43;--oks-colors-dark-neutral-40: #4B4D51;--oks-colors-dark-neutral-50: #63666B;--oks-colors-dark-neutral-60: #7E8188;--oks-colors-dark-neutral-70: #96999E;--oks-colors-dark-neutral-80: #A9ABAF;--oks-colors-dark-neutral-90: #BFC1C4;--oks-colors-dark-neutral-100: #CECFD2;--oks-colors-dark-neutral-110: #E2E3E4;--oks-colors-dark-neutral-a-10: #BDBDBD0A;--oks-colors-dark-neutral-a-20: #CECED912;--oks-colors-dark-neutral-a-25: #D9DAE71A;--oks-colors-dark-neutral-a-30: #E3E4F21F;--oks-colors-dark-neutral-a-35: #E8EDFD2E;--oks-colors-dark-neutral-a-40: #E5E9F640;--oks-colors-dark-neutral-a-50: #E9F0FB5C;--oks-colors-dark-neutral-a--10: #01040475;--oks-colors-gray-10: #fbfcfd;--oks-colors-gray-20: #e0e1e2;--oks-colors-gray-30: #c5c5c6;--oks-colors-gray-40: #a9aaab;--oks-colors-gray-50: #8e8f8f;--oks-colors-gray-60: #737374;--oks-colors-gray-70: #585858;--oks-colors-gray-80: #3c3d3d;--oks-colors-gray-90: #212121;--oks-colors-gray-100: #060606;--oks-colors-red-10: #ffeceb;--oks-colors-red-20: #ffd5d2;--oks-colors-red-30: #fd9891;--oks-colors-red-40: #f87168;--oks-colors-red-50: #f15b50;--oks-colors-red-60: #e2483d;--oks-colors-red-70: #c9372c;--oks-colors-red-80: #ae2e24;--oks-colors-red-90: #5d1f1a;--oks-colors-red-100: #42221f;--oks-colors-orange-10: #fff5db;--oks-colors-orange-20: #fce4a6;--oks-colors-orange-30: #fbc828;--oks-colors-orange-40: #fca700;--oks-colors-orange-50: #f68909;--oks-colors-orange-60: #e06c00;--oks-colors-orange-70: #bd5b00;--oks-colors-orange-80: #9e4c00;--oks-colors-orange-90: #693200;--oks-colors-orange-100: #3a2c1f;--oks-colors-yellow-10: #fefbf3;--oks-colors-yellow-20: #f9ecc4;--oks-colors-yellow-30: #f4dd96;--oks-colors-yellow-40: #efce67;--oks-colors-yellow-50: #eabf39;--oks-colors-yellow-60: #e5b00a;--oks-colors-yellow-70: #b68e0f;--oks-colors-yellow-80: #886c14;--oks-colors-yellow-90: #594918;--oks-colors-yellow-100: #2a271d;--oks-colors-lime-10: #efffd6;--oks-colors-lime-20: #d3f1a7;--oks-colors-lime-30: #b3df72;--oks-colors-lime-40: #94c748;--oks-colors-lime-50: #82b536;--oks-colors-lime-60: #6a9a23;--oks-colors-lime-70: #5b7f24;--oks-colors-lime-80: #4c6b1f;--oks-colors-lime-90: #37471f;--oks-colors-lime-100: #28311b;--oks-colors-green-10: #dcfff1;--oks-colors-green-20: #baf3db;--oks-colors-green-30: #7ee2b8;--oks-colors-green-40: #4bce97;--oks-colors-green-50: #2abb7f;--oks-colors-green-60: #22a06b;--oks-colors-green-70: #1f845a;--oks-colors-green-80: #216e4e;--oks-colors-green-90: #164b35;--oks-colors-green-100: #1c3329;--oks-colors-teal-10: #e7f9ff;--oks-colors-teal-20: #c6edfb;--oks-colors-teal-30: #9dd9ee;--oks-colors-teal-40: #6cc3e0;--oks-colors-teal-50: #42b2d7;--oks-colors-teal-60: #2898bd;--oks-colors-teal-70: #227d9b;--oks-colors-teal-80: #206a83;--oks-colors-teal-90: #164555;--oks-colors-teal-100: #1e3137;--oks-colors-blue-10: #e9f2fe;--oks-colors-blue-20: #cfe1fd;--oks-colors-blue-30: #8fb8f6;--oks-colors-blue-40: #669df1;--oks-colors-blue-50: #4688ec;--oks-colors-blue-60: #357de8;--oks-colors-blue-70: #1868db;--oks-colors-blue-80: #1558bc;--oks-colors-blue-90: #123263;--oks-colors-blue-100: #1c2b42;--oks-colors-indigo-10: #f1eff7;--oks-colors-indigo-20: #e7e3fa;--oks-colors-indigo-30: #cbc4f2;--oks-colors-indigo-40: #afa5e8;--oks-colors-indigo-50: #9287d8;--oks-colors-indigo-60: #7665d1;--oks-colors-indigo-70: #5e519e;--oks-colors-indigo-80: #453c7b;--oks-colors-indigo-90: #2e2c40;--oks-colors-indigo-100: #18161d;--oks-colors-purple-10: #f8eefe;--oks-colors-purple-20: #eed7fc;--oks-colors-purple-30: #d8a0f7;--oks-colors-purple-40: #c97cf4;--oks-colors-purple-50: #bf63f3;--oks-colors-purple-60: #af59e1;--oks-colors-purple-70: #964ac0;--oks-colors-purple-80: #803fa5;--oks-colors-purple-90: #48245d;--oks-colors-purple-100: #35243f;--oks-colors-magenta-10: #ffecf8;--oks-colors-magenta-20: #fdd0ec;--oks-colors-magenta-30: #f797d2;--oks-colors-magenta-40: #e774bb;--oks-colors-magenta-50: #da62ac;--oks-colors-magenta-60: #cd519d;--oks-colors-magenta-70: #ae4787;--oks-colors-magenta-80: #943d73;--oks-colors-magenta-90: #50253f;--oks-colors-magenta-100: #3d2232;--oks-colors-tan-10: #f5f0e6;--oks-colors-tan-20: #f1e5cd;--oks-colors-tan-30: #dec69a;--oks-colors-tan-40: #c7a97b;--oks-colors-tan-50: #ad8b65;--oks-colors-tan-60: #8e704f;--oks-colors-tan-70: #6b5947;--oks-colors-tan-80: #4d4438;--oks-colors-tan-90: #322d26;--oks-colors-tan-100: #191714;--oks-colors-slate-0: #FFFFFF;--oks-colors-slate-1: #FAFAFA;--oks-colors-slate-2: #F9F8F6;--oks-colors-slate-3: #F7F5F3;--oks-colors-slate-4: #F6F3EF;--oks-colors-slate-5: #F4F0EB;--oks-colors-slate-10: #E3E1DE;--oks-colors-slate-20: #CBCAC8;--oks-colors-slate-30: #AFADAB;--oks-colors-slate-40: #939190;--oks-colors-slate-50: #767675;--oks-colors-slate-60: #5F5F5E;--oks-colors-slate-70: #474747;--oks-colors-slate-80: #2E2E2E;--oks-colors-slate-90: #1E1E1E;--oks-colors-slate-100: #000000;--oks-container-size-tokens-2xs: 16rem;--oks-container-size-tokens-xs: 20rem;--oks-container-size-tokens-sm: 24rem;--oks-container-size-tokens-md: 28rem;--oks-container-size-tokens-lg: 32rem;--oks-container-size-tokens-xl: 36rem;--oks-container-size-tokens-2xl: 42rem;--oks-container-size-tokens-3xl: 48rem;--oks-container-size-tokens-4xl: 56rem;--oks-container-size-tokens-5xl: 64rem;--oks-container-size-tokens-6xl: 72rem;--oks-container-size-tokens-7xl: 80rem;--oks-container-size-tokens-8xl: 90rem;--oks-durations-fastest: 50ms;--oks-durations-faster: .1s;--oks-durations-fast: .15s;--oks-durations-normal: .2s;--oks-durations-slow: .3s;--oks-durations-slower: .4s;--oks-durations-slowest: .5s;--oks-easings-default: cubic-bezier(.4, 0, .2, 1);--oks-easings-linear: linear;--oks-easings-in: cubic-bezier(.4, 0, 1, 1);--oks-easings-out: cubic-bezier(0, 0, .2, 1);--oks-easings-in-out: cubic-bezier(.4, 0, .2, 1);--oks-font-sizes-12: var(--oks-sizes-12);--oks-font-sizes-14: var(--oks-sizes-14);--oks-font-sizes-16: var(--oks-sizes-16);--oks-font-sizes-20: var(--oks-sizes-20);--oks-font-sizes-24: var(--oks-sizes-24);--oks-font-sizes-32: var(--oks-sizes-32);--oks-font-sizes-40: var(--oks-sizes-40);--oks-font-sizes-48: var(--oks-sizes-48);--oks-font-sizes-64: var(--oks-sizes-64);--oks-font-sizes-72: var(--oks-sizes-72);--oks-font-sizes-80: var(--oks-sizes-80);--oks-font-sizes-96: var(--oks-sizes-96);--oks-font-weights-light: 300;--oks-font-weights-normal: 400;--oks-font-weights-medium: 500;--oks-font-weights-bold: 700;--oks-font-weights-black: 900;--oks-letter-spacings-tighter: -.05em;--oks-letter-spacings-tight: -.025em;--oks-letter-spacings-normal: 0em;--oks-letter-spacings-wide: .025em;--oks-letter-spacings-wider: .05em;--oks-letter-spacings-widest: .1em;--oks-line-heights-none: 1;--oks-line-heights-tight: calc(1em + .25rem) ;--oks-line-heights-default: calc(1em + .5rem) ;--oks-line-heights-loose: calc(1em + .75rem) ;--oks-numeric-sizes-0: 0;--oks-numeric-sizes-1: .0625rem;--oks-numeric-sizes-2: .125rem;--oks-numeric-sizes-3: .1875rem;--oks-numeric-sizes-4: .25rem;--oks-numeric-sizes-5: .3125rem;--oks-numeric-sizes-6: .375rem;--oks-numeric-sizes-7: .4375rem;--oks-numeric-sizes-8: .5rem;--oks-numeric-sizes-9: .5625rem;--oks-numeric-sizes-10: .625rem;--oks-numeric-sizes-12: .75rem;--oks-numeric-sizes-14: .875rem;--oks-numeric-sizes-16: 1rem;--oks-numeric-sizes-20: 1.25rem;--oks-numeric-sizes-22: 1.375rem;--oks-numeric-sizes-24: 1.5rem;--oks-numeric-sizes-32: 2rem;--oks-numeric-sizes-40: 2.5rem;--oks-numeric-sizes-48: 3rem;--oks-numeric-sizes-56: 3.5rem;--oks-numeric-sizes-64: 4rem;--oks-numeric-sizes-72: 4.5rem;--oks-numeric-sizes-80: 5rem;--oks-numeric-sizes-88: 5.5rem;--oks-numeric-sizes-96: 6rem;--oks-numeric-sizes-104: 6.5rem;--oks-numeric-sizes-112: 7rem;--oks-numeric-sizes-120: 7.5rem;--oks-numeric-sizes-128: 8rem;--oks-numeric-sizes-136: 8.5rem;--oks-numeric-sizes-144: 9rem;--oks-numeric-sizes-152: 9.5rem;--oks-numeric-sizes-160: 10rem;--oks-numeric-sizes-168: 10.5rem;--oks-numeric-sizes-176: 11rem;--oks-numeric-sizes-184: 11.5rem;--oks-numeric-sizes-192: 12rem;--oks-numeric-sizes-200: 12.5rem;--oks-numeric-sizes-208: 13rem;--oks-numeric-sizes-216: 13.5rem;--oks-numeric-sizes-224: 14rem;--oks-numeric-sizes-232: 14.5rem;--oks-numeric-sizes-240: 15rem;--oks-numeric-sizes-248: 15.5rem;--oks-numeric-sizes-256: 16rem;--oks-numeric-sizes-264: 16.5rem;--oks-numeric-sizes-272: 17rem;--oks-numeric-sizes-280: 17.5rem;--oks-radii-0: var(--oks-sizes-0);--oks-radii-1: var(--oks-sizes-1);--oks-radii-2: var(--oks-sizes-2);--oks-radii-3: var(--oks-sizes-3);--oks-radii-4: var(--oks-sizes-4);--oks-radii-8: var(--oks-sizes-8);--oks-radii-16: var(--oks-sizes-16);--oks-radii-100: 100%;--oks-radii-999: 999px;--oks-shadows-zero-shadow: var(--oks-sizes-0) var(--oks-sizes-0) var(--oks-sizes-0) rgba(0, 0, 0, 0), var(--oks-sizes-0) var(--oks-sizes-0) var(--oks-sizes-0) rgba(0, 0, 0, 0);--oks-shadows-raised-light: var(--oks-sizes-0) var(--oks-sizes-1) var(--oks-sizes-1) rgba(30, 31, 33, .25), var(--oks-sizes-0) var(--oks-sizes-0) var(--oks-sizes-1) rgba(30, 31, 33, .31);--oks-shadows-raised-dark: var(--oks-sizes-0) var(--oks-sizes-0) var(--oks-sizes-0) rgba(0, 0, 0, 0), var(--oks-sizes-0) var(--oks-sizes-1) var(--oks-sizes-1) rgba(1, 4, 4, .5), var(--oks-sizes-0) var(--oks-sizes-0) var(--oks-sizes-1) rgba(1, 4, 4, .5);--oks-shadows-elevated-light: var(--oks-sizes-0) var(--oks-sizes-4) var(--oks-sizes-7) rgba(30, 31, 33, .2), var(--oks-sizes-0) var(--oks-sizes-0) var(--oks-sizes-1) rgba(30, 31, 33, .31);--oks-shadows-elevated-dark: var(--oks-sizes-0) var(--oks-sizes-0) var(--oks-sizes-0) rgba(95, 95, 95, .06), var(--oks-sizes-0) var(--oks-sizes-4) var(--oks-sizes-7) rgba(1, 4, 4, .43), var(--oks-sizes-0) var(--oks-sizes-0) var(--oks-sizes-1) rgba(1, 4, 4, .5);--oks-shadows-overlay-light: var(--oks-sizes-0) var(--oks-sizes-8) var(--oks-sizes-12) rgba(30, 31, 33, .15), var(--oks-sizes-0) var(--oks-sizes-0) var(--oks-sizes-1) rgba(30, 31, 33, .31);--oks-shadows-overlay-dark: var(--oks-sizes-0) var(--oks-sizes-0) var(--oks-sizes-0) rgba(189, 189, 189, .12), var(--oks-sizes-0) var(--oks-sizes-8) var(--oks-sizes-12) rgba(1, 4, 4, .36), var(--oks-sizes-0) var(--oks-sizes-0) var(--oks-sizes-1) rgba(1, 4, 4, .5);--oks-shadows-overflow-light: var(--oks-sizes-0) var(--oks-sizes-0) var(--oks-sizes-8) rgba(30, 31, 33, .16), var(--oks-sizes-0) var(--oks-sizes-0) var(--oks-sizes-1) rgba(30, 31, 33, .12);--oks-shadows-overflow-dark: var(--oks-sizes-0) var(--oks-sizes-0) var(--oks-sizes-12) rgba(1, 4, 4, .56), var(--oks-sizes-0) var(--oks-sizes-0) var(--oks-sizes-1) rgba(1, 4, 4, .5);--oks-shadows-low-light: var(--oks-sizes-0) var(--oks-sizes-0) var(--oks-sizes-2) rgba(30, 30, 30, .2), var(--oks-sizes-0) var(--oks-sizes-1) var(--oks-sizes-1) rgba(30, 30, 30, .2), var(--oks-sizes-0) var(--oks-sizes-2) var(--oks-sizes-3) rgba(30, 30, 30, .2);--oks-shadows-low-dark: var(--oks-sizes-0) var(--oks-sizes-0) var(--oks-sizes-2) rgba(0, 0, 0, .4), var(--oks-sizes-0) var(--oks-sizes-1) var(--oks-sizes-1) rgba(0, 0, 0, .4), var(--oks-sizes-0) var(--oks-sizes-2) var(--oks-sizes-3) rgba(0, 0, 0, .4);--oks-shadows-medium-light: var(--oks-sizes-0) var(--oks-sizes-0) var(--oks-sizes-2) rgba(30, 30, 30, .2), var(--oks-sizes-0) var(--oks-sizes-2) var(--oks-sizes-2) rgba(30, 30, 30, .2), var(--oks-sizes-0) var(--oks-sizes-4) var(--oks-sizes-4) rgba(30, 30, 30, .2), var(--oks-sizes-0) var(--oks-sizes-8) var(--oks-sizes-8) rgba(30, 30, 30, .2);--oks-shadows-medium-dark: var(--oks-sizes-0) var(--oks-sizes-0) var(--oks-sizes-2) rgba(0, 0, 0, .4), var(--oks-sizes-0) var(--oks-sizes-2) var(--oks-sizes-2) rgba(0, 0, 0, .4), var(--oks-sizes-0) var(--oks-sizes-4) var(--oks-sizes-4) rgba(0, 0, 0, .4), var(--oks-sizes-0) var(--oks-sizes-8) var(--oks-sizes-8) rgba(0, 0, 0, .4);--oks-shadows-high-light: var(--oks-sizes-0) var(--oks-sizes-0) var(--oks-sizes-2) rgba(30, 30, 30, .2), var(--oks-sizes-0) var(--oks-sizes-2) var(--oks-sizes-4) rgba(30, 30, 30, .2), var(--oks-sizes-0) var(--oks-sizes-6) var(--oks-sizes-8) var(--oks-sizes-1) rgba(30, 30, 30, .2), var(--oks-sizes-0) var(--oks-sizes-14) var(--oks-sizes-16) var(--oks-sizes-2) rgba(30, 30, 30, .2);--oks-shadows-high-dark: var(--oks-sizes-0) var(--oks-sizes-0) var(--oks-sizes-2) rgba(0, 0, 0, .4), var(--oks-sizes-0) var(--oks-sizes-2) var(--oks-sizes-4) rgba(0, 0, 0, .4), var(--oks-sizes-0) var(--oks-sizes-6) var(--oks-sizes-8) var(--oks-sizes-1) rgba(0, 0, 0, .4), var(--oks-sizes-0) var(--oks-sizes-14) var(--oks-sizes-16) var(--oks-sizes-2) rgba(0, 0, 0, .4);--oks-shadows-inset-light: inset var(--oks-sizes-0) var(--oks-sizes-0) var(--oks-sizes-2) rgba(30, 30, 30, .2), inset var(--oks-sizes-0) var(--oks-sizes-2) var(--oks-sizes-1) rgba(30, 30, 30, .2), inset var(--oks-sizes-0) var(--oks-sizes-3) var(--oks-sizes-2) rgba(30, 30, 30, .2);--oks-shadows-inset-dark: inset var(--oks-sizes-0) var(--oks-sizes-0) var(--oks-sizes-2) rgba(0, 0, 0, .4), inset var(--oks-sizes-0) var(--oks-sizes-2) var(--oks-sizes-1) rgba(0, 0, 0, .4), inset var(--oks-sizes-0) var(--oks-sizes-3) var(--oks-sizes-2) rgba(0, 0, 0, .4);--oks-sizes-0: 0;--oks-sizes-1: .0625rem;--oks-sizes-2: .125rem;--oks-sizes-3: .1875rem;--oks-sizes-4: .25rem;--oks-sizes-5: .3125rem;--oks-sizes-6: .375rem;--oks-sizes-7: .4375rem;--oks-sizes-8: .5rem;--oks-sizes-9: .5625rem;--oks-sizes-10: .625rem;--oks-sizes-12: .75rem;--oks-sizes-14: .875rem;--oks-sizes-16: 1rem;--oks-sizes-20: 1.25rem;--oks-sizes-22: 1.375rem;--oks-sizes-24: 1.5rem;--oks-sizes-32: 2rem;--oks-sizes-40: 2.5rem;--oks-sizes-48: 3rem;--oks-sizes-56: 3.5rem;--oks-sizes-64: 4rem;--oks-sizes-72: 4.5rem;--oks-sizes-80: 5rem;--oks-sizes-88: 5.5rem;--oks-sizes-96: 6rem;--oks-sizes-104: 6.5rem;--oks-sizes-112: 7rem;--oks-sizes-120: 7.5rem;--oks-sizes-128: 8rem;--oks-sizes-136: 8.5rem;--oks-sizes-144: 9rem;--oks-sizes-152: 9.5rem;--oks-sizes-160: 10rem;--oks-sizes-168: 10.5rem;--oks-sizes-176: 11rem;--oks-sizes-184: 11.5rem;--oks-sizes-192: 12rem;--oks-sizes-200: 12.5rem;--oks-sizes-208: 13rem;--oks-sizes-216: 13.5rem;--oks-sizes-224: 14rem;--oks-sizes-232: 14.5rem;--oks-sizes-240: 15rem;--oks-sizes-248: 15.5rem;--oks-sizes-256: 16rem;--oks-sizes-264: 16.5rem;--oks-sizes-272: 17rem;--oks-sizes-280: 17.5rem;--oks-sizes-full: 100%;--oks-sizes-half: 50%;--oks-sizes-min: min-content;--oks-sizes-max: max-content;--oks-sizes-fit: fit-content;--oks-sizes-prose: 65ch;--oks-sizes-auto: auto;--oks-sizes-2xs: 16rem;--oks-sizes-xs: 20rem;--oks-sizes-sm: 24rem;--oks-sizes-md: 28rem;--oks-sizes-lg: 32rem;--oks-sizes-xl: 36rem;--oks-sizes-2xl: 42rem;--oks-sizes-3xl: 48rem;--oks-sizes-4xl: 56rem;--oks-sizes-5xl: 64rem;--oks-sizes-6xl: 72rem;--oks-sizes-7xl: 80rem;--oks-sizes-8xl: 90rem;--oks-sizes-breakpoint-xs: 480px;--oks-sizes-breakpoint-sm: 640px;--oks-sizes-breakpoint-md: 768px;--oks-sizes-breakpoint-lg: 1024px;--oks-sizes-breakpoint-xl: 1280px;--oks-sizes-breakpoint-2xl: 1536px;--oks-spacing-0: 0;--oks-spacing-1: .0625rem;--oks-spacing-2: .125rem;--oks-spacing-3: .1875rem;--oks-spacing-4: .25rem;--oks-spacing-5: .3125rem;--oks-spacing-6: .375rem;--oks-spacing-7: .4375rem;--oks-spacing-8: .5rem;--oks-spacing-9: .5625rem;--oks-spacing-10: .625rem;--oks-spacing-12: .75rem;--oks-spacing-14: .875rem;--oks-spacing-16: 1rem;--oks-spacing-20: 1.25rem;--oks-spacing-22: 1.375rem;--oks-spacing-24: 1.5rem;--oks-spacing-32: 2rem;--oks-spacing-40: 2.5rem;--oks-spacing-48: 3rem;--oks-spacing-56: 3.5rem;--oks-spacing-64: 4rem;--oks-spacing-72: 4.5rem;--oks-spacing-80: 5rem;--oks-spacing-88: 5.5rem;--oks-spacing-96: 6rem;--oks-spacing-104: 6.5rem;--oks-spacing-112: 7rem;--oks-spacing-120: 7.5rem;--oks-spacing-128: 8rem;--oks-spacing-136: 8.5rem;--oks-spacing-144: 9rem;--oks-spacing-152: 9.5rem;--oks-spacing-160: 10rem;--oks-spacing-168: 10.5rem;--oks-spacing-176: 11rem;--oks-spacing-184: 11.5rem;--oks-spacing-192: 12rem;--oks-spacing-200: 12.5rem;--oks-spacing-208: 13rem;--oks-spacing-216: 13.5rem;--oks-spacing-224: 14rem;--oks-spacing-232: 14.5rem;--oks-spacing-240: 15rem;--oks-spacing-248: 15.5rem;--oks-spacing-256: 16rem;--oks-spacing-264: 16.5rem;--oks-spacing-272: 17rem;--oks-spacing-280: 17.5rem;--oks-spacing-full: 100%;--oks-spacing-half: 50%;--oks-spacing-min: min-content;--oks-spacing-max: max-content;--oks-spacing-fit: fit-content;--oks-spacing-prose: 65ch;--oks-spacing-auto: auto;--oks-utility-sizes-full: 100%;--oks-utility-sizes-half: 50%;--oks-utility-sizes-min: min-content;--oks-utility-sizes-max: max-content;--oks-utility-sizes-fit: fit-content;--oks-utility-sizes-prose: 65ch;--oks-utility-sizes-auto: auto;--oks-fonts-heading: "auto-pro-new", "auto-pro-1-new", Geneva, Tahoma, Verdana, sans-serif;--oks-fonts-sans: "auto-pro-new", "auto-pro-1-new", Geneva, Tahoma, Verdana, sans-serif;--oks-fonts-body: "dolly-new", Georgia, "Times New Roman", Times, serif;--oks-fonts-serif: "dolly-new", Georgia, "Times New Roman", Times, serif;--oks-fonts-mono: "covik-sans-mono", Andale Mono, monaco, Consolas, Lucida Console, monospace;--oks-breakpoints-xs: 480px;--oks-breakpoints-sm: 640px;--oks-breakpoints-md: 768px;--oks-breakpoints-lg: 1024px;--oks-breakpoints-xl: 1280px;--oks-breakpoints-2xl: 1536px;--oks-colors-brand-10: var(--oks-colors-gray-10);--oks-colors-brand-20: var(--oks-colors-gray-20);--oks-colors-brand-30: var(--oks-colors-gray-30);--oks-colors-brand-40: var(--oks-colors-gray-40);--oks-colors-brand-50: var(--oks-colors-gray-50);--oks-colors-brand-60: var(--oks-colors-gray-60);--oks-colors-brand-70: var(--oks-colors-gray-70);--oks-colors-brand-80: var(--oks-colors-gray-80);--oks-colors-brand-90: var(--oks-colors-gray-90);--oks-colors-brand-100: var(--oks-colors-gray-100);--oks-colors-bg-disabled: var(--oks-colors-neutral-10);--oks-colors-bg-neutral: var(--oks-colors-neutral-a-20);--oks-colors-bg-neutral-hovered: var(--oks-colors-neutral-a-30);--oks-colors-bg-neutral-pressed: var(--oks-colors-neutral-a-40);--oks-colors-bg-neutral-bold: var(--oks-colors-neutral-80);--oks-colors-bg-neutral-bold-hovered: var(--oks-colors-neutral-90);--oks-colors-bg-neutral-bold-pressed: var(--oks-colors-neutral-100);--oks-colors-bg-neutral-boldest: var(--oks-colors-neutral-100);--oks-colors-bg-neutral-subtle: #ffffff02;--oks-colors-bg-neutral-subtle-hovered: var(--oks-colors-neutral-a-20);--oks-colors-bg-neutral-subtle-pressed: var(--oks-colors-neutral-a-30);--oks-colors-bg-neutral-inverse: var(--oks-colors-dark-neutral-0);--oks-colors-bg-neutral-inverse-subtle: #00000029;--oks-colors-bg-neutral-inverse-subtle-hovered: #0000003d;--oks-colors-bg-selected: var(--oks-colors-blue-10);--oks-colors-bg-selected-hovered: var(--oks-colors-blue-20);--oks-colors-bg-selected-pressed: var(--oks-colors-blue-30);--oks-colors-bg-selected-bold: var(--oks-colors-blue-70);--oks-colors-bg-selected-bold-hovered: var(--oks-colors-blue-80);--oks-colors-bg-selected-bold-pressed: var(--oks-colors-blue-90);--oks-colors-bg-brand-bold: var(--oks-colors-brand-70);--oks-colors-bg-brand-bold-hovered: var(--oks-colors-brand-80);--oks-colors-bg-brand-bold-pressed: var(--oks-colors-brand-90);--oks-colors-bg-brand-boldest: var(--oks-colors-brand-100);--oks-colors-bg-brand-boldest-hovered: var(--oks-colors-brand-90);--oks-colors-bg-brand-boldest-pressed: var(--oks-colors-brand-80);--oks-colors-bg-brand-subtle: var(--oks-colors-brand-10);--oks-colors-bg-brand-subtle-hovered: var(--oks-colors-brand-20);--oks-colors-bg-brand-subtle-pressed: var(--oks-colors-brand-30);--oks-colors-bg-success: var(--oks-colors-lime-10);--oks-colors-bg-success-hovered: var(--oks-colors-lime-20);--oks-colors-bg-success-pressed: var(--oks-colors-lime-30);--oks-colors-bg-success-bold: var(--oks-colors-lime-70);--oks-colors-bg-success-bold-hovered: var(--oks-colors-lime-80);--oks-colors-bg-success-bold-pressed: var(--oks-colors-lime-90);--oks-colors-bg-warning: var(--oks-colors-orange-10);--oks-colors-bg-warning-hovered: var(--oks-colors-orange-20);--oks-colors-bg-warning-pressed: var(--oks-colors-orange-30);--oks-colors-bg-warning-bold: var(--oks-colors-orange-30);--oks-colors-bg-warning-bold-hovered: var(--oks-colors-orange-40);--oks-colors-bg-warning-bold-pressed: var(--oks-colors-orange-50);--oks-colors-bg-danger: var(--oks-colors-red-10);--oks-colors-bg-danger-hovered: var(--oks-colors-red-20);--oks-colors-bg-danger-pressed: var(--oks-colors-red-30);--oks-colors-bg-danger-bold: var(--oks-colors-red-70);--oks-colors-bg-danger-bold-hovered: var(--oks-colors-red-80);--oks-colors-bg-danger-bold-pressed: var(--oks-colors-red-90);--oks-colors-bg-info: var(--oks-colors-blue-10);--oks-colors-bg-info-hovered: var(--oks-colors-blue-20);--oks-colors-bg-info-pressed: var(--oks-colors-blue-30);--oks-colors-bg-info-bold: var(--oks-colors-blue-70);--oks-colors-bg-info-bold-hovered: var(--oks-colors-blue-80);--oks-colors-bg-info-bold-pressed: var(--oks-colors-blue-90);--oks-colors-bg-input: var(--oks-colors-neutral-0);--oks-colors-bg-input-hovered: var(--oks-colors-neutral-10);--oks-colors-bg-input-pressed: var(--oks-colors-neutral-0);--oks-colors-bg-accent-neutral: var(--oks-colors-neutral-50);--oks-colors-bg-accent-neutral-subtle: var(--oks-colors-neutral-30);--oks-colors-bg-accent-neutral-subtlest: var(--oks-colors-neutral-10);--oks-colors-bg-accent-neutral-bold: var(--oks-colors-neutral-70);--oks-colors-bg-accent-blue: var(--oks-colors-blue-40);--oks-colors-bg-accent-blue-subtle: var(--oks-colors-blue-20);--oks-colors-bg-accent-blue-subtlest: var(--oks-colors-blue-10);--oks-colors-bg-accent-blue-bold: var(--oks-colors-blue-70);--oks-colors-bg-accent-green: var(--oks-colors-green-40);--oks-colors-bg-accent-green-subtle: var(--oks-colors-green-20);--oks-colors-bg-accent-green-subtlest: var(--oks-colors-green-10);--oks-colors-bg-accent-green-bold: var(--oks-colors-green-70);--oks-colors-bg-accent-indigo: var(--oks-colors-indigo-40);--oks-colors-bg-accent-indigo-subtle: var(--oks-colors-indigo-20);--oks-colors-bg-accent-indigo-subtlest: var(--oks-colors-indigo-10);--oks-colors-bg-accent-indigo-bold: var(--oks-colors-indigo-70);--oks-colors-bg-accent-lime: var(--oks-colors-lime-40);--oks-colors-bg-accent-lime-subtle: var(--oks-colors-lime-20);--oks-colors-bg-accent-lime-subtlest: var(--oks-colors-lime-10);--oks-colors-bg-accent-lime-bold: var(--oks-colors-lime-70);--oks-colors-bg-accent-magenta: var(--oks-colors-magenta-40);--oks-colors-bg-accent-magenta-subtle: var(--oks-colors-magenta-20);--oks-colors-bg-accent-magenta-subtlest: var(--oks-colors-magenta-10);--oks-colors-bg-accent-magenta-bold: var(--oks-colors-magenta-70);--oks-colors-bg-accent-orange: var(--oks-colors-orange-40);--oks-colors-bg-accent-orange-subtle: var(--oks-colors-orange-20);--oks-colors-bg-accent-orange-subtlest: var(--oks-colors-orange-10);--oks-colors-bg-accent-orange-bold: var(--oks-colors-orange-70);--oks-colors-bg-accent-purple: var(--oks-colors-purple-40);--oks-colors-bg-accent-purple-subtle: var(--oks-colors-purple-20);--oks-colors-bg-accent-purple-subtlest: var(--oks-colors-purple-10);--oks-colors-bg-accent-purple-bold: var(--oks-colors-purple-70);--oks-colors-bg-accent-red: var(--oks-colors-red-40);--oks-colors-bg-accent-red-subtle: var(--oks-colors-red-20);--oks-colors-bg-accent-red-subtlest: var(--oks-colors-red-10);--oks-colors-bg-accent-red-bold: var(--oks-colors-red-70);--oks-colors-bg-accent-tan: var(--oks-colors-tan-40);--oks-colors-bg-accent-tan-subtle: var(--oks-colors-tan-20);--oks-colors-bg-accent-tan-subtlest: var(--oks-colors-tan-10);--oks-colors-bg-accent-tan-bold: var(--oks-colors-tan-70);--oks-colors-bg-accent-teal: var(--oks-colors-teal-40);--oks-colors-bg-accent-teal-subtle: var(--oks-colors-teal-20);--oks-colors-bg-accent-teal-subtlest: var(--oks-colors-teal-10);--oks-colors-bg-accent-teal-bold: var(--oks-colors-teal-70);--oks-colors-bg-accent-yellow: var(--oks-colors-yellow-30);--oks-colors-bg-accent-yellow-subtle: var(--oks-colors-yellow-20);--oks-colors-bg-accent-yellow-subtlest: var(--oks-colors-yellow-10);--oks-colors-bg-accent-yellow-bold: var(--oks-colors-yellow-70);--oks-colors-blanket: #17171775;--oks-colors-blanket-danger: #ef5c4814;--oks-colors-blanket-selected: #388bff14;--oks-colors-border: var(--oks-colors-neutral-a-30);--oks-colors-border-bold: var(--oks-colors-neutral-60);--oks-colors-border-inverse: var(--oks-colors-neutral-0);--oks-colors-border-disabled: var(--oks-colors-neutral-a-20);--oks-colors-border-focused: var(--oks-colors-blue-50);--oks-colors-border-focused-inverse: var(--oks-colors-blue-100);--oks-colors-border-selected: var(--oks-colors-blue-70);--oks-colors-border-input: var(--oks-colors-neutral-50);--oks-colors-border-success: var(--oks-colors-lime-60);--oks-colors-border-warning: var(--oks-colors-orange-60);--oks-colors-border-danger: var(--oks-colors-red-60);--oks-colors-border-info: var(--oks-colors-blue-60);--oks-colors-icon: var(--oks-colors-neutral-100);--oks-colors-icon-subtle: var(--oks-colors-neutral-80);--oks-colors-icon-subtlest: var(--oks-colors-neutral-70);--oks-colors-icon-inverse: var(--oks-colors-neutral-0);--oks-colors-icon-selected: var(--oks-colors-blue-70);--oks-colors-icon-disabled: var(--oks-colors-neutral-a-40);--oks-colors-icon-decorative: var(--oks-colors-neutral-50);--oks-colors-icon-decorative-hovered: var(--oks-colors-neutral-100);--oks-colors-icon-decorative-inverse: var(--oks-colors-neutral-30);--oks-colors-icon-decorative-inverse-hovered: var(--oks-colors-neutral-0);--oks-colors-icon-success: var(--oks-colors-lime-60);--oks-colors-icon-warning: var(--oks-colors-orange-60);--oks-colors-icon-warning-inverse: var(--oks-colors-neutral-100);--oks-colors-icon-danger: var(--oks-colors-red-70);--oks-colors-icon-info: var(--oks-colors-blue-60);--oks-colors-link: var(--oks-colors-blue-70);--oks-colors-link-pressed: var(--oks-colors-blue-80);--oks-colors-surface: var(--oks-colors-neutral-0);--oks-colors-surface-hovered: var(--oks-colors-neutral-20);--oks-colors-surface-pressed: var(--oks-colors-neutral-30);--oks-colors-surface-sunken: var(--oks-colors-neutral-10);--oks-colors-surface-overlay: var(--oks-colors-neutral-0);--oks-colors-surface-overlay-hovered: var(--oks-colors-neutral-20);--oks-colors-surface-overlay-pressed: var(--oks-colors-neutral-30);--oks-colors-surface-raised: var(--oks-colors-neutral-0);--oks-colors-surface-raised-hovered: var(--oks-colors-neutral-20);--oks-colors-surface-raised-pressed: var(--oks-colors-neutral-30);--oks-colors-text: var(--oks-colors-neutral-100);--oks-colors-text-subtle: var(--oks-colors-neutral-80);--oks-colors-text-subtlest: var(--oks-colors-neutral-70);--oks-colors-text-placeholder: var(--oks-colors-neutral-50);--oks-colors-text-bold: var(--oks-colors-neutral-100);--oks-colors-text-inverse: var(--oks-colors-neutral-0);--oks-colors-text-selected: var(--oks-colors-blue-70);--oks-colors-text-disabled: var(--oks-colors-neutral-a-40);--oks-colors-text-success: var(--oks-colors-lime-80);--oks-colors-text-warning: var(--oks-colors-orange-80);--oks-colors-text-warning-inverse: var(--oks-colors-neutral-100);--oks-colors-text-danger: var(--oks-colors-red-80);--oks-colors-text-info: var(--oks-colors-blue-80);--oks-colors-text-accent-neutral: var(--oks-colors-neutral-80);--oks-colors-text-accent-neutral-bold: var(--oks-colors-neutral-100);--oks-colors-text-accent-red: var(--oks-colors-red-80);--oks-colors-text-accent-red-bold: var(--oks-colors-red-90);--oks-colors-text-accent-orange: var(--oks-colors-orange-80);--oks-colors-text-accent-orange-bold: var(--oks-colors-orange-90);--oks-colors-text-accent-yellow: var(--oks-colors-yellow-80);--oks-colors-text-accent-yellow-bold: var(--oks-colors-yellow-90);--oks-colors-text-accent-lime: var(--oks-colors-lime-80);--oks-colors-text-accent-lime-bold: var(--oks-colors-lime-90);--oks-colors-text-accent-green: var(--oks-colors-green-80);--oks-colors-text-accent-green-bold: var(--oks-colors-green-90);--oks-colors-text-accent-teal: var(--oks-colors-teal-80);--oks-colors-text-accent-teal-bold: var(--oks-colors-teal-90);--oks-colors-text-accent-blue: var(--oks-colors-blue-80);--oks-colors-text-accent-blue-bold: var(--oks-colors-blue-90);--oks-colors-text-accent-indigo: var(--oks-colors-indigo-80);--oks-colors-text-accent-indigo-bold: var(--oks-colors-indigo-90);--oks-colors-text-accent-purple: var(--oks-colors-purple-80);--oks-colors-text-accent-purple-bold: var(--oks-colors-purple-90);--oks-colors-text-accent-magenta: var(--oks-colors-magenta-80);--oks-colors-text-accent-magenta-bold: var(--oks-colors-magenta-90);--oks-colors-text-accent-tan: var(--oks-colors-tan-80);--oks-colors-text-accent-tan-bold: var(--oks-colors-tan-90);--oks-colors-utility-shadow-color: color-mix(in srgb, var(--oks-colors-slate-90) 20%, transparent);--oks-shadows-zero: var(--oks-shadows-zero-shadow);--oks-shadows-raised: var(--oks-shadows-raised-light);--oks-shadows-elevated: var(--oks-shadows-elevated-light);--oks-shadows-overlay: var(--oks-shadows-overlay-light);--oks-shadows-overflow: var(--oks-shadows-overflow-light);--oks-shadows-low: var(--oks-shadows-low-light);--oks-shadows-medium: var(--oks-shadows-medium-light);--oks-shadows-high: var(--oks-shadows-high-light);--oks-shadows-inset: var(--oks-shadows-inset-light)}:where(.dark,[data-color-mode=dark]){--oks-colors-bg-disabled: var(--oks-colors-dark-neutral-10);--oks-colors-bg-neutral: var(--oks-colors-dark-neutral-a-20);--oks-colors-bg-neutral-hovered: var(--oks-colors-dark-neutral-a-30);--oks-colors-bg-neutral-pressed: var(--oks-colors-dark-neutral-a-40);--oks-colors-bg-neutral-bold: var(--oks-colors-dark-neutral-80);--oks-colors-bg-neutral-bold-hovered: var(--oks-colors-dark-neutral-90);--oks-colors-bg-neutral-bold-pressed: var(--oks-colors-dark-neutral-100);--oks-colors-bg-neutral-boldest: var(--oks-colors-dark-neutral-110);--oks-colors-bg-neutral-subtle: #ffffff02;--oks-colors-bg-neutral-subtle-hovered: var(--oks-colors-dark-neutral-a-20);--oks-colors-bg-neutral-subtle-pressed: var(--oks-colors-dark-neutral-a-30);--oks-colors-bg-neutral-inverse: var(--oks-colors-neutral-0);--oks-colors-bg-neutral-inverse-subtle: #ffffff29;--oks-colors-bg-neutral-inverse-subtle-hovered: #ffffff3d;--oks-colors-bg-selected: var(--oks-colors-blue-100);--oks-colors-bg-selected-hovered: var(--oks-colors-blue-90);--oks-colors-bg-selected-pressed: var(--oks-colors-blue-80);--oks-colors-bg-selected-bold: var(--oks-colors-blue-40);--oks-colors-bg-selected-bold-hovered: var(--oks-colors-blue-30);--oks-colors-bg-selected-bold-pressed: var(--oks-colors-blue-20);--oks-colors-bg-brand-bold: var(--oks-colors-brand-40);--oks-colors-bg-brand-bold-hovered: var(--oks-colors-brand-30);--oks-colors-bg-brand-bold-pressed: var(--oks-colors-brand-20);--oks-colors-bg-brand-boldest: var(--oks-colors-brand-20);--oks-colors-bg-brand-boldest-hovered: var(--oks-colors-brand-30);--oks-colors-bg-brand-boldest-pressed: var(--oks-colors-brand-40);--oks-colors-bg-brand-subtle: var(--oks-colors-brand-100);--oks-colors-bg-brand-subtle-hovered: var(--oks-colors-brand-90);--oks-colors-bg-brand-subtle-pressed: var(--oks-colors-brand-80);--oks-colors-bg-success: var(--oks-colors-lime-100);--oks-colors-bg-success-hovered: var(--oks-colors-lime-90);--oks-colors-bg-success-pressed: var(--oks-colors-lime-80);--oks-colors-bg-success-bold: var(--oks-colors-lime-40);--oks-colors-bg-success-bold-hovered: var(--oks-colors-lime-30);--oks-colors-bg-success-bold-pressed: var(--oks-colors-lime-20);--oks-colors-bg-warning: var(--oks-colors-orange-100);--oks-colors-bg-warning-hovered: var(--oks-colors-orange-90);--oks-colors-bg-warning-pressed: var(--oks-colors-orange-80);--oks-colors-bg-warning-bold: var(--oks-colors-orange-30);--oks-colors-bg-warning-bold-hovered: var(--oks-colors-orange-40);--oks-colors-bg-warning-bold-pressed: var(--oks-colors-orange-50);--oks-colors-bg-danger: var(--oks-colors-red-100);--oks-colors-bg-danger-hovered: var(--oks-colors-red-90);--oks-colors-bg-danger-pressed: var(--oks-colors-red-80);--oks-colors-bg-danger-bold: var(--oks-colors-red-40);--oks-colors-bg-danger-bold-hovered: var(--oks-colors-red-30);--oks-colors-bg-danger-bold-pressed: var(--oks-colors-red-20);--oks-colors-bg-info: var(--oks-colors-blue-100);--oks-colors-bg-info-hovered: var(--oks-colors-blue-90);--oks-colors-bg-info-pressed: var(--oks-colors-blue-80);--oks-colors-bg-info-bold: var(--oks-colors-blue-40);--oks-colors-bg-info-bold-hovered: var(--oks-colors-blue-30);--oks-colors-bg-info-bold-pressed: var(--oks-colors-blue-20);--oks-colors-bg-input: var(--oks-colors-dark-neutral-20);--oks-colors-bg-input-hovered: var(--oks-colors-dark-neutral-25);--oks-colors-bg-input-pressed: var(--oks-colors-dark-neutral-20);--oks-colors-bg-accent-neutral: var(--oks-colors-dark-neutral-50);--oks-colors-bg-accent-neutral-subtle: var(--oks-colors-dark-neutral-40);--oks-colors-bg-accent-neutral-subtlest: var(--oks-colors-dark-neutral-10);--oks-colors-bg-accent-neutral-bold: var(--oks-colors-dark-neutral-70);--oks-colors-bg-accent-blue: var(--oks-colors-blue-80);--oks-colors-bg-accent-blue-subtle: var(--oks-colors-blue-90);--oks-colors-bg-accent-blue-subtlest: var(--oks-colors-blue-100);--oks-colors-bg-accent-blue-bold: var(--oks-colors-blue-40);--oks-colors-bg-accent-green: var(--oks-colors-green-80);--oks-colors-bg-accent-green-subtle: var(--oks-colors-green-90);--oks-colors-bg-accent-green-subtlest: var(--oks-colors-green-90);--oks-colors-bg-accent-green-bold: var(--oks-colors-green-40);--oks-colors-bg-accent-indigo: var(--oks-colors-indigo-80);--oks-colors-bg-accent-indigo-subtle: var(--oks-colors-indigo-90);--oks-colors-bg-accent-indigo-subtlest: var(--oks-colors-indigo-90);--oks-colors-bg-accent-indigo-bold: var(--oks-colors-indigo-40);--oks-colors-bg-accent-lime: var(--oks-colors-lime-80);--oks-colors-bg-accent-lime-subtle: var(--oks-colors-lime-90);--oks-colors-bg-accent-lime-subtlest: var(--oks-colors-lime-90);--oks-colors-bg-accent-lime-bold: var(--oks-colors-lime-40);--oks-colors-bg-accent-magenta: var(--oks-colors-magenta-80);--oks-colors-bg-accent-magenta-subtle: var(--oks-colors-magenta-90);--oks-colors-bg-accent-magenta-subtlest: var(--oks-colors-magenta-90);--oks-colors-bg-accent-magenta-bold: var(--oks-colors-magenta-40);--oks-colors-bg-accent-orange: var(--oks-colors-orange-80);--oks-colors-bg-accent-orange-subtle: var(--oks-colors-orange-90);--oks-colors-bg-accent-orange-subtlest: var(--oks-colors-orange-90);--oks-colors-bg-accent-orange-bold: var(--oks-colors-orange-40);--oks-colors-bg-accent-purple: var(--oks-colors-purple-80);--oks-colors-bg-accent-purple-subtle: var(--oks-colors-purple-90);--oks-colors-bg-accent-purple-subtlest: var(--oks-colors-purple-90);--oks-colors-bg-accent-purple-bold: var(--oks-colors-purple-40);--oks-colors-bg-accent-red: var(--oks-colors-red-80);--oks-colors-bg-accent-red-subtle: var(--oks-colors-red-90);--oks-colors-bg-accent-red-subtlest: var(--oks-colors-red-100);--oks-colors-bg-accent-red-bold: var(--oks-colors-red-40);--oks-colors-bg-accent-tan: var(--oks-colors-tan-80);--oks-colors-bg-accent-tan-subtle: var(--oks-colors-tan-90);--oks-colors-bg-accent-tan-subtlest: var(--oks-colors-tan-90);--oks-colors-bg-accent-tan-bold: var(--oks-colors-tan-40);--oks-colors-bg-accent-teal: var(--oks-colors-teal-80);--oks-colors-bg-accent-teal-subtle: var(--oks-colors-teal-90);--oks-colors-bg-accent-teal-subtlest: var(--oks-colors-teal-90);--oks-colors-bg-accent-teal-bold: var(--oks-colors-teal-40);--oks-colors-bg-accent-yellow: var(--oks-colors-yellow-70);--oks-colors-bg-accent-yellow-subtle: var(--oks-colors-yellow-80);--oks-colors-bg-accent-yellow-subtlest: var(--oks-colors-yellow-90);--oks-colors-bg-accent-yellow-bold: var(--oks-colors-yellow-40);--oks-colors-blanket: #10121499;--oks-colors-blanket-danger: #e3493514;--oks-colors-blanket-selected: #1d7afc14;--oks-colors-border: var(--oks-colors-dark-neutral-a-30);--oks-colors-border-bold: var(--oks-colors-dark-neutral-60);--oks-colors-border-inverse: var(--oks-colors-dark-neutral-0);--oks-colors-border-disabled: var(--oks-colors-dark-neutral-a-20);--oks-colors-border-focused: var(--oks-colors-blue-30);--oks-colors-border-focused-inverse: var(--oks-colors-blue-10);--oks-colors-border-selected: var(--oks-colors-blue-40);--oks-colors-border-input: var(--oks-colors-dark-neutral-60);--oks-colors-border-success: var(--oks-colors-lime-50);--oks-colors-border-warning: var(--oks-colors-orange-50);--oks-colors-border-danger: var(--oks-colors-red-50);--oks-colors-border-info: var(--oks-colors-blue-50);--oks-colors-icon: var(--oks-colors-dark-neutral-110);--oks-colors-icon-subtle: var(--oks-colors-dark-neutral-80);--oks-colors-icon-subtlest: var(--oks-colors-dark-neutral-70);--oks-colors-icon-inverse: var(--oks-colors-dark-neutral-10);--oks-colors-icon-selected: var(--oks-colors-blue-40);--oks-colors-icon-disabled: var(--oks-colors-dark-neutral-a-40);--oks-colors-icon-decorative: var(--oks-colors-dark-neutral-60);--oks-colors-icon-decorative-hovered: var(--oks-colors-neutral-0);--oks-colors-icon-decorative-inverse: var(--oks-colors-dark-neutral-30);--oks-colors-icon-decorative-inverse-hovered: var(--oks-colors-dark-neutral-10);--oks-colors-icon-success: var(--oks-colors-lime-50);--oks-colors-icon-warning: var(--oks-colors-orange-30);--oks-colors-icon-warning-inverse: var(--oks-colors-dark-neutral-10);--oks-colors-icon-danger: var(--oks-colors-red-50);--oks-colors-icon-info: var(--oks-colors-blue-50);--oks-colors-link: var(--oks-colors-blue-40);--oks-colors-link-pressed: var(--oks-colors-blue-30);--oks-colors-surface: var(--oks-colors-dark-neutral-10);--oks-colors-surface-hovered: var(--oks-colors-dark-neutral-20);--oks-colors-surface-pressed: var(--oks-colors-dark-neutral-30);--oks-colors-surface-sunken: var(--oks-colors-dark-neutral-0);--oks-colors-surface-overlay: var(--oks-colors-dark-neutral-25);--oks-colors-surface-overlay-hovered: var(--oks-colors-dark-neutral-30);--oks-colors-surface-overlay-pressed: var(--oks-colors-dark-neutral-35);--oks-colors-surface-raised: var(--oks-colors-dark-neutral-0);--oks-colors-surface-raised-hovered: var(--oks-colors-dark-neutral-25);--oks-colors-surface-raised-pressed: var(--oks-colors-dark-neutral-30);--oks-colors-text: var(--oks-colors-dark-neutral-100);--oks-colors-text-subtle: var(--oks-colors-dark-neutral-80);--oks-colors-text-subtlest: var(--oks-colors-dark-neutral-70);--oks-colors-text-placeholder: var(--oks-colors-dark-neutral-60);--oks-colors-text-bold: var(--oks-colors-dark-neutral-110);--oks-colors-text-inverse: var(--oks-colors-dark-neutral-10);--oks-colors-text-selected: var(--oks-colors-blue-40);--oks-colors-text-disabled: var(--oks-colors-dark-neutral-a-40);--oks-colors-text-success: var(--oks-colors-lime-30);--oks-colors-text-warning: var(--oks-colors-orange-30);--oks-colors-text-warning-inverse: var(--oks-colors-dark-neutral-10);--oks-colors-text-danger: var(--oks-colors-red-30);--oks-colors-text-info: var(--oks-colors-blue-30);--oks-colors-text-accent-neutral: var(--oks-colors-dark-neutral-80);--oks-colors-text-accent-neutral-bold: var(--oks-colors-dark-neutral-100);--oks-colors-text-accent-red: var(--oks-colors-red-30);--oks-colors-text-accent-red-bold: var(--oks-colors-red-20);--oks-colors-text-accent-orange: var(--oks-colors-orange-30);--oks-colors-text-accent-orange-bold: var(--oks-colors-orange-20);--oks-colors-text-accent-yellow: var(--oks-colors-yellow-30);--oks-colors-text-accent-yellow-bold: var(--oks-colors-yellow-20);--oks-colors-text-accent-lime: var(--oks-colors-lime-30);--oks-colors-text-accent-lime-bold: var(--oks-colors-lime-20);--oks-colors-text-accent-green: var(--oks-colors-green-30);--oks-colors-text-accent-green-bold: var(--oks-colors-green-20);--oks-colors-text-accent-teal: var(--oks-colors-teal-30);--oks-colors-text-accent-teal-bold: var(--oks-colors-teal-20);--oks-colors-text-accent-blue: var(--oks-colors-blue-30);--oks-colors-text-accent-blue-bold: var(--oks-colors-blue-20);--oks-colors-text-accent-indigo: var(--oks-colors-indigo-30);--oks-colors-text-accent-indigo-bold: var(--oks-colors-indigo-20);--oks-colors-text-accent-purple: var(--oks-colors-purple-30);--oks-colors-text-accent-purple-bold: var(--oks-colors-purple-20);--oks-colors-text-accent-magenta: var(--oks-colors-magenta-30);--oks-colors-text-accent-magenta-bold: var(--oks-colors-magenta-20);--oks-colors-text-accent-tan: var(--oks-colors-tan-30);--oks-colors-text-accent-tan-bold: var(--oks-colors-tan-20);--oks-colors-utility-shadow-color: color-mix(in srgb, var(--oks-colors-slate-100) 40%, transparent);--oks-shadows-zero: var(--oks-shadows-zero-shadow);--oks-shadows-raised: var(--oks-shadows-raised-dark);--oks-shadows-elevated: var(--oks-shadows-elevated-dark);--oks-shadows-overlay: var(--oks-shadows-overlay-dark);--oks-shadows-overflow: var(--oks-shadows-overflow-dark);--oks-shadows-low: var(--oks-shadows-low-dark);--oks-shadows-medium: var(--oks-shadows-medium-dark);--oks-shadows-high: var(--oks-shadows-high-dark);--oks-shadows-inset: var(--oks-shadows-inset-dark) }@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes badgePop{0%{transform:translate(50%,-50%) scale(1)}50%{transform:translate(50%,-50%) scale(1.2)}to{transform:translate(50%,-50%) scale(1)}}@keyframes badgePopStandalone{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes slideLeft{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideRight{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalFadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalScaleIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95) translateY(-10px)}to{opacity:1;transform:translate(-50%,-50%) scale(1) translateY(0)}}@keyframes modalScaleOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1) translateY(0)}to{opacity:0;transform:translate(-50%,-50%) scale(.95) translateY(-10px)}}@keyframes squiggle{0%{filter:url(#squiggly-0)}25%{filter:url(#squiggly-1)}50%{filter:url(#squiggly-2)}75%{filter:url(#squiggly-3)}to{filter:url(#squiggly-4)}}}@layer recipes{@layer _base{.oks-divider{--divider-weight: var(--oks-sizes-1);border-color:var(--oks-colors-current);color:var(--oks-colors-gray-20);min-width:var(--oks-sizes-1);min-height:var(--oks-sizes-1)}.dark .oks-divider,.oks-divider:is([data-color-mode=dark] *),[data-color-mode=dark] .oks-divider{color:var(--oks-colors-gray-80)}.oks-themeSwitcher{background:var(--oks-colors-transparent);margin:var(--oks-spacing-8);border-width:var(--oks-border-widths-2);border-style:solid;border-color:var(--oks-colors-border);border-radius:var(--oks-radii-100);transition-property:var(--transition-prop, all);transition-timing-function:var(--transition-easing, cubic-bezier(.4, 0, .2, 1));transition-duration:var(--transition-duration, .15s);position:relative;color:var(--oks-colors-transparent);cursor:pointer;display:grid;line-height:var(--oks-line-heights-none);flex-shrink:0;aspect-ratio:var(--oks-aspect-ratios-square);width:var(--oks-sizes-14);height:var(--oks-sizes-14);min-width:var(--oks-sizes-14);min-height:var(--oks-sizes-14)}.oks-themeSwitcher:before{inset:var(--oks-spacing-0);background:bg.neutral.inverse.bold;border-radius:var(--oks-radii-100);transition-property:var(--transition-prop, all);transition-timing-function:var(--oks-easings-default);transition-duration:var(--oks-durations-normal);content:"";position:absolute;opacity:0;display:block;--transition-easing: var(--oks-easings-default);--transition-duration: var(--oks-durations-normal)}.oks-themeSwitcher:is(:hover,[data-hover=true]){background:bg.neutral.inverse.bold;border-color:var(--oks-colors-bg-neutral-bold);cursor:pointer}.oks-themeSwitcher:is(:hover,[data-hover=true]):before{inset:calc(var(--oks-spacing-8) * -1);background:bg.neutral.inverse.bold;opacity:.25}.oks-heading{font-family:var(--oks-fonts-heading);font-weight:var(--oks-font-weights-black);color:var(--oks-colors-text-bold)}.oks-heading,.oks-text{line-height:var(--oks-line-heights-default)}.oks-text{margin:var(--oks-spacing-0);font-weight:var(--oks-font-weights-normal);font-size:var(--oks-font-sizes-16);color:var(--oks-colors-text-subtlest);max-width:var(--oks-sizes-prose)}.oks-link{gap:var(--oks-spacing-1);text-decoration:none;display:inline-flex;align-items:center;font-weight:var(--oks-font-weights-medium);color:var(--oks-colors-blue-70);background-image:linear-gradient(90deg,transparent 0% 100%);background-size:100% 1px;background-repeat:no-repeat;background-position-y:100%;cursor:pointer;width:fit-content}.dark .oks-link,.oks-link:is([data-color-mode=dark] *),[data-color-mode=dark] .oks-link{color:var(--oks-colors-blue-40)}p .oks-link{background-image:linear-gradient(90deg,currentColor 0% 100%)}.oks-link:is(:hover,[data-hover=true]){color:var(--oks-colors-blue-60);background-color:var(--oks-colors-blue-10);background-image:linear-gradient(90deg,currentColor 0% 100%)}.dark .oks-link:is(:hover,[data-hover=true]),.oks-link:is(:hover,[data-hover=true]):is([data-color-mode=dark] *),[data-color-mode=dark] .oks-link:is(:hover,[data-hover=true]){color:var(--oks-colors-blue-40);background-color:var(--oks-colors-blue-100)}.oks-label{font-size:var(--oks-font-sizes-14);font-weight:var(--oks-font-weights-normal);line-height:var(--oks-line-heights-tight);cursor:default}.oks-textinput{background:var(--oks-colors-bg-input);border-width:var(--oks-border-widths-1);border-style:solid;border-color:var(--oks-colors-border-input);border-radius:var(--oks-radii-4);display:inline-grid;position:relative;outline-width:var(--oks-border-widths-2);outline-offset:calc(var(--oks-spacing-1) * -1);outline-style:solid;outline-color:var(--oks-colors-transparent);line-height:var(--oks-line-heights-default);font-family:var(--oks-fonts-body);color:var(--oks-colors-text);--transition-duration: var(--oks-durations-fast);transition-duration:var(--oks-durations-fast);transition-property:background,border-color,color,outline-color;--transition-easing: var(--oks-easings-default);transition-timing-function:var(--oks-easings-default);width:var(--oks-sizes-full)}.oks-textinput:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){background:var(--oks-colors-bg-disabled);border-color:var(--oks-colors-border-disabled);color:var(--oks-colors-text-disabled)}.oks-textinput:is([data-error],[data-error=true]){background:var(--oks-colors-bg-danger);border-color:var(--oks-colors-border-danger);display:inline-grid;color:var(--oks-colors-text-danger)}.oks-textinput:is([data-error],[data-error=true]):is(:hover,[data-hover=true]){background:var(--oks-colors-bg-danger-hovered);border-color:var(--oks-colors-border-danger)}.oks-textinput:is([data-error],[data-error=true]):is(:focus,[data-focus=true]){background:var(--oks-colors-bg-danger);border-color:var(--oks-colors-border-danger);outline-color:var(--oks-colors-border-danger)}.oks-textinput:is([data-error],[data-error=true])::placeholder,.oks-textinput:is([data-error],[data-error=true])[data-placeholder]{--mix-color: color-mix(in srgb, var(--oks-colors-text-danger) 60%, transparent);color:var(--mix-color, var(--oks-colors-text-danger))}.oks-textinput::placeholder,.oks-textinput[data-placeholder]{color:var(--oks-colors-text-placeholder)}.oks-textinput:is(:focus,[data-focus=true]){background:var(--oks-colors-bg-input-pressed);border-color:var(--oks-colors-border-focused);outline-color:var(--oks-colors-border-focused)}.oks-textarea{background:var(--oks-colors-bg-input);border-width:var(--oks-border-widths-1);border-style:solid;border-color:var(--oks-colors-border-input);border-radius:var(--oks-radii-4);display:inline-grid;position:relative;vertical-align:top;outline-width:var(--oks-border-widths-2);outline-offset:calc(var(--oks-spacing-1) * -1);outline-style:solid;outline-color:var(--oks-colors-transparent);line-height:var(--oks-line-heights-default);font-family:var(--oks-fonts-body);color:var(--oks-colors-text);--transition-duration: var(--oks-durations-fast);transition-duration:var(--oks-durations-fast);transition-property:background,border-color,color,outline-color;--transition-easing: var(--oks-easings-default);transition-timing-function:var(--oks-easings-default);width:var(--oks-sizes-full)}.oks-textarea:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){background:var(--oks-colors-bg-disabled);border-color:var(--oks-colors-border-disabled);color:var(--oks-colors-text-disabled)}.oks-textarea:is([data-error],[data-error=true]){background:var(--oks-colors-bg-danger);border-color:var(--oks-colors-border-danger);display:inline-grid;color:var(--oks-colors-text-danger)}.oks-textarea:is([data-error],[data-error=true]):is(:hover,[data-hover=true]){background:var(--oks-colors-bg-danger-hovered);border-color:var(--oks-colors-border-danger)}.oks-textarea:is([data-error],[data-error=true]):is(:focus,[data-focus=true]){background:var(--oks-colors-bg-danger);border-color:var(--oks-colors-border-danger);outline-color:var(--oks-colors-border-danger)}.oks-textarea:is([data-error],[data-error=true])::placeholder,.oks-textarea:is([data-error],[data-error=true])[data-placeholder]{--mix-color: color-mix(in srgb, var(--oks-colors-text-danger) 60%, transparent);color:var(--mix-color, var(--oks-colors-text-danger))}.oks-textarea::placeholder,.oks-textarea[data-placeholder]{color:var(--oks-colors-text-placeholder)}.oks-textarea:is(:focus,[data-focus=true]){background:var(--oks-colors-bg-input-pressed);border-color:var(--oks-colors-border-focused);outline-color:var(--oks-colors-border-focused)}}.oks-divider--direction_horizontal{width:-webkit-fill-available;width:-moz-available;width:stretch;border-top-style:solid;border-top-width:var(--divider-weight)}.oks-divider--weight_thin{--divider-weight: var(--oks-sizes-1)}.oks-divider--weight_thick{--divider-weight: var(--oks-sizes-4)}.oks-divider--direction_vertical{height:-webkit-fill-available;height:stretch;border-left-style:solid;border-left-width:var(--divider-weight)}.oks-heading--level_h2{font-size:var(--oks-font-sizes-32)}.oks-heading--level_h2,.oks-heading--level_h3{font-family:var(--oks-fonts-sans);font-weight:var(--oks-font-weights-bold);color:var(--oks-colors-text);line-height:var(--oks-line-heights-default)}.oks-heading--level_h3{font-size:var(--oks-font-sizes-24)}.oks-text--family_inherit{font-family:inherit}.oks-text--italic_true{font-style:italic}.oks-text--weight_bold{font-weight:700}.oks-text--size_14{font-size:var(--oks-sizes-14)}.oks-link--family_inherit{font-family:inherit}.oks-label--family_sans{font-family:var(--oks-fonts-sans)}.oks-textinput--size_lg,.oks-textarea--size_lg{padding-block:var(--oks-spacing-7);padding-inline:var(--oks-spacing-12);font-size:var(--oks-font-sizes-16)}.oks-textarea--size_lg{min-height:var(--oks-sizes-80)}}@layer recipes.slots{@layer _base{.oks-iconButton__container{gap:var(--oks-spacing-4);border-width:var(--oks-border-widths-1);border-style:solid;border-color:var(--oks-colors-transparent);border-radius:var(--oks-radii-4);text-decoration:none;position:relative;appearance:none;-webkit-appearance:none;display:flex;align-items:center;--transition-duration: var(--oks-durations-fast);transition-duration:var(--oks-durations-fast);transition-property:background,border-color,color,box-shadow;--transition-easing: var(--oks-easings-default);transition-timing-function:var(--oks-easings-default);-webkit-user-select:none;user-select:none;vertical-align:middle;font-family:var(--oks-fonts-sans);font-weight:var(--oks-font-weights-medium);font-size:var(--oks-font-sizes-16);line-height:var(--oks-line-heights-default);outline-width:var(--oks-border-widths-2);outline-style:solid;outline-color:var(--oks-colors-transparent);white-space:nowrap;cursor:pointer;min-width:var(--oks-sizes-0);width:var(--oks-sizes-fit);height:var(--oks-sizes-fit)}.oks-iconButton__container:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){background:var(--oks-colors-bg-disabled);border-color:var(--oks-colors-border-disabled);cursor:not-allowed;color:var(--oks-colors-text-disabled);fill:var(--oks-colors-icon-disabled)}.oks-iconButton__container:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]):is(:hover,[data-hover=true]){background:var(--oks-colors-bg-disabled);border-color:var(--oks-colors-border-disabled);color:var(--oks-colors-text-disabled);fill:var(--oks-colors-icon-disabled)}.oks-iconButton__container:is([aria-selected=true],[data-selected=true]){background:var(--oks-colors-bg-selected);border-color:var(--oks-colors-transparent);color:var(--oks-colors-text-selected);fill:var(--oks-colors-icon-selected)}.oks-iconButton__container:is(:focus-visible,[data-focus-visible=true]){outline-color:var(--oks-colors-border-focused)}.oks-iconButton__icon{aspect-ratio:var(--oks-aspect-ratios-square);transition-property:fill;transition-timing-function:var(--oks-easings-default)}.oks-iconButton__icon,.oks-button__container{--transition-duration: var(--oks-durations-fast);transition-duration:var(--oks-durations-fast);--transition-easing: var(--oks-easings-default)}.oks-button__container{gap:var(--oks-spacing-4);border-width:var(--oks-border-widths-1);border-style:solid;border-color:var(--oks-colors-transparent);border-radius:var(--oks-radii-4);text-decoration:none;position:relative;appearance:none;-webkit-appearance:none;display:flex;align-items:center;transition-property:background,border-color,color,box-shadow;transition-timing-function:var(--oks-easings-default);-webkit-user-select:none;user-select:none;vertical-align:middle;font-family:var(--oks-fonts-sans);font-weight:var(--oks-font-weights-medium);font-size:var(--oks-font-sizes-16);line-height:var(--oks-line-heights-default);outline-width:var(--oks-border-widths-2);outline-style:solid;outline-color:var(--oks-colors-transparent);white-space:nowrap;cursor:pointer;min-width:var(--oks-sizes-0);width:var(--oks-sizes-fit);height:var(--oks-sizes-fit)}.oks-button__container:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){background:var(--oks-colors-bg-disabled);border-color:var(--oks-colors-border-disabled);cursor:not-allowed;color:var(--oks-colors-text-disabled);fill:var(--oks-colors-icon-disabled)}.oks-button__container:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]):is(:hover,[data-hover=true]){background:var(--oks-colors-bg-disabled);border-color:var(--oks-colors-border-disabled);color:var(--oks-colors-text-disabled);fill:var(--oks-colors-icon-disabled)}.oks-button__container:is([aria-selected=true],[data-selected=true]){background:var(--oks-colors-bg-selected);border-color:var(--oks-colors-transparent);color:var(--oks-colors-text-selected);fill:var(--oks-colors-icon-selected)}.oks-button__container:is(:focus-visible,[data-focus-visible=true]){outline-color:var(--oks-colors-border-focused)}.oks-button__icon{--transition-duration: var(--oks-durations-fast);transition-duration:var(--oks-durations-fast);transition-property:fill;--transition-easing: var(--oks-easings-default);transition-timing-function:var(--oks-easings-default)}.oks-button__icon,.oks-avatar__root{aspect-ratio:var(--oks-aspect-ratios-square)}.oks-avatar__root{background:var(--oks-colors-bg-neutral);display:inline-flex;position:relative;align-items:center;justify-content:center;vertical-align:middle;flex-shrink:0;color:var(--oks-colors-text);-webkit-user-select:none;user-select:none}.oks-avatar__image{overflow:hidden;object-fit:cover}.oks-avatar__image,.oks-avatar__fallback{width:var(--oks-sizes-full);height:var(--oks-sizes-full)}.oks-avatar__fallback{display:flex;align-items:center;justify-content:center;font-family:var(--oks-fonts-sans);font-weight:var(--oks-font-weights-medium);text-transform:uppercase;color:var(--oks-colors-text-subtle)}.oks-avatar__presence{bottom:var(--oks-spacing-0)}.oks-avatar__presence,.oks-avatar__status{border-radius:full;border-width:var(--oks-border-widths-2);border-style:solid;border-color:bg;position:absolute;z-index:1;right:var(--oks-spacing-0)}.oks-avatar__status{display:flex;align-items:center;justify-content:center;top:var(--oks-spacing-0)}}.oks-iconButton__container--variant_default{background:var(--oks-colors-bg-neutral);color:var(--oks-colors-text);fill:var(--oks-colors-icon-decorative)}.oks-iconButton__container--variant_default:is(:hover,[data-hover=true]){background:var(--oks-colors-bg-neutral-hovered);fill:var(--oks-colors-icon-decorative-hovered)}.oks-iconButton__container--variant_default:is(:active,[data-active=true]){background:var(--oks-colors-bg-neutral-pressed);fill:var(--oks-colors-icon-decorative-hovered)}.oks-iconButton__container--size_md{padding:var(--oks-spacing-3);font-size:var(--oks-font-sizes-16)}.oks-iconButton__icon--size_md{width:var(--oks-sizes-24);height:var(--oks-sizes-24)}.oks-button__container--variant_default{background:var(--oks-colors-bg-neutral);color:var(--oks-colors-text);fill:var(--oks-colors-icon-decorative)}.oks-button__container--variant_default:is(:hover,[data-hover=true]){background:var(--oks-colors-bg-neutral-hovered);fill:var(--oks-colors-icon-decorative-hovered)}.oks-button__container--variant_default:is(:active,[data-active=true]){background:var(--oks-colors-bg-neutral-pressed);fill:var(--oks-colors-icon-decorative-hovered)}.oks-button__container--size_lg{padding-block:var(--oks-spacing-7);padding-inline:var(--oks-spacing-14);font-size:var(--oks-font-sizes-16)}.oks-button__icon--size_lg{width:var(--oks-sizes-24);height:var(--oks-sizes-24)}.oks-button__container--variant_primary{background:var(--oks-colors-bg-brand-boldest);color:var(--oks-colors-text-inverse);fill:var(--oks-colors-icon-decorative-inverse)}.oks-button__container--variant_primary:is(:hover,[data-hover=true]){background:var(--oks-colors-bg-brand-boldest-hovered);fill:var(--oks-colors-icon-inverse)}.oks-button__container--variant_primary:is(:active,[data-active=true]){background:var(--oks-colors-bg-brand-boldest-pressed);fill:var(--oks-colors-icon-inverse)}.oks-button__container--variant_hollow{background:var(--oks-colors-bg-neutral-subtle);border-color:var(--oks-colors-border);color:var(--oks-colors-text-subtle);fill:var(--oks-colors-icon-decorative)}.oks-button__container--variant_hollow:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]){border-color:var(--oks-colors-border-disabled)}.oks-button__container--variant_hollow:is(:disabled,[disabled],[data-disabled],[aria-disabled=true]):is(:hover,[data-hover=true]){border-color:var(--oks-colors-border-disabled)}.oks-button__container--variant_hollow:is(:hover,[data-hover=true]){background:var(--oks-colors-bg-neutral-subtle-hovered);border-color:var(--oks-colors-border);color:var(--oks-colors-text);fill:var(--oks-colors-icon-decorative-hovered)}.oks-button__container--variant_hollow:is(:active,[data-active=true]){background:var(--oks-colors-bg-neutral-subtle-pressed);border-color:var(--oks-colors-border);color:var(--oks-colors-text);fill:var(--oks-colors-icon-decorative-hovered)}.oks-button__container--size_md{padding-block:var(--oks-spacing-3);padding-inline:var(--oks-spacing-12);font-size:var(--oks-font-sizes-16)}.oks-button__icon--size_md,.oks-avatar__root--size_md{width:var(--oks-sizes-24);height:var(--oks-sizes-24)}.oks-avatar__fallback--size_md{font-size:var(--oks-font-sizes-12)}.oks-avatar__presence--size_md{width:var(--oks-sizes-8);height:var(--oks-sizes-8)}.oks-avatar__status--size_md{width:var(--oks-sizes-10);height:var(--oks-sizes-10)}.oks-avatar__root--shape_circle,.oks-avatar__image--shape_circle{border-radius:var(--oks-radii-999)}.oks-avatar__root--size_xs{width:var(--oks-sizes-16);height:var(--oks-sizes-16)}.oks-avatar__fallback--size_xs{font-size:8px}.oks-avatar__presence--size_xs{width:var(--oks-sizes-6);height:var(--oks-sizes-6)}.oks-avatar__status--size_xs{width:var(--oks-sizes-8);height:var(--oks-sizes-8)}.oks-avatar__root--size_sm{width:var(--oks-sizes-20);height:var(--oks-sizes-20)}.oks-avatar__fallback--size_sm{font-size:10px}.oks-avatar__presence--size_sm{width:var(--oks-sizes-8);height:var(--oks-sizes-8)}.oks-avatar__status--size_sm{width:var(--oks-sizes-10);height:var(--oks-sizes-10)}.oks-avatar__root--size_xl{width:var(--oks-sizes-48);height:var(--oks-sizes-48)}.oks-avatar__fallback--size_xl{font-size:var(--oks-font-sizes-20)}.oks-avatar__presence--size_xl{width:var(--oks-sizes-12);height:var(--oks-sizes-12)}.oks-avatar__status--size_xl{width:var(--oks-sizes-16);height:var(--oks-sizes-16)}.oks-avatar__root--size_2xl{width:var(--oks-sizes-64);height:var(--oks-sizes-64)}.oks-avatar__fallback--size_2xl{font-size:var(--oks-font-sizes-24)}.oks-avatar__presence--size_2xl{width:var(--oks-sizes-14);height:var(--oks-sizes-14)}.oks-avatar__status--size_2xl{width:var(--oks-sizes-20);height:var(--oks-sizes-20)}.oks-avatar__root--shape_square,.oks-avatar__image--shape_square{border-radius:var(--oks-radii-4)}.oks-avatar__root--shape_hexagon,.oks-avatar__image--shape_hexagon{clip-path:polygon(45% 1.33975%,46.5798% .60307%,48.26352% .15192%,50% 0,51.73648% .15192%,53.4202% .60307%,55% 1.33975%,89.64102% 21.33975%,91.06889% 22.33956%,92.30146% 23.57212%,93.30127% 25%,94.03794% 26.5798%,94.48909% 28.26352%,94.64102% 30%,94.64102% 70%,94.48909% 71.73648%,94.03794% 73.4202%,93.30127% 75%,92.30146% 76.42788%,91.06889% 77.66044%,89.64102% 78.66025%,55% 98.66025%,53.4202% 99.39693%,51.73648% 99.84808%,50% 100%,48.26352% 99.84808%,46.5798% 99.39693%,45% 98.66025%,10.35898% 78.66025%,8.93111% 77.66044%,7.69854% 76.42788%,6.69873% 75%,5.96206% 73.4202%,5.51091% 71.73648%,5.35898% 70%,5.35898% 30%,5.51091% 28.26352%,5.96206% 26.5798%,6.69873% 25%,7.69854% 23.57212%,8.93111% 22.33956%,10.35898% 21.33975%);-webkit-clip-path:polygon(45% 1.33975%,46.5798% .60307%,48.26352% .15192%,50% 0,51.73648% .15192%,53.4202% .60307%,55% 1.33975%,89.64102% 21.33975%,91.06889% 22.33956%,92.30146% 23.57212%,93.30127% 25%,94.03794% 26.5798%,94.48909% 28.26352%,94.64102% 30%,94.64102% 70%,94.48909% 71.73648%,94.03794% 73.4202%,93.30127% 75%,92.30146% 76.42788%,91.06889% 77.66044%,89.64102% 78.66025%,55% 98.66025%,53.4202% 99.39693%,51.73648% 99.84808%,50% 100%,48.26352% 99.84808%,46.5798% 99.39693%,45% 98.66025%,10.35898% 78.66025%,8.93111% 77.66044%,7.69854% 76.42788%,6.69873% 75%,5.96206% 73.4202%,5.51091% 71.73648%,5.35898% 70%,5.35898% 30%,5.51091% 28.26352%,5.96206% 26.5798%,6.69873% 25%,7.69854% 23.57212%,8.93111% 22.33956%,10.35898% 21.33975%)}}@layer utilities{@layer compositions{.oks-textStyle_heading\.sm{font-family:var(--oks-fonts-sans);font-weight:var(--oks-font-weights-bold);color:var(--oks-colors-text);line-height:var(--oks-line-heights-default);font-size:var(--oks-font-sizes-24)}.oks-textStyle_body\.md{font-family:var(--oks-fonts-serif);font-size:var(--oks-font-sizes-16)}.oks-textStyle_body\.md,.oks-textStyle_mono\.lg{font-weight:var(--oks-font-weights-normal);color:var(--oks-colors-text-subtlest);line-height:var(--oks-line-heights-default)}.oks-textStyle_mono\.lg{font-family:var(--oks-fonts-mono);font-size:var(--oks-font-sizes-20)}.oks-textStyle_body\.lg{font-family:var(--oks-fonts-serif);font-size:var(--oks-font-sizes-20)}.oks-textStyle_body\.lg,.oks-textStyle_mono\.md{font-weight:var(--oks-font-weights-normal);color:var(--oks-colors-text-subtlest);line-height:var(--oks-line-heights-default)}.oks-textStyle_mono\.md{font-family:var(--oks-fonts-mono);font-size:var(--oks-font-sizes-16)}}.oks-bg_surface\.sunken{background:var(--oks-colors-surface-sunken)}.oks-bg_bg\.accent\.orange\.subtlest\/40{--mix-background: color-mix(in srgb, var(--oks-colors-bg-accent-orange-subtlest) 40%, transparent);background:var(--mix-background, var(--oks-colors-bg-accent-orange-subtlest))}.oks-p_8{padding:var(--oks-spacing-8)}.oks-bg_yellow\.60\/20{--mix-background: color-mix(in srgb, var(--oks-colors-yellow-60) 20%, transparent);background:var(--mix-background, var(--oks-colors-yellow-60))}.oks-bg_surface\.raised{background:var(--oks-colors-surface-raised)}.oks-bg_transparent{background:var(--oks-colors-transparent)}.oks-bd_none{border:var(--oks-borders-none)}.oks-p_0{padding:var(--oks-spacing-0)}.oks-m_0{margin:var(--oks-spacing-0)}.oks-p_32{padding:var(--oks-spacing-32)}.oks-bd_default{border:var(--oks-borders-default)}.oks-p_16{padding:var(--oks-spacing-16)}.oks-bg_bg\.danger{background:var(--oks-colors-bg-danger)}.oks-bg_bg\.neutral\.subtle\.hovered{background:var(--oks-colors-bg-neutral-subtle-hovered)}.oks-bg_bg\.success\.bold{background:var(--oks-colors-bg-success-bold)}.oks-bg_bg\.danger\.bold{background:var(--oks-colors-bg-danger-bold)}.oks-bg_bg\.neutral\.bold{background:var(--oks-colors-bg-neutral-bold)}.oks-bg_bg\.brand\.bold{background:var(--oks-colors-bg-brand-bold)}.oks-py_64{padding-block:var(--oks-spacing-64)}.oks-gap_56{gap:var(--oks-spacing-56)}.oks-gap_32{gap:var(--oks-spacing-32)}.oks-gap_40{gap:var(--oks-spacing-40)}.oks-gap_64{gap:var(--oks-spacing-64)}.oks-py_96{padding-block:var(--oks-spacing-96)}.oks-gap_16{gap:var(--oks-spacing-16)}.oks-bd-x-w_0{border-inline-width:var(--oks-border-widths-0)}.oks-border-style_solid{border-style:solid}.oks-bd-c_yellow\.60{border-color:var(--oks-colors-yellow-60)}.oks-gap_8px{gap:8px}.oks-gap_12{gap:var(--oks-spacing-12)}.oks-px_32{padding-inline:var(--oks-spacing-32)}.oks-py_16{padding-block:var(--oks-spacing-16)}.oks-gap_8{gap:var(--oks-spacing-8)}.oks-gap_6{gap:var(--oks-spacing-6)}.oks-mx_auto{margin-inline:var(--oks-spacing-auto)}.oks-gap_48{gap:var(--oks-spacing-48)}.oks-td_none{text-decoration:none}.oks-px_24{padding-inline:var(--oks-spacing-24)}.oks-py_12{padding-block:var(--oks-spacing-12)}.oks-bd-w_0{border-width:var(--oks-border-widths-0)}.oks-bd-c_transparent{border-color:var(--oks-colors-transparent)}.oks-trs_background{transition-property:var(--transition-prop, background, background-color, background-image, background-position);transition-timing-function:var(--transition-easing, cubic-bezier(.4, 0, .2, 1));transition-duration:var(--transition-duration, .15s)}.oks-ov_hidden{overflow:hidden}.oks-py_4{padding-block:var(--oks-spacing-4)}.oks-gap_24{gap:var(--oks-spacing-24)}.oks-bdr_8{border-radius:var(--oks-radii-8)}.oks-gap_4{gap:var(--oks-spacing-4)}.oks-bdr_16{border-radius:var(--oks-radii-16)}.oks-gap_20{gap:var(--oks-spacing-20)}.oks-d_flex{display:flex}.oks-ai_center{align-items:center}.oks-jc_space-between{justify-content:space-between}.oks-flex-d_column-reverse{flex-direction:column-reverse}.oks-flex-d_column{flex-direction:column}.oks-c_bg\.neutral\.bold{color:var(--oks-colors-bg-neutral-bold)}.oks-ai_start{align-items:start}.oks-d_grid{display:grid}.oks-grid-tc_1fr{grid-template-columns:1fr}.oks-ff_sans{font-family:var(--oks-fonts-sans)}.oks-tt_uppercase{text-transform:uppercase}.oks-fw_bold{font-weight:var(--oks-font-weights-bold)}.oks-ls_1{letter-spacing:1px}.oks-ta_center{text-align:center}.oks-c_text\.accent\.orange\/70{--mix-color: color-mix(in srgb, var(--oks-colors-text-accent-orange) 70%, transparent);color:var(--mix-color, var(--oks-colors-text-accent-orange))}.oks-c_text{color:var(--oks-colors-text)}.oks-white-space_nowrap{white-space:nowrap}.oks-bd-y-w_4{border-block-width:var(--oks-border-widths-4)}.oks-ms_16{margin-inline-start:var(--oks-spacing-16)}.oks-flex-wrap_wrap{flex-wrap:wrap}.oks-c_text\.subtle{color:var(--oks-colors-text-subtle)}.oks-pos_relative{position:relative}.oks-asp_square{aspect-ratio:var(--oks-aspect-ratios-square)}.oks-order_2{order:2}.oks-filter_\[grayscale\(100\%\)\]{filter:grayscale(100%)}.oks-z_-1{z-index:-1}.oks-d_block{display:block}.oks-pos_absolute{position:absolute}.oks-z_10{z-index:10}.oks-mix-bm_multiply{mix-blend-mode:multiply}.oks-ls_widest{letter-spacing:var(--oks-letter-spacings-widest)}.oks-justify-items_center{justify-items:center}.oks-grid-tc_1fr_1fr{grid-template-columns:1fr 1fr}.oks-cg_48{column-gap:var(--oks-spacing-48)}.oks-rg_32{row-gap:var(--oks-spacing-32)}.oks-c_yellow\.60{color:var(--oks-colors-yellow-60)}.oks-bg-c_surface\/95{--mix-backgroundColor: color-mix(in srgb, var(--oks-colors-surface) 95%, transparent);background-color:var(--mix-backgroundColor, var(--oks-colors-surface))}.oks-pos_sticky{position:sticky}.oks-cursor_pointer{cursor:pointer}.oks-flex-d_row{flex-direction:row}.oks-ff_mono{font-family:var(--oks-fonts-mono)}.oks-fs_20{font-size:var(--oks-font-sizes-20)}.oks-lh_default{line-height:var(--oks-line-heights-default)}.oks-c_text\.subtlest{color:var(--oks-colors-text-subtlest)}.oks-trs-dur_fast{--transition-duration: var(--oks-durations-fast);transition-duration:var(--oks-durations-fast)}.oks-transition-property_colors{transition-property:colors}.oks-trs-tmf_default{--transition-easing: var(--oks-easings-default);transition-timing-function:var(--oks-easings-default)}.oks-jc_start{justify-content:start}.oks-pos_fixed{position:fixed}.oks-z_100{z-index:100}.oks-c_bg\.neutral\.pressed{color:var(--oks-colors-bg-neutral-pressed)}.oks-ap_subtle{appearance:subtle;-webkit-appearance:subtle}.oks-c_icon{color:var(--oks-colors-icon)}.oks-clip_rect\(0\,_0\,_0\,_0\){clip:rect(0,0,0,0)}.oks-ai_end{align-items:end}.oks-fs_24{font-size:var(--oks-font-sizes-24)}.oks-fw_medium{font-weight:var(--oks-font-weights-medium)}.oks-lh_tight{line-height:var(--oks-line-heights-tight)}.oks-c_text\.danger{color:var(--oks-colors-text-danger)}.oks-c_icon\.success{color:var(--oks-colors-icon-success)}.oks-ps_3{padding-inline-start:var(--oks-spacing-3)}.oks-pe_3{padding-inline-end:var(--oks-spacing-3)}.oks-ps_2{padding-inline-start:var(--oks-spacing-2)}.oks-pe_2{padding-inline-end:var(--oks-spacing-2)}.oks-ps_5{padding-inline-start:var(--oks-spacing-5)}.oks-pe_5{padding-inline-end:var(--oks-spacing-5)}.oks-ps_7{padding-inline-start:var(--oks-spacing-7)}.oks-pe_7{padding-inline-end:var(--oks-spacing-7)}.oks-fs_16{font-size:var(--oks-font-sizes-16)}.oks-ai_stretch{align-items:stretch}.oks-jc_center{justify-content:center}.oks-fs_32{font-size:var(--oks-font-sizes-32)}.oks-c_text\.subtleest{color:text.subtleest}.oks-ap_primary{appearance:primary;-webkit-appearance:primary}.oks-c_text\.danger\/70{--mix-color: color-mix(in srgb, var(--oks-colors-text-danger) 70%, transparent);color:var(--mix-color, var(--oks-colors-text-danger))}.oks-anim-n_badgePop{animation-name:badgePop}.oks-anim-dur_normal{animation-duration:var(--oks-durations-normal)}.oks-anim-tmf_default{animation-timing-function:var(--oks-easings-default)}.oks-anim-n_badgePopStandalone{animation-name:badgePopStandalone}.oks-c_icon\.inverse{color:var(--oks-colors-icon-inverse)}.oks-transition-property_transform{transition-property:transform}.oks-trs-dur_normal{--transition-duration: var(--oks-durations-normal);transition-duration:var(--oks-durations-normal)}.oks-min-h_\[100vh\]{min-height:100vh}.oks-max-w_3xl{max-width:var(--oks-sizes-3xl)}.oks-w_full{width:var(--oks-sizes-full)}.oks-max-w_lg{max-width:var(--oks-sizes-lg)}.oks-w_40{width:var(--oks-sizes-40)}.oks-max-w_4xl{max-width:var(--oks-sizes-4xl)}.oks-mb_4{margin-bottom:var(--oks-spacing-4)}.oks-max-w_1200px{max-width:1200px}.oks-mt_8{margin-top:var(--oks-spacing-8)}.oks-max-w_xs{max-width:var(--oks-sizes-xs)}.oks-top_16{top:var(--oks-spacing-16)}.oks-left_16{left:var(--oks-spacing-16)}.oks-h_full{height:var(--oks-sizes-full)}.oks-mb_48{margin-bottom:var(--oks-spacing-48)}.oks-top_0{top:var(--oks-spacing-0)}.oks-h_160{height:var(--oks-sizes-160)}.oks-h_32{height:var(--oks-sizes-32)}.oks-pb_8{padding-bottom:var(--oks-spacing-8)}.oks-pt_8{padding-top:var(--oks-spacing-8)}.oks-bd-l-w_4{border-left-width:var(--oks-border-widths-4)}.oks-w_0{width:var(--oks-sizes-0)}.oks-h_0{height:var(--oks-sizes-0)}.oks-right_0{right:var(--oks-spacing-0)}.oks-w_1{width:var(--oks-sizes-1)}.oks-h_1{height:var(--oks-sizes-1)}.oks-w_32{width:var(--oks-sizes-32)}.oks-mr_4{margin-right:var(--oks-spacing-4)}.oks-mb_-8{margin-bottom:calc(var(--oks-spacing-8) * -1)}.oks-w_fit{width:var(--oks-sizes-fit)}.oks-min-w_2xs{min-width:var(--oks-sizes-2xs)}.oks-max-w_xl{max-width:var(--oks-sizes-xl)}.oks-h_100vh{height:100vh}.oks-w_100vw{width:100vw}.oks-w_300{width:300px}.oks-pb_32{padding-bottom:var(--oks-spacing-32)}.oks-pt_24{padding-top:var(--oks-spacing-24)}.dark .dark\:oks-bg_yellow\.60\/10,.dark\:oks-bg_yellow\.60\/10:is([data-color-mode=dark] *),[data-color-mode=dark] .dark\:oks-bg_yellow\.60\/10{--mix-background: color-mix(in srgb, var(--oks-colors-yellow-60) 10%, transparent);background:var(--mix-background, var(--oks-colors-yellow-60))}.selected\:oks-bg_surface\.raised\.pressed:is([aria-selected=true],[data-selected=true]){background:var(--oks-colors-surface-raised-pressed)}.\[\&\.mobile-menu-open\]\:oks-bg_surface\.raised.mobile-menu-open{background:var(--oks-colors-surface-raised)}.selected\:oks-bd-c_yellow\.60:is([aria-selected=true],[data-selected=true]){border-color:var(--oks-colors-yellow-60)}.\[\&\.mobile-menu-open\]\:oks-trs_background.mobile-menu-open{transition-property:var(--transition-prop, background, background-color, background-image, background-position);transition-timing-function:var(--transition-easing, cubic-bezier(.4, 0, .2, 1));transition-duration:var(--transition-duration, .15s)}.\[\&_\>_svg\]\:oks-my_4>svg{margin-block:var(--oks-spacing-4)}.dark .dark\:oks-mix-bm_plus-lighter,.dark\:oks-mix-bm_plus-lighter:is([data-color-mode=dark] *),[data-color-mode=dark] .dark\:oks-mix-bm_plus-lighter{mix-blend-mode:plus-lighter}.selected\:oks-c_text:is([aria-selected=true],[data-selected=true]){color:var(--oks-colors-text)}.selected\:oks-fw_bold:is([aria-selected=true],[data-selected=true]){font-weight:var(--oks-font-weights-bold)}.\[\&\.mobile-menu-open\]\:oks-bx-sh_medium.mobile-menu-open{box-shadow:var(--oks-shadows-medium)}.\[\&\[data-open\=\"true\"\]\]\:oks-trf_rotate\(180deg\)[data-open=true]{transform:rotate(180deg)}.\[\&\.mobile-menu-open\]\:oks-w_full.mobile-menu-open{width:var(--oks-sizes-full)}.\[\&\.mobile-menu-open\]\:oks-h_full.mobile-menu-open{height:var(--oks-sizes-full)}.\[\&_\>_svg\]\:oks-h_32>svg{height:var(--oks-sizes-32)}.hover\:oks-anim_squiggle_0\.3s_infinite:is(:hover,[data-hover=true]){animation:squiggle .3s infinite}.hover\:oks-bg_surface\.raised\.hovered:is(:hover,[data-hover=true]){background:var(--oks-colors-surface-raised-hovered)}.hover\:oks-c_text:is(:hover,[data-hover=true]){color:var(--oks-colors-text)}.selected\:hover\:oks-bg_surface\.raised\.pressed:is([aria-selected=true],[data-selected=true]):is(:hover,[data-hover=true]){background:var(--oks-colors-surface-raised-pressed)}.selected\:hover\:oks-cursor_default:is([aria-selected=true],[data-selected=true]):is(:hover,[data-hover=true]){cursor:default}@layer recipes{.\[\@layer_recipes\]\:oks-px_24{padding-inline:var(--oks-spacing-24)}.\[\@layer_recipes\]\:oks-mx_auto{margin-inline:var(--oks-spacing-auto)}.\[\@layer_recipes\]\:oks-pos_relative{position:relative}.\[\@layer_recipes\]\:oks-d_flex{display:flex}.\[\@layer_recipes\]\:oks-flex-d_column{flex-direction:column}.\[\@layer_recipes\]\:oks-ai_center{align-items:center}.\[\@layer_recipes\]\:oks-jc_space-between{justify-content:space-between}.\[\@layer_recipes\]\:oks-w_full{width:var(--oks-sizes-full)}.\[\@layer_recipes\]\:oks-max-w_5xl{max-width:var(--oks-sizes-5xl)}}@layer recipes;@layer recipes;@layer recipes;@layer recipes;@layer recipes;@layer recipes;@layer recipes;@layer recipes;@layer recipes{@media screen and (min-width:30rem){.\[\@layer_recipes\]\:xs\:oks-px_32{padding-inline:var(--oks-spacing-32)}}}@layer recipes{@media screen and (min-width:40rem){.\[\@layer_recipes\]\:sm\:oks-px_48{padding-inline:var(--oks-spacing-48)}}}@media screen and (min-width:30rem){.xs\:oks-px_16{padding-inline:var(--oks-spacing-16)}.xs\:oks-trs_colors{transition-property:var(--transition-prop, color, background-color, border-color, outline-color, text-decoration-color, fill, stroke);transition-timing-function:var(--transition-easing, cubic-bezier(.4, 0, .2, 1));transition-duration:var(--transition-duration, .15s)}.xs\:oks-bdr_4{border-radius:var(--oks-radii-4)}.xs\:oks-ov_hidden{overflow:hidden}.xs\:oks-px_0{padding-inline:var(--oks-spacing-0)}.xs\:oks-py_0{padding-block:var(--oks-spacing-0)}.xs\:oks-pos_absolute{position:absolute}.xs\:oks-flex-d_row{flex-direction:row}.xs\:oks-top_8{top:var(--oks-spacing-8)}.xs\:oks-right_32{right:var(--oks-spacing-32)}.xs\:oks-w_0{width:var(--oks-sizes-0)}.xs\:oks-h_0{height:var(--oks-sizes-0)}.xs\:oks-w_fit{width:var(--oks-sizes-fit)}.\[\&\.mobile-menu-open\]\:xs\:oks-trs_colors.mobile-menu-open{transition-property:var(--transition-prop, color, background-color, border-color, outline-color, text-decoration-color, fill, stroke);transition-timing-function:var(--transition-easing, cubic-bezier(.4, 0, .2, 1));transition-duration:var(--transition-duration, .15s)}.xs\:\[\&_\>_svg\]\:oks-mx_16>svg{margin-inline:var(--oks-spacing-16)}.xs\:\[\&\.mobile-menu-open\]\:oks-w_2xs.mobile-menu-open{width:var(--oks-sizes-2xs)}.xs\:\[\&\.mobile-menu-open\]\:oks-h_fit.mobile-menu-open{height:var(--oks-sizes-fit)}}@media screen and (min-width:40rem){.sm\:oks-trs_size{transition-property:var(--transition-prop, width, height, min-width, max-width, min-height, max-height);transition-timing-function:var(--transition-easing, cubic-bezier(.4, 0, .2, 1));transition-duration:var(--transition-duration, .15s)}.sm\:oks-grid-tc_1fr_2fr{grid-template-columns:1fr 2fr}.sm\:oks-right_48{right:var(--oks-spacing-48)}.\[\&\.mobile-menu-open\]\:sm\:oks-trs_size.mobile-menu-open{transition-property:var(--transition-prop, width, height, min-width, max-width, min-height, max-height);transition-timing-function:var(--transition-easing, cubic-bezier(.4, 0, .2, 1));transition-duration:var(--transition-duration, .15s)}}@media screen and (min-width:48rem){.md\:oks-bg_transparent{background:var(--oks-colors-transparent)}.md\:oks-px_48{padding-inline:var(--oks-spacing-48)}.md\:oks-py_24{padding-block:var(--oks-spacing-24)}.md\:oks-gap_20{gap:var(--oks-spacing-20)}.md\:oks-px_0{padding-inline:var(--oks-spacing-0)}.md\:oks-gap_32{gap:var(--oks-spacing-32)}.md\:oks-ov_visible{overflow:visible}.md\:oks-ai_end{align-items:end}.md\:oks-flex-d_row{flex-direction:row}.md\:oks-ai_center{align-items:center}.md\:oks-flex-wrap_nowrap{flex-wrap:nowrap}.md\:oks-order_unset{order:unset}.md\:oks-grid-tc_1fr_auto{grid-template-columns:1fr auto}.md\:oks-grid-tc_auto_1fr{grid-template-columns:auto 1fr}.md\:oks-grid-tc_1fr_auto_1fr{grid-template-columns:1fr auto 1fr}.md\:oks-fs_16{font-size:var(--oks-font-sizes-16)}.md\:oks-lh_tight{line-height:var(--oks-line-heights-tight)}.md\:oks-pos_relative{position:relative}.md\:oks-bx-sh_none{box-shadow:none}.md\:oks-d_none{display:none}.md\:oks-w_fit{width:var(--oks-sizes-fit)}.md\:oks-pt_0{padding-top:var(--oks-spacing-0)}.md\:oks-pb_2{padding-bottom:var(--oks-spacing-2)}.md\:oks-bd-l-w_0{border-left-width:var(--oks-border-widths-0)}.md\:oks-bd-b-w_2{border-bottom-width:var(--oks-border-widths-2)}.md\:oks-top_0{top:var(--oks-spacing-0)}.md\:oks-right_0{right:var(--oks-spacing-0)}.md\:oks-h_fit{height:var(--oks-sizes-fit)}}@media screen and (min-width:48rem){.md\:selected\:oks-bg_transparent:is([aria-selected=true],[data-selected=true]){background:var(--oks-colors-transparent)}}@media screen and (min-width:48rem){.md\:selected\:oks-bd-c_yellow\.60:is([aria-selected=true],[data-selected=true]){border-color:var(--oks-colors-yellow-60)}}@media screen and (min-width:48rem){.md\:hover\:oks-bg_transparent:is(:hover,[data-hover=true]){background:var(--oks-colors-transparent)}}@media screen and (min-width:48rem){.md\:selected\:hover\:oks-bg_transparent:is([aria-selected=true],[data-selected=true]):is(:hover,[data-hover=true]){background:var(--oks-colors-transparent)}}@media screen and (min-width:64rem){.lg\:oks-bg-c_surface{background-color:var(--oks-colors-surface)}.lg\:oks-pos_relative{position:relative}.lg\:oks-flex-d_column{flex-direction:column}.lg\:oks-pt_64{padding-top:var(--oks-spacing-64)}}}