@charset "UTF-8";.o-form-element{inline-size:100%}.o-form-element:has(.o-form-element__error){color:var(--semantic-foreground-error)}.o-form-element:has(.o-form-element__error) .m-input,.o-form-element:has(.o-form-element__error) textarea{--input-border-color: var(--semantic-border-error)}.o-form-element:has(.o-form-element__error) svg{flex-shrink:0}.o-form-element:is(fieldset):has(legend) legend+label,.o-form-element:is(fieldset):has(legend) :is(label):first-of-type{margin-top:var(--base-space-2)}.o-form-element__hint{color:var(--grey-dark)}.m-checkbox{--checkbox-size: 20px;position:relative;width:var(--checkbox-size);min-width:var(--checkbox-size);aspect-ratio:1/1;flex-shrink:0;border:1px solid var(--input-border-color);border-radius:var(--radius-small);cursor:pointer;appearance:none;background-color:transparent;transition:border-color .15s ease}.m-checkbox:before{--inset: 4px;content:"";position:absolute;left:50%;top:50%;translate:-50% -50%;width:calc(var(--checkbox-size) - var(--inset) * 2);height:calc(var(--checkbox-size) - var(--inset) * 2);transform:scale(0);background-color:var(--semantic-background-accent-active);border-radius:calc(var(--radius-small) - var(--inset) / 2)}.m-checkbox:not(:checked):hover{background-color:color-mix(in srgb,var(--semantic-background-fade-hover) 4%,transparent)}.m-checkbox:checked:before{transform:scale(1)}.m-checkbox:disabled{border-color:var(--semantic-border-interactive-disabled);cursor:not-allowed}.m-checkbox:disabled:checked:before{background-color:var(--semantic-border-interactive-disabled)}.m-checkbox[aria-invalid=true]:not(:checked):not(:disabled){border-color:var(--semantic-border-error)}.m-checkbox[aria-invalid=true]:not(:checked):not(:disabled):hover{border-color:var(--semantic-border-error)}.m-input,textarea{display:flex;align-items:center;border:1px solid var(--input-border-color);padding-left:var(--input-padding);gap:var(--input-padding);width:100%;padding-right:var(--input-padding);background-color:var(--semantic-background-default);border-radius:var(--interactive-element-border-radius);color:var(--semantic-foreground-default)}.m-input:has(>input),textarea:has(>input){height:var(--interactive-element-height)}.m-input *::-webkit-input-placeholder,textarea *::-webkit-input-placeholder{color:var(--grey-dark)}.m-input *::-moz-placeholder,textarea *::-moz-placeholder{color:var(--grey-dark);opacity:1}.m-input *:-ms-input-placeholder,textarea *:-ms-input-placeholder{color:var(--grey-dark)}.m-input *::placeholder,textarea *::placeholder{color:var(--grey-dark)}.m-input:focus-within,.m-input:is(textarea):focus-visible,textarea:focus-within,textarea:is(textarea):focus-visible{--input-border-color: var(--semantic-border-interactive);--input-box-shadow: var(--focus-ring);outline:none}.m-input input,textarea input{display:flex;align-items:center;flex:1;max-width:100%;padding:0;border:none;outline:none;background-color:var(--semantic-background-default);color:var(--semantic-foreground-default);font-family:Reddit Sans Regular;font-size:var(--text-body-2-font-size);line-height:var(--text-body-2-line-height);font-weight:var(--text-body-2-font-weight)}.m-input input::-webkit-outer-spin-button,.m-input input::-webkit-inner-spin-button,textarea input::-webkit-outer-spin-button,textarea input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.m-input input[type=number],textarea input[type=number]{-moz-appearance:textfield}.m-input svg,textarea svg{fill:currentColor}:root{--base-space-value: .25rem;--base-space-1: calc(var(--base-space-value) * 1);--base-space-2: calc(var(--base-space-value) * 2);--base-space-3: calc(var(--base-space-value) * 3);--base-space-4: calc(var(--base-space-value) * 4);--base-space-5: calc(var(--base-space-value) * 5);--base-space-6: calc(var(--base-space-value) * 6);--base-space-7: calc(var(--base-space-value) * 7);--base-space-8: calc(var(--base-space-value) * 8);--base-space-9: calc(var(--base-space-value) * 9);--base-space-10: calc(var(--base-space-value) * 10);--base-space-11: calc(var(--base-space-value) * 11);--base-space-12: calc(var(--base-space-value) * 12);--base-space-13: calc(var(--base-space-value) * 13);--base-space-14: calc(var(--base-space-value) * 14);--base-space-15: calc(var(--base-space-value) * 15);--base-space-16: calc(var(--base-space-value) * 16);--base-space-17: calc(var(--base-space-value) * 17);--base-space-18: calc(var(--base-space-value) * 18);--base-space-19: calc(var(--base-space-value) * 19);--base-space-20: calc(var(--base-space-value) * 20);--base-space-21: calc(var(--base-space-value) * 21);--base-space-22: calc(var(--base-space-value) * 22);--base-space-23: calc(var(--base-space-value) * 23);--base-space-24: calc(var(--base-space-value) * 24);--base-space-25: calc(var(--base-space-value) * 25);--base-space-26: calc(var(--base-space-value) * 26);--base-space-27: calc(var(--base-space-value) * 27);--base-space-28: calc(var(--base-space-value) * 28);--base-space-29: calc(var(--base-space-value) * 29);--base-space-30: calc(var(--base-space-value) * 30);--base-space-31: calc(var(--base-space-value) * 31);--base-space-32: calc(var(--base-space-value) * 32)}:root{--elevation-1: 0 2px 2px 0 rgba(100, 109, 130, .08), 0 1px 1px 0 rgba(100, 109, 130, .1);--elevation-2: 0 2px 4px 0 rgba(100, 109, 130, .14), 0 0 1px 0 rgba(100, 109, 130, .1);--elevation-3: 0 4px 10px 0 rgba(100, 109, 130, .14), 0 0 1px 0 rgba(100, 109, 130, .1);--elevation-4: 0 8px 14px 0 rgba(100, 109, 130, .16), 0 0 2px 0 rgba(100, 109, 130, .12);--elevation-5: 0 18px 20px 0 rgba(100, 109, 130, .16), 0 0 2px 0 rgba(100, 109, 130, .12)}:root{--core-blue-10: oklch(.97 .01 255);--core-blue-20: oklch(.93 .03 256);--core-blue-30: oklch(.88 .06 254);--core-blue-40: oklch(.81 .1 252);--core-blue-50: oklch(.71 .14 255);--core-blue-60: oklch(.62 .19 260);--core-blue-70: oklch(.55 .22 263);--core-blue-80: oklch(.42 .18 266);--core-blue-90: oklch(.38 .14 266);--core-clear-transparent-dark: oklch(.94 .04 194);--core-clear-transparent-dark-subtle: oklch(.94 .04 194);--core-clear-transparent-light: oklch(.39 .07 224);--core-clear-transparent-light-subtle: oklch(.39 .07 224);--core-crayola-yellow-10: oklch(.99 .02 97);--core-crayola-yellow-20: oklch(.98 .04 97);--core-crayola-yellow-30: oklch(.94 .1 98);--core-crayola-yellow-40: oklch(.92 .12 96);--core-crayola-yellow-50: oklch(.89 .14 96);--core-crayola-yellow-60: oklch(.9 .17 97);--core-crayola-yellow-70: oklch(.89 .16 96);--core-crayola-yellow-80: oklch(.86 .15 91);--core-crayola-yellow-90: oklch(.35 .07 96);--core-green-10: oklch(.98 .02 156);--core-green-20: oklch(.96 .04 157);--core-green-30: oklch(.93 .08 156);--core-green-40: oklch(.87 .14 154);--core-green-50: oklch(.8 .18 152);--core-green-60: oklch(.72 .19 150);--core-green-70: oklch(.63 .17 149);--core-green-80: oklch(.53 .14 150);--core-green-90: oklch(.45 .11 151);--core-lavender-10: oklch(.97 .01 281);--core-lavender-20: oklch(.95 .02 286);--core-lavender-30: oklch(.88 .05 284);--core-lavender-40: oklch(.84 .06 284);--core-lavender-50: oklch(.7 .12 282);--core-lavender-60: oklch(.62 .12 282);--core-lavender-70: oklch(.53 .12 281);--core-lavender-80: oklch(.44 .11 280);--core-lavender-90: oklch(.35 .11 279);--core-orange-10: oklch(.99 .02 95);--core-orange-20: oklch(.96 .06 96);--core-orange-30: oklch(.92 .12 96);--core-orange-40: oklch(.88 .15 92);--core-orange-50: oklch(.84 .16 84);--core-orange-60: oklch(.77 .16 70);--core-orange-70: oklch(.67 .16 58);--core-orange-80: oklch(.56 .15 49);--core-orange-90: oklch(.47 .12 46);--core-raspberry-red-10: oklch(.98 .01 357);--core-raspberry-red-20: oklch(.96 .02 357);--core-raspberry-red-30: oklch(.9 .05 5);--core-raspberry-red-40: oklch(.84 .09 8);--core-raspberry-red-50: oklch(.71 .19 8);--core-raspberry-red-60: oklch(.66 .24 10);--core-raspberry-red-70: oklch(.6 .24 11);--core-raspberry-red-80: oklch(.53 .21 13);--core-raspberry-red-90: oklch(.43 .17 8);--core-red-10: oklch(.97 .01 17);--core-red-20: oklch(.94 .03 18);--core-red-30: oklch(.88 .06 18);--core-red-40: oklch(.81 .1 20);--core-red-50: oklch(.71 .17 22);--core-red-60: oklch(.64 .21 25);--core-red-70: oklch(.58 .22 27);--core-red-80: oklch(.51 .19 28);--core-red-90: oklch(.44 .16 27);--core-rythm-grey-00: oklch(1 0 none);--core-rythm-grey-10: oklch(.98 0 248);--core-rythm-grey-20: oklch(.93 .01 286);--core-rythm-grey-30: oklch(.85 .02 286);--core-rythm-grey-40: oklch(.73 .03 287);--core-rythm-grey-50: oklch(.6 .05 285);--core-rythm-grey-60: oklch(.51 .05 285);--core-rythm-grey-70: oklch(.42 .04 284);--core-rythm-grey-80: oklch(.37 .04 284);--core-rythm-grey-90: oklch(.28 .03 284);--core-watery-green-10: oklch(.97 .02 197);--core-watery-green-20: oklch(.94 .04 194);--core-watery-green-30: oklch(.87 .07 195);--core-watery-green-40: oklch(.82 .1 194);--core-watery-green-50: oklch(.75 .13 199);--core-watery-green-60: oklch(.7 .12 203);--core-watery-green-70: oklch(.6 .1 211);--core-watery-green-80: oklch(.53 .09 218);--core-watery-green-90: oklch(.39 .07 224);--font-stack-monospace: "Fragment Mono", ui-monospace, "SFMono-Regular", "SF Mono", "Menlo", "Consolas", "Liberation Mono", monospace;--font-stack-sans-serif: "Reddit Sans";--font-stack-system: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Noto Sans", "Helvetica", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--semantic-background-accent: var(--core-watery-green-90);--semantic-background-accent-active: var(--core-watery-green-80);--semantic-background-accent-disabled: var(--core-rythm-grey-60);--semantic-background-accent-hover: var(--core-watery-green-80);--semantic-background-default: var(--core-rythm-grey-00);--semantic-background-default-alt: var(--core-rythm-grey-10);--semantic-background-error: var(--core-red-10);--semantic-background-fade: var(--core-clear-transparent-light);--semantic-background-fade-hover: var(--core-clear-transparent-light-subtle);--semantic-background-info: var(--core-blue-10);--semantic-background-subtle: var(--core-watery-green-10);--semantic-background-success: var(--core-green-10);--semantic-background-warning: var(--core-orange-10);--semantic-border-accent: var(--core-watery-green-40);--semantic-border-default: var(--core-rythm-grey-80);--semantic-border-error: var(--core-red-70);--semantic-border-info: var(--core-blue-70);--semantic-border-interactive: var(--core-watery-green-90);--semantic-border-interactive-active: var(--core-watery-green-80);--semantic-border-interactive-disabled: var(--core-rythm-grey-40);--semantic-border-interactive-hover: var(--core-watery-green-80);--semantic-border-subtle: var(--core-rythm-grey-30);--semantic-border-success: var(--core-green-70);--semantic-border-warning: var(--core-orange-70);--semantic-brand-complementary: var(--core-watery-green-80);--semantic-brand-primary: var(--core-watery-green-90);--semantic-brand-secondary: var(--core-watery-green-60);--semantic-foreground-alternative: var(--core-watery-green-60);--semantic-foreground-default: var(--core-rythm-grey-80);--semantic-foreground-default-invert: var(--core-rythm-grey-00);--semantic-foreground-disabled: var(--core-rythm-grey-40);--semantic-foreground-error: var(--core-red-70);--semantic-foreground-info: var(--core-blue-70);--semantic-foreground-interactive: var(--core-watery-green-90);--semantic-foreground-interactive-active: var(--core-watery-green-80);--semantic-foreground-interactive-disabled: var(--core-rythm-grey-40);--semantic-foreground-interactive-hover: var(--core-watery-green-80);--semantic-foreground-subtle: var(--core-rythm-grey-60);--semantic-foreground-success: var(--core-green-70);--semantic-foreground-warning: var(--core-orange-70);--text-body-1-font-family: var(--font-stack-sans-serif);--text-body-1-font-size: 1.125rem;--text-body-1-font-weight: 400;--text-body-1-line-height: 1.65;--text-body-2-font-family: var(--font-stack-sans-serif);--text-body-2-font-size: 1rem;--text-body-2-font-weight: 400;--text-body-2-line-height: 1.6;--text-caption-1-font-family: var(--font-stack-sans-serif);--text-caption-1-font-size: .875rem;--text-caption-1-font-weight: 500;--text-caption-1-line-height: 1.4;--text-caption-2-font-family: var(--font-stack-sans-serif);--text-caption-2-font-size: .75rem;--text-caption-2-font-weight: 400;--text-caption-2-line-height: 1.4;--text-code-font-family: var(--font-stack-monospace);--text-code-font-size: 1rem;--text-code-font-weight: 400;--text-code-line-height: 1.5;--text-heading-1-font-family: var(--font-stack-sans-serif);--text-heading-1-font-size: 3rem;--text-heading-1-font-weight: 500;--text-heading-1-line-height: 1.4;--text-heading-2-font-family: var(--font-stack-sans-serif);--text-heading-2-font-size: 2.5rem;--text-heading-2-font-weight: 500;--text-heading-2-line-height: 1.2;--text-heading-3-font-family: var(--font-stack-sans-serif);--text-heading-3-font-size: 2rem;--text-heading-3-font-weight: 500;--text-heading-3-line-height: 1.2;--text-heading-4-font-family: var(--font-stack-sans-serif);--text-heading-4-font-size: 1.5rem;--text-heading-4-font-weight: 600;--text-heading-4-line-height: 1.4;--text-heading-5-font-family: var(--font-stack-sans-serif);--text-heading-5-font-size: 1.25rem;--text-heading-5-font-weight: 700;--text-heading-5-line-height: 1.4;--text-heading-6-font-family: var(--font-stack-sans-serif);--text-heading-6-font-size: 1.125rem;--text-heading-6-font-weight: 700;--text-heading-6-line-height: 1.4;--text-subtitle-font-family: var(--font-stack-sans-serif);--text-subtitle-font-size: 1.25rem;--text-subtitle-font-weight: 400;--text-subtitle-line-height: 1.4;--text-surtitle-font-family: var(--font-stack-sans-serif);--text-surtitle-font-size: 1rem;--text-surtitle-font-weight: 400;--text-surtitle-line-height: 1.55;color-scheme:light dark}@media(prefers-color-scheme:light){:root{--semantic-background-accent: var(--core-watery-green-90);--semantic-background-accent-active: var(--core-watery-green-80);--semantic-background-accent-disabled: var(--core-rythm-grey-60);--semantic-background-accent-hover: var(--core-watery-green-80);--semantic-background-default: var(--core-rythm-grey-00);--semantic-background-default-alt: var(--core-rythm-grey-10);--semantic-background-error: var(--core-red-10);--semantic-background-fade: var(--core-clear-transparent-light);--semantic-background-fade-hover: var(--core-clear-transparent-light-subtle);--semantic-background-info: var(--core-blue-10);--semantic-background-subtle: var(--core-watery-green-10);--semantic-background-success: var(--core-green-10);--semantic-background-warning: var(--core-orange-10);--semantic-border-accent: var(--core-watery-green-40);--semantic-border-default: var(--core-rythm-grey-80);--semantic-border-error: var(--core-red-70);--semantic-border-info: var(--core-blue-70);--semantic-border-interactive: var(--core-watery-green-90);--semantic-border-interactive-active: var(--core-watery-green-80);--semantic-border-interactive-disabled: var(--core-rythm-grey-40);--semantic-border-interactive-hover: var(--core-watery-green-80);--semantic-border-subtle: var(--core-rythm-grey-30);--semantic-border-success: var(--core-green-70);--semantic-border-warning: var(--core-orange-70);--semantic-brand-complementary: var(--core-watery-green-80);--semantic-brand-primary: var(--core-watery-green-90);--semantic-brand-secondary: var(--core-watery-green-60);--semantic-foreground-alternative: var(--core-watery-green-60);--semantic-foreground-default: var(--core-rythm-grey-80);--semantic-foreground-default-invert: var(--core-rythm-grey-00);--semantic-foreground-disabled: var(--core-rythm-grey-40);--semantic-foreground-error: var(--core-red-70);--semantic-foreground-info: var(--core-blue-70);--semantic-foreground-interactive: var(--core-watery-green-90);--semantic-foreground-interactive-active: var(--core-watery-green-80);--semantic-foreground-interactive-disabled: var(--core-rythm-grey-40);--semantic-foreground-interactive-hover: var(--core-watery-green-80);--semantic-foreground-subtle: var(--core-rythm-grey-60);--semantic-foreground-success: var(--core-green-70);--semantic-foreground-warning: var(--core-orange-70);color-scheme:light}}@media(prefers-color-scheme:dark){:root{--semantic-background-accent: var(--core-watery-green-10);--semantic-background-accent-active: var(--core-rythm-grey-00);--semantic-background-accent-disabled: var(--core-rythm-grey-00);--semantic-background-accent-hover: var(--core-watery-green-20);--semantic-background-default: var(--core-rythm-grey-90);--semantic-background-default-alt: var(--core-rythm-grey-80);--semantic-background-error: var(--core-red-70);--semantic-background-fade: var(--core-clear-transparent-dark);--semantic-background-fade-hover: var(--core-clear-transparent-dark-subtle);--semantic-background-info: var(--core-blue-70);--semantic-background-subtle: var(--core-watery-green-90);--semantic-background-success: var(--core-green-70);--semantic-background-warning: var(--core-orange-70);--semantic-border-accent: var(--core-watery-green-40);--semantic-border-default: var(--core-rythm-grey-10);--semantic-border-error: var(--core-red-10);--semantic-border-info: var(--core-blue-10);--semantic-border-interactive: var(--core-watery-green-10);--semantic-border-interactive-active: var(--core-watery-green-20);--semantic-border-interactive-disabled: var(--core-rythm-grey-60);--semantic-border-interactive-hover: var(--core-watery-green-20);--semantic-border-subtle: var(--core-rythm-grey-60);--semantic-border-success: var(--core-green-10);--semantic-border-warning: var(--core-orange-10);--semantic-brand-complementary: var(--core-watery-green-60);--semantic-brand-primary: var(--core-rythm-grey-00);--semantic-brand-secondary: var(--core-watery-green-60);--semantic-foreground-alternative: var(--core-watery-green-60);--semantic-foreground-default: var(--core-rythm-grey-10);--semantic-foreground-default-invert: var(--core-rythm-grey-80);--semantic-foreground-disabled: var(--core-rythm-grey-60);--semantic-foreground-error: var(--core-red-10);--semantic-foreground-info: var(--core-blue-10);--semantic-foreground-interactive: var(--core-watery-green-10);--semantic-foreground-interactive-active: var(--core-watery-green-20);--semantic-foreground-interactive-disabled: var(--core-rythm-grey-60);--semantic-foreground-interactive-hover: var(--core-watery-green-20);--semantic-foreground-subtle: var(--core-rythm-grey-30);--semantic-foreground-success: var(--core-green-10);--semantic-foreground-warning: var(--core-orange-10);color-scheme:dark}}:root{--radius-small: .25rem;--radius-medium: .5rem;--radius-large: .75rem;--radius-circular: 999px;--header-height: clamp( var(--base-space-24), calc(3.8787878788px + 12.1212121212vw), var(--base-space-32) );--page-padding-x: var(--base-space-4);--interactive-element-height: var(--base-space-12);--interactive-element-height-large: var(--base-space-17);--interactive-element-height-small: var(--base-space-8);--interactive-element-border-radius: var(--radius-medium);--input-padding: var(--base-space-4);--input-border-color: var(--semantic-border-default);--input-border: 1px solid var(--input-border-color);--focus-ring: 0px 0px 0px 3px rgb(109, 109, 253);--layout-max-width: 90rem;--content-max-width: calc(var(--layout-max-width) - 2 * var(--base-space-24));--content-prose-max-width: calc(var(--layout-max-width) / 2);--section-padding-block: clamp( var(--base-space-9), calc(-67.6363636364px + 13.6363636364vw), var(--base-space-18) );--section-gap: clamp( var(--base-space-8), calc(-37.0909090909px + 9.0909090909vw), var(--base-space-14) );--logo-width: clamp(130px, -62.8787878788px + 25.3787878788vw, 197px);--logo-frontguys-brand: var(--semantic-brand-primary);--logo-frontguys-dot: var(--semantic-brand-secondary);--logo-frontguys-a11y: var(--semantic-brand-complementary);--media-aspect-ratio: 4 / 3;--card-photo-aspect-ratio: 16 / 9;--avatar-width: var(--base-space-22)}:root{--z-index-base: 10;--z-index-1: calc(1 * var(--z-index-base));--z-index-2: calc(2 * var(--z-index-base));--z-index-3: calc(3 * var(--z-index-base));--z-index-4: calc(4 * var(--z-index-base));--z-index-5: calc(5 * var(--z-index-base));--z-index-6: calc(6 * var(--z-index-base));--z-index-7: calc(7 * var(--z-index-base));--z-index-8: calc(8 * var(--z-index-base));--z-index-9: calc(9 * var(--z-index-base));--z-index-10: calc(10 * var(--z-index-base));--z-index-header: var(--z-index-1);--z-index-skip-links: calc(var(--z-index-header) + var(--z-index-base))}.m-select{position:relative;display:flex;align-items:center;border:1px solid var(--input-border-color);gap:var(--input-padding);color:var(--semantic-foreground-default);height:var(--interactive-element-height);border-radius:var(--interactive-element-border-radius);overflow:hidden}.m-select:focus-within{--input-border-color: var(--semantic-border-interactive);--input-box-shadow: var(--focus-ring);outline:none}.m-select select{appearance:none;width:100%;height:100%;padding-block:0;padding-left:var(--input-padding);padding-right:calc(var(--input-padding) + var(--base-space-4) + var(--input-padding));padding-bottom:2px;background-color:var(--semantic-background-default);border:none;outline:none;font-family:Reddit Sans Regular;font-size:var(--text-body-2-font-size);line-height:var(--text-body-2-line-height);font-weight:var(--text-body-2-font-weight);color:inherit}.m-select__icon{position:absolute;top:50%;transform:translateY(-50%);right:var(--base-space-2);pointer-events:none}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}