@layer primitives{:root{--colour-neutral-10: oklch(.985 .001 286.38);--colour-neutral-25: oklch(.982 .003 264.54);--colour-neutral-50: oklch(.952 .003 264.54);--colour-neutral-100: oklch(.901 .005 258.33);--colour-neutral-200: oklch(.841 .008 260.73);--colour-neutral-300: oklch(.668 .013 259.82);--colour-neutral-400: oklch(.645 .015 262.36);--colour-neutral-500: oklch(.541 .012 261.77);--colour-neutral-600: oklch(.51 .012 261.77);--colour-neutral-700: oklch(.441 .011 258.36);--colour-neutral-800: oklch(.367 .009 260.72);--colour-neutral-900: oklch(.33 .013 273.01);--colour-neutral-950: oklch(.31 .013 272.96);--colour-neutral-1000: oklch(.244 .006 271.17);--colour-neutral-1100: oklch(.231 .004 264.48);--colour-white: oklch(1 0 0);--colour-black: oklch(0 0 0);--colour-grey-35: oklch(.97 .01 240);--colour-grey-40: oklch(.93 .01 240);--colour-grey-45: oklch(.65 .02 240);--colour-grey-50: oklch(.55 .02 240);--colour-grey-55: oklch(.28 .02 240);--colour-grey-60: oklch(.21 .02 240);--colour-blue-35: oklch(.97 .02 260);--colour-blue-40: oklch(.94 .04 260);--colour-blue-45: oklch(.67 .12 260);--colour-blue-50: oklch(.56 .15 260);--colour-blue-55: oklch(.43 .17 260);--colour-blue-60: oklch(.32 .16 260);--colour-cyan-35: oklch(.98 .02 200);--colour-cyan-40: oklch(.94 .04 200);--colour-cyan-45: oklch(.72 .08 200);--colour-cyan-50: oklch(.62 .1 200);--colour-cyan-55: oklch(.42 .06 200);--colour-cyan-60: oklch(.3 .04 200);--colour-green-35: oklch(.97 .02 150);--colour-green-40: oklch(.95 .06 150);--colour-green-45: oklch(.75 .12 150);--colour-green-50: oklch(.67 .15 163);--colour-green-55: oklch(.42 .08 150);--colour-green-60: oklch(.3 .04 150);--colour-red-35: oklch(.98 .02 20);--colour-red-40: oklch(.95 .04 20);--colour-red-45: oklch(.72 .1 20);--colour-red-50: oklch(.66 .2 21);--colour-red-55: oklch(.46 .12 20);--colour-red-60: oklch(.27 .06 20);--colour-orange-35: oklch(.97 .03 60);--colour-orange-40: oklch(.93 .06 60);--colour-orange-45: oklch(.78 .1 60);--colour-orange-50: oklch(.78 .14 63);--colour-orange-55: oklch(.48 .08 60);--colour-orange-60: oklch(.35 .04 60);--colour-yellow-35: oklch(.97 .04 90);--colour-yellow-40: oklch(.94 .06 90);--colour-yellow-45: oklch(.88 .11 90);--colour-yellow-50: oklch(.86 .17 88);--colour-yellow-55: oklch(.68 .12 90);--colour-yellow-60: oklch(.35 .08 90);--colour-purple-35: oklch(.98 .02 300);--colour-purple-40: oklch(.93 .05 300);--colour-purple-45: oklch(.7 .14 300);--colour-purple-50: oklch(.59 .19 304);--colour-purple-55: oklch(.4 .13 300);--colour-purple-60: oklch(.29 .08 300);--colour-pink-35: oklch(.97 .03 340);--colour-pink-40: oklch(.92 .07 340);--colour-pink-45: oklch(.69 .15 340);--colour-pink-50: oklch(.64 .18 340);--colour-pink-55: oklch(.4 .12 340);--colour-pink-60: oklch(.26 .08 340);--font-sans: "Inter", -apple-system, sans-serif;--font-display: "Inter Display", -apple-system, sans-serif;--font-mono: "Monaspace", monospace;--font-size-1: .5625rem;--font-size-2: .688rem;--font-size-3: .75rem;--font-size-4: .8125rem;--font-size-5: .9375rem;--font-size-6: 1.125rem;--font-size-7: 1.25rem;--font-size-8: 1.5rem;--font-size-9: 2rem;--font-size-10: 2.5rem;--radius-none: 0rem;--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-max: 50rem;--thickness-none: 0rem;--thickness-thinner: .0313rem;--thickness-thin: .0469rem;--thickness-default: .0625rem;--thickness-thick: .0938rem;--thickness-thicker: .125rem;--thickness-extra-thick: .1563rem;--thickness-thickest: .1875rem;--size-1: .25rem;--size-2: .5rem;--size-3: .75rem;--size-4: 1rem;--size-5: 1.25rem;--size-6: 1.5rem;--size-7: 2rem;--size-8: 2.5rem;--size-9: 3rem;--size-10: 3.5rem;--size-11: 4rem;--size-12: 5rem;--size-13: 6rem;--size-14: 7.5rem;--font-weight-regular: 450;--font-weight-medium: 500;--font-weight-semibold: 600;--spacing-1: .125rem;--spacing-2: .25rem;--spacing-3: .375rem;--spacing-4: .5rem;--spacing-5: .625rem;--spacing-6: .75rem;--spacing-7: 1rem;--spacing-8: 1.25rem;--spacing-9: 1.5rem;--spacing-10: 2rem;--spacing-11: 2.5rem;--spacing-12: 3rem;--spacing-13: 3.5rem;--spacing-14: 4rem;--spacing-15: 4.5rem;--spacing-16: 5rem;--shadow-xs: 0 1px 2px 0 rgba(28, 29, 34, .06);--shadow-sm: 0 1px 2px 0 rgba(28, 29, 34, .12);--shadow-md: 0 2px 2px -1px rgba(28, 29, 34, .04), 0 4px 12px -1px rgba(28, 29, 34, .08);--shadow-lg: 0 2px 2px -1px rgba(28, 29, 34, .04), 0 8px 16px -2px rgba(28, 29, 34, .12);--shadow-xl: 0 2px 2px -1px rgba(28, 29, 34, .04), 0 16px 24px -6px rgba(28, 29, 34, .16);--shadow-stroked-xs: 0 0 0 var(--thickness-default) oklch(from var(--colour-neutral-900) l c h / 8%), 0 1px 2px 0 rgba(28, 29, 34, .06);--shadow-stroked-sm: 0 0 0 var(--thickness-default) oklch(from var(--colour-neutral-900) l c h / 8%), 0 2px 3px -3px rgba(28, 29, 34, .08), 0 1px 2px 0 rgba(28, 29, 34, .12);--shadow-stroked-md: 0 0 0 var(--thickness-default) oklch(from var(--colour-neutral-900) l c h / 8%), 0 2px 2px -1px rgba(28, 29, 34, .04), 0 6px 12px -1px rgba(28, 29, 34, .08);--shadow-stroked-lg: 0 0 0 var(--thickness-default) oklch(from var(--colour-neutral-900) l c h / 8%), 0 2px 2px -1px rgba(28, 29, 34, .04), 0 8px 16px -2px rgba(28, 29, 34, .12);--shadow-stroked-xl: 0 0 0 var(--thickness-default) oklch(from var(--colour-neutral-900) l c h / 8%), 0 2px 2px -1px rgba(28, 29, 34, .04), 0 16px 24px -6px rgba(28, 29, 34, .16);--breakpoint-xs: 40rem;--breakpoint-sm: 48rem;--breakpoint-md: 64rem;--breakpoint-lg: 80rem;--breakpoint-xl: 96rem}}@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none;border:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}}@layer primitives,reset,base,components,utilities;@layer base{@font-face{font-family:Inter;font-weight:100 900;font-style:normal;src:url(/fonts/InterVariable.woff2) format("woff2")}@font-face{font-family:Inter;font-weight:100 900;font-style:italic;src:url(/fonts/InterVariable-Italic.woff2) format("woff2")}@font-face{font-family:Inter Display;font-weight:400;src:url(/fonts/InterDisplay-Regular.woff2) format("woff2")}@font-face{font-family:Inter Display;font-weight:500;src:url(/fonts/InterDisplay-Medium.woff2) format("woff2")}@font-face{font-family:Inter Display;font-weight:600;src:url(/fonts/InterDisplay-SemiBold.woff2) format("woff2")}@font-face{font-family:Monaspace;font-weight:300 800;src:url(/fonts/MonaspaceNeonVarVF.woff2) format("woff2")}:root{color-scheme:light dark;--background-primary: var(--colour-white);--background-sunken: var(--colour-neutral-50);--background-subtle: var(--colour-neutral-25);--background-dimmed: oklch(from var(--colour-neutral-1000) l c h / 32%);--background-component-default: var(--colour-white);--background-component-hover: var(--colour-neutral-50);--background-component-active: var(--colour-white);--background-sidebar-item-hover: var(--colour-neutral-100);--background-sidebar-item-active: var(--colour-white);--border-default: var(--colour-neutral-100);--border-alpha: rgba(74, 74, 82, .12);--text-primary: var(--colour-neutral-900);--text-secondary: var(--colour-neutral-700);--text-muted: var(--colour-neutral-500);--text-subtle: var(--colour-neutral-400);--text-selection: var(--colour-neutral-100);--colour-brand: var(--colour-blue-50);--colour-pandadoc: #248567;--text-on-bold: var(--colour-white);--text-selection-background: oklch(from var(--colour-blue-50) l c h / 25%);--colour-destructive: var(--colour-red-50);--background-blue-bold: var(--colour-blue-50);--background-blue-subtle: var(--colour-blue-40);--background-blue-subtlest: var(--colour-blue-35);--background-cyan-bold: var(--colour-cyan-50);--background-cyan-subtle: var(--colour-cyan-40);--background-cyan-subtlest: var(--colour-cyan-35);--background-green-bold: var(--colour-green-50);--background-green-subtle: var(--colour-green-40);--background-green-subtlest: var(--colour-green-35);--background-red-bold: var(--colour-red-50);--background-red-subtle: var(--colour-red-40);--background-red-subtlest: var(--colour-red-35);--background-orange-bold: var(--colour-orange-50);--background-orange-subtle: var(--colour-orange-40);--background-orange-subtlest: var(--colour-orange-35);--background-yellow-bold: var(--colour-yellow-50);--background-yellow-subtle: var(--colour-yellow-40);--background-yellow-subtlest: var(--colour-yellow-35);--background-purple-bold: var(--colour-purple-50);--background-purple-subtle: var(--colour-purple-40);--background-purple-subtlest: var(--colour-purple-35);--background-pink-bold: var(--colour-pink-50);--background-pink-subtle: var(--colour-pink-40);--background-pink-subtlest: var(--colour-pink-35);--background-grey-bold: var(--colour-grey-50);--background-grey-subtle: var(--colour-grey-40);--background-grey-subtlest: var(--colour-grey-35);--text-blue: var(--colour-blue-50);--text-on-blue-subtle: var(--colour-blue-55);--text-on-blue-subtlest: var(--colour-blue-55);--text-cyan: var(--colour-cyan-50);--text-on-cyan-subtle: var(--colour-cyan-55);--text-on-cyan-subtlest: var(--colour-cyan-55);--text-green: var(--colour-green-50);--text-on-green-subtle: var(--colour-green-55);--text-on-green-subtlest: var(--colour-green-55);--text-red: var(--colour-red-50);--text-on-red-subtle: var(--colour-red-55);--text-on-red-subtlest: var(--colour-red-55);--text-orange: var(--colour-orange-50);--text-on-orange-subtle: var(--colour-orange-55);--text-on-orange-subtlest: var(--colour-orange-55);--text-yellow: var(--colour-yellow-50);--text-on-yellow-subtle: var(--colour-yellow-60);--text-on-yellow-subtlest: var(--colour-yellow-60);--text-purple: var(--colour-purple-50);--text-on-purple-subtle: var(--colour-purple-55);--text-on-purple-subtlest: var(--colour-purple-55);--text-pink: var(--colour-pink-50);--text-on-pink-subtle: var(--colour-pink-55);--text-on-pink-subtlest: var(--colour-pink-55);--text-grey: var(--colour-grey-50);--text-on-grey-subtle: var(--colour-grey-55);--text-on-grey-subtlest: var(--colour-grey-55)}@media (prefers-color-scheme: dark){:root{--background-primary: var(--colour-neutral-1000);--background-sunken: var(--colour-neutral-1100);--background-subtle: var(--colour-neutral-950);--background-dimmed: oklch(from var(--colour-neutral-1000) l c h / 72%);--background-component-default: var(--colour-neutral-900);--background-component-hover: var(--colour-neutral-800);--background-component-button-default: var(--colour-neutral-900);--background-component-button-hover: var(--colour-neutral-800);--background-component-active: var(--colour-neutral-600);--background-sidebar-item-hover: var(--colour-neutral-800);--background-sidebar-item-active: var(--colour-neutral-900);--border-default: oklch(.3 .01 256.88);--border-alpha: rgba(74, 74, 82, .12);--text-primary: var(--colour-neutral-50);--text-secondary: var(--colour-neutral-100);--text-muted: var(--colour-neutral-300);--text-selection: var(--colour-neutral-700);--colour-brand: oklch(from var(--colour-blue-50) calc(l + .2) c h);--text-selection-background: oklch( from var(--colour-neutral-300) l c h / 50% )}}html[data-theme=light]{color-scheme:light!important}html[data-theme=dark]{color-scheme:dark!important}html[data-theme=dark] :root{--background-primary: var(--colour-neutral-1000);--background-sunken: var(--colour-neutral-1100);--background-subtle: var(--colour-neutral-950);--background-dimmed: oklch(from var(--colour-neutral-1000) l c h / 72%);--background-component-default: var(--colour-neutral-900);--background-component-hover: var(--colour-neutral-800);--background-component-button-default: var(--colour-neutral-900);--background-component-button-hover: var(--colour-neutral-800);--background-component-active: var(--colour-neutral-600);--background-sidebar-item-hover: var(--colour-neutral-800);--background-sidebar-item-active: var(--colour-neutral-900);--border-default: oklch(.3 .01 256.88);--border-alpha: rgba(74, 74, 82, .12);--text-primary: var(--colour-neutral-50);--text-secondary: var(--colour-neutral-100);--text-muted: var(--colour-neutral-300);--text-selection: var(--colour-neutral-700);--colour-brand: oklch(from var(--colour-blue-50) calc(l + .2) c h);--text-selection-background: oklch( from var(--colour-neutral-300) l c h / 50% )}::selection{background:var(--text-selection-background);color:inherit}body{--body-width: 62rem}h1{font-family:var(--font-display);font-size:var(--font-size-9);font-weight:var(--font-weight-semibold);color:var(--text-primary)}h2{font-family:var(--font-display);font-size:var(--font-size-7);font-weight:var(--font-weight-semibold);color:var(--text-primary)}h3{font-family:var(--font-display);font-size:var(--font-size-6);font-weight:var(--font-weight-semibold);color:var(--text-primary)}p{font-family:var(--font-sans);font-size:var(--font-size-5);font-weight:var(--font-weight-regular);color:var(--text-primary)}p+p{margin-top:var(--spacing-7)}}@layer components{.lucide{color:currentColor;width:var(--size-4);height:var(--size-4);strokewidth:var(--thickness-thicker)}.tabler-icon{color:currentColor;width:1.125rem;height:1.125rem;strokewidth:1.75}.button__default{display:inline-flex;padding:var(--spacing-3);justify-content:center;align-items:center;border-radius:var(--radius-md);background:var(--background-component-default);color:var(--text-secondary);box-shadow:var(--shadow-stroked-sm)}.button__default:hover{background:var(--background-component-hover)}.button__default:disabled{opacity:.5;background:var(--background-component-default)}hr{color:var(--border-default);border-style:solid;border-top-width:.5px;border-top-color:var(--border-default);margin:var(--spacing-6) 0}input[type=text],input[type=number],input[type=email],input[type=password],textarea{border:none;background:var(--background-component-default);margin:0;outline:0px solid var(--border-default);border-radius:6px;padding:.375rem .5rem .438rem .7rem;height:2.5rem;width:16rem;font-family:Inter;font-size:13px;font-weight:450;letter-spacing:-.00406rem;box-shadow:var(--shadow-stroked-sm);position:relative;width:100%;z-index:10}input[type=text]:hover,input[type=password]:hover,input[type=email]:hover,input[type=number]:hover{outline:1px solid #c8cbd0;box-shadow:0 1px 3px .25px #00000014;transition:outline .05s ease-in-out,box-shadow .05s ease-in-out}input[type=text]:focus,input[type=text]:active,input[type=password]:focus,input[type=password]:active,input[type=email]:focus,input[type=email]:active,input[type=number]:focus,input[type=number]:active{outline:2px solid var(--colour-blue-45);transition:outline .05s ease-in-out}input[type=text]::placeholder,input[type=password]::placeholder,input[type=email]::placeholder,input[type=number]::placeholder{color:#90959d;outline:var(--debug-outlines) dashed fuchsia}label{display:flex;flex-direction:column;gap:.5rem;font-family:Inter;font-size:.875rem;font-weight:500;color:var(--text-primary);width:100%;-webkit-user-select:none;user-select:none}select{-webkit-appearance:base-select;-moz-appearance:base-select;appearance:base-select;color:var(--text-primary);background-color:transparent;width:56px;box-sizing:border-box;padding:.2rem .75rem;border:none;box-shadow:var(--shadow-stroked-sm);border-radius:calc(.5rem - 2px);cursor:pointer}select>button{display:flex;width:100%;font-family:inherit;color:currentColor}select>button>svg{margin:0 0 0 auto;width:1.2rem;height:1.2rem}select:has(option:not([hidden]):checked){color:var(--text-primary);font-size:var(--font-size-5);font-weight:var(--font-weight-regular)}select:focus-visible{outline:2px solid #a1a1aa;outline-offset:-1px}select::picker(select){-webkit-appearance:base-select;-moz-appearance:base-select;appearance:base-select;border:1px solid #e4e4e7;padding:.25rem;margin-top:.25rem;border-radius:calc(.5rem - 2px);box-shadow:var(--shadow-stroked-sm);cursor:default;transition:opacity .1s ease-in-out,transform .1s ease-in-out;transform-origin:top;transform:translateY(0);opacity:1}@starting-style{{transform:translateY(-.25rem) scale(.95);opacity:0}}select optgroup label{display:block;padding:.375rem .5rem}select option{padding:.375rem .5rem;border-radius:calc(.5rem - 4px);outline:none}select option:after{content:"";width:1rem;height:1.5rem;margin-left:auto;opacity:0;background:center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2318181b' strokeWidth='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'%3E%3C/path%3E%3C/svg%3E")}select option::checkmark{display:none}select option:checked{background-color:transparent}select option:checked:after{opacity:1}select option:hover,select option:focus-visible{background-color:#f4f4f5;color:#18181b}}main{display:flex;flex:1}body{overflow:hidden}.base__layout{display:flex;height:100vh;background:var(--background-sunken)}.nav-links{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;outline:none;width:100%;display:flex;gap:var(--spacing-4);padding:var(--spacing-3) var(--spacing-3) var(--spacing-3) var(--spacing-4);align-items:center;border-radius:var(--radius-md);text-decoration:none;color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-size-4);font-weight:var(--font-weight-medium);line-height:1.25rem;letter-spacing:-.00406rem}.active{background-color:var(--background-sidebar-item-active);color:var(--text-primary);box-shadow:var(--shadow-stroked-sm)}.active svg{color:var(--text-primary)}.nav-links:hover:not(.active){background-color:var(--background-sidebar-item-hover);color:var(--text-primary)}.nav-links:active{transform:scale(.97);will-change:transform;transition:.15s cubic-bezier(.4,0,.2,1)}@layer components{nav{width:240px;overflow-y:auto;flex-shrink:0;padding:var(--spacing-7)}.nav__logo{display:flex;align-items:center}.nav__logo img{width:var(--size-5);height:var(--size-5);margin-right:var(--spacing-4)}.nav__logo span{font-size:var(--font-size-4);margin:0;-webkit-user-select:none;user-select:none;font-weight:var(--font-weight-semibold)}.nav__header{diplay:flex;gap:var(--spacing-4);margin-top:var(--spacing-2);flex-direction:column;margin-bottom:var(--spacing-6)}.github{height:24px;width:24px;border-radius:4px;display:flex;align-items:center;justify-content:center}.github:hover{background:#00000014}.nav__header--layout{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-8)}.nav__search{width:100%!important;display:flex;align-items:center;padding:var(--spacing-6);margin-bottom:var(--spacing-9)!important;background:var(--background-component-default)!important;border-radius:var(--border-radius-default)}.nav__items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-2)}.no-nav-items{margin:6px 0 0 6px;padding:0;height:40px;font-size:var(--font-size-4);font-weight:var(--font-weight-regular);color:var(--text-secondary)}}.search-icon{position:absolute;top:50%;left:8px;transform:translateY(-50%);color:var(--text-subtle);height:14px;width:14px}.clear-icon{position:absolute;top:50%;right:4px;transform:translateY(-50%);color:var(--text-subtle)}.clear-icon-svg{width:12px!important;height:12px!important;cursor:pointer}.search-container{position:relative}.icon-button{flex-shrink:0;height:fit-content;width:fit-content}.icon-button__ghost{background:transparent;color:var(--text-secondary)}.icon-button__ghost:hover{background:var(--background-component-hover);color:var(--text-primary)}.icon-button__default{background:var(--background-component-default);color:var(--text-secondary);box-shadow:var(--shadow-stroked-sm)}.icon-button__default:hover{background:var(--background-component-hover);color:var(--text-primary)}.icon-button__alpha{background:transparent;color:var(--text-secondary)}.icon-button__alpha:hover{background:#0000001a;color:var(--text-primary)}.muted__icon{color:var(--text-subtle)}.muted__icon:hover{color:var(--text-muted)}.icon-button__md{display:flex;border-radius:6px;width:28px;height:28px;align-items:center;justify-content:center}.icon-button__md>*{height:16px;width:16px}.icon-button__sm{padding:6px;border-radius:6px;width:24px;height:24px}.icon-button__sm>*{height:16px;width:16px}.icon-button__xs{padding:6px;border-radius:4px}.icon-button__xs>*{height:12px;width:12px}.floating__content{flex:1;background-color:var(--background-primary);overflow-y:auto;margin:var(--spacing-4) var(--spacing-4) var(--spacing-4) 0;border-radius:var(--radius-md);box-shadow:var(--shadow-stroked-md);padding:var(--spacing-16) var(--spacing-14);scrollbar-width:none}.floating__content--content{margin:0 auto;max-width:var(--body-width)}.event__rail{display:flex;flex-direction:row;gap:16px;overflow-y:scroll;padding:16px}.event__container{display:flex;flex-direction:column;align-items:center;min-width:320px;background:var(--background-component-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-stroked-md)}.event__name{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.name{font-size:var(--font-size-6);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.event__container>div{position:relative;min-width:100%}.event__container img{width:100%;height:220px;border-radius:var(--radius-md) var(--radius-md) 0 0;object-fit:cover}.days-date{display:flex;flex-direction:row;align-items:center;gap:8px;justify-content:space-between}.event__details{display:flex;flex-direction:column;gap:8px;justify-content:space-between}.event__date{display:flex;flex-direction:row;gap:8px}.content{padding:16px;display:flex;flex-direction:column;gap:8px}.toggle{position:absolute;top:8px;right:8px;background:#ffffffbf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:.5rem;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer}.categories{display:flex;flex-direction:row;gap:8px;flex-wrap:wrap}.disabled{opacity:.5;pointer-events:none}.pill{background:var(--background-sunken);color:var(--text-primary);padding:3px 8px;border-radius:var(--radius-md);font-size:var(--font-size-4);font-weight:var(--font-weight-medium);margin-top:8px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.pill:has(svg){padding:var(--spacing-1) var(--spacing-3);align-items:center;gap:var(--spacing-3);border-radius:var(--radius-sm);background:#f2e5ff;box-shadow:0 0 0 var(--thickness-thinner) #3a424a14 inset;color:#662f9d;font-size:var(--font-size-4);font-weight:var(--font-weight-medium)}.pill svg{color:#662f9d}.filter__panel{display:flex;gap:16px;align-items:center}.checkbox{display:flex;align-items:center;gap:8px}.event__filters{display:flex;gap:16px;align-items:center;margin-bottom:var(--spacing-9)}.checkbox-wrapper-4 *{box-sizing:border-box}.checkbox-wrapper-4 .cbx{-webkit-user-select:none;user-select:none;cursor:pointer;padding:6px 8px;border-radius:6px;overflow:hidden;transition:all .2s ease;display:inline-block}.checkbox-wrapper-4 .cbx:not(:last-child){margin-right:6px}.checkbox-wrapper-4 .cbx:hover{background:#0077ff0f}.checkbox-wrapper-4 .cbx span{float:left;vertical-align:middle;transform:translateZ(0)}.checkbox-wrapper-4 .cbx span:first-child{position:relative;width:18px;height:18px;border-radius:4px;transform:scale(1);border:1px solid #cccfdb;transition:all .2s ease;box-shadow:0 1px 1px #00104b0d}.checkbox-wrapper-4 .cbx span:first-child svg{position:absolute;top:3px;left:2px;fill:none;stroke:#fff;strokewidth:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16px;stroke-dashoffset:16px;transition:all .3s ease;transition-delay:.1s;transform:translateZ(0)}.checkbox-wrapper-4 .cbx span:last-child{padding-left:8px;line-height:18px}.checkbox-wrapper-4 .cbx:hover span:first-child{border-color:#07f}.checkbox-wrapper-4 .inp-cbx{position:absolute;visibility:hidden}.checkbox-wrapper-4 .inp-cbx:checked+.cbx span:first-child{background:#07f;border-color:#07f;animation:wave-4 .4s ease}.checkbox-wrapper-4 .inp-cbx:checked+.cbx span:first-child svg{stroke-dashoffset:0}.checkbox-wrapper-4 .inline-svg{position:absolute;width:0;height:0;pointer-events:none;-webkit-user-select:none;user-select:none}@media screen and (max-width: 640px){.checkbox-wrapper-4 .cbx{width:100%;display:inline-block}}@-moz-keyframes wave-4{50%{transform:scale(.9)}}@-webkit-keyframes wave-4{50%{transform:scale(.9)}}@-o-keyframes wave-4{50%{transform:scale(.9)}}@keyframes wave-4{50%{transform:scale(.9)}}.page__header--header{display:flex;flex-direction:column;gap:var(--spacing-7);margin-bottom:var(--spacing-4)}.page__title{font-size:var(--font-size-8)}.page__header--header svg{color:var(--text-primary);height:var(--size-7);width:var(--size-7)}.page__header--subtitle{color:var(--text-secondary);margin-bottom:var(--spacing-10)}hr{margin:var(--spacing-10) 0 var(--spacing-12)}input[type=checkbox]{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.checkbox__container{-webkit-user-select:none;user-select:none}.checkbox{display:inline-block;height:14px;width:14px;background:var(--background-component-default);border:1px solid var(--border-default);border-radius:4px;margin-right:6px}.checkbox--active{background:var(--colour-brand);border-color:var(--colour-brand)}.user-data-container{display:flex;gap:2rem}.user-list__container{border-radius:.5rem;background:var(--background-component-default);box-shadow:var(--shadow-stroked-md);overflow:hidden;position:relative;padding:.5rem;display:flex;flex-direction:column;width:340px;flex-shrink:0;height:100%}.profile__header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.profile-card{display:flex;flex-direction:row;align-items:center;gap:1rem;padding:.75rem .5rem;z-index:1}.name__title{display:flex;flex-direction:column;z-index:1;gap:2px}.list__name{font-size:var(--font-size-5);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.list__job-title{font-size:var(--font-size-4);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.hover__effect{background:var(--background-component-hover);position:absolute;width:calc(100% - 1rem);height:68px;z-index:0;cursor:pointer;border-radius:.45rem;transition:transform .1s}.selected__user-container{background:var(--background-component-hover);border-radius:.45rem}.full-user-card{display:flex;position:relative;flex-direction:column;gap:1rem;border-radius:.5rem;background:var(--background-component-default);box-shadow:var(--shadow-stroked-md);padding:2rem}.user-card__data{display:flex;gap:1rem;align-items:flex-start;justify-content:flex-start}.user-card__label{font-size:var(--font-size-5);font-weight:var(--font-weight-semibold);color:var(--text-secondary);width:120px;flex-shrink:0}.name__title--display{display:flex;flex-direction:column;gap:.25rem;align-items:center;justify-content:center}.list__name--display{font-size:var(--font-size-6);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.list__job-title--display{font-size:var(--font-size-5);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.user__card--divider{margin:.5rem 0}.header__details{position:relative;display:flex;flex-direction:column;gap:.5rem;align-items:center;justify-content:center;width:100%}.skill__chip{display:inline-block;padding:.25rem .5rem;border-radius:.25rem;background-color:var(--colour-neutral-50);color:var(--text-primary);font-size:var(--font-size-4);font-weight:var(--font-weight-medium);margin-right:.5rem;margin-bottom:.5rem}.role__chip{display:flex;flex-shrink:0;width:fit-content;position:absolute;top:1rem;right:1rem;padding:.25rem .5rem;border-radius:.25rem;background-color:var(--colour-neutral-50);color:var(--text-primary);font-size:var(--font-size-4);font-weight:var(--font-weight-medium)}.user__status{display:flex;align-items:center;gap:6px}.user__status p{color:var(--text-secondary);font-size:var(--font-size-5);font-weight:var(--font-weight-medium)}.status__ellipse{width:12px;height:12px;border-radius:1000px;border:1px solid white;z-index:10;box-shadow:var(--shadow-sm)}.user__start-date{display:flex;gap:.25rem;align-items:center}.user__start-date p{margin:0}.user__bio{display:flex;flex-direction:column;gap:.5rem}.proto__link{color:var(--text-secondary);font-size:var(--font-size-5);font-weight:var(--font-weight-medium);text-underline-offset:.2em}.avatar{border-radius:var(--radius-max);display:inline-flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-family:var(--font-sans);flex-shrink:0;position:relative}.avatar:before{content:"";position:absolute;border:1px solid var(--border-alpha);top:0;left:0;width:100%;height:100%;border-radius:inherit;displaly:flex;flex-shrink:0}.avatar--2xs{width:var(--size-4);height:var(--size-4);font-size:7px;font-weight:700}.avatar--xs{width:var(--size-5);height:var(--size-5);font-size:var(--font-size-1)}.avatar--sm{width:var(--size-6);height:var(--size-6);font-size:var(--font-size-2)}.avatar--md{width:var(--size-7);height:var(--size-7);font-size:var(--font-size-3)}.avatar--lg{width:var(--size-8);height:var(--size-8);font-size:var(--font-size-5)}.avatar--xl{width:var(--size-9);height:var(--size-9);font-size:var(--font-size-6)}.avatar--2xl{width:var(--size-10);height:var(--size-10);font-size:var(--font-size-7)}.avatar--3xl{width:var(--size-11);height:var(--size-11);font-size:var(--font-size-8)}.avatar--max{width:var(--size-13);height:var(--size-13);font-size:var(--font-size-9)}.avatar--grey{background-color:var(--background-grey-subtle);color:var(--text-on-grey-subtle)}.avatar--blue{background-color:var(--background-blue-subtle);color:var(--text-on-blue-subtle)}.avatar--cyan{background-color:var(--background-cyan-subtle);color:var(--text-on-cyan-subtle)}.avatar--green{background-color:var(--background-green-subtle);color:var(--text-on-green-subtle)}.avatar--red{background-color:var(--background-red-subtle);color:var(--text-on-red-subtle)}.avatar--orange{background-color:var(--background-orange-subtle);color:var(--text-on-orange-subtle)}.avatar--yellow{background-color:var(--background-yellow-subtle);color:var(--text-on-yellow-subtle)}.avatar--purple{background-color:var(--background-purple-subtle);color:var(--text-on-purple-subtle)}.avatar--pink{background-color:var(--background-pink-subtle);color:var(--text-on-pink-subtle)}.avatar__image{width:100%;height:100%;object-fit:cover}.clip{overflow:hidden}.avatar__initials{text-transform:uppercase;line-height:1}.avatar-icon--2xs{width:calc(var(--size-4) * .48);height:calc(var(--size-4) * .48);color:var(--text-secondary)}.avatar-icon--xs{width:calc(var(--size-5) * .48);height:calc(var(--size-5) * .48);color:var(--text-secondary)}.avatar-icon--sm{width:calc(var(--size-6) * .48);height:calc(var(--size-6) * .48);color:var(--text-secondary)}.avatar-icon--md{width:calc(var(--size-7) * .48);height:calc(var(--size-7) * .48);color:var(--text-secondary)}.avatar-icon--lg{width:calc(var(--size-8) * .48);height:calc(var(--size-8) * .48);color:var(--text-secondary)}.avatar-icon--xl{width:calc(var(--size-9) * .48);height:calc(var(--size-9) * .48);color:var(--text-secondary)}.avatar-icon--2xl{width:calc(var(--size-10) * .48);height:calc(var(--size-10) * .48);color:var(--text-secondary)}.avatar-icon--3xl{width:calc(var(--size-11) * .48);height:calc(var(--size-11) * .48);color:var(--text-secondary)}.avatar-icon--max{width:calc(var(--size-13) * .48);height:calc(var(--size-13) * .48);color:var(--text-secondary)}.avatar--photo{background-color:transparent}.avatar__status{position:absolute;bottom:0;right:0;width:25%;height:25%;background-color:#10b981;border:2px solid white;border-radius:50%;z-index:10}.stacked__container{display:flex;align-items:center;gap:0;transition:all .2s cubic-bezier(0,0,.3,1);outline:1px dashed fuchsia;width:fit-content;margin-top:80px}.stacked__container>.avatar-item{outline:4px solid white}.avatar-item{margin-left:-12px}.stacked__container:hover{gap:12%;transition:all .2s cubic-bezier(0,0,.3,1)}.Button{flex-shrink:0;height:fit-content;width:fit-content}.Button:hover{cursor:pointer}.full-width{width:100%}.disabled{pointer-events:none;opacity:.5}.Button__content{display:flex;gap:6px;align-items:center;justify-content:center;font-family:var(--font-sans)}.Button__primary{background:var(--colour-brand);color:var(--text-on-bold)}.Button__primary:hover{filter:brightness(.9)}.Button__ghost{background:transparent;color:var(--text-secondary)}.Button__ghost:hover{background:var(--background-component-hover);color:var(--text-primary)}.Button__default{background:var(--background-component-default);color:var(--text-secondary);box-shadow:var(--shadow-stroked-sm)}.Button__default:hover{background:var(--background-component-hover);color:var(--text-primary)}.Button__alpha{background:transparent;color:var(--text-secondary)}.Button__alpha:hover{background:#0000001a;color:var(--text-primary)}.Button__destructive{background:var(--colour-destructive);color:var(--text-on-bold)}.Button__destructive:hover{filter:brightness(.9)}.Button__leading-icon{display:flex;justify-content:center;align-items:center}.Button__leading-icon--md{width:var(--size-4);height:var(--size-4)}.Button__trailing-icon{display:flex;width:var(--size-3);height:var(--size-3);justify-content:center;align-items:center;margin-top:2px}.Button__leading-icon--sm{width:var(--size-3);height:var(--size-3)}.Button__trailing-icon--default{color:var(--text-subtle)}.Button__trailing-icon--primary{color:var(--text-on-bold)}.Button__lg{padding:var(--spacing-4) var(--spacing-8);border-radius:var(--radius-md)}.Button__label--lg{font-size:var(--font-size-5);font-weight:var(--font-weight-medium);line-height:1.625rem;letter-spacing:-.01406rem}.Button__md{padding:var(--spacing-2) var(--spacing-5);border-radius:var(--radius-sm)}.Button__label--md{font-size:var(--font-size-4);font-weight:var(--font-weight-medium);line-height:1.25rem;letter-spacing:-.00406rem}.Button__sm{padding:var(--spacing-1) var(--spacing-4);border-radius:var(--radius-sm)}.Button__label--sm{font-size:var(--font-size-3);font-weight:var(--font-weight-medium);line-height:1.25rem;letter-spacing:-.00406rem}.house__card{background:var(--background-component-default);border-radius:var(--radius-lg);padding:var(--spacing-6);display:flex;flex-direction:row;gap:var(--spacing-8);max-width:560px;box-shadow:var(--shadow-stroked-lg)}.house-card__photo-container{position:relative;width:16.25rem;height:10rem;flex-shrink:0}.house-card__photo{width:100%;height:100%;border-radius:var(--radius-md);object-fit:cover;display:block;image-rendering:-webkit-optimize-contrast}.sold{position:absolute;top:var(--spacing-4);right:var(--spacing-4)}.sold-tag{background-color:#fb2c36;color:var(--colour-white);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--font-size-4);font-weight:var(--font-weight-semibold)}.house__card--details{display:flex;flex-direction:column;gap:var(--spacing-2);flex:1}.house__card--price{font-size:var(--font-size-8);font-weight:var(--font-weight-semibold);color:var(--text-primary);flex:1;margin-top:var(--spacing-4)}.details{font-weight:var(--font-weight-medium)}.bed-bath{display:flex;align-items:center;gap:var(--spacing-8)}.icon-count{display:flex;align-items:center;gap:var(--spacing-4)}.nav__buttons{display:flex;align-items:center;gap:var(--spacing-4);justify-content:flex-end;max-width:560px;margin-top:var(--spacing-10)}.count{margin-right:var(--spacing-6)}shopping-list{display:flex;flex-direction:column;gap:8px}.shopping-list__item{display:flex;flex-direction:row;gap:8px;align-items:center;border-radius:var(--radius-md);background-color:var(--bg-secondary)}.shopping-list__input{display:flex;flex-direction:row;gap:12px;margin-top:24px;align-items:center}.shopping-list__category-input{width:220px;height:32px}.shopping-list__quantity-input{width:60px;height:32px}.shopping-list__item--name{display:flex;flex-direction:row;flex:1;align-items:center;padding:2px 0;gap:4px;font-size:var(--font-size-5);color:var(--text-primary);-webkit-user-select:none;user-select:none}.packed{text-decoration:line-through;color:var(--text-subtle)}li{cursor:pointer}.unchecked svg{color:var(--text-subtle)}.breakpoint-sizes{margin:1rem 0 3rem}.navbar-container,.footer-container{container-type:inline-size;container-name:navbar;position:relative;margin-bottom:120px}.hamburger-react div div{height:1.5px}.nav__container{outline:0px dashed fuchsia;display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px);background:#ffffffe0;height:var(--size-10);border-bottom:var(--thickness-default) solid var(--border-default);z-index:100;width:clamp(320px,100%,1000px);margin:0 auto;padding:0 var(--spacing-10);position:relative}.navigation{display:flex;justify-content:space-between;align-items:center;width:100%}.navigation__home{display:flex;gap:var(--spacing-6);align-items:center;color:var(--text-primary);text-decoration:none}.nav__name{font-size:var(--font-size-4);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.nav__title{font-size:var(--font-size-4);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.navigation__links-container{display:flex}.navigation__items{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-1);list-style:none;padding:0;margin:0}.navigation__links{text-decoration:none;padding:var(--spacing-3) var(--spacing-5);color:var(--text-secondary);font-weight:var(--font-weight-medium);font-size:var(--font-size-4);border-radius:var(--radius-sm);transition:background .1s ease,color .1s ease}.navigation__links:hover{background:var(--colour-neutral-50);color:var(--text-primary)}.navigation__toggle{display:none;align-items:center;justify-content:center;height:40px;width:40px}.navigation__links--container-mobile{position:absolute;top:100%;left:0;right:0;-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px);background:#ffffffe0;border-bottom:var(--thickness-default) solid var(--border-default);box-shadow:none;z-index:99;width:100%;opacity:0;transform:translateY(-100%);transition:transform .25s cubic-bezier(0,.55,.45,1),box-shadow .25s cubic-bezier(0,.55,.45,1),opacity .25s cubic-bezier(0,.55,.45,1)}.navigation__links--container-mobile.open{transform:translateY(0);box-shadow:var(--shadow-md);opacity:1;transition:transform .2s cubic-bezier(0,.55,.45,1),box-shadow .2s cubic-bezier(0,.55,.45,1),opacity .2s cubic-bezier(0,.55,.45,1)}.footer{display:flex;justify-content:space-between;align-items:center;margin:0 auto;padding:var(--spacing-8) var(--spacing-10);width:clamp(320px,100%,1000px);border-top:var(--thickness-default) solid var(--border-default)}.copyright{font-weight:var(--font-weight-medium);color:var(--text-secondary)}@container navbar (max-width: 640px){.nav__container{padding:0 8px 0 16px;outline:0px dashed blue}.navigation__toggle{display:flex}.navigation__items{display:none}.navigation__links--container-mobile .navigation__items{display:flex;flex-direction:row;justify-content:space-between;padding:var(--spacing-6) 0;margin:0 32px}.navigation__links--container-mobile .navigation__links{padding:var(--spacing-4) var(--spacing-5)}.footer{display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;gap:var(--spacing-8);padding:16px;outline:0px dashed blue;color:var(--text-secondary)}}.social-links__container{display:flex;gap:var(--spacing-4);align-items:center}.segment__container{display:inline-flex;background:var(--background-sunken);border-radius:var(--radius-lg);gap:var(--spacing-2);padding:.8px}.segment__icon{color:var(--text-muted)}.segment__icon svg{color:var(--text-muted)}.segment__text{font-size:var(--font-size-4);line-height:20px;color:var(--text-secondary);font-weight:var(--font-weight-medium);-webkit-user-select:none;user-select:none}.segment__option{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-6);border-radius:calc(var(--radius-lg) - .75px);transition:.2s ease;letter-spacing:-.015rem;cursor:pointer}.segment__active{--segment-shadow: 0 0 0 var(--thickness-thin) oklch(from var(--colour-neutral-900) l c h / 8%), 0 1px 2px 0 rgba(28, 29, 34, .06);background:var(--background-component-default);box-shadow:var(--segment-shadow)}.segment__active:hover{background:var(--background-component-default)}.segment__option:hover:not(.segment__active){background:var(--background-sidebar-item-hover)}.container{background:var(--background-default);border-radius:8px;box-shadow:var(--shadow-stroked-md);overflow:hidden;width:800px}.content__container{padding:24px 40px 40px 24px;height:580px}.header-label{width:112px}.tab-summary{margin-top:16px;margin-bottom:4px}.tabs-container{position:relative;background:var(--background-subtle)}.tab__header{margin-bottom:4px}.tab-rail{position:relative;display:flex;border-bottom:1px solid var(--border-default);padding:0 16px}.tab{position:relative;padding:8px;margin-right:12px;background:transparent;border:none;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-nuted);display:flex;align-items:center;justify-content:center;white-space:nowrap;border-bottom:2px solid transparent}.tab:hover(not(.tab-active)){color:var(--text-nuted)}.tab-active{color:var(--text-primary);border-bottom:2px solid var(--text-primary);margin-bottom:0}.country-data{display:flex;flex-direction:column;gap:8px;font-weight:var(--font-weight-regular)}.tab__content--details{display:flex;flex-direction:row-reverse;gap:40px;justify-content:flex-end}.city-photo{min-width:220px;height:220px;border-radius:var(--radius-md);object-fit:cover}.data-1{display:flex;flex-direction:row;align-items:center;gap:8px;font-weight:var(--font-weight-medium);color:var(--text-primary)}.data-2{display:flex;flex-direction:row;align-items:center;gap:8px;margin-bottom:24px;font-weight:var(--font-weight-semibold);color:var(--text-primary)}h4{font-size:var(--font-size-5);font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.data-2 svg{color:var(--text-secondary);width:16px;height:16px}.accordion__container{background:var(--background-component-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-stroked-md);overflow:hidden;margin-top:var(--spacing-10)}.accordion{display:flex;flex-direction:column}.item{cursor:pointer;border-bottom:var(--thickness-default) solid var(--border-default);display:grid;grid-template-columns:auto 1fr;column-gap:var(--spacing-9);align-items:center;padding:var(--spacing-7) var(--spacing-6);color:var(--text-primary)}.item:hover h3{color:var(--text-muted)}.item:last-child{border-bottom:none}.title{-webkit-user-select:none;user-select:none}.icon{color:var(--text-secondary)}.content-box{grid-column:2 / -1;-webkit-user-select:none;user-select:none;height:auto;transition:height .15s cubic-bezier(.65,.05,.36,1),opacity .25s ease-in;opacity:1;interpolate-size:allow keywords;visibility:visible}.content-box.collapsed{height:0;margin-bottom:0;opacity:0;overflow:hidden;visibility:none;transition:height .15s cubic-bezier(.65,.05,.36,1),opacity .15s ease-out}.content-box p{margin-top:var(--spacing-8)}.short-description{font-size:var(--font-size-5);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-top:var(--spacing-3)}.item__container{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--spacing-9)}.checkout{display:flex;flex-direction:column;padding:32px;background:var(--background-default);border-radius:8px;box-shadow:var(--shadow-stroked-md);overflow:hidden;width:72%;margin:0 auto}.no-items{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;height:400px}.no-items-icon{width:56px;height:56px;color:var(--text-subtle)}.basket-header{margin-bottom:var(--spacing-9)}.item__thumbnail{width:var(--size-13);height:var(--size-13);background:var(--background-sunken);border-radius:var(--radius-sm);overflow:hidden;border:.5px solid var(--border-alpha)}.basket-item{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;gap:var(--spacing-10);margin-bottom:var(--spacing-14)}.discount-section{display:flex;gap:var(--spacing-6);align-items:center;margin-bottom:var(--spacing-9)}.apply-button{padding:4px 12px;border-radius:4px;cursor:pointer;font-family:var(--font-sans);font-size:.8125rem;font-style:normal;font-weight:500;line-height:1.25rem;letter-spacing:-.00406rem;background:var(--colour-brand);color:#fff}.apply-button:hover{filter:brightness(1.1)}.item__details{display:flex;flex-direction:column;flex:1;gap:var(--spacing-6)}.item__title-metadata{display:flex;flex-direction:column}.metadata{font-size:var(--font-size-4);font-weight:var(--font-weight-regular);color:var(--text-secondary)}.item__details--quantity{width:56px}.item__price{font-size:var(--font-size-6);font-weight:var(--font-weight-medium);color:var(--text-primary)}.code-check{display:flex;align-items:center;gap:6px}.valid-code p,invalid-code p{font-size:var(--font-size-5);font-weight:var(--font-weight-medium)}.valid-code svg,.valid-code p{color:var(--colour-green-50)}.invalid-code svg,.invalid-code p{color:var(--colour-red-50)}.banner-icon{width:var(--size-5);height:var(--size-5);color:var(--text-on-blue-subtlest)}.banner-text{font-size:var(--font-size-5);color:var(--text-on-blue-subtlest);font-weight:var(--font-weight-regular)}.banner-container{display:flex;align-items:center;gap:8px;padding:var(--spacing-6) var(--spacing-5);background:var(--background-blue-subtlest);border-radius:var(--radius-md);margin-bottom:var(--spacing-9)}.summary{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-9);align-items:flex-end}.summary-label{display:flex;gap:var(--spacing-6)}.summary-label span{width:120px;text-align:right}.summary h2{font-family:var(--font-sans)}.pay{align-self:center;margin:40px 0}.vat__summary{font-size:var(--font-size-4);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.banner{display:flex;width:100%;align-items:flex-start;border-radius:var(--radius-md);border:1px solid var(--border-alpha);padding:var(--spacing-7) var(--spacing-7) var(--spacing-8) var(--spacing-7);gap:var(--spacing-6);margin-bottom:var(--spacing-9)}.banner__slim{padding:var(--spacing-6)}.banner__icon{margin-top:2px;flex-shrink:0}.dismiss{margin-right:-8px;margin-top:-8px}.banner__container--information{background:var(--background-blue-subtlest)}.banner__container--success{background:var(--background-green-subtlest)}.banner__container--warning{background:var(--background-red-subtlest)}.banner__container--caution{background:var(--background-orange-subtlest)}.banner__container--custom{background:var(--background-purple-subtlest)}.low-emphasis{background:var(--background-component-default)}.banner__icon--information{color:var(--text-blue)}.banner__icon--success{color:var(--text-green)}.banner__icon--warning{color:var(--text-red)}.banner__icon--caution{color:var(--text-orange)}.banner__icon--custom{color:var(--text-purple)}.banner__icon--custom svg{color:currentColor}.banner__content--container{display:flex;padding-right:var(--spacing-7);flex-direction:column;align-items:flex-start;gap:var(--spacing-4);align-self:stretch;flex:1}.banner__header{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-5);font-weight:var(--font-weight-semibold);letter-spacing:-.00406rem}.banner__content{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-5);font-weight:var(--font-weight-regular);line-height:var(--line-height-5);letter-spacing:-.00406rem;text-wrap:pretty}.weather__card{box-shadow:var(--shadow-stroked-lg);padding:var(--spacing-9);border-radius:var(--radius-md);max-width:440px}.weather__header{display:flex;justify-content:space-between;align-items:center}.bullet__separator{color:var(--text-subtle);font-size:1rem;margin:0 4px}.weather__temp{font-family:var(--font-sans);font-size:2.5rem;font-weight:600}.hero{display:flex;gap:var(--spacing-4);align-items:center;justify-content:flex-start;margin:var(--spacing-4) 0}.weather__minmax,.weather__sunrise-sunset{display:flex;gap:var(--spacing-4);margin-top:var(--spacing-6)}.weather__info{display:flex;gap:var(--spacing-4);align-items:center;justify-content:center}.weather__additional{display:flex;gap:64px;justify-content:space-between;margin:var(--spacing-8) 40px}.modal__backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--background-dimmed);display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:var(--background-component-default);border-radius:8px;padding:24px;position:relative;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-stroked-lg);display:flex;flex-direction:column;gap:16px;align-content:space-between}.modal__sm{max-width:448px;width:90%}.modal__md{max-width:560px;width:90%}.modal__lg{max-width:640px;width:90%}.modal__header{display:flex;align-items:flex-start;margin-bottom:var(--spacing-7)}.modal__header--details{display:flex;flex-direction:column;gap:16px;flex:1}.modal__close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;cursor:pointer;color:#666}.modal__icon svg{height:var(--size-6);width:var(--size-6);color:var(--text-secondary)}.modal__header-and-subtitle{display:flex;flex-direction:column;gap:12px}.modal__title{font-weight:var(--font-weight-medium)}.modal__subtitle{color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-size-5);font-weight:var(--font-weight-medium);line-height:1.5rem}.modal__content{flex:1;outline:1px dashed fuchsia}.modal__buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.modal__button{padding:4px 12px;border-radius:4px;cursor:pointer;font-family:var(--font-sans);font-size:.8125rem;font-style:normal;font-weight:500;line-height:1.25rem;letter-spacing:-.00406rem}.modal__button--cancel{background:#fff;color:var(--text-secondary)}.modal__button--cancel:hover{background:var(--background-component-hover);color:var(--text-primary)}.modal__button--confirm{background:var(--colour-brand);color:#fff}.modal__button--confirm:hover{filter:brightness(1.1);color:#fff}.metadata__container{display:flex;align-items:center;gap:.5rem}.metadata__rail{display:flex;align-items:center;gap:1.5rem;margin-bottom:var(--spacing-11)}.metadata__text--label{overflow:hidden;color:var(--text-secondary, #4f5359);text-overflow:ellipsis;font-family:Inter;font-size:.8125rem;font-style:normal;font-weight:600;line-height:1.25rem;letter-spacing:-.00406rem}.metadata__text--value{color:var(--text-secondary);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:1.25rem;letter-spacing:-.00406rem}.key-impact{margin-bottom:1.25rem}.metadata__text--label-highlight{overflow:hidden;color:var(--text-secondary);text-overflow:ellipsis;font-family:Inter;font-size:.9375rem;font-style:normal;font-weight:var(--font-weight-semibold);line-height:1.625rem;letter-spacing:-.01406rem}.version{display:flex;align-items:center;gap:1rem;margin-bottom:var(--spacing-16)}.case-study__selection{margin:12px 0 80px}.metadata__text--value-highlight{color:var(--text-secondary);font-family:Inter;font-size:.9375rem;font-weight:var(--font-weight-semibold);line-height:1.625rem;letter-spacing:-.01406rem}.article__title{font-size:2.625rem;text-wrap:balance;line-height:3.5rem;margin-bottom:2rem;width:720px}.read-time{color:var(--text-muted);font-family:var(--font-sans);font-size:var(--font-size-4);font-weight:var(--font-weight-medium);line-height:1.5rem;letter-spacing:-.00375rem}.breadcrumb,.breadcrumb__items{display:flex;align-items:center;gap:6px;-webkit-user-select:none;user-select:none}.breadcrumb__items{margin-bottom:2rem}.breadcrumb__divider{color:var(--text-muted)}.breadcrumb__name{color:var(--text-primary);font-family:var(--font-sans);font-size:.8625rem;font-weight:var(--font-weight-medium);line-height:1.25rem;letter-spacing:-.015rem;-webkit-user-select:none;user-select:none}.breadcrumb__link{color:var(--text-muted);font-family:var(--font-sans);font-size:.8625rem;font-weight:var(--font-weight-medium);line-height:1.25rem;letter-spacing:-.015rem;text-decoration:none}.pricing{display:flex;flex-direction:column;align-items:center;gap:2rem}.pricing-card__container{display:flex;gap:1rem}.pricing-card{position:relative;padding:16px 16px 24px;box-shadow:var(--shadow-stroked-md);border-radius:var(--radius-md);background:#fff;display:flex;flex-direction:column;flex:1;gap:1rem}.pricing__price{margin:0;font-size:var(--font-size-8);font-weight:700;color:var(--text-primary)}.feature-item{display:flex;align-items:flex-start;gap:6px}.feature-item span{margin:0;font-size:var(--font-size-5);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.feature-item svg{flex-shrink:0;color:var(--colour-pandadoc);margin-top:5px;strokewidth:2.5px}.price__option{display:flex;align-items:center;gap:.5rem}.popular{border-top:none;border-top-left-radius:0;border-top-right-radius:0;border:2px solid var(--colour-pandadoc)}.pricing__description{margin:0;font-size:var(--font-size-4);font-weight:var(--font-weight-medium);color:var(--text-muted)}.popular:before{display:block;position:absolute;top:-30px;left:-2px;content:"Most Popular";width:calc(100% + 4px);padding:6px;border-top-left-radius:8px;border-top-right-radius:8px;font-size:14px;font-weight:600;color:#fff;text-align:center;text-transform:uppercase;background-color:var(--colour-pandadoc)}.primaryButton{background-color:var(--colour-pandadoc)}.pricing__details{display:flex;flex-direction:column;gap:24px}.pricing__header{display:flex;flex-direction:column;gap:4px}.pricing__button{display:flex;flex-direction:column;gap:16px}.features{display:flex;flex-direction:column;gap:6px}.invisible{visibility:hidden}.separator{margin:12px 0}.features__header{font-weight:var(--font-weight-medium)}.plan__segment{max-width:fit-content}.annual-billing{display:flex;align-items:center;height:32px}.annual-billing p{font-size:var(--font-size-4);font-weight:var(--font-weight-medium);color:var(--text-muted);line-height:2.8}.features__list{display:flex;flex-direction:column;gap:8px}.feedback__container{display:flex;gap:1rem;padding:1rem;border-radius:.5rem;background-color:var(--color-bg-secondary);box-shadow:var(--shadow-stroked-md)}.feedback__author{display:flex;align-items:center;gap:.5rem}.feedback__items{display:flex;flex-direction:column;gap:2rem}.emoji__list{display:flex;gap:.25rem;align-items:center;margin-top:1rem}.form__container{margin:5rem auto 0;max-width:420px;padding:2rem;box-shadow:var(--shadow-stroked-lg);background:#fff;border-radius:.5rem}.login__separator{margin:.5rem 0}.input__wrappers{display:flex;flex-direction:column;gap:1.5rem}.password-container{width:100%;position:relative;display:flex;align-items:center}.password__toggle{position:absolute;top:6px;right:6px}.password__group{display:flex;flex-direction:column;gap:1rem}.password-rule{display:flex;align-items:center;gap:.25rem;font-size:.8rem}.validation-icon{height:1rem;width:1rem}.rule-group{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.codecraft__logo{margin:1rem auto 4rem;width:70%;height:auto}.main__cta{margin:1rem 0}.switch__mode,.link__mode{color:var(--text-muted);font-size:.875rem}.link__mode:hover{color:var(--text-secondary);font-size:.875rem}.password__strength{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.strength__container{position:absolute;top:-50%;z-index:100;right:0;display:flex;align-items:center;gap:4px}.strength-segment{width:16px;height:6px;border-radius:3px}.input-message__container{display:flex;align-items:center;gap:.25rem;margin-top:-1rem;transition:all .1s ease-out;opacity:0;z-index:5}.input-message__container--visible{display:flex;align-items:center;gap:.25rem;margin-top:0rem;transition:all .1s ease-out;opacity:1;z-index:5}.input-message__text{font-size:.8125rem;color:var(--text-secondary)}