@import url(/assets/react-dates/lib/css/_datepicker.css);
@import url(/assets/react-dates/lib/css/_datepicker.css);
@import url(/assets/react-dates/lib/css/_datepicker.css);
/* line 1, app/assets/stylesheets/config/_variables.scss */
:root {
  --header-height: 56px;
  --site-width: 1380px;
  --su-05: 0.125rem;
  --su-1: 0.25rem;
  --su-2: 0.5rem;
  --su-3: 0.75rem;
  --su-4: 1rem;
  --su-5: 1.25rem;
  --su-6: 1.5rem;
  --su-7: 2rem;
  --su-8: 3rem;
  --su-9: 4rem;
  --su-10: 8rem;
  --radius: 0.375rem;
  --radius-large: 0.75rem;
  --radius-xl: 2rem;
  --radius-auto: Max(0px, Min(var(--radius), calc((100vw - 4px - 100%) * 9999))) /
    var(--radius);
  --radius-large-auto: Max(
      0px,
      Min(var(--radius-large), calc((100vw - 4px - 100%) * 9999))
    ) / var(--radius-large);
  --transition-func: cubic-bezier(0.17, 0.67, 0.5, 0.71);
  --transition-time: 100ms;
  --transition-props: var(--transition-func) var(--transition-time);
  --focus-ring: 0 0 0 2px var(--base-inverted), 0 0 0 4px var(--focus);
  --ff-sans-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
    'Segoe UI Symbol';
  --ff-monospace: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo,
    Courier, monospace;
  --ff-serif: Palatino, 'Palatino Linotype', 'Palatino LT STD', 'Book Antiqua',
    Georgia, serif;
  --ff-comic: 'Comic Sans MS', cursive, sans-serif;
  --ff-dyslexic: OpenDyslexic, sans-serif;
  --fs-2xs: 0.675rem;
  --fs-xs: 0.75rem;
  --fs-s: 0.875rem;
  --fs-base: 1rem;
  --fs-l: 1.125rem;
  --fs-xl: 1.25rem;
  --fs-2xl: 1.5rem;
  --fs-3xl: 1.875rem;
  --fs-4xl: 2.25rem;
  --fs-5xl: 3rem;
  --fw-normal: 400;
  --fw-medium: 500;
  --fw-bold: 700;
  --fw-heavy: 800;
  --lh-tight: 1.25;
  --lh-base: 1.5;
  --opacity-0: 0.00001;
  --opacity-25: 0.25;
  --opacity-50: 0.5;
  --opacity-75: 0.75;
  --opacity-100: 1;
  --z-negative: -1;
  --z-elevate: 1;
  --z-sticky: 100;
  --z-drawer: 200;
  --z-dropdown: 400;
  --z-modal: 500;
  --z-popover: 500;
  --white: 255, 255, 255;
  --black: 0, 0, 0;
  --grey-50: 250, 250, 250;
  --grey-100: 246, 246, 246;
  --grey-200: 229, 229, 229;
  --grey-300: 212, 212, 212;
  --grey-400: 163, 163, 163;
  --grey-500: 115, 115, 115;
  --grey-600: 82, 82, 82;
  --grey-700: 64, 64, 64;
  --grey-800: 38, 38, 38;
  --grey-900: 23, 23, 23;
  --red-50: 254, 242, 242;
  --red-100: 254, 226, 226;
  --red-200: 254, 202, 202;
  --red-300: 252, 165, 165;
  --red-400: 248, 113, 113;
  --red-500: 239, 68, 68;
  --red-600: 220, 38, 38;
  --red-700: 185, 28, 28;
  --red-800: 153, 27, 27;
  --red-900: 127, 29, 29;
  --yellow-50: 255, 251, 235;
  --yellow-100: 254, 243, 199;
  --yellow-200: 253, 230, 138;
  --yellow-300: 252, 211, 77;
  --yellow-400: 251, 191, 36;
  --yellow-500: 245, 158, 11;
  --yellow-600: 217, 119, 6;
  --yellow-700: 180, 83, 9;
  --yellow-800: 146, 64, 14;
  --yellow-900: 120, 53, 15;
  --green-50: 236, 253, 245;
  --green-100: 209, 250, 229;
  --green-200: 167, 243, 208;
  --green-300: 110, 231, 183;
  --green-400: 52, 211, 153;
  --green-500: 16, 185, 129;
  --green-600: 5, 150, 105;
  --green-700: 4, 120, 87;
  --green-800: 6, 95, 70;
  --green-900: 6, 78, 59;
  --indigo-50: 238, 242, 255;
  --indigo-100: 224, 231, 255;
  --indigo-200: 199, 210, 254;
  --indigo-300: 165, 180, 252;
  --indigo-400: 129, 140, 248;
  --indigo-500: 99, 102, 241;
  --indigo-600: 79, 70, 229;
  --indigo-700: 67, 56, 202;
  --indigo-800: 55, 48, 163;
  --indigo-900: 49, 46, 129;
  --accent-brand-lighter-rgb: var(--indigo-500);
  --accent-brand-rgb: var(--indigo-600);
  --accent-brand-darker-rgb: var(--indigo-700);
}

/* line 1, app/assets/stylesheets/config/_colors.css */
:root {
  /* Base */
  --base: #090909;
  --base-inverted: rgb(var(--white));
  --base-100: var(--base);
  --base-90: #242424;
  --base-80: #3d3d3d;
  --base-70: #575757;
  --base-60: #717171;
  --base-50: #8a8a8a;
  --base-40: #a3a3a3;
  --base-30: #bdbdbd;
  --base-20: #d6d6d7;
  --base-10: #efefef;
  --base-0: #f9f9f9;
  /* Brand */
  --accent-brand-lighter: rgb(var(--accent-brand-lighter-rgb));
  --accent-brand: rgb(var(--accent-brand-rgb));
  --accent-brand-darker: rgb(var(--accent-brand-darker-rgb));
  /* Success */
  --accent-success: rgb(var(--green-600));
  --accent-success-darker: rgb(var(--green-700));
  --accent-success-lighter: rgb(var(--green-500));
  --accent-success-a10: rgba(var(--green-600), 0.1);
  /* Warning */
  --accent-warning: rgb(var(--yellow-500));
  --accent-warning-darker: rgb(var(--yellow-600));
  --accent-warning-lighter: rgb(var(--yellow-400));
  --accent-warning-a10: rgba(var(--yellow-500), 0.1);
  /* Danger */
  --accent-danger: rgb(var(--red-600));
  --accent-danger-darker: rgb(var(--red-700));
  --accent-danger-lighter: rgb(var(--red-500));
  --accent-danger-a10: rgba(var(--red-600), 0.1);
  /***********************************************
  ** Functional color variables. *****************
  ***********************************************/
  /* Main colors */
  --body-bg: rgb(var(--grey-100));
  --body-color: rgb(var(--grey-900));
  --body-color-inverted: rgb(var(--white));
  /* Main content containers */
  --card-bg: rgb(var(--white));
  --card-color: rgb(var(--grey-900));
  --card-color-secondary: rgb(var(--grey-700));
  --card-color-tertiary: rgb(var(--grey-600));
  --card-secondary-bg: rgb(var(--grey-50));
  --card-tertiary-bg: rgb(var(--grey-100));
  --card-tertiary-bg-hover: rgba(var(--grey-200), 0.55);
  --card-secondary-color: rgb(var(--grey-700));
  --card-border: rgba(var(--grey-900), 0.1);
  --card-secondary-border: rgba(var(--grey-900), 0.033);
  /* Header */
  --header-bg: rgb(var(--white));
  --header-shadow: rgba(var(--black), 0.066);
  /* Footer */
  --footer-bg: rgb(var(--grey-200));
  --footer-color: rgb(var(--grey-700));
  /* Links */
  --link-bg-hover-alt: var(--base-inverted);
  --link-color-current: var(--base-100);
  --link-color-secondary: var(--base-60);
  --link-color-secondary-hover: var(--base-70);
  --link-bg-current: var(--base-inverted);
  /* Primary buttons */
  --button-primary-bg: var(--accent-brand);
  --button-primary-bg-hover: var(--accent-brand-darker);
  --button-primary-color: var(--base-0);
  --button-primary-color-hover: var(--base-0);
  /* -- Inverted */
  --button-primary-inverted-bg: var(--accent-brand);
  --button-primary-inverted-bg-hover: var(--accent-brand-darker);
  --button-primary-inverted-color: var(--base-0);
  --button-primary-inverted-color-hover: var(--base-0);
  /* Secondary buttons */
  --button-secondary-bg: var(--base-10);
  --button-secondary-bg-hover: var(--base-30);
  --button-secondary-color: var(--base-80);
  --button-secondary-color-hover: var(--base-100);
  /* Outlined buttons */
  --button-outlined-bg: transparent;
  --button-outlined-bg-hover: rgba(0, 0, 0, 0.035);
  --button-outlined-border: var(--base-20);
  --button-outlined-border-hover: var(--base-40);
  --button-outlined-color: var(--base-80);
  --button-outlined-color-hover: var(--base-100);
  /* Ghost buttons */
  --button-ghost-bg: transparent;
  --button-ghost-bg-hover: rgba(0, 0, 0, 0.035);
  --button-ghost-color: var(--base-80);
  --button-ghost-color-hover: var(--base-100);
  --button-ghost-dimmed-color: var(--base-60);
  --button-ghost-dimmed-color-hover: var(--base-100);
  /* -- Inverted */
  --button-ghost-inverted-bg: transparent;
  --button-ghost-inverted-bg-hover: rgba(255, 255, 255, 0.15);
  --button-ghost-inverted-color: var(--base-30);
  --button-ghost-inverted-color-hover: var(--base-10);
  --button-ghost-dimmed-inverted-color: var(--base-50);
  --button-ghost-dimmed-inverted-color-hover: var(--base-100);
  /* Forms */
  --form-bg: rgb(var(--white));
  --form-bg-focus: rgb(var(--white));
  --form-border: rgb(var(--grey-200));
  --form-border-hover: rgb(var(--grey-300));
  --form-border-focus: var(--focus);
  --form-placeholder-color: rgb(var(--grey-600));
  /* Form labels */
  --label-primary: rgb(var(--grey-900));
  --label-secondary: rgb(var(--grey-600));
  /* Snackbars */
  --snackbar-bg: rgb(var(--grey-900));
  --snackbar-color: rgb(var(--white));
  /* Tabs */
  --tab-color: rgb(var(--grey-700));
  --tab-color-hover: var(--accent-brand);
  --tab-color-current: rgb(var(--grey-900));
  --tab-bg-hover: rgba(var(--accent-brand-rgb), 0.1);
  --tab-bg-current: rgb(var(--accent-brand));
  /* Tags */
  --tag-color: rgb(var(--grey-700));
  --tag-color-hover: rgb(var(--grey-900));
  --tag-bg: rgba(var(--grey-900), 0.05);
  --tag-bg-hover: rgba(var(--grey-900), 0.05);
  --tag-prefix: rgba(var(--grey-900), 0.6);
  --tag-prefix-hover: rgb(var(--grey-900));
  --tag-onboarding-bg: var(--white);
  --tag-onboarding-border: var(--grey-200);
  /* Story */
  --story-comments-bg: rgb(var(--grey-50));
  --story-comments-bg-top: rgba(var(--grey-50), 0);
  --story-comments-bg-bottom: rgba(var(--grey-50), 1);
  /* Select icon */
  --select-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDE2TDYgMTBIMThMMTIgMTZaIiBmaWxsPSIjMDgwOTBBIi8+Cjwvc3ZnPg==);
  /* Icons */
  --close-icon: rgb(var(--grey-400));
  /* Reactions */
  --reaction-like-color: rgb(var(--red-600));
  --reaction-like-bg: rgba(var(--red-600), 0.1);
  --reaction-custom-color: rgb(var(--green-600));
  --reaction-custom-bg: rgb(var(--green-600), 0.1);
  --reaction-save-color: rgb(var(--indigo-600));
  --reaction-save-bg: rgba(var(--indigo-600), 0.1);
  --reaction-comment-color: rgb(var(--yellow-500));
  --reaction-comment-bg: rgba(var(--yellow-500), 0.1);
  /* Code */
  --code-inline-bg: rgb(var(--black), 0.1);
  /* Onboarding suggested people */
  --content-row-hover-bg: rgb(var(--grey-100));
}

/* line 178, app/assets/stylesheets/config/_colors.css */
:root {
  /*
  Separating some variables here as these are the results
  of broader Crayons refactoring (see #15311) and I did not
  want to mix everything together.
  */
  /***********************************************
  ** Buttons *************************************
  ***********************************************/
  /* Buttons: Default */
  --btn-bg: transparent;
  --btn-bg-hover: rgba(var(--accent-brand-rgb), 0.1);
  --btn-color: rgb(var(--grey-800));
  --btn-color-hover: var(--accent-brand-darker);
  --btn-current-bg: rgb(var(--grey-200));
  --btn-current-color: rgb(var(--grey-900));
  /* Buttons: Primary */
  --btn-primary-bg: var(--accent-brand);
  --btn-primary-bg-hover: var(--accent-brand-darker);
  --btn-primary-color: rgb(var(--white));
  --btn-primary-color-hover: rgb(var(--white));
  /* Buttons: Secondary */
  --btn-secondary-bg: rgba(var(--accent-brand-rgb), 0.1);
  --btn-secondary-bg-hover: var(--accent-brand);
  --btn-secondary-color: var(--accent-brand);
  --btn-secondary-color-hover: rgb(var(--white));
  /* Buttons: Destructive Default */
  --btn-destructive-bg: transparent;
  --btn-destructive-bg-hover: rgba(var(--red-600), 0.1);
  --btn-destructive-color: rgb(var(--red-700));
  --btn-destructive-color-hover: rgb(var(--red-800));
  /* Buttons: Destructive Primary */
  --btn-primary-destructive-bg: rgb(var(--red-600));
  --btn-primary-destructive-bg-hover: rgb(var(--red-700));
  --btn-primary-destructive-color: rgb(var(--white));
  --btn-primary-destructive-color-hover: rgb(var(--white));
  /***********************************************
  ** Links ***************************************
  ***********************************************/
  /* Links: Default */
  --link-bg: transparent;
  --link-bg-hover: rgba(var(--accent-brand-rgb), 0.1);
  --link-color: rgb(var(--grey-700));
  --link-color-hover: var(--accent-brand-darker);
  --link-current-bg: rgb(var(--grey-200));
  --link-current-color: rgb(var(--grey-900));
  /* Links: Branded */
  --link-branded-bg: transparent;
  --link-branded-bg-hover: rgba(var(--accent-brand-rgb), 0.1);
  --link-branded-color: var(--accent-brand);
  --link-branded-color-hover: var(--accent-brand-darker);
  /***********************************************
  ** CTAs ****************************************
  ***********************************************/
  /* CTAs: Default */
  --cta-bg: transparent;
  --cta-bg-hover: rgba(var(--accent-brand-rgb), 0.1);
  --cta-color: rgb(var(--grey-800));
  --cta-color-hover: var(--accent-brand-darker);
  --cta-border: rgb(var(--grey-600));
  --cta-border-hover: var(--accent-brand-darker);
  /* CTAs: Branded */
  --cta-branded-bg: transparent;
  --cta-branded-bg-hover: var(--accent-brand);
  --cta-branded-color: var(--accent-brand);
  --cta-branded-color-hover: rgb(var(--white));
  --cta-branded-border: var(--accent-brand);
  --cta-branded-border-hover: var(--accent-brand-darker);
  /***********************************************
  ** Tooltips ************************************
  ***********************************************/
  --tooltip-bg: rgba(var(--grey-900), 0.9);
  --tooltip-color: rgb(var(--white));
  /***********************************************
  ** Indicators **********************************
  ***********************************************/
  /* Indicators: Default */
  --indicator-bg: rgb(var(--grey-300));
  --indicator-color: rgb(var(--grey-700));
  /* Indicators: Subtle */
  --indicator-subtle-bg: rgb(var(--grey-200));
  --indicator-subtle-color: rgb(var(--grey-600));
  /* Indicators: Success */
  --indicator-success-bg: rgb(var(--green-400));
  --indicator-success-color: rgb(var(--green-900));
  /* Indicators: Warning */
  --indicator-warning-bg: rgb(var(--yellow-300));
  --indicator-warning-color: rgb(var(--yellow-900));
  /* Indicators: Danger */
  --indicator-danger-bg: rgb(var(--red-600));
  --indicator-danger-color: rgb(var(--white));
  /* Indicators: Info */
  --indicator-info-bg: var(--accent-brand);
  --indicator-info-color: rgb(var(--white));
  /***********************************************
  ** List items **********************************
  ***********************************************/
  --list-item-bg-hover: rgb(var(--grey-50));
  /***********************************************
  ** Checkbox ************************************
  ***********************************************/
  --checkbox-default-bg: rgb(var(--grey-50));
  /***********************************************
  ** Modals **************************************
  ***********************************************/
  --modal-bg: rgb(var(--white));
  --modal-backdrop: rgba(var(--black), 0.6);
  --modal-danger-border-color: rgb(var(--red-500));
  /***********************************************
  ** Colors **************************************
  ***********************************************/
  --color-primary: rgb(var(--grey-900));
  --color-secondary: rgb(var(--grey-500));
  /***********************************************
  ** Pills ***************************************
  ***********************************************/
  --pill-bg: transparent;
  --pill-bg-hover: rgb(var(--grey-50));
  --pill-color: rgb(var(--grey-800));
  --pill-color-hover: rgb(var(--grey-900));
  --pill-border: rgb(var(--grey-200));
  --pill-border-hover: rgb(var(--grey-600));
  /***********************************************
  ** ColorPicker *********************************
  ***********************************************/
  --swatch-border-color: rgb(var(--black), 0.2);
  /***********************************************
  ** Toggles *************************************
  ***********************************************/
  --toggle-rail-bg: rgb(var(--grey-200));
  --toggle-rail-checked-bg: rgb(var(--green-500));
  --toggle-knob-bg: rgb(var(--white));
  /***********************************************
  ** Date Pickers ********************************
  ***********************************************/
  --date-border-color: var( --base-10);
  --hover-date-border-color: var(--accent-brand);
  --selected-date-bg: var(--accent-brand);
  --selected-range-bg: rgb(var(--indigo-50));
  --selected-date-border: rgb(var(--indigo-100));
  --selected-date-color: var(--base-0);
  --selected-range-color: var(--body-color);
  --current-date-color: var(--accent-brand);
  /***********************************************
  ** Banners *************************************
  ***********************************************/
  --banner-bg: rgb(var(--grey-800));
  --banner-color: var(--white);
  --banner-accent: var(--accent-brand);
  /***********************************************
  ** Tag Moderation ******************************
  ***********************************************/
  /* Tag item */
  --tag-item-bg-hover: rgb(var(--indigo-50));
  /* Subtract */
  --subtract-color: rgb(var(--red-600));
  --subtract-color-hover: rgb(var(--white));
  --subtract-bg: rgba(var(--red-600), 0.2);
  --subtract-bg-hover: rgba(var(--red-600));
  /* Plus */
  --plus-color: rgb(var(--green-800));
  --plus-color-hover: rgb(var(--white));
  --plus-bg: rgb(var(--green-100));
  --plus-bg-hover: rgb(var(--green-600));
  /* Tag name */
  --tag-hash: rgb(var(--grey-500));
  --tag-name: rgb(var(--grey-800));
  --add-tag-hash: rgb(var(--grey-700));
  /***********************************************
  ** Utilities ***********************************
  ***********************************************/
  /* Focus */
  --focus: var(--accent-brand);
  /* Divider */
  --divider: rgb(var(--grey-200));
  /* Shadows */
  --shadow-1: 0 10px 15px -3px rgba(var(--black), 0.1),
    0 4px 6px -2px rgba(var(--black), 0.05), 0 0 0 1px rgba(var(--black), 0.1);
  --shadow-2: 0 20px 25px -5px rgba(var(--black), 0.1),
    0 10px 10px -5px rgba(var(--black), 0.05), 0 0 0 1px rgba(var(--black), 0.1);
  --shadow-smooth: 0px 8px 16px rgba(0, 0, 0, 0.05);
}

/* line 1, app/assets/stylesheets/base/reset.scss */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* line 8, app/assets/stylesheets/base/reset.scss */
ul[class],
ol[class] {
  padding: 0;
}

/* line 13, app/assets/stylesheets/base/reset.scss */
html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
}

/* line 19, app/assets/stylesheets/base/reset.scss */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd,
pre {
  margin: 0;
}

/* line 38, app/assets/stylesheets/base/reset.scss */
body {
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* line 45, app/assets/stylesheets/base/reset.scss */
main {
  display: block;
}

/* line 50, app/assets/stylesheets/base/reset.scss */
ul[class],
ol[class] {
  list-style: none;
}

/* line 55, app/assets/stylesheets/base/reset.scss */
pre,
code,
kbd,
samp {
  font-family: var(--ff-monospace);
  font-size: 1em;
}

/* line 64, app/assets/stylesheets/base/reset.scss */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.5;
  margin: 0;
}

/* line 76, app/assets/stylesheets/base/reset.scss */
textarea,
input:not([type='hidden']),
button {
  outline: 0;
}

/* line 83, app/assets/stylesheets/base/reset.scss */
button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
  cursor: pointer;
}

/* line 92, app/assets/stylesheets/base/reset.scss */
fieldset {
  margin: 0;
  padding: 0;
  border: none;
}

/* line 99, app/assets/stylesheets/base/reset.scss */
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/* line 107, app/assets/stylesheets/base/reset.scss */
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/* line 115, app/assets/stylesheets/base/reset.scss */
b,
strong {
  font-weight: bolder;
}

/* line 121, app/assets/stylesheets/base/reset.scss */
small {
  font-size: 80%;
}

/* line 126, app/assets/stylesheets/base/reset.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 134, app/assets/stylesheets/base/reset.scss */
sub {
  bottom: -0.25em;
}

/* line 138, app/assets/stylesheets/base/reset.scss */
sup {
  top: -0.5em;
}

@media (prefers-reduced-motion: reduce) {
  /* line 144, app/assets/stylesheets/base/reset.scss */
  *,
::before,
::after {
    animation-delay: -1ms !important;
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    background-attachment: initial !important;
    scroll-behavior: auto !important;
    transition-delay: 0s !important;
    transition-duration: 0.001s !important;
  }
}

/* line 3, app/assets/stylesheets/base/main.scss */
body {
  background: var(--body-bg);
  color: var(--body-color);
  font-family: var(--ff-sans-serif);
  padding: 0;
  margin: 0;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* line 14, app/assets/stylesheets/base/main.scss */
body.hidden-shell {
  padding-top: 0 !important;
}

/* line 17, app/assets/stylesheets/base/main.scss */
body.hidden-shell .crayons-header,
body.hidden-shell .crayons-footer {
  display: none;
}

/* line 21, app/assets/stylesheets/base/main.scss */
body.hidden-shell .hidden-shell-innerhidden {
  display: none;
}

/* line 29, app/assets/stylesheets/base/main.scss */
body.user-tags-followed-0 #sidebar-nav-followed-tags, body.user-tags-followed-1 #sidebar-nav-followed-tags, body.user-tags-followed-2 #sidebar-nav-followed-tags {
  height: 90px;
}

/* line 36, app/assets/stylesheets/base/main.scss */
body.user-tags-followed-3 #sidebar-nav-followed-tags, body.user-tags-followed-4 #sidebar-nav-followed-tags, body.user-tags-followed-5 #sidebar-nav-followed-tags {
  height: 205px;
}

/* line 41, app/assets/stylesheets/base/main.scss */
body.user-tags-followed-max #sidebar-nav-followed-tags {
  height: 42vh;
}

/* line 46, app/assets/stylesheets/base/main.scss */
body.default-header {
  padding-top: var(--header-height);
  min-height: calc(100vh - var(--header-height));
}

/* line 51, app/assets/stylesheets/base/main.scss */
body #main-content {
  scroll-margin-top: var(--header-height);
}

/* line 56, app/assets/stylesheets/base/main.scss */
.wrapper {
  flex: 1 auto;
  visibility: visible;
  font-size: 18px;
}

/* line 62, app/assets/stylesheets/base/main.scss */
a {
  color: var(--link-branded-color);
  text-decoration: none;
}

/* line 68, app/assets/stylesheets/base/main.scss */
.site-logo {
  max-width: var(--max-width, 125px);
  font-size: var(--font-size, var(--fs-base));
  font-weight: var(--font-weight, var(--fw-medium));
  display: inline-flex;
  flex-shrink: 0;
  align-self: center;
  align-items: center;
  vertical-align: middle;
  color: var(--base-100);
  text-decoration: none;
  letter-spacing: -0.02em;
  line-height: 1;
  outline: 0;
  overflow-wrap: break-word;
  overflow-wrap: anywhere;
}

/* line 88, app/assets/stylesheets/base/main.scss */
.site-logo__img,
.site-logo svg {
  max-width: 100%;
  width: auto;
  height: calc( var(--header-height) - var(--su-2) * 2);
  object-fit: contain;
  vertical-align: middle;
  display: inline-block;
  outline: 0;
}

@media (min-width: 640px) {
  /* line 68, app/assets/stylesheets/base/main.scss */
  .site-logo {
    --max-width: 150px;
  }
}

@media (min-width: 768px) {
  /* line 68, app/assets/stylesheets/base/main.scss */
  .site-logo {
    --max-width: 175px;
    --font-size: var(--fs-l);
    --font-weight: var(--fw-bold);
  }
}

@media (min-width: 1024px) {
  /* line 68, app/assets/stylesheets/base/main.scss */
  .site-logo {
    --max-width: 200px;
    --font-size: var(--fs-xl);
  }
}

/* line 116, app/assets/stylesheets/base/main.scss */
.site-logo:hover, .js-focus-visible .site-logo.focus-visible:focus {
  color: var(--base-80);
  text-decoration: underline;
}

/* line 122, app/assets/stylesheets/base/main.scss */
.js-focus-visible .site-logo.focus-visible:focus {
  box-shadow: var(--focus-ring);
}

/* line 1, app/assets/stylesheets/base/helpers.scss */
.truncate-at-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* line 8, app/assets/stylesheets/base/helpers.scss */
.truncate-at-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

/* line 15, app/assets/stylesheets/base/helpers.scss */
.branded-2 {
  border-top: var(--su-2) solid var(--accent-brand);
}

/* line 19, app/assets/stylesheets/base/helpers.scss */
.branded-3 {
  border-top: var(--su-3) solid var(--accent-brand);
}

/* line 23, app/assets/stylesheets/base/helpers.scss */
.branded-4 {
  border-top: var(--su-4) solid var(--accent-brand);
}

/* line 27, app/assets/stylesheets/base/helpers.scss */
.branded-5 {
  border-top: var(--su-5) solid var(--accent-brand);
}

/* line 31, app/assets/stylesheets/base/helpers.scss */
.branded-6 {
  border-top: var(--su-6) solid var(--accent-brand);
}

/* line 35, app/assets/stylesheets/base/helpers.scss */
.branded-7 {
  border-top: var(--su-7) solid var(--accent-brand);
}

/* line 39, app/assets/stylesheets/base/helpers.scss */
.top-margin-4 {
  margin-top: var(--su-4);
}

/* line 43, app/assets/stylesheets/base/helpers.scss */
.screen-reader-only {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

@media print {
  /* line 53, app/assets/stylesheets/base/helpers.scss */
  .print-hidden {
    display: none;
  }
}

/* line 1, app/assets/stylesheets/base/icons.scss */
.crayons-icon {
  vertical-align: bottom;
  -moz-transform: rotate(360deg);
}

/* line 9, app/assets/stylesheets/base/icons.scss */
.crayons-icon:not(.crayons-icon--default), .crayons-icon:not(.crayons-icon--default) * {
  fill: currentColor;
}

/* line 3, app/assets/stylesheets/base/layout.scss */
:root {
  --layout-sidebar-left-display: block;
  --layout-sidebar-right-display: block;
  --layout-sidebar-left-width: 100%;
  --layout-sidebar-right-width: 100%;
  --layout-sidebar-left-row-end: initial;
  --layout-content-width: 100%;
  --layout-drawer-width: 300px;
  --layout-gap: var(--su-2);
  --layout-padding: 0;
  --layout: 100%;
}

@media (min-width: 768px) {
  /* line 3, app/assets/stylesheets/base/layout.scss */
  :root {
    --layout-sidebar-left-width: 2fr;
    --layout-padding: var(--su-2);
    --layout: var(--layout-content-width);
  }
}

@media (min-width: 1024px) {
  /* line 3, app/assets/stylesheets/base/layout.scss */
  :root {
    --layout-sidebar-left-width: 240px;
    --layout-content-width: 1fr;
    --layout-gap: var(--su-4);
    --layout-padding: var(--su-4);
  }
}

/* line 29, app/assets/stylesheets/base/layout.scss */
.crayons-layout {
  font-size: var(--fs-base);
  width: 100%;
  max-width: var(--site-width);
  margin: 0 auto;
  display: grid;
  gap: var(--layout-gap);
  grid-template-columns: var(--layout);
  padding: var(--layout-padding);
}

/* line 39, app/assets/stylesheets/base/layout.scss */
.crayons-layout__sidebar-left {
  display: var(--layout-sidebar-left-display);
  grid-row-end: var(--layout-sidebar-left-row-end);
  width: var(--layout-sidebar-left-width);
}

/* line 45, app/assets/stylesheets/base/layout.scss */
.crayons-layout__sidebar-right {
  display: var(--layout-sidebar-right-display);
  width: var(--layout-sidebar-right-width);
}

/* line 50, app/assets/stylesheets/base/layout.scss */
.crayons-layout__content {
  min-width: 0;
}

/* line 58, app/assets/stylesheets/base/layout.scss */
.crayons-layout__content__inner {
  margin: 0 auto;
  width: 100%;
}

/* line 63, app/assets/stylesheets/base/layout.scss */
.crayons-layout--limited-xl {
  --site-width: 1280px;
}

/* line 67, app/assets/stylesheets/base/layout.scss */
.crayons-layout--limited-l {
  --site-width: 1024px;
}

/* line 71, app/assets/stylesheets/base/layout.scss */
.crayons-layout--limited-m {
  --site-width: 768px;
}

/* line 75, app/assets/stylesheets/base/layout.scss */
.crayons-layout--limited-s {
  --site-width: 640px;
}

/* line 79, app/assets/stylesheets/base/layout.scss */
.crayons-layout--limited-xs {
  --site-width: 480px;
}

/* line 84, app/assets/stylesheets/base/layout.scss */
.crayons-layout--limited-inner-l .crayons-layout__content__inner {
  max-width: 1024px;
}

/* line 90, app/assets/stylesheets/base/layout.scss */
.crayons-layout--limited-inner-m .crayons-layout__content__inner {
  max-width: 768px;
}

/* line 96, app/assets/stylesheets/base/layout.scss */
.crayons-layout--limited-inner-s .crayons-layout__content__inner {
  max-width: 640px;
}

@media (min-width: 768px) {
  /* line 102, app/assets/stylesheets/base/layout.scss */
  .crayons-layout--2-cols {
    --layout: var(--layout-sidebar-left-width) var(--layout-content-width);
    --layout-content-width: 5fr;
  }
}

@media (min-width: 1024px) {
  /* line 102, app/assets/stylesheets/base/layout.scss */
  .crayons-layout--2-cols {
    --layout-sidebar-left-width: 240px;
    --layout-content-width: 1fr;
    --layout-gap: var(--su-4);
  }
}

/* line 115, app/assets/stylesheets/base/layout.scss */
.crayons-layout--2-cols.crayons-layout--limited-inner .crayons-layout__content__inner {
  max-width: 768px;
  margin: 0 auto;
  width: 100%;
}

/* line 123, app/assets/stylesheets/base/layout.scss */
.crayons-layout--2-cols--inverted .crayons-layout__sidebar-right {
  order: -1;
}

@media (min-width: 768px) {
  /* line 122, app/assets/stylesheets/base/layout.scss */
  .crayons-layout--2-cols--inverted {
    --layout: var(--layout-content-width) var(--layout-sidebar-left-width);
  }
  /* line 128, app/assets/stylesheets/base/layout.scss */
  .crayons-layout--2-cols--inverted .crayons-layout__sidebar-right {
    order: 1;
  }
}

@media (min-width: 1024px) {
  /* line 134, app/assets/stylesheets/base/layout.scss */
  .crayons-layout--2-cols--1-2 {
    --layout-sidebar-left-width: 1fr;
    --layout-content-width: 2fr;
  }
}

@media (min-width: 768px) {
  /* line 142, app/assets/stylesheets/base/layout.scss */
  .crayons-layout--3-cols {
    --layout: var(--layout-sidebar-left-width) var(--layout-content-width);
    --layout-sidebar-left-row-end: span 2;
    --layout-sidebar-left-width: 2fr;
    --layout-sidebar-right-width: 5fr;
    --layout-content-width: 5fr;
  }
}

@media (min-width: 1024px) {
  /* line 142, app/assets/stylesheets/base/layout.scss */
  .crayons-layout--3-cols {
    --layout-sidebar-left-width: 240px;
    --layout-sidebar-right-width: 1fr;
    --layout-sidebar-left-row-end: initial;
    --layout-content-width: 2fr;
    --layout: var(--layout-sidebar-left-width) var(--layout-content-width)
      var(--layout-sidebar-right-width);
  }
}

/* line 160, app/assets/stylesheets/base/layout.scss */
.crayons-layout--3-cols--drop-right-left {
  --layout-sidebar-left-display: none;
  --layout-sidebar-right-display: none;
  --layout-sidebar-left-width: var(--layout-drawer-width);
  --layout-sidebar-right-width: var(--layout-drawer-width);
}

@media (min-width: 768px) {
  /* line 160, app/assets/stylesheets/base/layout.scss */
  .crayons-layout--3-cols--drop-right-left {
    --layout-sidebar-left-width: 2fr;
    --layout-sidebar-left-row-end: initial;
    --layout-sidebar-left-display: block;
  }
}

@media (min-width: 1024px) {
  /* line 160, app/assets/stylesheets/base/layout.scss */
  .crayons-layout--3-cols--drop-right-left {
    --layout-sidebar-right-display: block;
    --layout-sidebar-right-width: 1fr;
    --layout-sidebar-left-width: 240px;
  }
}

/* line 180, app/assets/stylesheets/base/layout.scss */
.crayons-layout--article {
  --layout-gap: 0;
}

@media (min-width: 768px) {
  /* line 180, app/assets/stylesheets/base/layout.scss */
  .crayons-layout--article {
    --layout-gap: var(--su-2);
    --layout-sidebar-left-width: var(--su-9);
    --layout: var(--layout-sidebar-left-width) 1fr;
    --layout-sidebar-left-row-end: span 2;
  }
}

@media (min-width: 1024px) {
  /* line 180, app/assets/stylesheets/base/layout.scss */
  .crayons-layout--article {
    --layout-gap: var(--su-4);
    --layout-sidebar-right-width: 3fr;
    --layout-sidebar-left-row-end: initial;
    --layout-content-width: 7fr;
    --layout: var(--layout-sidebar-left-width) var(--layout-content-width)
      var(--layout-sidebar-right-width);
  }
}

@media (min-width: 1024px) {
  /* line 201, app/assets/stylesheets/base/layout.scss */
  .crayons-layout--admin-2-cols {
    --layout: var(--layout-sidebar-left-width) var(--layout-content-width);
    --layout-sidebar-left-width: 240px;
    --layout-content-width: 1fr;
    --layout-gap: var(--su-4);
  }
}

/* line 213, app/assets/stylesheets/base/layout.scss */
.crayons-layout__sidebar-left .sidebar-bg,
.crayons-layout__sidebar-right .sidebar-bg {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  animation: fade-in var(--transition-props);
  display: none;
}

/* line 225, app/assets/stylesheets/base/layout.scss */
.crayons-layout__sidebar-left.swiped-in,
.crayons-layout__sidebar-right.swiped-in {
  z-index: var(--z-drawer);
  display: block;
  position: fixed;
  top: 0;
  bottom: 0;
  -webkit-overflow-scrolling: touch;
}

/* line 233, app/assets/stylesheets/base/layout.scss */
.crayons-layout__sidebar-left.swiped-in .sidebar-bg,
.crayons-layout__sidebar-right.swiped-in .sidebar-bg {
  display: block;
}

/* line 237, app/assets/stylesheets/base/layout.scss */
.crayons-layout__sidebar-left.swiped-in .side-bar,
.crayons-layout__sidebar-right.swiped-in .side-bar {
  position: relative;
  background: var(--body-bg);
  padding: 16px;
  align-content: start;
  height: 100%;
  overflow-y: auto;
}

/* line 249, app/assets/stylesheets/base/layout.scss */
.crayons-layout__sidebar-left.swiped-in {
  left: 0;
}

/* line 254, app/assets/stylesheets/base/layout.scss */
.crayons-layout__sidebar-right.swiped-in {
  right: 0;
}

/* line 261, app/assets/stylesheets/base/layout.scss */
.zen-mode {
  --site-width: 1024px;
  --header-height: 0;
}

/* line 264, app/assets/stylesheets/base/layout.scss */
.zen-mode .crayons-layout--3-cols {
  --layout: var(--layout-sidebar-left-width) 1fr;
}

@media (min-width: 768px) {
  /* line 264, app/assets/stylesheets/base/layout.scss */
  .zen-mode .crayons-layout--3-cols {
    --layout: var(--layout-sidebar-left-width) 1fr;
  }
}

/* line 270, app/assets/stylesheets/base/layout.scss */
.zen-mode .crayons-header,
.zen-mode .crayons-footer,
.zen-mode .crayons-article-sticky,
.zen-mode .crayons-layout__sidebar-right {
  display: none;
}

/* line 280, app/assets/stylesheets/base/layout.scss */
:root {
  --content-padding-x: var(--su-3);
  --content-padding-y: var(--su-3);
}

@media (min-width: 640px) {
  /* line 280, app/assets/stylesheets/base/layout.scss */
  :root {
    --content-padding-x: var(--su-5);
    --content-padding-y: var(--su-5);
  }
}

@media (min-width: 768px) {
  /* line 280, app/assets/stylesheets/base/layout.scss */
  :root {
    --content-padding-x: var(--su-8);
    --content-padding-y: var(--su-7);
  }
}

@media (min-width: 1024px) {
  /* line 280, app/assets/stylesheets/base/layout.scss */
  :root {
    --content-padding-x: var(--su-9);
  }
}

/* line 299, app/assets/stylesheets/base/layout.scss */
.text-padding {
  padding: var(--content-padding-y) var(--content-padding-x);
}

/* line 303, app/assets/stylesheets/base/layout.scss */
.crayons-page-header {
  --layout-padding: var(--su-3);
  padding: var(--layout-padding);
  max-width: var(--site-width);
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (min-width: 1024px) {
  /* line 303, app/assets/stylesheets/base/layout.scss */
  .crayons-page-header {
    --layout-padding: var(--su-4);
  }
}

@media (min-width: 768px) {
  /* line 303, app/assets/stylesheets/base/layout.scss */
  .crayons-page-header {
    min-height: unset;
  }
}

/* line 323, app/assets/stylesheets/base/layout.scss */
.crayons-layout--header-inside {
  --header-span: 1 / span 1;
  grid-template-rows: min-content 1fr;
  row-gap: 0;
}

/* line 325, app/assets/stylesheets/base/layout.scss */
.crayons-layout--header-inside.crayons-layout--2-cols {
  --header-span: 1 / span 2;
}

@media (min-width: 768px) {
  /* line 323, app/assets/stylesheets/base/layout.scss */
  .crayons-layout--header-inside {
    row-gap: var(--layout-gap);
  }
  /* line 334, app/assets/stylesheets/base/layout.scss */
  .crayons-layout--header-inside .crayons-page-header {
    --layout-padding: 0;
    grid-column: var(--header-span);
  }
}

@media (min-width: 768px) {
  /* line 344, app/assets/stylesheets/base/layout.scss */
  body[data-side-nav-visible='true'] .crayons-side-nav {
    display: block;
    /* Show sidebar on larger screens */
  }
}

@media (min-width: 768px) {
  /* line 349, app/assets/stylesheets/base/layout.scss */
  body[data-side-nav-visible='true'] .crayons-layout, body[data-side-nav-visible='true'] .crayons-header__container {
    max-width: calc(var(--site-width) - 50px);
    width: calc(100% - 50px);
    margin-left: 50px;
    /* Adjust this value to match the sidebar width */
  }
}

@media (min-width: 1024px) {
  /* line 356, app/assets/stylesheets/base/layout.scss */
  body[data-side-nav-visible='true'] .crayons-layout.crayons-layout--limited-l, body[data-side-nav-visible='true'] .crayons-header__container.crayons-layout--limited-l {
    margin-left: auto;
  }
}

@media (min-width: 1460px) {
  /* line 349, app/assets/stylesheets/base/layout.scss */
  body[data-side-nav-visible='true'] .crayons-layout, body[data-side-nav-visible='true'] .crayons-header__container {
    max-width: var(--site-width);
    width: 100%;
    margin-left: auto;
    /* Reset margin on larger screens */
    transform: translateX(20px);
  }
}

@media (min-width: 768px) {
  /* line 367, app/assets/stylesheets/base/layout.scss */
  body[data-side-nav-visible='true'] .crayons-layout--full {
    max-width: calc(2000px - 100px);
    width: calc(100% - 100px);
    margin-left: 50px;
  }
}

/* line 376, app/assets/stylesheets/base/layout.scss */
.crayons-side-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 50px;
  /* Adjust width as needed */
  height: 100vh;
  /* Full height */
  background-color: var(--base-0);
  /* Light background color */
  border-right: 1px solid var(--base-10);
  /* Optional border for separation */
  z-index: 1000;
  /* Ensure it stays above other content */
  display: none;
  /* Initially hidden */
}

/* line 386, app/assets/stylesheets/base/layout.scss */
.crayons-side-nav img {
  max-width: 100%;
  /* Ensure images are responsive */
  height: auto;
  /* Maintain aspect ratio */
  border-radius: 8px;
  /* Optional: rounded corners for images */
  aspect-ratio: 1 / 1;
  /* Maintain square aspect ratio */
  border: 1px solid var(--base-30);
  /* Optional border for images */
}

/* line 393, app/assets/stylesheets/base/layout.scss */
.crayons-side-nav a.crayons-side-nav-link {
  display: block;
  /* Make links block-level for easier clicking */
  padding: 5px 4px;
  /* Space between links */
  text-align: center;
  /* Center align images */
  line-height: 0;
  overflow: visible;
}

/* line 399, app/assets/stylesheets/base/layout.scss */
.crayons-side-nav a.crayons-side-nav-link:first-child {
  padding-top: 7px;
  /* Add space above the first link */
  padding-bottom: 8px;
  /* Add space below the first link */
  box-shadow: 0 1px 1px var(--header-shadow);
}

/* line 404, app/assets/stylesheets/base/layout.scss */
.crayons-side-nav a.crayons-side-nav-link:hover {
  background-color: var(--base-10);
  /* Change background on hover */
}

/* line 407, app/assets/stylesheets/base/layout.scss */
.crayons-side-nav a.crayons-side-nav-link.active {
  background-color: var(--base-20);
  /* Highlight active link */
}

/* line 412, app/assets/stylesheets/base/layout.scss */
.crayons-side-nav .crayons-side-nav__item {
  position: relative;
  overflow: visible;
  z-index: 1001;
  /* Ensure it appears above other content */
}

/* line 416, app/assets/stylesheets/base/layout.scss */
.crayons-side-nav .crayons-side-nav__item .profile-preview-card__content {
  overflow: hidden;
}

/* line 418, app/assets/stylesheets/base/layout.scss */
.crayons-side-nav .crayons-side-nav__item .profile-preview-card__content--list {
  top: 0px !important;
  height: calc(100vh - 10px);
  padding: 0;
  overflow-y: auto;
}

/* line 423, app/assets/stylesheets/base/layout.scss */
.crayons-side-nav .crayons-side-nav__item .profile-preview-card__content--list .crayons-card__header {
  padding: var(--su-1) var(--su-4);
}

/* line 426, app/assets/stylesheets/base/layout.scss */
.crayons-side-nav .crayons-side-nav__item .profile-preview-card__content--list .crayons-link {
  line-height: 1.3em;
}

/* line 428, app/assets/stylesheets/base/layout.scss */
.crayons-side-nav .crayons-side-nav__item .profile-preview-card__content--list .crayons-link:hover {
  background-color: var(--base-10);
}

/* line 431, app/assets/stylesheets/base/layout.scss */
.crayons-side-nav .crayons-side-nav__item .profile-preview-card__content--list .crayons-link .crayons-side-nav__item-icon {
  height: 30px;
  width: 30px;
  margin-right: 8px;
}

/* line 436, app/assets/stylesheets/base/layout.scss */
.crayons-side-nav .crayons-side-nav__item .profile-preview-card__content--list .crayons-link .crayons-side-nav__item-cover {
  border-radius: 2px;
  border: 0;
}

/* line 441, app/assets/stylesheets/base/layout.scss */
.crayons-side-nav .crayons-side-nav__item .profile-preview-card__content--list .crayons-side-nav__item-text {
  font-weight: 600;
}

/* line 445, app/assets/stylesheets/base/layout.scss */
.crayons-side-nav .crayons-side-nav__item .profile-preview-card__content .crayons-side-nav__item-cover--main {
  border-radius: 0px;
  width: calc(100% + 32px);
  max-width: calc(100% + 32px);
  margin-left: -16px;
}

/* line 452, app/assets/stylesheets/base/layout.scss */
.crayons-side-nav .crayons-side-nav__item.hovered {
  z-index: 2000;
  /* Ensure it appears above other content */
}

/* line 454, app/assets/stylesheets/base/layout.scss */
.crayons-side-nav .crayons-side-nav__item.hovered .profile-preview-card__content {
  position: absolute;
  display: block;
  /* Show sidebar when hovered */
  left: 48px;
  top: -30px;
  width: 290px;
  z-index: 2000;
  /* Ensure it appears above other content */
  border-top: 0px;
}

/* line 462, app/assets/stylesheets/base/layout.scss */
.crayons-side-nav .crayons-side-nav__item.hovered .profile-preview-card__content.profile-preview-card__upsidedown {
  top: auto;
  bottom: -30px;
}

/* line 466, app/assets/stylesheets/base/layout.scss */
.crayons-side-nav .crayons-side-nav__item.hovered .profile-preview-card__content h3 a {
  color: var(--base-100);
}

/* line 472, app/assets/stylesheets/base/layout.scss */
.crayons-side-nav .crayons-side-nav__item.not-hovered .profile-preview-card__content {
  display: none;
  /* Hide sidebar when not hovered */
}

/* line 476, app/assets/stylesheets/base/layout.scss */
.crayons-side-nav .crayons-side-nav__item--menu {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 8px 0;
  border-top: 1px solid var(--base-20);
  z-index: 1999;
  background-color: var(--base-0);
  cursor: pointer;
}

/* line 486, app/assets/stylesheets/base/layout.scss */
.crayons-side-nav .crayons-side-nav__item--menu svg {
  width: 100%;
}

/**
*
* Makes working with themeable CSS variables easier.
*
* $property: the CSS property to theme.
* $cssVariable: The CSS variable that will store the themed value.
* $fallback: The value to use as a fallback but as well for the CSS variable default value.
*/
/* Mixin for a load more wrapper, made by a container div and child button */
/**
*
* Generates the src property for @font-face. The mixin is required
* so that webpack for Storybook and the application can both
* generate the font URL correctly.
*
* $font: the font file name, e.g. 'OpenDyslexic-Regular.otf'
*/
/* line 4, app/assets/stylesheets/base/typography.scss */
:root {
  --content-font-size: var(--fs-l);
  --content-secondary-font-size: var(--fs-base);
  --content-tertiary-font-size: var(--fs-base);
  --content-rhythm: var(--content-font-size);
}

@media (min-width: 640px) {
  /* line 4, app/assets/stylesheets/base/typography.scss */
  :root {
    --content-secondary-font-size: var(--fs-l);
  }
}

@media (min-width: 1024px) {
  /* line 4, app/assets/stylesheets/base/typography.scss */
  :root {
    --content-font-size: var(--fs-xl);
  }
}

@font-face {
  font-family: OpenDyslexic;
  src: url(/assets/OpenDyslexic-Regular.otf);
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: OpenDyslexic;
  src: url(/assets/OpenDyslexic-Italic.otf);
  font-style: italic;
  font-weight: normal;
}

@font-face {
  font-family: OpenDyslexic;
  src: url(/assets/OpenDyslexic-Bold.otf);
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: OpenDyslexic;
  src: url(/assets/OpenDyslexic-BoldItalic.otf);
  font-weight: bold;
  font-style: italic;
}

/* line 45, app/assets/stylesheets/base/typography.scss */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 49, app/assets/stylesheets/base/typography.scss */
body.serif-article-body {
  --content-font-family: var(--ff-serif);
}

/* line 53, app/assets/stylesheets/base/typography.scss */
body.sans-serif-article-body {
  --content-font-family: var(--ff-sans-serif);
}

/* line 57, app/assets/stylesheets/base/typography.scss */
body.comic-sans-article-body {
  --content-font-family: var(--ff-comic);
}

/* line 61, app/assets/stylesheets/base/typography.scss */
body.monospace-article-body {
  --content-font-family: var(--ff-monospace);
}

/* line 65, app/assets/stylesheets/base/typography.scss */
body.open-dyslexic-article-body {
  --content-font-family: var(--ff-dyslexic);
}

/* line 70, app/assets/stylesheets/base/typography.scss */
.text-styles {
  font-size: var(--content-font-size);
  font-family: var(--content-font-family);
  overflow-wrap: break-word;
}

/* line 76, app/assets/stylesheets/base/typography.scss */
.text-styles--billboard h1,
.text-styles--billboard h2,
.text-styles--billboard h3,
.text-styles--billboard h4,
.text-styles--billboard h5,
.text-styles--billboard h6,
.text-styles--billboard img,
.text-styles--billboard p {
  margin-top: 0 !important;
}

/* line 88, app/assets/stylesheets/base/typography.scss */
.text-styles--secondary {
  font-size: var(--content-secondary-font-size);
}

/* line 92, app/assets/stylesheets/base/typography.scss */
.text-styles--tertiary {
  font-size: var(--content-tertiary-font-size);
}

/* line 96, app/assets/stylesheets/base/typography.scss */
.text-styles > :last-child {
  margin-bottom: 0;
}

/* line 100, app/assets/stylesheets/base/typography.scss */
.text-styles a {
  text-decoration: underline;
  color: var(--link-branded-color);
}

/* line 104, app/assets/stylesheets/base/typography.scss */
.text-styles a:hover {
  color: var(--link-branded-color-hover);
}

/* line 113, app/assets/stylesheets/base/typography.scss */
.text-styles [class*='ltag'] a {
  text-decoration: none;
}

/* line 115, app/assets/stylesheets/base/typography.scss */
.text-styles [class*='ltag'] a:hover {
  color: var(--color-hover);
}

/* line 120, app/assets/stylesheets/base/typography.scss */
.text-styles a[class*='ltag'] {
  text-decoration: none;
}

/* line 122, app/assets/stylesheets/base/typography.scss */
.text-styles a[class*='ltag']:hover {
  color: var(--color-hover);
}

/* line 127, app/assets/stylesheets/base/typography.scss */
.text-styles h1,
.text-styles h2,
.text-styles h3,
.text-styles h4,
.text-styles h5,
.text-styles h6 {
  font-family: var(--ff-sans-serif);
  margin: calc(var(--content-rhythm) / 2) 0;
  padding: 0;
  font-weight: var(--fw-bold);
  line-height: var(--lh-tight);
}

/* line 140, app/assets/stylesheets/base/typography.scss */
.text-styles h1 {
  font-size: 1.75em;
}

/* line 144, app/assets/stylesheets/base/typography.scss */
.text-styles h2 {
  font-size: 1.5em;
}

/* line 148, app/assets/stylesheets/base/typography.scss */
.text-styles h3 {
  font-size: 1.25em;
}

/* line 152, app/assets/stylesheets/base/typography.scss */
.text-styles h4 {
  font-size: 1em;
}

/* line 156, app/assets/stylesheets/base/typography.scss */
.text-styles h5 {
  font-size: 0.875em;
}

/* line 160, app/assets/stylesheets/base/typography.scss */
.text-styles h6 {
  font-size: 0.85em;
  color: var(--base-60);
}

/* line 165, app/assets/stylesheets/base/typography.scss */
.text-styles hr {
  width: 25%;
  opacity: 0.1;
  border-radius: var(--radius);
  border: 1px solid var(--body-color);
  margin: calc(var(--content-rhythm) * 2) auto;
}

/* line 173, app/assets/stylesheets/base/typography.scss */
.text-styles p {
  margin: 0 0 var(--content-rhythm) 0;
}

/* line 177, app/assets/stylesheets/base/typography.scss */
.text-styles dl {
  margin: 0 0 var(--content-rhythm) 0;
}

/* line 180, app/assets/stylesheets/base/typography.scss */
.text-styles dl dt,
.text-styles dl dd {
  display: block;
}

/* line 185, app/assets/stylesheets/base/typography.scss */
.text-styles dl dt {
  font-weight: var(--fw-medium);
}

/* line 189, app/assets/stylesheets/base/typography.scss */
.text-styles dl dd {
  margin-inline-start: var(--su-7);
}

/* line 194, app/assets/stylesheets/base/typography.scss */
.text-styles ul,
.text-styles ol {
  padding-left: var(--su-6);
  margin: 0 0 var(--content-rhythm) 0;
}

/* line 199, app/assets/stylesheets/base/typography.scss */
.text-styles ul br,
.text-styles ol br {
  line-height: 0;
  margin: 0;
  padding: 0;
}

/* line 206, app/assets/stylesheets/base/typography.scss */
.text-styles ul {
  list-style-type: disc;
}

/* line 209, app/assets/stylesheets/base/typography.scss */
.text-styles ul p {
  margin: 0;
  padding: 0;
}

/* line 214, app/assets/stylesheets/base/typography.scss */
.text-styles ul ul {
  margin: 0 0 0 var(--content-rhythm);
  list-style-type: square;
}

/* line 218, app/assets/stylesheets/base/typography.scss */
.text-styles ul ul ul {
  list-style-type: circle;
}

/* line 224, app/assets/stylesheets/base/typography.scss */
.text-styles figure {
  margin: 0;
}

/* line 228, app/assets/stylesheets/base/typography.scss */
.text-styles figcaption {
  font-style: italic;
  text-align: center;
  font-size: 0.8em;
  color: var(--body-color);
  opacity: 0.75;
  display: block;
}

/* line 237, app/assets/stylesheets/base/typography.scss */
.text-styles p + figcaption {
  margin-top: -0.8em;
}

/* line 241, app/assets/stylesheets/base/typography.scss */
.text-styles blockquote {
  border-left: 4px solid var(--base-20);
  padding: 0 0 0 var(--content-rhythm);
  margin: 0 0 var(--content-rhythm) 0;
}

/* line 246, app/assets/stylesheets/base/typography.scss */
.text-styles blockquote.twitter-tweet {
  font-family: var(--ff-sans-serif);
  background: var(--body-color-inverted);
  max-width: 550px;
  border: 1px solid #cfd9de;
  font-size: 0.75em;
  line-height: 1.35em;
  border-radius: 12px;
  margin: 1.6em auto;
  padding: 60px 250px 18px 10px;
  padding: 33px 15px 8px;
}

@media screen and (min-width: 640px) {
  /* line 246, app/assets/stylesheets/base/typography.scss */
  .text-styles blockquote.twitter-tweet {
    padding: 60px 22px 18px;
    min-height: 105px;
  }
}

/* line 265, app/assets/stylesheets/base/typography.scss */
.text-styles .tweet-embed {
  display: block;
  margin: var(--content-rhythm) auto !important;
  width: 550px;
  max-width: 100%;
  min-height: 350px;
  border-radius: 13px;
  box-shadow: var(--shadow-smooth), inset 0px 0px 0px 1px var(--card-border);
  overflow: hidden;
}

/* line 276, app/assets/stylesheets/base/typography.scss */
.text-styles kbd {
  display: inline-block;
  padding: 3px 5px;
  font-size: 11px;
  line-height: 10px;
  color: #444d56;
  vertical-align: middle;
  background-color: #fafbfc;
  border: solid 1px #c6cbd1;
  border-bottom-color: #959da5;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 #959da5;
}

/* line 290, app/assets/stylesheets/base/typography.scss */
.text-styles pre:not(.highlight),
.text-styles div:not(.highlight) > pre.highlight,
.text-styles div.highlight {
  margin: 0 0 var(--content-rhythm) 0;
}

/* line 297, app/assets/stylesheets/base/typography.scss */
.text-styles img,
.text-styles video,
.text-styles .ff-container {
  height: auto;
  object-fit: contain;
  display: block;
  margin: var(--content-rhythm) auto;
  max-width: 100%;
  max-height: calc(50vh + 180px);
  border-radius: var(--radius);
}

/* line 309, app/assets/stylesheets/base/typography.scss */
.text-styles .article-body-image-wrapper {
  cursor: zoom-in;
}

/* line 313, app/assets/stylesheets/base/typography.scss */
.text-styles iframe {
  width: 100%;
  border: 0;
  margin: 0 0 var(--content-rhythm) 0;
  border-radius: var(--radius);
}

/* line 320, app/assets/stylesheets/base/typography.scss */
.text-styles .fluidvids {
  margin: 0 0 var(--content-rhythm) 0;
}

/* line 323, app/assets/stylesheets/base/typography.scss */
.text-styles .fluidvids iframe {
  margin: 0;
}

/* line 328, app/assets/stylesheets/base/typography.scss */
.text-styles .table-wrapper-paragraph {
  width: 100%;
  overflow-x: auto;
  margin: 0 0 var(--content-rhythm) 0;
}

/* line 333, app/assets/stylesheets/base/typography.scss */
.text-styles .table-wrapper-paragraph table {
  margin: 0;
}

/* line 338, app/assets/stylesheets/base/typography.scss */
.text-styles table {
  margin: 0 0 var(--content-rhythm) 0;
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 343, app/assets/stylesheets/base/typography.scss */
.text-styles table th,
.text-styles table td {
  padding: var(--su-2);
  border: 1px solid var(--base-20);
}

/* line 349, app/assets/stylesheets/base/typography.scss */
.text-styles table th {
  background: var(--body-bg);
  text-align: left;
}

/* line 355, app/assets/stylesheets/base/typography.scss */
.text-styles .twitter-tweet {
  margin: 0 auto;
}

/* line 359, app/assets/stylesheets/base/typography.scss */
.text-styles .c-embed {
  margin: 0 0 var(--content-rhythm) 0;
}

/* line 365, app/assets/stylesheets/base/typography.scss */
.c-embed {
  padding: var(--su-3);
  border: 1px solid var(--form-border);
  box-shadow: var(--shadow-smooth) !important;
}

@media screen and (min-width: 640px) {
  /* line 365, app/assets/stylesheets/base/typography.scss */
  .c-embed {
    padding: var(--su-5);
  }
}

/* line 373, app/assets/stylesheets/base/typography.scss */
.c-embed__content {
  display: flex;
  align-items: flex-start;
  gap: var(--su-4);
}

/* line 379, app/assets/stylesheets/base/typography.scss */
.c-embed__cover {
  margin-bottom: var(--su-4);
  flex-shrink: 0;
}

/* line 384, app/assets/stylesheets/base/typography.scss */
.c-embed__content .c-embed__cover {
  margin-bottom: 0;
  width: 80px;
  height: 80px;
  text-align: center;
}

/* line 390, app/assets/stylesheets/base/typography.scss */
.c-embed__content .c-embed__cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius);
}

/* line 399, app/assets/stylesheets/base/typography.scss */
.c-embed__body {
  flex: 1;
  min-width: 0;
}

/* line 404, app/assets/stylesheets/base/typography.scss */
.c-embed h2,
.c-embed p {
  margin: 0;
  margin-bottom: var(--su-2);
}

/* line 410, app/assets/stylesheets/base/typography.scss */
.c-embed__favicon {
  display: none !important;
}

/* line 3, app/assets/stylesheets/components/buttons.scss */
.crayons-btn, input[type='file']::file-selector-button {
  --brand-apple-bg: #000;
  --brand-apple-color: #fff;
  --brand-apple-bg-hover: #1b1b1b;
  --brand-twitter-bg: #151616;
  --brand-twitter-color: #fff;
  --brand-twitter-bg-hover: #323436;
  --brand-github-bg: #24292e;
  --brand-github-color: #fff;
  --brand-github-bg-hover: #000;
  --brand-facebook-bg: #4267b2;
  --brand-facebook-color: #fff;
  --brand-facebook-bg-hover: #476fbf;
  --brand-forem-bg: #0a3e4a;
  --brand-forem-color: #fff;
  --brand-forem-bg-hover: #05313b;
  --brand-email-bg: #24292e;
  --brand-email-color: #fff;
  --brand-email-bg-hover: #000;
  --brand-google_oauth2-bg: #1da1f2;
  --brand-google_oauth2-color: #fff;
  --brand-google_oauth2-bg-hover: #0096f2;
}

/* line 34, app/assets/stylesheets/components/buttons.scss */
.crayons-btn, input[type='file']::file-selector-button {
  --border-width: 1px;
  --shadow-color: rgba(0, 0, 0, 0.05);
  --vertical-padding: var(--su-2);
  --horizontal-padding: var(--su-4);
  --font-size: var(--fs-base);
  --with-icon-padding: var(--su-3);
  --icon-margin: var(--su-2);
  position: relative;
  display: inline-block;
  padding: calc(var(--vertical-padding) - var(--border-width)) calc(var(--horizontal-padding) - var(--border-width));
  border-radius: var(--radius);
  font-family: inherit;
  font-size: var(--font-size);
  line-height: var(--su-6);
  font-weight: var(--fw-medium);
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-props);
  border: var(--border-width) solid;
  overflow-wrap: normal;
  --bg: var(--button-primary-bg);
  --bg-hover: var(--button-primary-bg-hover);
  --border: transparent;
  --border-hover: transparent;
  --color: var(--button-primary-color);
  --color-hover: var(--button-primary-color-hover);
  --shadow: 0 1px 3px var(--shadow-color);
  --shadow-hover: 0 2px 5px var(--shadow-color);
  --bg-inverted: var(--button-primary-inverted-bg);
  --bg-inverted-hover: var(--button-primary-inverted-bg-hover);
  --color-inverted: var(--button-primary-inverted-color);
  --color-inverted-hover: var(--button-primary-inverted-color-hover);
  background-color: var(--bg);
  border-color: var(--border);
  box-shadow: var(--shadow);
  color: var(--color);
}

/* line 79, app/assets/stylesheets/components/buttons.scss */
.js-focus-visible .crayons-btn.focus-visible:focus, .js-focus-visible input.focus-visible[type='file']:focus::file-selector-button, .crayons-btn:is(label):focus-within, input[type='file']:is(label):focus-within::file-selector-button {
  background-color: var(--bg-hover);
  color: var(--color-hover);
  z-index: var(--z-elevate);
}

/* line 86, app/assets/stylesheets/components/buttons.scss */
.js-focus-visible .crayons-btn.focus-visible:focus, .js-focus-visible input.focus-visible[type='file']:focus::file-selector-button, .crayons-btn:is(label):focus-within, input[type='file']:is(label):focus-within::file-selector-button {
  box-shadow: var(--focus-ring);
  outline: 0;
}

/* line 92, app/assets/stylesheets/components/buttons.scss */
.crayons-btn[href]:hover, input[href][type='file']:hover::file-selector-button, .crayons-btn[href]:focus, input[href][type='file']:focus::file-selector-button, .crayons-btn:hover:enabled, input[type='file']:hover:enabled::file-selector-button, .crayons-btn:active:enabled, input[type='file']:active:enabled::file-selector-button {
  background-color: var(--bg-hover);
  border-color: var(--border-hover);
  box-shadow: var(--shadow-hover);
  color: var(--color-hover);
  z-index: var(--z-elevate);
}

/* line 103, app/assets/stylesheets/components/buttons.scss */
.crayons-btn.crayons-btn--inverted, input.crayons-btn--inverted[type='file']::file-selector-button {
  --bg: var(--bg-inverted);
  --bg-hover: var(--bg-inverted-hover);
  --border: var(--border-inverted);
  --border-hover: var(--border-inverted-hover);
  --color: var(--color-inverted);
  --color-hover: var(--color-inverted-hover);
}

/* line 112, app/assets/stylesheets/components/buttons.scss */
.crayons-btn[disabled], input[disabled][type='file']::file-selector-button {
  opacity: 0.6;
  cursor: not-allowed;
}

/* line 117, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--s {
  --vertical-padding: var(--su-1);
  --horizontal-padding: var(--su-3);
  --font-size: var(--fs-s);
  --with-icon-padding: var(--su-2);
  --icon-margin: var(--su-1);
  font-weight: normal;
}

/* line 126, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--l {
  --vertical-padding: var(--su-3);
  --horizontal-padding: var(--su-5);
  --with-icon-padding: var(--su-3);
  --icon-margin: var(--su-2);
}

/* line 133, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--xl {
  --vertical-padding: var(--su-4);
  --horizontal-padding: var(--su-6);
  --font-size: var(--fs-l);
  --with-icon-padding: var(--su-5);
  --icon-margin: var(--su-3);
}

/* line 143, app/assets/stylesheets/components/buttons.scss */
.crayons-btn > *, input[type='file']::file-selector-button > * {
  pointer-events: none;
}

/* line 145, app/assets/stylesheets/components/buttons.scss */
.crayons-btn > * + input, input[type='file']::file-selector-button > * + input {
  pointer-events: revert;
}

/* line 151, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--secondary, input[type='file']::file-selector-button {
  --bg: var(--button-secondary-bg);
  --bg-hover: var(--button-secondary-bg-hover);
  --color: var(--button-secondary-color);
  --color-hover: var(--button-secondary-color-hover);
}

/* line 158, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--outlined {
  --bg: var(--button-outlined-bg);
  --bg-hover: var(--button-outlined-bg-hover);
  --border: var(--button-outlined-border);
  --border-hover: var(--button-outlined-border-hover);
  --color: var(--button-outlined-color);
  --color-hover: var(--button-outlined-color-hover);
  --border-width: 1px;
}

/* line 169, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--danger {
  --bg: var(--accent-danger);
  --bg-hover: var(--accent-danger-darker);
  --color: var(--base-inverted);
  --color-hover: var(--base-inverted);
  --bg-inverted: var(--accent-danger);
  --bg-inverted-hover: var(--accent-danger-darker);
  --color-inverted: var(--base-inverted);
  --color-inverted-hover: var(--base-inverted);
}

/* line 180, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--success {
  --bg: var(--accent-success);
  --bg-hover: var(--accent-success-darker);
  --color: var(--base-inverted);
  --color-hover: var(--base-inverted);
  --bg-inverted: var(--accent-success);
  --bg-inverted-hover: var(--accent-success-darker);
  --color-inverted: var(--base-inverted);
  --color-inverted-hover: var(--base-inverted);
}

/* line 191, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--warning {
  --bg: var(--accent-warning);
  --bg-hover: var(--accent-warning-darker);
  --color: var(--base-inverted);
  --color-hover: var(--base-inverted);
  --bg-inverted: var(--accent-warning);
  --bg-inverted-hover: var(--accent-warning-darker);
  --color-inverted: var(--base-inverted);
  --color-inverted-hover: var(--base-inverted);
}

/* line 202, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--ghost {
  --bg: var(--button-ghost-bg);
  --bg-hover: var(--button-ghost-bg-hover);
  --color: var(--button-ghost-color);
  --color-hover: var(--button-ghost-color-hover);
  --shadow: none;
  --shadow-hover: none;
  --bg-inverted: var(--button-ghost-inverted-bg);
  --bg-inverted-hover: var(--button-ghost-inverted-bg-hover);
  --color-inverted: var(--button-ghost-inverted-color);
  --color-inverted-hover: var(--button-ghost-inverted-color-hover);
}

/* line 214, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--ghost-brand {
  --bg: var(--button-ghost-bg);
  --bg-hover: var(--button-ghost-bg-hover);
  --color: var(--accent-brand);
  --color-hover: var(--accent-brand-darker);
  --shadow: none;
  --shadow-hover: none;
}

/* line 223, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--ghost-dimmed {
  --bg: var(--button-ghost-bg);
  --bg-hover: var(--button-ghost-bg-hover);
  --color: var(--button-ghost-dimmed-color);
  --color-hover: var(--button-ghost-dimmed-color-hover);
  --shadow: none;
  --shadow-hover: none;
}

/* line 232, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--ghost-success {
  --bg: var(--button-ghost-bg);
  --bg-hover: var(--button-ghost-bg-hover);
  --color: var(--accent-success);
  --color-hover: var(--accent-success-darker);
  --shadow: none;
  --shadow-hover: none;
  --bg-inverted: var(--button-ghost-inverted-bg);
  --bg-inverted-hover: var(--button-ghost-inverted-bg-hover);
  --color-inverted: var(--accent-success);
  --color-inverted-hover: var(--accent-success-darker);
}

/* line 245, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--ghost-danger {
  --bg: var(--button-ghost-bg);
  --bg-hover: var(--button-ghost-bg-hover);
  --color: var(--accent-danger);
  --color-hover: var(--accent-danger-darker);
  --shadow: none;
  --shadow-hover: none;
}

/* line 255, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--brand-apple {
  --bg: var(--brand-apple-bg);
  --bg-hover: var(--brand-apple-bg-hover);
  --color: var(--brand-apple-color);
  --color-hover: var(--brand-apple-color);
  --bg-inverted: var(--brand-apple-bg);
  --bg-inverted-hover: var(--brand-apple-bg-hover);
  --color-inverted: var(--brand-apple-color);
  --color-inverted-hover: var(--brand-apple-color);
}

/* line 266, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--brand-twitter {
  --bg: var(--brand-twitter-bg);
  --bg-hover: var(--brand-twitter-bg-hover);
  --color: var(--brand-twitter-color);
  --color-hover: var(--brand-twitter-color);
  --bg-inverted: var(--brand-twitter-bg);
  --bg-inverted-hover: var(--brand-twitter-bg-hover);
  --color-inverted: var(--brand-twitter-color);
  --color-inverted-hover: var(--brand-twitter-color);
}

/* line 277, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--brand-github {
  --bg: var(--brand-github-bg);
  --bg-hover: var(--brand-github-bg-hover);
  --color: var(--brand-github-color);
  --color-hover: var(--brand-github-color);
  --bg-inverted: var(--brand-github-bg);
  --bg-inverted-hover: var(--brand-github-bg-hover);
  --color-inverted: var(--brand-github-color);
  --color-inverted-hover: var(--brand-github-color);
}

/* line 288, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--brand-facebook {
  --bg: var(--brand-facebook-bg);
  --bg-hover: var(--brand-facebook-bg-hover);
  --color: var(--brand-facebook-color);
  --color-hover: var(--brand-facebook-color);
  --bg-inverted: var(--brand-facebook-bg);
  --bg-inverted-hover: var(--brand-facebook-bg-hover);
  --color-inverted: var(--brand-facebook-color);
  --color-inverted-hover: var(--brand-facebook-color);
}

/* line 299, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--brand-forem {
  --bg: var(--brand-forem-bg);
  --bg-hover: var(--brand-forem-bg-hover);
  --color: var(--brand-forem-color);
  --color-hover: var(--brand-forem-color);
  --bg-inverted: var(--brand-forem-bg);
  --bg-inverted-hover: var(--brand-forem-bg-hover);
  --color-inverted: var(--brand-forem-color);
  --color-inverted-hover: var(--brand-forem-color);
}

/* line 310, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--brand-email {
  --bg: var(--brand-email-bg);
  --bg-hover: var(--brand-email-bg-hover);
  --color: var(--brand-email-color);
  --color-hover: var(--brand-email-color);
  --bg-inverted: var(--brand-email-bg);
  --bg-inverted-hover: var(--brand-email-bg-hover);
  --color-inverted: var(--brand-email-color);
  --color-inverted-hover: var(--brand-email-color);
}

/* line 321, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--brand-google_oauth2 {
  --bg: var(--brand-google_oauth2-bg);
  --bg-hover: var(--brand-google_oauth2-bg-hover);
  --color: var(--brand-google_oauth2-color);
  --color-hover: var(--brand-google_oauth2-color);
  --bg-inverted: var(--brand-google_oauth2-bg);
  --bg-inverted-hover: var(--brand-google_oauth2-bg-hover);
  --color-inverted: var(--brand-google_oauth2-color);
  --color-inverted-hover: var(--brand-google_oauth2-color);
}

/* line 333, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--icon,
.crayons-btn--icon-rounded {
  --horizontal-padding: var(--su-2);
  padding-left: calc(var(--horizontal-padding) - var(--border-width));
  padding-right: calc(var(--horizontal-padding) - var(--border-width));
}

/* line 338, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--icon.crayons-btn--s,
.crayons-btn--icon-rounded.crayons-btn--s {
  --horizontal-padding: var(--su-1);
}

/* line 342, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--icon.crayons-btn--l,
.crayons-btn--icon-rounded.crayons-btn--l {
  --horizontal-padding: var(--su-3);
}

/* line 346, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--icon.crayons-btn--xl,
.crayons-btn--icon-rounded.crayons-btn--xl {
  --horizontal-padding: var(--su-4);
}

/* line 351, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--icon-rounded {
  border-radius: 1000px;
}

/* line 356, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--icon-left {
  padding-left: calc(var(--with-icon-padding) - var(--border-width));
}

/* line 359, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--icon-left .crayons-icon {
  margin-right: var(--icon-margin);
}

/* line 365, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--icon-right {
  padding-right: calc(var(--with-icon-padding) - var(--border-width));
}

/* line 368, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--icon-right .crayons-icon {
  margin-left: var(--icon-margin);
}

/* line 373, app/assets/stylesheets/components/buttons.scss */
.crayons-btn-actions {
  --btn-wrap-gap: var(--su-2);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: calc(0rem - var(--btn-wrap-gap));
  margin-left: calc(0rem - var(--btn-wrap-gap));
}

/* line 382, app/assets/stylesheets/components/buttons.scss */
.crayons-btn-actions .crayons-btn, .crayons-btn-actions input[type='file']::file-selector-button {
  margin-left: var(--btn-wrap-gap);
  margin-bottom: var(--btn-wrap-gap);
}

/* line 389, app/assets/stylesheets/components/buttons.scss */
.crayons-btn-group {
  display: flex;
}

/* line 392, app/assets/stylesheets/components/buttons.scss */
.crayons-btn-group .crayons-btn, .crayons-btn-group input[type='file']::file-selector-button {
  border-radius: 0;
}

/* line 395, app/assets/stylesheets/components/buttons.scss */
.crayons-btn-group .crayons-btn + .crayons-btn:not(.crayons-btn--outlined), .crayons-btn-group input[type='file']::file-selector-button + .crayons-btn:not(.crayons-btn--outlined), .crayons-btn-group .crayons-btn + input[type='file']:not(.crayons-btn--outlined)::file-selector-button, .crayons-btn-group input[type='file']::file-selector-button + input[type='file']:not(.crayons-btn--outlined)::file-selector-button {
  box-shadow: var(--shadow), inset 1px 0 0 rgba(0, 0, 0, 0.1);
  margin-left: -1px;
}

/* line 399, app/assets/stylesheets/components/buttons.scss */
.crayons-btn-group .crayons-btn + .crayons-btn:not(.crayons-btn--outlined):hover, .crayons-btn-group input[type='file']::file-selector-button + .crayons-btn:not(.crayons-btn--outlined):hover, .crayons-btn-group .crayons-btn + input[type='file']:not(.crayons-btn--outlined):hover::file-selector-button, .crayons-btn-group input[type='file']::file-selector-button + input[type='file']:not(.crayons-btn--outlined):hover::file-selector-button {
  box-shadow: var(--shadow-hover), inset 0 0 0 rgba(0, 0, 0, 0.1);
}

/* line 404, app/assets/stylesheets/components/buttons.scss */
.crayons-btn-group .crayons-btn + .crayons-btn--outlined, .crayons-btn-group input[type='file']::file-selector-button + .crayons-btn--outlined {
  margin-left: calc(-1 * var(--border-width));
}

/* line 408, app/assets/stylesheets/components/buttons.scss */
.crayons-btn-group .crayons-btn:first-child, .crayons-btn-group input[type='file']:first-child::file-selector-button {
  border-top-left-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
}

/* line 413, app/assets/stylesheets/components/buttons.scss */
.crayons-btn-group .crayons-btn:last-child, .crayons-btn-group input[type='file']:last-child::file-selector-button {
  border-top-right-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
}

/* line 426, app/assets/stylesheets/components/buttons.scss */
.c-btn, .c-date-picker .DayPickerNavigation_button, .c-date-picker .DateRangePickerInput_clearDates, .c-date-picker .DateRangePickerInput_calendarIcon {
  position: relative;
  display: inline-block;
  padding: var(--su-2) var(--su-4);
  border-radius: var(--radius);
  font: inherit;
  text-align: center;
  cursor: pointer;
  border: none;
  overflow-wrap: normal;
  background-color: var(--bg);
  color: var(--color);
}

/* line 439, app/assets/stylesheets/components/buttons.scss */
.c-btn:hover:enabled, .c-date-picker .DayPickerNavigation_button:hover:enabled, .c-date-picker .DateRangePickerInput_clearDates:hover:enabled, .c-date-picker .DateRangePickerInput_calendarIcon:hover:enabled, .js-focus-visible .c-btn.focus-visible:focus, .js-focus-visible .c-date-picker .focus-visible.DayPickerNavigation_button:focus, .c-date-picker .js-focus-visible .focus-visible.DayPickerNavigation_button:focus, .js-focus-visible .c-date-picker .focus-visible.DateRangePickerInput_clearDates:focus, .c-date-picker .js-focus-visible .focus-visible.DateRangePickerInput_clearDates:focus, .js-focus-visible .c-date-picker .focus-visible.DateRangePickerInput_calendarIcon:focus, .c-date-picker .js-focus-visible .focus-visible.DateRangePickerInput_calendarIcon:focus, .c-btn:is(label):focus-within, .c-date-picker .DayPickerNavigation_button:is(label):focus-within, .c-date-picker .DateRangePickerInput_clearDates:is(label):focus-within, .c-date-picker .DateRangePickerInput_calendarIcon:is(label):focus-within {
  background-color: var(--bg-hover);
  color: var(--color-hover);
  z-index: var(--z-elevate);
}

/* line 447, app/assets/stylesheets/components/buttons.scss */
.js-focus-visible .c-btn.focus-visible:focus, .js-focus-visible .c-date-picker .focus-visible.DayPickerNavigation_button:focus, .c-date-picker .js-focus-visible .focus-visible.DayPickerNavigation_button:focus, .js-focus-visible .c-date-picker .focus-visible.DateRangePickerInput_clearDates:focus, .c-date-picker .js-focus-visible .focus-visible.DateRangePickerInput_clearDates:focus, .js-focus-visible .c-date-picker .focus-visible.DateRangePickerInput_calendarIcon:focus, .c-date-picker .js-focus-visible .focus-visible.DateRangePickerInput_calendarIcon:focus, .c-btn:is(label):focus-within, .c-date-picker .DayPickerNavigation_button:is(label):focus-within, .c-date-picker .DateRangePickerInput_clearDates:is(label):focus-within, .c-date-picker .DateRangePickerInput_calendarIcon:is(label):focus-within {
  box-shadow: var(--focus-ring);
  outline: 0;
}

/* line 453, app/assets/stylesheets/components/buttons.scss */
.c-btn[aria-expanded='true'], .c-date-picker .DayPickerNavigation_button[aria-expanded='true'], .c-date-picker .DateRangePickerInput_clearDates[aria-expanded='true'], .c-date-picker .DateRangePickerInput_calendarIcon[aria-expanded='true'], .c-btn[aria-pressed='true'], .c-date-picker .DayPickerNavigation_button[aria-pressed='true'], .c-date-picker .DateRangePickerInput_clearDates[aria-pressed='true'], .c-date-picker .DateRangePickerInput_calendarIcon[aria-pressed='true'] {
  --bg: var(--btn-current-bg);
  --color: var(--btn-current-color);
  font-weight: var(--fw-bold);
}

/* line 460, app/assets/stylesheets/components/buttons.scss */
.c-btn[disabled], .c-date-picker .DayPickerNavigation_button[disabled], .c-date-picker .DateRangePickerInput_clearDates[disabled], .c-date-picker .DateRangePickerInput_calendarIcon[disabled] {
  opacity: 0.6;
  cursor: not-allowed;
}

/* line 467, app/assets/stylesheets/components/buttons.scss */
.c-btn > *, .c-date-picker .DayPickerNavigation_button > *, .c-date-picker .DateRangePickerInput_clearDates > *, .c-date-picker .DateRangePickerInput_calendarIcon > * {
  pointer-events: none;
}

/* line 469, app/assets/stylesheets/components/buttons.scss */
.c-btn > * + input, .c-date-picker .DayPickerNavigation_button > * + input, .c-date-picker .DateRangePickerInput_clearDates > * + input, .c-date-picker .DateRangePickerInput_calendarIcon > * + input {
  pointer-events: revert;
}

/* line 475, app/assets/stylesheets/components/buttons.scss */
.c-btn, .c-date-picker .DayPickerNavigation_button, .c-date-picker .DateRangePickerInput_clearDates, .c-date-picker .DateRangePickerInput_calendarIcon {
  --bg: var(--btn-bg);
  --bg-hover: var(--btn-bg-hover);
  --color: var(--btn-color);
  --color-hover: var(--btn-color-hover);
}

/* line 481, app/assets/stylesheets/components/buttons.scss */
.c-btn.c-btn--destructive, .c-date-picker .c-btn--destructive.DayPickerNavigation_button, .c-date-picker .c-btn--destructive.DateRangePickerInput_clearDates, .c-date-picker .c-btn--destructive.DateRangePickerInput_calendarIcon {
  --bg: var(--btn-destructive-bg);
  --bg-hover: var(--btn-destructive-bg-hover);
  --color: var(--btn-destructive-color);
  --color-hover: var(--btn-destructive-color-hover);
}

/* line 489, app/assets/stylesheets/components/buttons.scss */
.c-btn--primary {
  --bg: var(--btn-primary-bg);
  --bg-hover: var(--btn-primary-bg-hover);
  --color: var(--btn-primary-color);
  --color-hover: var(--btn-primary-color-hover);
  font-weight: var(--fw-medium);
}

/* line 497, app/assets/stylesheets/components/buttons.scss */
.c-btn--primary.c-btn--destructive {
  --bg: var(--btn-primary-destructive-bg);
  --bg-hover: var(--btn-primary-destructive-bg-hover);
  --color: var(--btn-primary-destructive-color);
  --color-hover: var(--btn-primary-destructive-color-hover);
}

/* line 505, app/assets/stylesheets/components/buttons.scss */
.c-btn--secondary {
  --bg: var(--btn-secondary-bg);
  --bg-hover: var(--btn-secondary-bg-hover);
  --color: var(--btn-secondary-color);
  --color-hover: var(--btn-secondary-color-hover);
}

/* line 512, app/assets/stylesheets/components/buttons.scss */
.c-btn--icon-alone {
  padding: var(--su-2);
}

/* line 517, app/assets/stylesheets/components/buttons.scss */
.c-btn--icon-left .c-btn__icon {
  margin-right: var(--su-2);
  margin-left: calc(var(--su-1) * -1);
}

/* line 5, app/assets/stylesheets/components/forms.scss */
.crayons-select, .crayons-checkbox,
.crayons-radio, .crayons-textfield, .c-date-picker .DateRangePickerInput {
  --border-width: 1.5px;
  background-color: var(--form-bg);
  border: var(--border-width) solid var(--form-border);
  color: var(--body-color);
  appearance: none;
  -webkit-appearance: none;
  border-radius: var(--radius);
  transition: all var(--transition-props);
}

/* line 15, app/assets/stylesheets/components/forms.scss */
.crayons-select:hover, .crayons-checkbox:hover,
.crayons-radio:hover, .crayons-textfield:hover, .c-date-picker .DateRangePickerInput:hover {
  border-color: var(--form-border-hover);
}

/* line 19, app/assets/stylesheets/components/forms.scss */
.c-input--multi__wrapper-border:focus-within, .c-autocomplete--multi__wrapper-border:focus-within, .crayons-select:focus, .crayons-textfield:focus, .c-date-picker .DateRangePickerInput:focus {
  background-color: var(--form-bg-focus);
  border-color: var(--focus);
  box-shadow: 0 0 0 1px var(--focus);
}

/* line 25, app/assets/stylesheets/components/forms.scss */
.crayons-select--disabled, .crayons-select[disabled], .crayons-checkbox--checked--disabled, .crayons-checkbox--checked[disabled], .crayons-checkbox:checked--disabled,
.crayons-radio--checked--disabled,
.crayons-radio--checked[disabled],
.crayons-radio:checked--disabled, .crayons-checkbox--disabled, .crayons-checkbox[disabled],
.crayons-radio--disabled,
.crayons-radio[disabled], .crayons-textfield--disabled, .crayons-textfield[disabled], .c-date-picker .DateRangePickerInput[disabled] {
  opacity: 0.6;
}

/* line 29, app/assets/stylesheets/components/forms.scss */
.crayons-radio--checked, .crayons-radio:checked, .crayons-checkbox--checked, .crayons-checkbox:checked {
  background-color: var(--form-border-focus);
  border-color: var(--form-border-focus);
  color: var(--form-bg-focus);
  background-position: center center;
  background-repeat: no-repeat;
}

/* line 39, app/assets/stylesheets/components/forms.scss */
.crayons-textfield, .c-date-picker .DateRangePickerInput {
  line-height: var(--lh-base);
  padding: calc(0.5em - var(--border-width)) 0.5em;
  font-family: inherit;
  font-size: var(--fs-base);
  width: 100%;
  resize: vertical;
}

/* line 48, app/assets/stylesheets/components/forms.scss */
.crayons-textfield::placeholder, .c-date-picker .DateRangePickerInput::placeholder {
  color: var(--form-placeholder-color);
}

/* line 65, app/assets/stylesheets/components/forms.scss */
.crayons-textfield::-ms-clear, .c-date-picker .DateRangePickerInput::-ms-clear {
  display: none;
}

/* line 69, app/assets/stylesheets/components/forms.scss */
.crayons-textfield::-webkit-date-and-time-value, .c-date-picker .DateRangePickerInput::-webkit-date-and-time-value {
  min-height: 1.5em;
}

/* line 73, app/assets/stylesheets/components/forms.scss */
.crayons-textfield--icon {
  padding-left: var(--su-7);
}

/* line 79, app/assets/stylesheets/components/forms.scss */
.crayons-checkbox,
.crayons-radio {
  width: 1.125em;
  height: 1.125em;
  cursor: pointer;
  background-position: center center;
  vertical-align: middle;
  flex-shrink: 0;
}

/* line 93, app/assets/stylesheets/components/forms.scss */
.crayons-checkbox--disabled, .crayons-checkbox[disabled],
.crayons-radio--disabled,
.crayons-radio[disabled] {
  cursor: not-allowed;
}

/* line 99, app/assets/stylesheets/components/forms.scss */
.crayons-checkbox--checked, .crayons-checkbox:checked,
.crayons-radio--checked,
.crayons-radio:checked {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.157.933a.75.75 0 01.077 1.058L4.817 9.407a.75.75 0 01-1.134 0L.766 6.037a.75.75 0 011.135-.982L4.25 7.77l5.85-6.76a.75.75 0 011.057-.077z' fill='%23fff'/%3E%3C/svg%3E");
}

/* line 112, app/assets/stylesheets/components/forms.scss */
.crayons-radio {
  border-radius: 50%;
}

/* line 115, app/assets/stylesheets/components/forms.scss */
.crayons-radio--checked, .crayons-radio:checked {
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='6' height='6' rx='3' fill='%23fff'/%3E%3C/svg%3E");
}

/* line 123, app/assets/stylesheets/components/forms.scss */
.crayons-select {
  line-height: var(--lh-base);
  padding: calc(0.5em - var(--border-width)) 0.5em;
  padding-right: var(--su-7);
  font-family: inherit;
  font-size: var(--fs-base);
  width: 100%;
  position: relative;
  outline: none;
  background-image: var(--select-icon);
  background-position: calc(100% - var(--su-2)) calc(50% - 1px);
  background-repeat: no-repeat;
}

/* line 150, app/assets/stylesheets/components/forms.scss */
.crayons-select::-ms-clear {
  display: none;
}

/* line 154, app/assets/stylesheets/components/forms.scss */
.crayons-select.disabled {
  background-color: #f2f2f2;
  color: #888888;
  pointer-events: none;
  cursor: not-allowed;
}

/* line 165, app/assets/stylesheets/components/forms.scss */
.crayons-field {
  display: flex;
  flex-flow: column;
  font-size: var(--fs-base);
}

/* line 172, app/assets/stylesheets/components/forms.scss */
.crayons-field__label {
  color: var(--label-primary);
  font-weight: var(--fw-medium);
}

/* line 176, app/assets/stylesheets/components/forms.scss */
.crayons-field__label + .crayons-field__description {
  margin-top: 0;
}

/* line 180, app/assets/stylesheets/components/forms.scss */
.crayons-field__label.required:after {
  content: '*';
}

/* line 185, app/assets/stylesheets/components/forms.scss */
.crayons-field__required {
  color: var(--accent-danger);
  padding: 0 var(--su-1);
  display: inline-block;
}

/* line 191, app/assets/stylesheets/components/forms.scss */
.crayons-field__description {
  color: var(--label-secondary);
  font-size: var(--fs-s);
  font-weight: var(--fw-normal);
  margin: 0;
}

/* line 198, app/assets/stylesheets/components/forms.scss */
.crayons-field > * + * {
  margin-top: var(--su-2);
}

/* line 202, app/assets/stylesheets/components/forms.scss */
.crayons-field--checkbox, .crayons-field--radio {
  display: grid;
  grid-template-columns: 1.5em 1fr;
  grid-gap: var(--su-2);
  border-radius: var(--radius);
  transition: all var(--transition-props);
}

/* line 210, app/assets/stylesheets/components/forms.scss */
.crayons-field--checkbox:hover, .crayons-field--radio:hover {
  background: var(--body-bg);
  box-shadow: 0 0 0 var(--su-1) var(--body-bg);
}

/* line 215, app/assets/stylesheets/components/forms.scss */
.crayons-field--checkbox .crayons-field__label, .crayons-field--radio .crayons-field__label {
  margin-top: 0;
  padding-right: var(--su-2);
}

/* line 223, app/assets/stylesheets/components/forms.scss */
.crayons-field .crayons-checkbox,
.crayons-field .crayons-radio {
  margin: 0.1875em;
  justify-self: center;
}

/* line 235, app/assets/stylesheets/components/forms.scss */
.crayons-fields {
  display: flex;
  flex-flow: column;
}

/* line 241, app/assets/stylesheets/components/forms.scss */
.crayons-fields:not(.crayons-fields--horizontal) > .crayons-field + .crayons-field {
  margin-top: var(--su-4);
}

/* line 246, app/assets/stylesheets/components/forms.scss */
.crayons-fields--horizontal {
  flex-flow: row;
  flex-wrap: wrap;
}

/* line 250, app/assets/stylesheets/components/forms.scss */
.crayons-fields--horizontal > .crayons-field:not(:last-child) {
  margin-right: var(--su-4);
}

/* line 258, app/assets/stylesheets/components/forms.scss */
.crayons-textfield--ghost, .crayons-textfield--ghost:hover, .crayons-textfield--ghost:focus, .crayons-textfield--ghost[disabled] {
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  outline: none;
  width: 100%;
  box-shadow: none;
  resize: none;
  transition: none;
}

/* line 274, app/assets/stylesheets/components/forms.scss */
textarea.crayons-textfield.crayons-textfield--ghost, .c-date-picker textarea.crayons-textfield--ghost.DateRangePickerInput {
  white-space: pre-wrap;
}

/* line 278, app/assets/stylesheets/components/forms.scss */
.c-color-picker {
  --swatch-width: var(--su-7);
  --swatch-height: var(--su-7);
  --input-padding-left: calc(var(--swatch-width) + var(--su-3));
}

/* line 283, app/assets/stylesheets/components/forms.scss */
.c-color-picker__input {
  padding-left: var(--input-padding-left);
}

/* line 287, app/assets/stylesheets/components/forms.scss */
.c-color-picker__swatch {
  width: var(--swatch-width);
  height: var(--swatch-height);
  border: 1px solid var(--swatch-border-color);
  top: var(--su-1);
  left: var(--su-1);
  z-index: var(--z-elevate);
}

/* line 296, app/assets/stylesheets/components/forms.scss */
.c-color-picker__popover {
  min-width: min-content;
}

/* line 299, app/assets/stylesheets/components/forms.scss */
.c-color-picker__popover .react-colorful {
  padding: var(--su-2);
  border-radius: var(--radius);
  background: var(--card-bg);
  box-shadow: var(--shadow-1);
  width: 220px;
  height: 160px;
}

/* line 307, app/assets/stylesheets/components/forms.scss */
.c-color-picker__popover .react-colorful__pointer {
  cursor: pointer;
}

/* line 311, app/assets/stylesheets/components/forms.scss */
.c-color-picker__popover .react-colorful__saturation {
  margin: 0 0 var(--su-2) 0;
  border-radius: var(--radius);
}

/* line 316, app/assets/stylesheets/components/forms.scss */
.c-color-picker__popover .react-colorful__saturation-pointer {
  width: var(--fs-s);
  height: var(--fs-s);
  border: 2px solid var(--card-bg);
  border-radius: 50%;
}

/* line 323, app/assets/stylesheets/components/forms.scss */
.c-color-picker__popover .react-colorful__hue {
  height: var(--fs-xs);
  border-radius: var(--radius);
}

/* line 328, app/assets/stylesheets/components/forms.scss */
.c-color-picker__popover .react-colorful__hue-pointer {
  border: 2px solid var(--card-bg);
  border-radius: 1px;
  width: var(--fs-s);
  height: calc(100% + 8px);
}

/* line 342, app/assets/stylesheets/components/forms.scss */
.c-date-picker .DateRangePickerInput {
  padding: var(--su-1) var(--su-2);
}

/* line 347, app/assets/stylesheets/components/forms.scss */
.c-date-picker .DateRangePickerInput_calendarIcon {
  padding: 0;
}

/* line 352, app/assets/stylesheets/components/forms.scss */
.c-date-picker .DateRangePickerInput .DateInput_input {
  background-color: var(--form-bg);
  color: var(--body-color);
  font-size: var(--fs-base);
}

/* line 357, app/assets/stylesheets/components/forms.scss */
.c-date-picker .DateRangePickerInput .DateInput_input__focused {
  border-bottom-color: var(--focus);
}

/* line 362, app/assets/stylesheets/components/forms.scss */
.c-date-picker .DateRangePickerInput_arrow_svg {
  fill: var(--body-color);
}

/* line 366, app/assets/stylesheets/components/forms.scss */
.c-date-picker .DateRangePickerInput_clearDates {
  position: absolute;
  padding: var(--su-2);
}

/* line 371, app/assets/stylesheets/components/forms.scss */
.c-date-picker .DateRangePickerInput_clearDates:hover, .c-date-picker .DateRangePickerInput_clearDates:focus-visible {
  border-radius: var(--radius);
}

/* line 379, app/assets/stylesheets/components/forms.scss */
.c-date-picker--error .DateRangePickerInput {
  border-color: var(--accent-danger);
}

/* line 385, app/assets/stylesheets/components/forms.scss */
.c-date-picker .DateRangePicker:focus-within .DateRangePickerInput {
  border-color: var(--focus);
}

/* line 390, app/assets/stylesheets/components/forms.scss */
.c-date-picker .CalendarDay {
  border-color: var(--date-border-color);
}

/* line 393, app/assets/stylesheets/components/forms.scss */
.c-date-picker .CalendarDay__default:hover {
  background-color: transparent;
  position: relative;
}

/* line 398, app/assets/stylesheets/components/forms.scss */
.c-date-picker .CalendarDay__default:hover::after {
  border: 1px solid var(--hover-date-border-color);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
}

/* line 409, app/assets/stylesheets/components/forms.scss */
.c-date-picker .CalendarDay__today {
  color: var(--current-date-color);
}

/* line 414, app/assets/stylesheets/components/forms.scss */
.c-date-picker .CalendarDay__selected_span {
  background: var(--selected-range-bg);
  color: var(--selected-range-color);
  border-color: var(--selected-date-border);
}

/* line 419, app/assets/stylesheets/components/forms.scss */
.c-date-picker .CalendarDay__selected_span:active, .c-date-picker .CalendarDay__selected_span:hover {
  background: var(--selected-range-bg);
  color: var(--fs-base);
  border-color: var(--selected-date-border);
}

/* line 428, app/assets/stylesheets/components/forms.scss */
.c-date-picker .CalendarDay__selected {
  background: var(--selected-date-bg);
  color: var(--selected-date-color);
}

/* line 432, app/assets/stylesheets/components/forms.scss */
.c-date-picker .CalendarDay__selected:hover {
  background: var(--selected-date-bg);
  color: var(--selected-date-color);
  border-color: var(--selected-date-border);
}

/* line 440, app/assets/stylesheets/components/forms.scss */
.c-date-picker .CalendarDay__hovered_span, .c-date-picker .CalendarDay__hovered_span:hover {
  background: var(--selected-range-bg);
  color: var(--selected-range-color);
  border-color: var(--selected-date-border);
}

/* line 448, app/assets/stylesheets/components/forms.scss */
.c-date-picker .CalendarMonthGrid__vertical {
  margin-top: var(--su-2);
}

/* line 451, app/assets/stylesheets/components/forms.scss */
.c-date-picker .CalendarMonthGrid__vertical .c-date-picker__month {
  margin-top: var(--su-2);
}

/* line 456, app/assets/stylesheets/components/forms.scss */
.c-date-picker .CalendarMonthGrid__vertical .CalendarMonth_caption {
  padding-bottom: var(--su-2);
  padding-top: var(--su-3);
}

/* line 465, app/assets/stylesheets/components/forms.scss */
.c-date-picker .DayPickerKeyboardShortcuts_buttonReset::before {
  border-right-color: var(--accent-brand);
}

/* line 469, app/assets/stylesheets/components/forms.scss */
.c-date-picker .DayPickerKeyboardShortcuts_buttonReset:hover::before {
  border-right-color: var(--accent-brand-lighter);
}

/* line 474, app/assets/stylesheets/components/forms.scss */
.c-date-picker .DayPickerNavigation {
  display: flex;
  justify-content: space-between;
}

/* line 478, app/assets/stylesheets/components/forms.scss */
.c-date-picker .DayPickerNavigation_button {
  margin: var(--su-6) var(--su-3) 0 var(--su-3);
  height: min-content;
  padding: var(--su-1);
}

/* line 485, app/assets/stylesheets/components/forms.scss */
.c-date-picker .DayPickerNavigation_button:hover, .c-date-picker .DayPickerNavigation_button:focus {
  background-color: var(--bg-hover);
}

/* line 490, app/assets/stylesheets/components/forms.scss */
.c-date-picker .DayPickerNavigation_button__disabled {
  opacity: 0.2;
  cursor: not-allowed;
}

/* line 497, app/assets/stylesheets/components/forms.scss */
.c-date-picker__errors {
  color: var(--accent-danger);
}

/* line 5, app/assets/stylesheets/components/autocomplete.scss */
.c-autocomplete__popover {
  font-size: 0.85rem;
  padding: var(--su-1);
  z-index: var(--z-popover);
  width: 250px;
  background: var(--card-bg);
  color: var(--card-color);
  border-radius: var(--radius);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.1);
}

/* line 17, app/assets/stylesheets/components/autocomplete.scss */
.c-autocomplete__option {
  cursor: pointer;
  margin: 0;
  padding: 0.25rem 0.5rem;
  border-bottom: 1px solid var(--base-10);
  padding-top: var(--su-2);
  padding-bottom: var(--su-2);
}

/* line 25, app/assets/stylesheets/components/autocomplete.scss */
.c-autocomplete__option:hover, .c-autocomplete__option[aria-selected='true'] {
  background: var(--link-bg-hover);
}

/* line 29, app/assets/stylesheets/components/autocomplete.scss */
.c-autocomplete__option:hover .crayons-autocomplete__name, .c-autocomplete__option[aria-selected='true'] .crayons-autocomplete__name {
  color: var(--link-color-hover);
}

/* line 34, app/assets/stylesheets/components/autocomplete.scss */
.c-autocomplete__option:last-child {
  border-bottom: none;
}

/* line 39, app/assets/stylesheets/components/autocomplete.scss */
.c-autocomplete__empty {
  display: block;
  margin: var(--su-2);
  color: var(--base-60);
  font-size: var(--fs-s);
}

/* line 51, app/assets/stylesheets/components/autocomplete.scss */
.c-autocomplete--multi__wrapper-border:focus-within .c-autocomplete--multi__input {
  background-color: var(--form-bg-focus);
}

/* line 56, app/assets/stylesheets/components/autocomplete.scss */
.c-autocomplete--multi__input {
  background-color: var(--bg-color);
  color: var(--body-color);
  border: none;
}

/* line 63, app/assets/stylesheets/components/autocomplete.scss */
.c-autocomplete--multi__wrapper-border .c-autocomplete--multi__input {
  background-color: var(--form-bg);
}

/* line 69, app/assets/stylesheets/components/autocomplete.scss */
.c-autocomplete--multi .c-btn.c-autocomplete--multi__selected:first-child, .c-autocomplete--multi .c-date-picker .c-autocomplete--multi__selected.DateRangePickerInput_calendarIcon:first-child, .c-date-picker .c-autocomplete--multi .c-autocomplete--multi__selected.DateRangePickerInput_calendarIcon:first-child, .c-autocomplete--multi .c-date-picker .c-autocomplete--multi__selected.DateRangePickerInput_clearDates:first-child, .c-date-picker .c-autocomplete--multi .c-autocomplete--multi__selected.DateRangePickerInput_clearDates:first-child, .c-autocomplete--multi .c-date-picker .c-autocomplete--multi__selected.DayPickerNavigation_button:first-child, .c-date-picker .c-autocomplete--multi .c-autocomplete--multi__selected.DayPickerNavigation_button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 74, app/assets/stylesheets/components/autocomplete.scss */
.c-autocomplete--multi .c-btn.c-autocomplete--multi__selected:last-child, .c-autocomplete--multi .c-date-picker .c-autocomplete--multi__selected.DateRangePickerInput_calendarIcon:last-child, .c-date-picker .c-autocomplete--multi .c-autocomplete--multi__selected.DateRangePickerInput_calendarIcon:last-child, .c-autocomplete--multi .c-date-picker .c-autocomplete--multi__selected.DateRangePickerInput_clearDates:last-child, .c-date-picker .c-autocomplete--multi .c-autocomplete--multi__selected.DateRangePickerInput_clearDates:last-child, .c-autocomplete--multi .c-date-picker .c-autocomplete--multi__selected.DayPickerNavigation_button:last-child, .c-date-picker .c-autocomplete--multi .c-autocomplete--multi__selected.DayPickerNavigation_button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 79, app/assets/stylesheets/components/autocomplete.scss */
.c-autocomplete--multi .c-btn.c-autocomplete--multi__selected:last-child:hover, .c-autocomplete--multi .c-date-picker .c-autocomplete--multi__selected.DateRangePickerInput_calendarIcon:last-child:hover, .c-date-picker .c-autocomplete--multi .c-autocomplete--multi__selected.DateRangePickerInput_calendarIcon:last-child:hover, .c-autocomplete--multi .c-date-picker .c-autocomplete--multi__selected.DateRangePickerInput_clearDates:last-child:hover, .c-date-picker .c-autocomplete--multi .c-autocomplete--multi__selected.DateRangePickerInput_clearDates:last-child:hover, .c-autocomplete--multi .c-date-picker .c-autocomplete--multi__selected.DayPickerNavigation_button:last-child:hover, .c-date-picker .c-autocomplete--multi .c-autocomplete--multi__selected.DayPickerNavigation_button:last-child:hover, .c-autocomplete--multi .c-btn.c-autocomplete--multi__selected:last-child:focus-visible, .c-autocomplete--multi .c-date-picker .c-autocomplete--multi__selected.DateRangePickerInput_calendarIcon:last-child:focus-visible, .c-date-picker .c-autocomplete--multi .c-autocomplete--multi__selected.DateRangePickerInput_calendarIcon:last-child:focus-visible, .c-autocomplete--multi .c-date-picker .c-autocomplete--multi__selected.DateRangePickerInput_clearDates:last-child:focus-visible, .c-date-picker .c-autocomplete--multi .c-autocomplete--multi__selected.DateRangePickerInput_clearDates:last-child:focus-visible, .c-autocomplete--multi .c-date-picker .c-autocomplete--multi__selected.DayPickerNavigation_button:last-child:focus-visible, .c-date-picker .c-autocomplete--multi .c-autocomplete--multi__selected.DayPickerNavigation_button:last-child:focus-visible {
  color: var(--accent-danger);
}

/* line 85, app/assets/stylesheets/components/autocomplete.scss */
.c-autocomplete--multi .c-autocomplete--multi__popover {
  position: relative;
  max-height: 200px;
  overflow: auto;
  width: 100%;
  padding: var(--su-1);
  z-index: var(--z-elevate);
  background: var(--card-bg);
  color: var(--card-color);
  border-radius: var(--radius);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.1);
  border: none;
}

/* line 99, app/assets/stylesheets/components/autocomplete.scss */
.c-autocomplete--multi .c-autocomplete--multi__popover [role='option'] {
  cursor: pointer;
}

/* line 102, app/assets/stylesheets/components/autocomplete.scss */
.c-autocomplete--multi .c-autocomplete--multi__popover [role='option']:hover, .c-autocomplete--multi .c-autocomplete--multi__popover [role='option'][aria-selected='true'] {
  background: var(--link-bg-hover);
  color: var(--link-color-hover);
}

/***********************************************
** TagAutocompleteOption/Selection styles ***
***********************************************/
/* line 115, app/assets/stylesheets/components/autocomplete.scss */
.c-autocomplete--multi__top-tags-heading {
  padding: var(--su-3);
  font-size: var(--fs-l);
  border-bottom: 1px solid var(--base-20);
}

/* line 122, app/assets/stylesheets/components/autocomplete.scss */
.c-autocomplete--multi__tag-selection .c-btn, .c-autocomplete--multi__tag-selection .c-date-picker .DateRangePickerInput_calendarIcon, .c-date-picker .c-autocomplete--multi__tag-selection .DateRangePickerInput_calendarIcon, .c-autocomplete--multi__tag-selection .c-date-picker .DateRangePickerInput_clearDates, .c-date-picker .c-autocomplete--multi__tag-selection .DateRangePickerInput_clearDates, .c-autocomplete--multi__tag-selection .c-date-picker .DayPickerNavigation_button, .c-date-picker .c-autocomplete--multi__tag-selection .DayPickerNavigation_button {
  color: var(--base-80);
  background-color: var(--tag-bg);
}

/* line 127, app/assets/stylesheets/components/autocomplete.scss */
.c-autocomplete--multi__tag-selection .c-btn:hover:enabled, .c-autocomplete--multi__tag-selection .c-date-picker .DateRangePickerInput_calendarIcon:hover:enabled, .c-date-picker .c-autocomplete--multi__tag-selection .DateRangePickerInput_calendarIcon:hover:enabled, .c-autocomplete--multi__tag-selection .c-date-picker .DateRangePickerInput_clearDates:hover:enabled, .c-date-picker .c-autocomplete--multi__tag-selection .DateRangePickerInput_clearDates:hover:enabled, .c-autocomplete--multi__tag-selection .c-date-picker .DayPickerNavigation_button:hover:enabled, .c-date-picker .c-autocomplete--multi__tag-selection .DayPickerNavigation_button:hover:enabled,
.c-autocomplete--multi__tag-selection .c-btn:focus-visible:enabled,
.c-autocomplete--multi__tag-selection .c-date-picker .DateRangePickerInput_calendarIcon:focus-visible:enabled,
.c-date-picker .c-autocomplete--multi__tag-selection .DateRangePickerInput_calendarIcon:focus-visible:enabled,
.c-autocomplete--multi__tag-selection .c-date-picker .DateRangePickerInput_clearDates:focus-visible:enabled,
.c-date-picker .c-autocomplete--multi__tag-selection .DateRangePickerInput_clearDates:focus-visible:enabled,
.c-autocomplete--multi__tag-selection .c-date-picker .DayPickerNavigation_button:focus-visible:enabled,
.c-date-picker .c-autocomplete--multi__tag-selection .DayPickerNavigation_button:focus-visible:enabled {
  color: var(--base-80);
  background-color: var(--tag-bg-hover);
}

/* line 134, app/assets/stylesheets/components/autocomplete.scss */
.c-autocomplete--multi__tag-prefix {
  color: var(--tag-prefix);
}

/* line 138, app/assets/stylesheets/components/autocomplete.scss */
.c-autocomplete--multi__tag-option {
  background: var(--card-bg);
  color: var(--card-color);
  padding: var(--su-3);
  border-radius: var(--radius);
}

/* line 145, app/assets/stylesheets/components/autocomplete.scss */
.c-autocomplete--multi__tag-option-title {
  font-weight: var(--fw-medium);
}

/* line 149, app/assets/stylesheets/components/autocomplete.scss */
.c-autocomplete--multi__tag-option-name {
  text-overflow: ellipsis;
}

/* line 153, app/assets/stylesheets/components/autocomplete.scss */
.c-autocomplete--multi__tag-option:hover {
  --tag-prefix: var(--accent-brand-darker) !important;
  background: var(--body-bg);
}

/* line 158, app/assets/stylesheets/components/autocomplete.scss */
.c-autocomplete--multi__tag-option:hover .c-autocomplete--multi__tag-option-title {
  color: var(--accent-brand-darker);
}

/* line 164, app/assets/stylesheets/components/autocomplete.scss */
.c-autocomplete--multi [aria-selected='true'] .c-autocomplete--multi__tag-option {
  --tag-prefix: var(--accent-brand-darker) !important;
  background: var(--body-bg);
}

/* line 168, app/assets/stylesheets/components/autocomplete.scss */
.c-autocomplete--multi [aria-selected='true'] .c-autocomplete--multi__tag-option .c-autocomplete--multi__tag-option-title {
  color: var(--accent-brand-darker);
}

/* line 174, app/assets/stylesheets/components/autocomplete.scss */
.c-autocomplete--multi__tag-option-image {
  height: 1rem;
  margin-left: var(--su-1);
}

/* line 15, app/assets/stylesheets/components/avatars.scss */
.crayons-avatar {
  display: inline-block;
  border-radius: 100%;
  position: relative;
  background-color: var(--card-color-tertiary);
  width: var(--su-6);
  height: var(--su-6);
  overflow: hidden;
  vertical-align: middle;
  flex-shrink: 0;
}

/* line 26, app/assets/stylesheets/components/avatars.scss */
.crayons-avatar__image {
  border-radius: 100%;
  width: 100%;
  height: 100%;
  display: inline-block;
  vertical-align: bottom;
}

/* line 34, app/assets/stylesheets/components/avatars.scss */
.crayons-avatar::after {
  content: '';
  border: 1px solid var(--body-color);
  opacity: 0.15;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 100%;
  pointer-events: none;
}

/* line 47, app/assets/stylesheets/components/avatars.scss */
.crayons-avatar--l {
  width: var(--su-7);
  height: var(--su-7);
}

/* line 52, app/assets/stylesheets/components/avatars.scss */
.crayons-avatar--xl {
  width: var(--su-8);
  height: var(--su-8);
}

/* line 57, app/assets/stylesheets/components/avatars.scss */
.crayons-avatar--2xl {
  width: var(--su-9);
  height: var(--su-9);
}

/* line 62, app/assets/stylesheets/components/avatars.scss */
.crayons-avatar--3xl {
  width: var(--su-10);
  height: var(--su-10);
}

@media (min-width: 640px) {
  /* line 70, app/assets/stylesheets/components/avatars.scss */
  .s\:crayons-avatar--l {
    width: var(--su-7);
    height: var(--su-7);
  }
  /* line 75, app/assets/stylesheets/components/avatars.scss */
  .s\:crayons-avatar--xl {
    width: var(--su-8);
    height: var(--su-8);
  }
  /* line 80, app/assets/stylesheets/components/avatars.scss */
  .s\:crayons-avatar--2xl {
    width: var(--su-9);
    height: var(--su-9);
  }
  /* line 85, app/assets/stylesheets/components/avatars.scss */
  .s\:crayons-avatar--3xl {
    width: var(--su-10);
    height: var(--su-10);
  }
}

@media (min-width: 768px) {
  /* line 94, app/assets/stylesheets/components/avatars.scss */
  .m\:crayons-avatar--l {
    width: var(--su-7);
    height: var(--su-7);
  }
  /* line 99, app/assets/stylesheets/components/avatars.scss */
  .m\:crayons-avatar--xl {
    width: var(--su-8);
    height: var(--su-8);
  }
  /* line 104, app/assets/stylesheets/components/avatars.scss */
  .m\:crayons-avatar--2xl {
    width: var(--su-9);
    height: var(--su-9);
  }
  /* line 109, app/assets/stylesheets/components/avatars.scss */
  .m\:crayons-avatar--3xl {
    width: var(--su-10);
    height: var(--su-10);
  }
}

@media (min-width: 1024px) {
  /* line 118, app/assets/stylesheets/components/avatars.scss */
  .l\:crayons-avatar--l {
    width: var(--su-7);
    height: var(--su-7);
  }
  /* line 123, app/assets/stylesheets/components/avatars.scss */
  .l\:crayons-avatar--xl {
    width: var(--su-8);
    height: var(--su-8);
  }
  /* line 128, app/assets/stylesheets/components/avatars.scss */
  .l\:crayons-avatar--2xl {
    width: var(--su-9);
    height: var(--su-9);
  }
  /* line 133, app/assets/stylesheets/components/avatars.scss */
  .l\:crayons-avatar--3xl {
    width: var(--su-10);
    height: var(--su-10);
  }
}

/* line 15, app/assets/stylesheets/components/avatars.scss */
.crayons-logo {
  display: inline-block;
  border-radius: var(--radius);
  position: relative;
  background-color: var(--body-color-inverted);
  width: var(--su-6);
  height: var(--su-6);
  overflow: hidden;
  vertical-align: middle;
  flex-shrink: 0;
}

/* line 26, app/assets/stylesheets/components/avatars.scss */
.crayons-logo__image {
  border-radius: var(--radius);
  width: 100%;
  height: 100%;
  display: inline-block;
  vertical-align: bottom;
}

/* line 34, app/assets/stylesheets/components/avatars.scss */
.crayons-logo::after {
  content: '';
  border: 1px solid var(--body-color);
  opacity: 0.15;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: var(--radius);
  pointer-events: none;
}

/* line 47, app/assets/stylesheets/components/avatars.scss */
.crayons-logo--l {
  width: var(--su-7);
  height: var(--su-7);
}

/* line 52, app/assets/stylesheets/components/avatars.scss */
.crayons-logo--xl {
  width: var(--su-8);
  height: var(--su-8);
}

/* line 57, app/assets/stylesheets/components/avatars.scss */
.crayons-logo--2xl {
  width: var(--su-9);
  height: var(--su-9);
}

/* line 62, app/assets/stylesheets/components/avatars.scss */
.crayons-logo--3xl {
  width: var(--su-10);
  height: var(--su-10);
}

@media (min-width: 640px) {
  /* line 70, app/assets/stylesheets/components/avatars.scss */
  .s\:crayons-logo--l {
    width: var(--su-7);
    height: var(--su-7);
  }
  /* line 75, app/assets/stylesheets/components/avatars.scss */
  .s\:crayons-logo--xl {
    width: var(--su-8);
    height: var(--su-8);
  }
  /* line 80, app/assets/stylesheets/components/avatars.scss */
  .s\:crayons-logo--2xl {
    width: var(--su-9);
    height: var(--su-9);
  }
  /* line 85, app/assets/stylesheets/components/avatars.scss */
  .s\:crayons-logo--3xl {
    width: var(--su-10);
    height: var(--su-10);
  }
}

@media (min-width: 768px) {
  /* line 94, app/assets/stylesheets/components/avatars.scss */
  .m\:crayons-logo--l {
    width: var(--su-7);
    height: var(--su-7);
  }
  /* line 99, app/assets/stylesheets/components/avatars.scss */
  .m\:crayons-logo--xl {
    width: var(--su-8);
    height: var(--su-8);
  }
  /* line 104, app/assets/stylesheets/components/avatars.scss */
  .m\:crayons-logo--2xl {
    width: var(--su-9);
    height: var(--su-9);
  }
  /* line 109, app/assets/stylesheets/components/avatars.scss */
  .m\:crayons-logo--3xl {
    width: var(--su-10);
    height: var(--su-10);
  }
}

@media (min-width: 1024px) {
  /* line 118, app/assets/stylesheets/components/avatars.scss */
  .l\:crayons-logo--l {
    width: var(--su-7);
    height: var(--su-7);
  }
  /* line 123, app/assets/stylesheets/components/avatars.scss */
  .l\:crayons-logo--xl {
    width: var(--su-8);
    height: var(--su-8);
  }
  /* line 128, app/assets/stylesheets/components/avatars.scss */
  .l\:crayons-logo--2xl {
    width: var(--su-9);
    height: var(--su-9);
  }
  /* line 133, app/assets/stylesheets/components/avatars.scss */
  .l\:crayons-logo--3xl {
    width: var(--su-10);
    height: var(--su-10);
  }
}

/* line 3, app/assets/stylesheets/components/banners.scss */
.crayons-banner {
  padding: var(--su-4);
  border-bottom: 1px solid;
  text-align: center;
  font-size: var(--fs-base);
  background: var(--base-90);
  color: var(--base-0);
}

/* line 11, app/assets/stylesheets/components/banners.scss */
.crayons-banner a {
  color: var(--body-color-inverted);
}

/* line 15, app/assets/stylesheets/components/banners.scss */
.crayons-banner--brand {
  background: var(--accent-brand);
  border-bottom-color: var(--accent-brand-darker);
}

/* line 19, app/assets/stylesheets/components/banners.scss */
.crayons-banner--brand a {
  color: var(--body-color-inverted);
}

/* line 24, app/assets/stylesheets/components/banners.scss */
.crayons-banner--success {
  background: var(--accent-success);
  border-bottom-color: var(--accent-success-darker);
  color: var(--body-color);
}

/* line 29, app/assets/stylesheets/components/banners.scss */
.crayons-banner--success a {
  color: var(--body-color);
}

/* line 34, app/assets/stylesheets/components/banners.scss */
.crayons-banner--warning {
  background: var(--accent-warning);
  border-bottom-color: var(--accent-warning-darker);
  color: var(--body-color);
}

/* line 39, app/assets/stylesheets/components/banners.scss */
.crayons-banner--warning a {
  color: var(--body-color);
}

/* line 44, app/assets/stylesheets/components/banners.scss */
.crayons-banner--error {
  background: var(--accent-danger);
  border-bottom-color: var(--accent-danger-darker);
  color: var(--body-color-inverted);
}

/* line 49, app/assets/stylesheets/components/banners.scss */
.crayons-banner--error a {
  color: var(--body-color-inverted);
}

/* line 54, app/assets/stylesheets/components/banners.scss */
.crayons-banner a {
  text-decoration: underline;
}

/* line 59, app/assets/stylesheets/components/banners.scss */
.c-banner {
  background: var(--banner-bg);
  color: RGB(var(--banner-color));
  padding: var(--su-6) var(--su-3);
  text-align: center;
  position: relative;
  overflow: hidden;
}

@media (min-width: 768px) {
  /* line 59, app/assets/stylesheets/components/banners.scss */
  .c-banner {
    padding: var(--su-7) 0;
  }
}

/* line 71, app/assets/stylesheets/components/banners.scss */
.c-banner p {
  color: rgba(var(--banner-color), 0.75);
}

/* line 75, app/assets/stylesheets/components/banners.scss */
.c-banner__header {
  max-width: 768px;
  margin: 0 auto;
  width: 100%;
}

/* line 81, app/assets/stylesheets/components/banners.scss */
.c-banner__cells {
  padding-top: var(--su-4);
  display: flex;
  flex-direction: column;
  gap: var(--su-6);
}

@media (min-width: 768px) {
  /* line 81, app/assets/stylesheets/components/banners.scss */
  .c-banner__cells {
    padding-top: var(--su-6);
    flex-direction: row;
    gap: var(--su-8);
  }
}

/* line 94, app/assets/stylesheets/components/banners.scss */
.c-banner__cell {
  flex: 1 auto;
}

/* line 3, app/assets/stylesheets/components/buttons.scss */
.crayons-btn, input[type='file']::file-selector-button {
  --brand-apple-bg: #000;
  --brand-apple-color: #fff;
  --brand-apple-bg-hover: #1b1b1b;
  --brand-twitter-bg: #151616;
  --brand-twitter-color: #fff;
  --brand-twitter-bg-hover: #323436;
  --brand-github-bg: #24292e;
  --brand-github-color: #fff;
  --brand-github-bg-hover: #000;
  --brand-facebook-bg: #4267b2;
  --brand-facebook-color: #fff;
  --brand-facebook-bg-hover: #476fbf;
  --brand-forem-bg: #0a3e4a;
  --brand-forem-color: #fff;
  --brand-forem-bg-hover: #05313b;
  --brand-email-bg: #24292e;
  --brand-email-color: #fff;
  --brand-email-bg-hover: #000;
  --brand-google_oauth2-bg: #1da1f2;
  --brand-google_oauth2-color: #fff;
  --brand-google_oauth2-bg-hover: #0096f2;
}

/* line 34, app/assets/stylesheets/components/buttons.scss */
.crayons-btn, input[type='file']::file-selector-button {
  --border-width: 1px;
  --shadow-color: rgba(0, 0, 0, 0.05);
  --vertical-padding: var(--su-2);
  --horizontal-padding: var(--su-4);
  --font-size: var(--fs-base);
  --with-icon-padding: var(--su-3);
  --icon-margin: var(--su-2);
  position: relative;
  display: inline-block;
  padding: calc(var(--vertical-padding) - var(--border-width)) calc(var(--horizontal-padding) - var(--border-width));
  border-radius: var(--radius);
  font-family: inherit;
  font-size: var(--font-size);
  line-height: var(--su-6);
  font-weight: var(--fw-medium);
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-props);
  border: var(--border-width) solid;
  overflow-wrap: normal;
  --bg: var(--button-primary-bg);
  --bg-hover: var(--button-primary-bg-hover);
  --border: transparent;
  --border-hover: transparent;
  --color: var(--button-primary-color);
  --color-hover: var(--button-primary-color-hover);
  --shadow: 0 1px 3px var(--shadow-color);
  --shadow-hover: 0 2px 5px var(--shadow-color);
  --bg-inverted: var(--button-primary-inverted-bg);
  --bg-inverted-hover: var(--button-primary-inverted-bg-hover);
  --color-inverted: var(--button-primary-inverted-color);
  --color-inverted-hover: var(--button-primary-inverted-color-hover);
  background-color: var(--bg);
  border-color: var(--border);
  box-shadow: var(--shadow);
  color: var(--color);
}

/* line 79, app/assets/stylesheets/components/buttons.scss */
.js-focus-visible .crayons-btn.focus-visible:focus, .js-focus-visible input.focus-visible[type='file']:focus::file-selector-button, .crayons-btn:is(label):focus-within, input[type='file']:is(label):focus-within::file-selector-button {
  background-color: var(--bg-hover);
  color: var(--color-hover);
  z-index: var(--z-elevate);
}

/* line 86, app/assets/stylesheets/components/buttons.scss */
.js-focus-visible .crayons-btn.focus-visible:focus, .js-focus-visible input.focus-visible[type='file']:focus::file-selector-button, .crayons-btn:is(label):focus-within, input[type='file']:is(label):focus-within::file-selector-button {
  box-shadow: var(--focus-ring);
  outline: 0;
}

/* line 92, app/assets/stylesheets/components/buttons.scss */
.crayons-btn[href]:hover, input[href][type='file']:hover::file-selector-button, .crayons-btn[href]:focus, input[href][type='file']:focus::file-selector-button, .crayons-btn:hover:enabled, input[type='file']:hover:enabled::file-selector-button, .crayons-btn:active:enabled, input[type='file']:active:enabled::file-selector-button {
  background-color: var(--bg-hover);
  border-color: var(--border-hover);
  box-shadow: var(--shadow-hover);
  color: var(--color-hover);
  z-index: var(--z-elevate);
}

/* line 103, app/assets/stylesheets/components/buttons.scss */
.crayons-btn.crayons-btn--inverted, input.crayons-btn--inverted[type='file']::file-selector-button {
  --bg: var(--bg-inverted);
  --bg-hover: var(--bg-inverted-hover);
  --border: var(--border-inverted);
  --border-hover: var(--border-inverted-hover);
  --color: var(--color-inverted);
  --color-hover: var(--color-inverted-hover);
}

/* line 112, app/assets/stylesheets/components/buttons.scss */
.crayons-btn[disabled], input[disabled][type='file']::file-selector-button {
  opacity: 0.6;
  cursor: not-allowed;
}

/* line 117, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--s {
  --vertical-padding: var(--su-1);
  --horizontal-padding: var(--su-3);
  --font-size: var(--fs-s);
  --with-icon-padding: var(--su-2);
  --icon-margin: var(--su-1);
  font-weight: normal;
}

/* line 126, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--l {
  --vertical-padding: var(--su-3);
  --horizontal-padding: var(--su-5);
  --with-icon-padding: var(--su-3);
  --icon-margin: var(--su-2);
}

/* line 133, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--xl {
  --vertical-padding: var(--su-4);
  --horizontal-padding: var(--su-6);
  --font-size: var(--fs-l);
  --with-icon-padding: var(--su-5);
  --icon-margin: var(--su-3);
}

/* line 143, app/assets/stylesheets/components/buttons.scss */
.crayons-btn > *, input[type='file']::file-selector-button > * {
  pointer-events: none;
}

/* line 145, app/assets/stylesheets/components/buttons.scss */
.crayons-btn > * + input, input[type='file']::file-selector-button > * + input {
  pointer-events: revert;
}

/* line 151, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--secondary, input[type='file']::file-selector-button {
  --bg: var(--button-secondary-bg);
  --bg-hover: var(--button-secondary-bg-hover);
  --color: var(--button-secondary-color);
  --color-hover: var(--button-secondary-color-hover);
}

/* line 158, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--outlined {
  --bg: var(--button-outlined-bg);
  --bg-hover: var(--button-outlined-bg-hover);
  --border: var(--button-outlined-border);
  --border-hover: var(--button-outlined-border-hover);
  --color: var(--button-outlined-color);
  --color-hover: var(--button-outlined-color-hover);
  --border-width: 1px;
}

/* line 169, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--danger {
  --bg: var(--accent-danger);
  --bg-hover: var(--accent-danger-darker);
  --color: var(--base-inverted);
  --color-hover: var(--base-inverted);
  --bg-inverted: var(--accent-danger);
  --bg-inverted-hover: var(--accent-danger-darker);
  --color-inverted: var(--base-inverted);
  --color-inverted-hover: var(--base-inverted);
}

/* line 180, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--success {
  --bg: var(--accent-success);
  --bg-hover: var(--accent-success-darker);
  --color: var(--base-inverted);
  --color-hover: var(--base-inverted);
  --bg-inverted: var(--accent-success);
  --bg-inverted-hover: var(--accent-success-darker);
  --color-inverted: var(--base-inverted);
  --color-inverted-hover: var(--base-inverted);
}

/* line 191, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--warning {
  --bg: var(--accent-warning);
  --bg-hover: var(--accent-warning-darker);
  --color: var(--base-inverted);
  --color-hover: var(--base-inverted);
  --bg-inverted: var(--accent-warning);
  --bg-inverted-hover: var(--accent-warning-darker);
  --color-inverted: var(--base-inverted);
  --color-inverted-hover: var(--base-inverted);
}

/* line 202, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--ghost {
  --bg: var(--button-ghost-bg);
  --bg-hover: var(--button-ghost-bg-hover);
  --color: var(--button-ghost-color);
  --color-hover: var(--button-ghost-color-hover);
  --shadow: none;
  --shadow-hover: none;
  --bg-inverted: var(--button-ghost-inverted-bg);
  --bg-inverted-hover: var(--button-ghost-inverted-bg-hover);
  --color-inverted: var(--button-ghost-inverted-color);
  --color-inverted-hover: var(--button-ghost-inverted-color-hover);
}

/* line 214, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--ghost-brand {
  --bg: var(--button-ghost-bg);
  --bg-hover: var(--button-ghost-bg-hover);
  --color: var(--accent-brand);
  --color-hover: var(--accent-brand-darker);
  --shadow: none;
  --shadow-hover: none;
}

/* line 223, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--ghost-dimmed {
  --bg: var(--button-ghost-bg);
  --bg-hover: var(--button-ghost-bg-hover);
  --color: var(--button-ghost-dimmed-color);
  --color-hover: var(--button-ghost-dimmed-color-hover);
  --shadow: none;
  --shadow-hover: none;
}

/* line 232, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--ghost-success {
  --bg: var(--button-ghost-bg);
  --bg-hover: var(--button-ghost-bg-hover);
  --color: var(--accent-success);
  --color-hover: var(--accent-success-darker);
  --shadow: none;
  --shadow-hover: none;
  --bg-inverted: var(--button-ghost-inverted-bg);
  --bg-inverted-hover: var(--button-ghost-inverted-bg-hover);
  --color-inverted: var(--accent-success);
  --color-inverted-hover: var(--accent-success-darker);
}

/* line 245, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--ghost-danger {
  --bg: var(--button-ghost-bg);
  --bg-hover: var(--button-ghost-bg-hover);
  --color: var(--accent-danger);
  --color-hover: var(--accent-danger-darker);
  --shadow: none;
  --shadow-hover: none;
}

/* line 255, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--brand-apple {
  --bg: var(--brand-apple-bg);
  --bg-hover: var(--brand-apple-bg-hover);
  --color: var(--brand-apple-color);
  --color-hover: var(--brand-apple-color);
  --bg-inverted: var(--brand-apple-bg);
  --bg-inverted-hover: var(--brand-apple-bg-hover);
  --color-inverted: var(--brand-apple-color);
  --color-inverted-hover: var(--brand-apple-color);
}

/* line 266, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--brand-twitter {
  --bg: var(--brand-twitter-bg);
  --bg-hover: var(--brand-twitter-bg-hover);
  --color: var(--brand-twitter-color);
  --color-hover: var(--brand-twitter-color);
  --bg-inverted: var(--brand-twitter-bg);
  --bg-inverted-hover: var(--brand-twitter-bg-hover);
  --color-inverted: var(--brand-twitter-color);
  --color-inverted-hover: var(--brand-twitter-color);
}

/* line 277, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--brand-github {
  --bg: var(--brand-github-bg);
  --bg-hover: var(--brand-github-bg-hover);
  --color: var(--brand-github-color);
  --color-hover: var(--brand-github-color);
  --bg-inverted: var(--brand-github-bg);
  --bg-inverted-hover: var(--brand-github-bg-hover);
  --color-inverted: var(--brand-github-color);
  --color-inverted-hover: var(--brand-github-color);
}

/* line 288, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--brand-facebook {
  --bg: var(--brand-facebook-bg);
  --bg-hover: var(--brand-facebook-bg-hover);
  --color: var(--brand-facebook-color);
  --color-hover: var(--brand-facebook-color);
  --bg-inverted: var(--brand-facebook-bg);
  --bg-inverted-hover: var(--brand-facebook-bg-hover);
  --color-inverted: var(--brand-facebook-color);
  --color-inverted-hover: var(--brand-facebook-color);
}

/* line 299, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--brand-forem {
  --bg: var(--brand-forem-bg);
  --bg-hover: var(--brand-forem-bg-hover);
  --color: var(--brand-forem-color);
  --color-hover: var(--brand-forem-color);
  --bg-inverted: var(--brand-forem-bg);
  --bg-inverted-hover: var(--brand-forem-bg-hover);
  --color-inverted: var(--brand-forem-color);
  --color-inverted-hover: var(--brand-forem-color);
}

/* line 310, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--brand-email {
  --bg: var(--brand-email-bg);
  --bg-hover: var(--brand-email-bg-hover);
  --color: var(--brand-email-color);
  --color-hover: var(--brand-email-color);
  --bg-inverted: var(--brand-email-bg);
  --bg-inverted-hover: var(--brand-email-bg-hover);
  --color-inverted: var(--brand-email-color);
  --color-inverted-hover: var(--brand-email-color);
}

/* line 321, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--brand-google_oauth2 {
  --bg: var(--brand-google_oauth2-bg);
  --bg-hover: var(--brand-google_oauth2-bg-hover);
  --color: var(--brand-google_oauth2-color);
  --color-hover: var(--brand-google_oauth2-color);
  --bg-inverted: var(--brand-google_oauth2-bg);
  --bg-inverted-hover: var(--brand-google_oauth2-bg-hover);
  --color-inverted: var(--brand-google_oauth2-color);
  --color-inverted-hover: var(--brand-google_oauth2-color);
}

/* line 333, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--icon,
.crayons-btn--icon-rounded {
  --horizontal-padding: var(--su-2);
  padding-left: calc(var(--horizontal-padding) - var(--border-width));
  padding-right: calc(var(--horizontal-padding) - var(--border-width));
}

/* line 338, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--icon.crayons-btn--s,
.crayons-btn--icon-rounded.crayons-btn--s {
  --horizontal-padding: var(--su-1);
}

/* line 342, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--icon.crayons-btn--l,
.crayons-btn--icon-rounded.crayons-btn--l {
  --horizontal-padding: var(--su-3);
}

/* line 346, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--icon.crayons-btn--xl,
.crayons-btn--icon-rounded.crayons-btn--xl {
  --horizontal-padding: var(--su-4);
}

/* line 351, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--icon-rounded {
  border-radius: 1000px;
}

/* line 356, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--icon-left {
  padding-left: calc(var(--with-icon-padding) - var(--border-width));
}

/* line 359, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--icon-left .crayons-icon {
  margin-right: var(--icon-margin);
}

/* line 365, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--icon-right {
  padding-right: calc(var(--with-icon-padding) - var(--border-width));
}

/* line 368, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--icon-right .crayons-icon {
  margin-left: var(--icon-margin);
}

/* line 373, app/assets/stylesheets/components/buttons.scss */
.crayons-btn-actions {
  --btn-wrap-gap: var(--su-2);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: calc(0rem - var(--btn-wrap-gap));
  margin-left: calc(0rem - var(--btn-wrap-gap));
}

/* line 382, app/assets/stylesheets/components/buttons.scss */
.crayons-btn-actions .crayons-btn, .crayons-btn-actions input[type='file']::file-selector-button {
  margin-left: var(--btn-wrap-gap);
  margin-bottom: var(--btn-wrap-gap);
}

/* line 389, app/assets/stylesheets/components/buttons.scss */
.crayons-btn-group {
  display: flex;
}

/* line 392, app/assets/stylesheets/components/buttons.scss */
.crayons-btn-group .crayons-btn, .crayons-btn-group input[type='file']::file-selector-button {
  border-radius: 0;
}

/* line 395, app/assets/stylesheets/components/buttons.scss */
.crayons-btn-group .crayons-btn + .crayons-btn:not(.crayons-btn--outlined), .crayons-btn-group input[type='file']::file-selector-button + .crayons-btn:not(.crayons-btn--outlined), .crayons-btn-group .crayons-btn + input[type='file']:not(.crayons-btn--outlined)::file-selector-button, .crayons-btn-group input[type='file']::file-selector-button + input[type='file']:not(.crayons-btn--outlined)::file-selector-button {
  box-shadow: var(--shadow), inset 1px 0 0 rgba(0, 0, 0, 0.1);
  margin-left: -1px;
}

/* line 399, app/assets/stylesheets/components/buttons.scss */
.crayons-btn-group .crayons-btn + .crayons-btn:not(.crayons-btn--outlined):hover, .crayons-btn-group input[type='file']::file-selector-button + .crayons-btn:not(.crayons-btn--outlined):hover, .crayons-btn-group .crayons-btn + input[type='file']:not(.crayons-btn--outlined):hover::file-selector-button, .crayons-btn-group input[type='file']::file-selector-button + input[type='file']:not(.crayons-btn--outlined):hover::file-selector-button {
  box-shadow: var(--shadow-hover), inset 0 0 0 rgba(0, 0, 0, 0.1);
}

/* line 404, app/assets/stylesheets/components/buttons.scss */
.crayons-btn-group .crayons-btn + .crayons-btn--outlined, .crayons-btn-group input[type='file']::file-selector-button + .crayons-btn--outlined {
  margin-left: calc(-1 * var(--border-width));
}

/* line 408, app/assets/stylesheets/components/buttons.scss */
.crayons-btn-group .crayons-btn:first-child, .crayons-btn-group input[type='file']:first-child::file-selector-button {
  border-top-left-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
}

/* line 413, app/assets/stylesheets/components/buttons.scss */
.crayons-btn-group .crayons-btn:last-child, .crayons-btn-group input[type='file']:last-child::file-selector-button {
  border-top-right-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
}

/* line 426, app/assets/stylesheets/components/buttons.scss */
.c-btn, .c-date-picker .DateRangePickerInput_calendarIcon, .c-date-picker .DateRangePickerInput_clearDates, .c-date-picker .DayPickerNavigation_button {
  position: relative;
  display: inline-block;
  padding: var(--su-2) var(--su-4);
  border-radius: var(--radius);
  font: inherit;
  text-align: center;
  cursor: pointer;
  border: none;
  overflow-wrap: normal;
  background-color: var(--bg);
  color: var(--color);
}

/* line 439, app/assets/stylesheets/components/buttons.scss */
.c-btn:hover:enabled, .c-date-picker .DateRangePickerInput_calendarIcon:hover:enabled, .c-date-picker .DateRangePickerInput_clearDates:hover:enabled, .c-date-picker .DayPickerNavigation_button:hover:enabled, .js-focus-visible .c-btn.focus-visible:focus, .js-focus-visible .c-date-picker .focus-visible.DateRangePickerInput_calendarIcon:focus, .c-date-picker .js-focus-visible .focus-visible.DateRangePickerInput_calendarIcon:focus, .js-focus-visible .c-date-picker .focus-visible.DateRangePickerInput_clearDates:focus, .c-date-picker .js-focus-visible .focus-visible.DateRangePickerInput_clearDates:focus, .js-focus-visible .c-date-picker .focus-visible.DayPickerNavigation_button:focus, .c-date-picker .js-focus-visible .focus-visible.DayPickerNavigation_button:focus, .c-btn:is(label):focus-within, .c-date-picker .DateRangePickerInput_calendarIcon:is(label):focus-within, .c-date-picker .DateRangePickerInput_clearDates:is(label):focus-within, .c-date-picker .DayPickerNavigation_button:is(label):focus-within {
  background-color: var(--bg-hover);
  color: var(--color-hover);
  z-index: var(--z-elevate);
}

/* line 447, app/assets/stylesheets/components/buttons.scss */
.js-focus-visible .c-btn.focus-visible:focus, .js-focus-visible .c-date-picker .focus-visible.DateRangePickerInput_calendarIcon:focus, .c-date-picker .js-focus-visible .focus-visible.DateRangePickerInput_calendarIcon:focus, .js-focus-visible .c-date-picker .focus-visible.DateRangePickerInput_clearDates:focus, .c-date-picker .js-focus-visible .focus-visible.DateRangePickerInput_clearDates:focus, .js-focus-visible .c-date-picker .focus-visible.DayPickerNavigation_button:focus, .c-date-picker .js-focus-visible .focus-visible.DayPickerNavigation_button:focus, .c-btn:is(label):focus-within, .c-date-picker .DateRangePickerInput_calendarIcon:is(label):focus-within, .c-date-picker .DateRangePickerInput_clearDates:is(label):focus-within, .c-date-picker .DayPickerNavigation_button:is(label):focus-within {
  box-shadow: var(--focus-ring);
  outline: 0;
}

/* line 453, app/assets/stylesheets/components/buttons.scss */
.c-btn[aria-expanded='true'], .c-date-picker .DateRangePickerInput_calendarIcon[aria-expanded='true'], .c-date-picker .DateRangePickerInput_clearDates[aria-expanded='true'], .c-date-picker .DayPickerNavigation_button[aria-expanded='true'], .c-btn[aria-pressed='true'], .c-date-picker .DateRangePickerInput_calendarIcon[aria-pressed='true'], .c-date-picker .DateRangePickerInput_clearDates[aria-pressed='true'], .c-date-picker .DayPickerNavigation_button[aria-pressed='true'] {
  --bg: var(--btn-current-bg);
  --color: var(--btn-current-color);
  font-weight: var(--fw-bold);
}

/* line 460, app/assets/stylesheets/components/buttons.scss */
.c-btn[disabled], .c-date-picker .DateRangePickerInput_calendarIcon[disabled], .c-date-picker .DateRangePickerInput_clearDates[disabled], .c-date-picker .DayPickerNavigation_button[disabled] {
  opacity: 0.6;
  cursor: not-allowed;
}

/* line 467, app/assets/stylesheets/components/buttons.scss */
.c-btn > *, .c-date-picker .DateRangePickerInput_calendarIcon > *, .c-date-picker .DateRangePickerInput_clearDates > *, .c-date-picker .DayPickerNavigation_button > * {
  pointer-events: none;
}

/* line 469, app/assets/stylesheets/components/buttons.scss */
.c-btn > * + input, .c-date-picker .DateRangePickerInput_calendarIcon > * + input, .c-date-picker .DateRangePickerInput_clearDates > * + input, .c-date-picker .DayPickerNavigation_button > * + input {
  pointer-events: revert;
}

/* line 475, app/assets/stylesheets/components/buttons.scss */
.c-btn, .c-date-picker .DateRangePickerInput_calendarIcon, .c-date-picker .DateRangePickerInput_clearDates, .c-date-picker .DayPickerNavigation_button {
  --bg: var(--btn-bg);
  --bg-hover: var(--btn-bg-hover);
  --color: var(--btn-color);
  --color-hover: var(--btn-color-hover);
}

/* line 481, app/assets/stylesheets/components/buttons.scss */
.c-btn.c-btn--destructive, .c-date-picker .c-btn--destructive.DateRangePickerInput_calendarIcon, .c-date-picker .c-btn--destructive.DateRangePickerInput_clearDates, .c-date-picker .c-btn--destructive.DayPickerNavigation_button {
  --bg: var(--btn-destructive-bg);
  --bg-hover: var(--btn-destructive-bg-hover);
  --color: var(--btn-destructive-color);
  --color-hover: var(--btn-destructive-color-hover);
}

/* line 489, app/assets/stylesheets/components/buttons.scss */
.c-btn--primary {
  --bg: var(--btn-primary-bg);
  --bg-hover: var(--btn-primary-bg-hover);
  --color: var(--btn-primary-color);
  --color-hover: var(--btn-primary-color-hover);
  font-weight: var(--fw-medium);
}

/* line 497, app/assets/stylesheets/components/buttons.scss */
.c-btn--primary.c-btn--destructive {
  --bg: var(--btn-primary-destructive-bg);
  --bg-hover: var(--btn-primary-destructive-bg-hover);
  --color: var(--btn-primary-destructive-color);
  --color-hover: var(--btn-primary-destructive-color-hover);
}

/* line 505, app/assets/stylesheets/components/buttons.scss */
.c-btn--secondary {
  --bg: var(--btn-secondary-bg);
  --bg-hover: var(--btn-secondary-bg-hover);
  --color: var(--btn-secondary-color);
  --color-hover: var(--btn-secondary-color-hover);
}

/* line 512, app/assets/stylesheets/components/buttons.scss */
.c-btn--icon-alone {
  padding: var(--su-2);
}

/* line 517, app/assets/stylesheets/components/buttons.scss */
.c-btn--icon-left .c-btn__icon {
  margin-right: var(--su-2);
  margin-left: calc(var(--su-1) * -1);
}

/* line 3, app/assets/stylesheets/components/cards.scss */
.crayons-card {
  border-radius: var(--radius-auto);
  background: var(--card-bg);
  color: var(--card-color);
  box-shadow: 0 0 0 1px var(--card-secondary-border);
  overflow-wrap: break-word;
  overflow-wrap: anywhere;
}

/* line 12, app/assets/stylesheets/components/cards.scss */
.crayons-card--secondary {
  background: var(--card-bg);
  color: var(--card-secondary-color);
  box-shadow: 0 0 0 1px var(--card-secondary-border);
}

/* line 18, app/assets/stylesheets/components/cards.scss */
.crayons-card--elevated {
  box-shadow: var(--shadow-1);
}

/* line 22, app/assets/stylesheets/components/cards.scss */
.crayons-card--content-rows {
  padding: var(--su-4);
  margin-bottom: var(--su-4);
  grid-gap: var(--su-4);
  display: grid;
}

@media (min-width: 768px) {
  /* line 22, app/assets/stylesheets/components/cards.scss */
  .crayons-card--content-rows {
    padding: var(--su-6);
    margin-bottom: var(--su-6);
    grid-gap: var(--su-6);
  }
}

/* line 35, app/assets/stylesheets/components/cards.scss */
.crayons-card__header {
  padding: var(--su-3) var(--su-4);
  border-bottom: 1px solid var(--body-bg);
}

/* line 40, app/assets/stylesheets/components/cards.scss */
.crayons-card__body {
  padding: var(--su-4);
}

/* line 45, app/assets/stylesheets/components/cards.scss */
.c-card {
  --revealable-opacity: var(--opacity-100);
  border-radius: var(--radius-auto);
  background: var(--card-bg);
  box-shadow: 0 0 0 1px var(--card-border);
  overflow-wrap: break-word;
  overflow-wrap: anywhere;
}

@media (hover: hover) {
  /* line 45, app/assets/stylesheets/components/cards.scss */
  .c-card {
    --revealable-opacity: var(--opacity-0);
  }
}

/* line 59, app/assets/stylesheets/components/cards.scss */
.c-card__revealable {
  opacity: var(--revealable-opacity);
}

/* line 64, app/assets/stylesheets/components/cards.scss */
.c-card--interactive:hover, .c-card--interactive:focus-within {
  --card-border: var(--base-90);
  --card-bg: var(--card-secondary-bg);
  --revealable-opacity: var(--opacity-100);
}

/* line 3, app/assets/stylesheets/components/comments.scss */
.crayons-comment {
  font-size: var(--fs-s);
  padding-bottom: var(--su-3);
  display: flex;
  align-items: flex-start;
  padding-left: var(--su-3);
  margin-right: var(--su-3);
}

/* line 11, app/assets/stylesheets/components/comments.scss */
.crayons-comment__meta {
  display: flex;
  align-items: flex-start;
}

/* line 15, app/assets/stylesheets/components/comments.scss */
.crayons-comment__meta a {
  display: flex;
  align-items: flex-start;
}

/* line 21, app/assets/stylesheets/components/comments.scss */
.crayons-comment__metainner {
  color: var(--base-80);
  margin-bottom: var(--su-1);
}

/* line 26, app/assets/stylesheets/components/comments.scss */
.crayons-comment__body {
  padding-left: var(--su-7);
  width: calc(100% - var(--su-7));
  background: var(--card-tertiary-bg);
  border-radius: var(--radius);
  padding: var(--su-4);
  padding-bottom: var(--su-1);
}

/* line 30, app/assets/stylesheets/components/comments.scss */
.crayons-comment__body:hover {
  background: var(--card-tertiary-bg-hover);
}

@media (min-width: 768px) {
  /* line 26, app/assets/stylesheets/components/comments.scss */
  .crayons-comment__body {
    width: calc(100% - var(--su-7));
  }
}

/* line 42, app/assets/stylesheets/components/comments.scss */
.crayons-comment__body .crayons-comment__inner .c-embed {
  padding-top: var(--su-3);
  padding-bottom: var(--su-1);
}

/* line 46, app/assets/stylesheets/components/comments.scss */
.crayons-comment__body .crayons-comment__inner .c-embed__cover {
  display: none;
}

/* line 49, app/assets/stylesheets/components/comments.scss */
.crayons-comment__body .crayons-comment__inner .c-embed__content {
  display: block;
}

/* line 52, app/assets/stylesheets/components/comments.scss */
.crayons-comment__body .crayons-comment__inner .c-embed__body {
  font-size: var(--fs-s);
}

/* line 55, app/assets/stylesheets/components/comments.scss */
.crayons-comment__body .crayons-comment__inner div
:not(.crayons-comment__readmore)
:not(.highlight__panel-action)
:not(.highlight__panel)
:not(.highlight) {
  background: var(--card-secondary-bg);
}

/* line 62, app/assets/stylesheets/components/comments.scss */
.crayons-comment__body .crayons-comment__inner div:not(.crayons-comment__readmore) {
  margin-bottom: var(--su-3);
}

/* line 66, app/assets/stylesheets/components/comments.scss */
.crayons-comment__body .crayons-comment__inner .liquid-comment .body :not(:first-child) {
  display: none;
}

/* line 70, app/assets/stylesheets/components/comments.scss */
.crayons-comment__body .crayons-comment__inner li > img {
  display: block;
  max-height: 90px;
}

/* line 74, app/assets/stylesheets/components/comments.scss */
.crayons-comment__body .crayons-comment__inner blockquote {
  border-left: 4px solid var(--base-20);
  padding-left: var(--su-2);
}

/* line 78, app/assets/stylesheets/components/comments.scss */
.crayons-comment__body .crayons-comment__inner pre:not(.highlight),
.crayons-comment__body .crayons-comment__inner div.highlight,
.crayons-comment__body .crayons-comment__inner div:not(.highlight) > pre.highlight,
.crayons-comment__body .crayons-comment__inner li pre.highlight,
.crayons-comment__body .crayons-comment__inner blockquote pre.highlight {
  padding: var(--su-2);
}

/* line 86, app/assets/stylesheets/components/comments.scss */
.crayons-comment__body .crayons-comment__readmore {
  color: var(--base-80);
  font-weight: var(--fw-medium);
  margin-bottom: var(--su-1);
  margin-top: -3px;
  padding-bottom: var(--su-1);
}

/* line 93, app/assets/stylesheets/components/comments.scss */
.crayons-comment__body img {
  max-height: 130px;
  border-radius: var(--radius);
  max-width: 220px;
}

/* line 98, app/assets/stylesheets/components/comments.scss */
.crayons-comment__body iframe {
  max-height: 240px;
  border-radius: var(--radius);
  border: 0;
}

/* line 104, app/assets/stylesheets/components/comments.scss */
.crayons-comment__body a:hover {
  text-decoration: underline;
}

/* line 108, app/assets/stylesheets/components/comments.scss */
.crayons-comment__body p {
  margin-bottom: var(--su-3);
}

/* line 112, app/assets/stylesheets/components/comments.scss */
.crayons-comment__body * {
  max-width: 100%;
}

/* line 116, app/assets/stylesheets/components/comments.scss */
.crayons-comment__body div {
  width: auto;
  object-fit: contain;
}

/* line 121, app/assets/stylesheets/components/comments.scss */
.crayons-comment__body pre:not(.highlight),
.crayons-comment__body div:not(.highlight) > pre.highlight,
.crayons-comment__body div.highlight {
  margin: var(--su-1) auto;
  font-size: 90%;
}

/* line 129, app/assets/stylesheets/components/comments.scss */
.crayons-comment + .crayons-comment {
  margin-top: var(--su-1);
}

/* line 7, app/assets/stylesheets/components/ctas.scss */
.c-cta {
  --border-width: 1px;
  padding: calc(var(--su-2) - var(--border-width)) calc(var(--su-4) - var(--border-width));
  border: var(--border-width) solid;
  border-color: var(--border);
  text-decoration: none;
  border-radius: var(--radius);
  font: inherit;
  background-color: var(--bg);
  color: var(--color);
  outline: 0;
  text-align: center;
  display: inline-flex;
  position: relative;
  overflow-wrap: normal;
}

/* line 24, app/assets/stylesheets/components/ctas.scss */
.c-cta:hover, .js-focus-visible .c-cta.focus-visible:focus {
  background-color: var(--bg-hover);
  border-color: var(--border-hover);
  color: var(--color-hover);
  z-index: var(--z-elevate);
  text-decoration: underline;
}

/* line 33, app/assets/stylesheets/components/ctas.scss */
.js-focus-visible .c-cta.focus-visible:focus {
  box-shadow: var(--focus-ring);
}

/* line 38, app/assets/stylesheets/components/ctas.scss */
.c-cta {
  --bg: var(--cta-bg);
  --bg-hover: var(--cta-bg-hover);
  --color: var(--cta-color);
  --color-hover: var(--cta-color-hover);
  --border: var(--cta-border);
  --border-hover: var(--cta-border-hover);
}

/* line 46, app/assets/stylesheets/components/ctas.scss */
.c-cta--branded {
  --bg: var(--cta-branded-bg);
  --bg-hover: var(--cta-branded-bg-hover);
  --color: var(--cta-branded-color);
  --color-hover: var(--cta-branded-color-hover);
  --border: var(--cta-branded-border);
  --border-hover: var(--cta-branded-border-hover);
  font-weight: var(--fw-medium);
}

/* line 59, app/assets/stylesheets/components/ctas.scss */
.c-cta--icon-left .c-cta__icon {
  margin-right: var(--su-2);
  margin-left: calc(var(--su-1) * -1);
}

/* line 3, app/assets/stylesheets/components/dropdowns.scss */
.crayons-dropdown {
  position: absolute;
  top: 100%;
  display: none;
  padding: var(--su-2);
  min-width: 250px;
  margin-top: var(--su-1);
  z-index: var(--z-dropdown);
  background: var(--card-bg);
  color: var(--card-color);
  box-shadow: var(--shadow-1);
  border-radius: var(--radius);
}

@media (min-width: 640px) {
  /* line 3, app/assets/stylesheets/components/dropdowns.scss */
  .crayons-dropdown {
    max-width: 360px;
    width: max-content;
  }
}

/* line 21, app/assets/stylesheets/components/dropdowns.scss */
.crayons-dropdown.reverse {
  bottom: 100%;
  top: unset;
  margin-top: unset;
  margin-bottom: var(--su-1);
}

/* line 1, app/assets/stylesheets/components/editor-toolbar.scss */
.editor-toolbar {
  display: flex;
}

/* line 5, app/assets/stylesheets/components/editor-toolbar.scss */
.editor-toolbar .toolbar-btn .spinner-or-cancel .cancel {
  display: none;
}

/* line 13, app/assets/stylesheets/components/editor-toolbar.scss */
.editor-toolbar .toolbar-btn:hover .spinner-or-cancel .cancel,
.editor-toolbar .toolbar-btn:focus .spinner-or-cancel .cancel {
  display: block;
  color: var(--accent-danger);
}

/* line 18, app/assets/stylesheets/components/editor-toolbar.scss */
.editor-toolbar .toolbar-btn:hover .spinner-or-cancel svg:not(.cancel),
.editor-toolbar .toolbar-btn:focus .spinner-or-cancel svg:not(.cancel) {
  display: none;
}

/* line 3, app/assets/stylesheets/components/buttons.scss */
.crayons-btn, input[type='file']::file-selector-button {
  --brand-apple-bg: #000;
  --brand-apple-color: #fff;
  --brand-apple-bg-hover: #1b1b1b;
  --brand-twitter-bg: #151616;
  --brand-twitter-color: #fff;
  --brand-twitter-bg-hover: #323436;
  --brand-github-bg: #24292e;
  --brand-github-color: #fff;
  --brand-github-bg-hover: #000;
  --brand-facebook-bg: #4267b2;
  --brand-facebook-color: #fff;
  --brand-facebook-bg-hover: #476fbf;
  --brand-forem-bg: #0a3e4a;
  --brand-forem-color: #fff;
  --brand-forem-bg-hover: #05313b;
  --brand-email-bg: #24292e;
  --brand-email-color: #fff;
  --brand-email-bg-hover: #000;
  --brand-google_oauth2-bg: #1da1f2;
  --brand-google_oauth2-color: #fff;
  --brand-google_oauth2-bg-hover: #0096f2;
}

/* line 34, app/assets/stylesheets/components/buttons.scss */
.crayons-btn, input[type='file']::file-selector-button {
  --border-width: 1px;
  --shadow-color: rgba(0, 0, 0, 0.05);
  --vertical-padding: var(--su-2);
  --horizontal-padding: var(--su-4);
  --font-size: var(--fs-base);
  --with-icon-padding: var(--su-3);
  --icon-margin: var(--su-2);
  position: relative;
  display: inline-block;
  padding: calc(var(--vertical-padding) - var(--border-width)) calc(var(--horizontal-padding) - var(--border-width));
  border-radius: var(--radius);
  font-family: inherit;
  font-size: var(--font-size);
  line-height: var(--su-6);
  font-weight: var(--fw-medium);
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-props);
  border: var(--border-width) solid;
  overflow-wrap: normal;
  --bg: var(--button-primary-bg);
  --bg-hover: var(--button-primary-bg-hover);
  --border: transparent;
  --border-hover: transparent;
  --color: var(--button-primary-color);
  --color-hover: var(--button-primary-color-hover);
  --shadow: 0 1px 3px var(--shadow-color);
  --shadow-hover: 0 2px 5px var(--shadow-color);
  --bg-inverted: var(--button-primary-inverted-bg);
  --bg-inverted-hover: var(--button-primary-inverted-bg-hover);
  --color-inverted: var(--button-primary-inverted-color);
  --color-inverted-hover: var(--button-primary-inverted-color-hover);
  background-color: var(--bg);
  border-color: var(--border);
  box-shadow: var(--shadow);
  color: var(--color);
}

/* line 79, app/assets/stylesheets/components/buttons.scss */
.js-focus-visible .crayons-btn.focus-visible:focus, .js-focus-visible input.focus-visible[type='file']:focus::file-selector-button, .crayons-btn:is(label):focus-within, input[type='file']:is(label):focus-within::file-selector-button {
  background-color: var(--bg-hover);
  color: var(--color-hover);
  z-index: var(--z-elevate);
}

/* line 86, app/assets/stylesheets/components/buttons.scss */
.js-focus-visible .crayons-btn.focus-visible:focus, .js-focus-visible input.focus-visible[type='file']:focus::file-selector-button, .crayons-btn:is(label):focus-within, input[type='file']:is(label):focus-within::file-selector-button {
  box-shadow: var(--focus-ring);
  outline: 0;
}

/* line 92, app/assets/stylesheets/components/buttons.scss */
.crayons-btn[href]:hover, input[href][type='file']:hover::file-selector-button, .crayons-btn[href]:focus, input[href][type='file']:focus::file-selector-button, .crayons-btn:hover:enabled, input[type='file']:hover:enabled::file-selector-button, .crayons-btn:active:enabled, input[type='file']:active:enabled::file-selector-button {
  background-color: var(--bg-hover);
  border-color: var(--border-hover);
  box-shadow: var(--shadow-hover);
  color: var(--color-hover);
  z-index: var(--z-elevate);
}

/* line 103, app/assets/stylesheets/components/buttons.scss */
.crayons-btn.crayons-btn--inverted, input.crayons-btn--inverted[type='file']::file-selector-button {
  --bg: var(--bg-inverted);
  --bg-hover: var(--bg-inverted-hover);
  --border: var(--border-inverted);
  --border-hover: var(--border-inverted-hover);
  --color: var(--color-inverted);
  --color-hover: var(--color-inverted-hover);
}

/* line 112, app/assets/stylesheets/components/buttons.scss */
.crayons-btn[disabled], input[disabled][type='file']::file-selector-button {
  opacity: 0.6;
  cursor: not-allowed;
}

/* line 117, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--s {
  --vertical-padding: var(--su-1);
  --horizontal-padding: var(--su-3);
  --font-size: var(--fs-s);
  --with-icon-padding: var(--su-2);
  --icon-margin: var(--su-1);
  font-weight: normal;
}

/* line 126, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--l {
  --vertical-padding: var(--su-3);
  --horizontal-padding: var(--su-5);
  --with-icon-padding: var(--su-3);
  --icon-margin: var(--su-2);
}

/* line 133, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--xl {
  --vertical-padding: var(--su-4);
  --horizontal-padding: var(--su-6);
  --font-size: var(--fs-l);
  --with-icon-padding: var(--su-5);
  --icon-margin: var(--su-3);
}

/* line 143, app/assets/stylesheets/components/buttons.scss */
.crayons-btn > *, input[type='file']::file-selector-button > * {
  pointer-events: none;
}

/* line 145, app/assets/stylesheets/components/buttons.scss */
.crayons-btn > * + input, input[type='file']::file-selector-button > * + input {
  pointer-events: revert;
}

/* line 151, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--secondary, input[type='file']::file-selector-button {
  --bg: var(--button-secondary-bg);
  --bg-hover: var(--button-secondary-bg-hover);
  --color: var(--button-secondary-color);
  --color-hover: var(--button-secondary-color-hover);
}

/* line 158, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--outlined {
  --bg: var(--button-outlined-bg);
  --bg-hover: var(--button-outlined-bg-hover);
  --border: var(--button-outlined-border);
  --border-hover: var(--button-outlined-border-hover);
  --color: var(--button-outlined-color);
  --color-hover: var(--button-outlined-color-hover);
  --border-width: 1px;
}

/* line 169, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--danger {
  --bg: var(--accent-danger);
  --bg-hover: var(--accent-danger-darker);
  --color: var(--base-inverted);
  --color-hover: var(--base-inverted);
  --bg-inverted: var(--accent-danger);
  --bg-inverted-hover: var(--accent-danger-darker);
  --color-inverted: var(--base-inverted);
  --color-inverted-hover: var(--base-inverted);
}

/* line 180, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--success {
  --bg: var(--accent-success);
  --bg-hover: var(--accent-success-darker);
  --color: var(--base-inverted);
  --color-hover: var(--base-inverted);
  --bg-inverted: var(--accent-success);
  --bg-inverted-hover: var(--accent-success-darker);
  --color-inverted: var(--base-inverted);
  --color-inverted-hover: var(--base-inverted);
}

/* line 191, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--warning {
  --bg: var(--accent-warning);
  --bg-hover: var(--accent-warning-darker);
  --color: var(--base-inverted);
  --color-hover: var(--base-inverted);
  --bg-inverted: var(--accent-warning);
  --bg-inverted-hover: var(--accent-warning-darker);
  --color-inverted: var(--base-inverted);
  --color-inverted-hover: var(--base-inverted);
}

/* line 202, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--ghost {
  --bg: var(--button-ghost-bg);
  --bg-hover: var(--button-ghost-bg-hover);
  --color: var(--button-ghost-color);
  --color-hover: var(--button-ghost-color-hover);
  --shadow: none;
  --shadow-hover: none;
  --bg-inverted: var(--button-ghost-inverted-bg);
  --bg-inverted-hover: var(--button-ghost-inverted-bg-hover);
  --color-inverted: var(--button-ghost-inverted-color);
  --color-inverted-hover: var(--button-ghost-inverted-color-hover);
}

/* line 214, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--ghost-brand {
  --bg: var(--button-ghost-bg);
  --bg-hover: var(--button-ghost-bg-hover);
  --color: var(--accent-brand);
  --color-hover: var(--accent-brand-darker);
  --shadow: none;
  --shadow-hover: none;
}

/* line 223, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--ghost-dimmed {
  --bg: var(--button-ghost-bg);
  --bg-hover: var(--button-ghost-bg-hover);
  --color: var(--button-ghost-dimmed-color);
  --color-hover: var(--button-ghost-dimmed-color-hover);
  --shadow: none;
  --shadow-hover: none;
}

/* line 232, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--ghost-success {
  --bg: var(--button-ghost-bg);
  --bg-hover: var(--button-ghost-bg-hover);
  --color: var(--accent-success);
  --color-hover: var(--accent-success-darker);
  --shadow: none;
  --shadow-hover: none;
  --bg-inverted: var(--button-ghost-inverted-bg);
  --bg-inverted-hover: var(--button-ghost-inverted-bg-hover);
  --color-inverted: var(--accent-success);
  --color-inverted-hover: var(--accent-success-darker);
}

/* line 245, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--ghost-danger {
  --bg: var(--button-ghost-bg);
  --bg-hover: var(--button-ghost-bg-hover);
  --color: var(--accent-danger);
  --color-hover: var(--accent-danger-darker);
  --shadow: none;
  --shadow-hover: none;
}

/* line 255, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--brand-apple {
  --bg: var(--brand-apple-bg);
  --bg-hover: var(--brand-apple-bg-hover);
  --color: var(--brand-apple-color);
  --color-hover: var(--brand-apple-color);
  --bg-inverted: var(--brand-apple-bg);
  --bg-inverted-hover: var(--brand-apple-bg-hover);
  --color-inverted: var(--brand-apple-color);
  --color-inverted-hover: var(--brand-apple-color);
}

/* line 266, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--brand-twitter {
  --bg: var(--brand-twitter-bg);
  --bg-hover: var(--brand-twitter-bg-hover);
  --color: var(--brand-twitter-color);
  --color-hover: var(--brand-twitter-color);
  --bg-inverted: var(--brand-twitter-bg);
  --bg-inverted-hover: var(--brand-twitter-bg-hover);
  --color-inverted: var(--brand-twitter-color);
  --color-inverted-hover: var(--brand-twitter-color);
}

/* line 277, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--brand-github {
  --bg: var(--brand-github-bg);
  --bg-hover: var(--brand-github-bg-hover);
  --color: var(--brand-github-color);
  --color-hover: var(--brand-github-color);
  --bg-inverted: var(--brand-github-bg);
  --bg-inverted-hover: var(--brand-github-bg-hover);
  --color-inverted: var(--brand-github-color);
  --color-inverted-hover: var(--brand-github-color);
}

/* line 288, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--brand-facebook {
  --bg: var(--brand-facebook-bg);
  --bg-hover: var(--brand-facebook-bg-hover);
  --color: var(--brand-facebook-color);
  --color-hover: var(--brand-facebook-color);
  --bg-inverted: var(--brand-facebook-bg);
  --bg-inverted-hover: var(--brand-facebook-bg-hover);
  --color-inverted: var(--brand-facebook-color);
  --color-inverted-hover: var(--brand-facebook-color);
}

/* line 299, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--brand-forem {
  --bg: var(--brand-forem-bg);
  --bg-hover: var(--brand-forem-bg-hover);
  --color: var(--brand-forem-color);
  --color-hover: var(--brand-forem-color);
  --bg-inverted: var(--brand-forem-bg);
  --bg-inverted-hover: var(--brand-forem-bg-hover);
  --color-inverted: var(--brand-forem-color);
  --color-inverted-hover: var(--brand-forem-color);
}

/* line 310, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--brand-email {
  --bg: var(--brand-email-bg);
  --bg-hover: var(--brand-email-bg-hover);
  --color: var(--brand-email-color);
  --color-hover: var(--brand-email-color);
  --bg-inverted: var(--brand-email-bg);
  --bg-inverted-hover: var(--brand-email-bg-hover);
  --color-inverted: var(--brand-email-color);
  --color-inverted-hover: var(--brand-email-color);
}

/* line 321, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--brand-google_oauth2 {
  --bg: var(--brand-google_oauth2-bg);
  --bg-hover: var(--brand-google_oauth2-bg-hover);
  --color: var(--brand-google_oauth2-color);
  --color-hover: var(--brand-google_oauth2-color);
  --bg-inverted: var(--brand-google_oauth2-bg);
  --bg-inverted-hover: var(--brand-google_oauth2-bg-hover);
  --color-inverted: var(--brand-google_oauth2-color);
  --color-inverted-hover: var(--brand-google_oauth2-color);
}

/* line 333, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--icon,
.crayons-btn--icon-rounded {
  --horizontal-padding: var(--su-2);
  padding-left: calc(var(--horizontal-padding) - var(--border-width));
  padding-right: calc(var(--horizontal-padding) - var(--border-width));
}

/* line 338, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--icon.crayons-btn--s,
.crayons-btn--icon-rounded.crayons-btn--s {
  --horizontal-padding: var(--su-1);
}

/* line 342, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--icon.crayons-btn--l,
.crayons-btn--icon-rounded.crayons-btn--l {
  --horizontal-padding: var(--su-3);
}

/* line 346, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--icon.crayons-btn--xl,
.crayons-btn--icon-rounded.crayons-btn--xl {
  --horizontal-padding: var(--su-4);
}

/* line 351, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--icon-rounded {
  border-radius: 1000px;
}

/* line 356, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--icon-left {
  padding-left: calc(var(--with-icon-padding) - var(--border-width));
}

/* line 359, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--icon-left .crayons-icon {
  margin-right: var(--icon-margin);
}

/* line 365, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--icon-right {
  padding-right: calc(var(--with-icon-padding) - var(--border-width));
}

/* line 368, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--icon-right .crayons-icon {
  margin-left: var(--icon-margin);
}

/* line 373, app/assets/stylesheets/components/buttons.scss */
.crayons-btn-actions {
  --btn-wrap-gap: var(--su-2);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: calc(0rem - var(--btn-wrap-gap));
  margin-left: calc(0rem - var(--btn-wrap-gap));
}

/* line 382, app/assets/stylesheets/components/buttons.scss */
.crayons-btn-actions .crayons-btn, .crayons-btn-actions input[type='file']::file-selector-button {
  margin-left: var(--btn-wrap-gap);
  margin-bottom: var(--btn-wrap-gap);
}

/* line 389, app/assets/stylesheets/components/buttons.scss */
.crayons-btn-group {
  display: flex;
}

/* line 392, app/assets/stylesheets/components/buttons.scss */
.crayons-btn-group .crayons-btn, .crayons-btn-group input[type='file']::file-selector-button {
  border-radius: 0;
}

/* line 395, app/assets/stylesheets/components/buttons.scss */
.crayons-btn-group .crayons-btn + .crayons-btn:not(.crayons-btn--outlined), .crayons-btn-group input[type='file']::file-selector-button + .crayons-btn:not(.crayons-btn--outlined), .crayons-btn-group .crayons-btn + input[type='file']:not(.crayons-btn--outlined)::file-selector-button, .crayons-btn-group input[type='file']::file-selector-button + input[type='file']:not(.crayons-btn--outlined)::file-selector-button {
  box-shadow: var(--shadow), inset 1px 0 0 rgba(0, 0, 0, 0.1);
  margin-left: -1px;
}

/* line 399, app/assets/stylesheets/components/buttons.scss */
.crayons-btn-group .crayons-btn + .crayons-btn:not(.crayons-btn--outlined):hover, .crayons-btn-group input[type='file']::file-selector-button + .crayons-btn:not(.crayons-btn--outlined):hover, .crayons-btn-group .crayons-btn + input[type='file']:not(.crayons-btn--outlined):hover::file-selector-button, .crayons-btn-group input[type='file']::file-selector-button + input[type='file']:not(.crayons-btn--outlined):hover::file-selector-button {
  box-shadow: var(--shadow-hover), inset 0 0 0 rgba(0, 0, 0, 0.1);
}

/* line 404, app/assets/stylesheets/components/buttons.scss */
.crayons-btn-group .crayons-btn + .crayons-btn--outlined, .crayons-btn-group input[type='file']::file-selector-button + .crayons-btn--outlined {
  margin-left: calc(-1 * var(--border-width));
}

/* line 408, app/assets/stylesheets/components/buttons.scss */
.crayons-btn-group .crayons-btn:first-child, .crayons-btn-group input[type='file']:first-child::file-selector-button {
  border-top-left-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
}

/* line 413, app/assets/stylesheets/components/buttons.scss */
.crayons-btn-group .crayons-btn:last-child, .crayons-btn-group input[type='file']:last-child::file-selector-button {
  border-top-right-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
}

/* line 426, app/assets/stylesheets/components/buttons.scss */
.c-btn, .c-date-picker .DateRangePickerInput_calendarIcon, .c-date-picker .DateRangePickerInput_clearDates, .c-date-picker .DayPickerNavigation_button {
  position: relative;
  display: inline-block;
  padding: var(--su-2) var(--su-4);
  border-radius: var(--radius);
  font: inherit;
  text-align: center;
  cursor: pointer;
  border: none;
  overflow-wrap: normal;
  background-color: var(--bg);
  color: var(--color);
}

/* line 439, app/assets/stylesheets/components/buttons.scss */
.c-btn:hover:enabled, .c-date-picker .DateRangePickerInput_calendarIcon:hover:enabled, .c-date-picker .DateRangePickerInput_clearDates:hover:enabled, .c-date-picker .DayPickerNavigation_button:hover:enabled, .js-focus-visible .c-btn.focus-visible:focus, .js-focus-visible .c-date-picker .focus-visible.DateRangePickerInput_calendarIcon:focus, .c-date-picker .js-focus-visible .focus-visible.DateRangePickerInput_calendarIcon:focus, .js-focus-visible .c-date-picker .focus-visible.DateRangePickerInput_clearDates:focus, .c-date-picker .js-focus-visible .focus-visible.DateRangePickerInput_clearDates:focus, .js-focus-visible .c-date-picker .focus-visible.DayPickerNavigation_button:focus, .c-date-picker .js-focus-visible .focus-visible.DayPickerNavigation_button:focus, .c-btn:is(label):focus-within, .c-date-picker .DateRangePickerInput_calendarIcon:is(label):focus-within, .c-date-picker .DateRangePickerInput_clearDates:is(label):focus-within, .c-date-picker .DayPickerNavigation_button:is(label):focus-within {
  background-color: var(--bg-hover);
  color: var(--color-hover);
  z-index: var(--z-elevate);
}

/* line 447, app/assets/stylesheets/components/buttons.scss */
.js-focus-visible .c-btn.focus-visible:focus, .js-focus-visible .c-date-picker .focus-visible.DateRangePickerInput_calendarIcon:focus, .c-date-picker .js-focus-visible .focus-visible.DateRangePickerInput_calendarIcon:focus, .js-focus-visible .c-date-picker .focus-visible.DateRangePickerInput_clearDates:focus, .c-date-picker .js-focus-visible .focus-visible.DateRangePickerInput_clearDates:focus, .js-focus-visible .c-date-picker .focus-visible.DayPickerNavigation_button:focus, .c-date-picker .js-focus-visible .focus-visible.DayPickerNavigation_button:focus, .c-btn:is(label):focus-within, .c-date-picker .DateRangePickerInput_calendarIcon:is(label):focus-within, .c-date-picker .DateRangePickerInput_clearDates:is(label):focus-within, .c-date-picker .DayPickerNavigation_button:is(label):focus-within {
  box-shadow: var(--focus-ring);
  outline: 0;
}

/* line 453, app/assets/stylesheets/components/buttons.scss */
.c-btn[aria-expanded='true'], .c-date-picker .DateRangePickerInput_calendarIcon[aria-expanded='true'], .c-date-picker .DateRangePickerInput_clearDates[aria-expanded='true'], .c-date-picker .DayPickerNavigation_button[aria-expanded='true'], .c-btn[aria-pressed='true'], .c-date-picker .DateRangePickerInput_calendarIcon[aria-pressed='true'], .c-date-picker .DateRangePickerInput_clearDates[aria-pressed='true'], .c-date-picker .DayPickerNavigation_button[aria-pressed='true'] {
  --bg: var(--btn-current-bg);
  --color: var(--btn-current-color);
  font-weight: var(--fw-bold);
}

/* line 460, app/assets/stylesheets/components/buttons.scss */
.c-btn[disabled], .c-date-picker .DateRangePickerInput_calendarIcon[disabled], .c-date-picker .DateRangePickerInput_clearDates[disabled], .c-date-picker .DayPickerNavigation_button[disabled] {
  opacity: 0.6;
  cursor: not-allowed;
}

/* line 467, app/assets/stylesheets/components/buttons.scss */
.c-btn > *, .c-date-picker .DateRangePickerInput_calendarIcon > *, .c-date-picker .DateRangePickerInput_clearDates > *, .c-date-picker .DayPickerNavigation_button > * {
  pointer-events: none;
}

/* line 469, app/assets/stylesheets/components/buttons.scss */
.c-btn > * + input, .c-date-picker .DateRangePickerInput_calendarIcon > * + input, .c-date-picker .DateRangePickerInput_clearDates > * + input, .c-date-picker .DayPickerNavigation_button > * + input {
  pointer-events: revert;
}

/* line 475, app/assets/stylesheets/components/buttons.scss */
.c-btn, .c-date-picker .DateRangePickerInput_calendarIcon, .c-date-picker .DateRangePickerInput_clearDates, .c-date-picker .DayPickerNavigation_button {
  --bg: var(--btn-bg);
  --bg-hover: var(--btn-bg-hover);
  --color: var(--btn-color);
  --color-hover: var(--btn-color-hover);
}

/* line 481, app/assets/stylesheets/components/buttons.scss */
.c-btn.c-btn--destructive, .c-date-picker .c-btn--destructive.DateRangePickerInput_calendarIcon, .c-date-picker .c-btn--destructive.DateRangePickerInput_clearDates, .c-date-picker .c-btn--destructive.DayPickerNavigation_button {
  --bg: var(--btn-destructive-bg);
  --bg-hover: var(--btn-destructive-bg-hover);
  --color: var(--btn-destructive-color);
  --color-hover: var(--btn-destructive-color-hover);
}

/* line 489, app/assets/stylesheets/components/buttons.scss */
.c-btn--primary {
  --bg: var(--btn-primary-bg);
  --bg-hover: var(--btn-primary-bg-hover);
  --color: var(--btn-primary-color);
  --color-hover: var(--btn-primary-color-hover);
  font-weight: var(--fw-medium);
}

/* line 497, app/assets/stylesheets/components/buttons.scss */
.c-btn--primary.c-btn--destructive {
  --bg: var(--btn-primary-destructive-bg);
  --bg-hover: var(--btn-primary-destructive-bg-hover);
  --color: var(--btn-primary-destructive-color);
  --color-hover: var(--btn-primary-destructive-color-hover);
}

/* line 505, app/assets/stylesheets/components/buttons.scss */
.c-btn--secondary {
  --bg: var(--btn-secondary-bg);
  --bg-hover: var(--btn-secondary-bg-hover);
  --color: var(--btn-secondary-color);
  --color-hover: var(--btn-secondary-color-hover);
}

/* line 512, app/assets/stylesheets/components/buttons.scss */
.c-btn--icon-alone {
  padding: var(--su-2);
}

/* line 517, app/assets/stylesheets/components/buttons.scss */
.c-btn--icon-left .c-btn__icon {
  margin-right: var(--su-2);
  margin-left: calc(var(--su-1) * -1);
}

/* line 5, app/assets/stylesheets/components/forms.scss */
.crayons-textfield, .crayons-checkbox,
.crayons-radio, .crayons-select, .c-date-picker .DateRangePickerInput {
  --border-width: 1.5px;
  background-color: var(--form-bg);
  border: var(--border-width) solid var(--form-border);
  color: var(--body-color);
  appearance: none;
  -webkit-appearance: none;
  border-radius: var(--radius);
  transition: all var(--transition-props);
}

/* line 15, app/assets/stylesheets/components/forms.scss */
.crayons-textfield:hover, .crayons-checkbox:hover,
.crayons-radio:hover, .crayons-select:hover, .c-date-picker .DateRangePickerInput:hover {
  border-color: var(--form-border-hover);
}

/* line 19, app/assets/stylesheets/components/forms.scss */
.c-input--multi__wrapper-border:focus-within, .crayons-textfield:focus, .crayons-select:focus, .c-date-picker .DateRangePickerInput:focus, .c-autocomplete--multi__wrapper-border:focus-within {
  background-color: var(--form-bg-focus);
  border-color: var(--focus);
  box-shadow: 0 0 0 1px var(--focus);
}

/* line 25, app/assets/stylesheets/components/forms.scss */
.crayons-textfield--disabled, .crayons-textfield[disabled], .crayons-checkbox--disabled, .crayons-checkbox[disabled],
.crayons-radio--disabled,
.crayons-radio[disabled], .crayons-checkbox--checked--disabled, .crayons-checkbox--checked[disabled], .crayons-checkbox:checked--disabled,
.crayons-radio--checked--disabled,
.crayons-radio--checked[disabled],
.crayons-radio:checked--disabled, .crayons-select--disabled, .crayons-select[disabled], .c-date-picker .DateRangePickerInput[disabled] {
  opacity: 0.6;
}

/* line 29, app/assets/stylesheets/components/forms.scss */
.crayons-checkbox--checked, .crayons-checkbox:checked,
.crayons-radio--checked,
.crayons-radio:checked {
  background-color: var(--form-border-focus);
  border-color: var(--form-border-focus);
  color: var(--form-bg-focus);
  background-position: center center;
  background-repeat: no-repeat;
}

/* line 39, app/assets/stylesheets/components/forms.scss */
.crayons-textfield, .c-date-picker .DateRangePickerInput {
  line-height: var(--lh-base);
  padding: calc(0.5em - var(--border-width)) 0.5em;
  font-family: inherit;
  font-size: var(--fs-base);
  width: 100%;
  resize: vertical;
}

/* line 48, app/assets/stylesheets/components/forms.scss */
.crayons-textfield::placeholder, .c-date-picker .DateRangePickerInput::placeholder {
  color: var(--form-placeholder-color);
}

/* line 65, app/assets/stylesheets/components/forms.scss */
.crayons-textfield::-ms-clear, .c-date-picker .DateRangePickerInput::-ms-clear {
  display: none;
}

/* line 69, app/assets/stylesheets/components/forms.scss */
.crayons-textfield::-webkit-date-and-time-value, .c-date-picker .DateRangePickerInput::-webkit-date-and-time-value {
  min-height: 1.5em;
}

/* line 73, app/assets/stylesheets/components/forms.scss */
.crayons-textfield--icon {
  padding-left: var(--su-7);
}

/* line 79, app/assets/stylesheets/components/forms.scss */
.crayons-checkbox,
.crayons-radio {
  width: 1.125em;
  height: 1.125em;
  cursor: pointer;
  background-position: center center;
  vertical-align: middle;
  flex-shrink: 0;
}

/* line 93, app/assets/stylesheets/components/forms.scss */
.crayons-checkbox--disabled, .crayons-checkbox[disabled],
.crayons-radio--disabled,
.crayons-radio[disabled] {
  cursor: not-allowed;
}

/* line 99, app/assets/stylesheets/components/forms.scss */
.crayons-checkbox--checked, .crayons-checkbox:checked,
.crayons-radio--checked,
.crayons-radio:checked {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.157.933a.75.75 0 01.077 1.058L4.817 9.407a.75.75 0 01-1.134 0L.766 6.037a.75.75 0 011.135-.982L4.25 7.77l5.85-6.76a.75.75 0 011.057-.077z' fill='%23fff'/%3E%3C/svg%3E");
}

/* line 112, app/assets/stylesheets/components/forms.scss */
.crayons-radio {
  border-radius: 50%;
}

/* line 115, app/assets/stylesheets/components/forms.scss */
.crayons-radio--checked, .crayons-radio:checked {
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='6' height='6' rx='3' fill='%23fff'/%3E%3C/svg%3E");
}

/* line 123, app/assets/stylesheets/components/forms.scss */
.crayons-select {
  line-height: var(--lh-base);
  padding: calc(0.5em - var(--border-width)) 0.5em;
  padding-right: var(--su-7);
  font-family: inherit;
  font-size: var(--fs-base);
  width: 100%;
  position: relative;
  outline: none;
  background-image: var(--select-icon);
  background-position: calc(100% - var(--su-2)) calc(50% - 1px);
  background-repeat: no-repeat;
}

/* line 150, app/assets/stylesheets/components/forms.scss */
.crayons-select::-ms-clear {
  display: none;
}

/* line 154, app/assets/stylesheets/components/forms.scss */
.crayons-select.disabled {
  background-color: #f2f2f2;
  color: #888888;
  pointer-events: none;
  cursor: not-allowed;
}

/* line 165, app/assets/stylesheets/components/forms.scss */
.crayons-field {
  display: flex;
  flex-flow: column;
  font-size: var(--fs-base);
}

/* line 172, app/assets/stylesheets/components/forms.scss */
.crayons-field__label {
  color: var(--label-primary);
  font-weight: var(--fw-medium);
}

/* line 176, app/assets/stylesheets/components/forms.scss */
.crayons-field__label + .crayons-field__description {
  margin-top: 0;
}

/* line 180, app/assets/stylesheets/components/forms.scss */
.crayons-field__label.required:after {
  content: '*';
}

/* line 185, app/assets/stylesheets/components/forms.scss */
.crayons-field__required {
  color: var(--accent-danger);
  padding: 0 var(--su-1);
  display: inline-block;
}

/* line 191, app/assets/stylesheets/components/forms.scss */
.crayons-field__description {
  color: var(--label-secondary);
  font-size: var(--fs-s);
  font-weight: var(--fw-normal);
  margin: 0;
}

/* line 198, app/assets/stylesheets/components/forms.scss */
.crayons-field > * + * {
  margin-top: var(--su-2);
}

/* line 202, app/assets/stylesheets/components/forms.scss */
.crayons-field--checkbox, .crayons-field--radio {
  display: grid;
  grid-template-columns: 1.5em 1fr;
  grid-gap: var(--su-2);
  border-radius: var(--radius);
  transition: all var(--transition-props);
}

/* line 210, app/assets/stylesheets/components/forms.scss */
.crayons-field--checkbox:hover, .crayons-field--radio:hover {
  background: var(--body-bg);
  box-shadow: 0 0 0 var(--su-1) var(--body-bg);
}

/* line 215, app/assets/stylesheets/components/forms.scss */
.crayons-field--checkbox .crayons-field__label, .crayons-field--radio .crayons-field__label {
  margin-top: 0;
  padding-right: var(--su-2);
}

/* line 223, app/assets/stylesheets/components/forms.scss */
.crayons-field .crayons-checkbox,
.crayons-field .crayons-radio {
  margin: 0.1875em;
  justify-self: center;
}

/* line 235, app/assets/stylesheets/components/forms.scss */
.crayons-fields {
  display: flex;
  flex-flow: column;
}

/* line 241, app/assets/stylesheets/components/forms.scss */
.crayons-fields:not(.crayons-fields--horizontal) > .crayons-field + .crayons-field {
  margin-top: var(--su-4);
}

/* line 246, app/assets/stylesheets/components/forms.scss */
.crayons-fields--horizontal {
  flex-flow: row;
  flex-wrap: wrap;
}

/* line 250, app/assets/stylesheets/components/forms.scss */
.crayons-fields--horizontal > .crayons-field:not(:last-child) {
  margin-right: var(--su-4);
}

/* line 258, app/assets/stylesheets/components/forms.scss */
.crayons-textfield--ghost, .crayons-textfield--ghost:hover, .crayons-textfield--ghost:focus, .crayons-textfield--ghost[disabled] {
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  outline: none;
  width: 100%;
  box-shadow: none;
  resize: none;
  transition: none;
}

/* line 274, app/assets/stylesheets/components/forms.scss */
textarea.crayons-textfield.crayons-textfield--ghost, .c-date-picker textarea.crayons-textfield--ghost.DateRangePickerInput {
  white-space: pre-wrap;
}

/* line 278, app/assets/stylesheets/components/forms.scss */
.c-color-picker {
  --swatch-width: var(--su-7);
  --swatch-height: var(--su-7);
  --input-padding-left: calc(var(--swatch-width) + var(--su-3));
}

/* line 283, app/assets/stylesheets/components/forms.scss */
.c-color-picker__input {
  padding-left: var(--input-padding-left);
}

/* line 287, app/assets/stylesheets/components/forms.scss */
.c-color-picker__swatch {
  width: var(--swatch-width);
  height: var(--swatch-height);
  border: 1px solid var(--swatch-border-color);
  top: var(--su-1);
  left: var(--su-1);
  z-index: var(--z-elevate);
}

/* line 296, app/assets/stylesheets/components/forms.scss */
.c-color-picker__popover {
  min-width: min-content;
}

/* line 299, app/assets/stylesheets/components/forms.scss */
.c-color-picker__popover .react-colorful {
  padding: var(--su-2);
  border-radius: var(--radius);
  background: var(--card-bg);
  box-shadow: var(--shadow-1);
  width: 220px;
  height: 160px;
}

/* line 307, app/assets/stylesheets/components/forms.scss */
.c-color-picker__popover .react-colorful__pointer {
  cursor: pointer;
}

/* line 311, app/assets/stylesheets/components/forms.scss */
.c-color-picker__popover .react-colorful__saturation {
  margin: 0 0 var(--su-2) 0;
  border-radius: var(--radius);
}

/* line 316, app/assets/stylesheets/components/forms.scss */
.c-color-picker__popover .react-colorful__saturation-pointer {
  width: var(--fs-s);
  height: var(--fs-s);
  border: 2px solid var(--card-bg);
  border-radius: 50%;
}

/* line 323, app/assets/stylesheets/components/forms.scss */
.c-color-picker__popover .react-colorful__hue {
  height: var(--fs-xs);
  border-radius: var(--radius);
}

/* line 328, app/assets/stylesheets/components/forms.scss */
.c-color-picker__popover .react-colorful__hue-pointer {
  border: 2px solid var(--card-bg);
  border-radius: 1px;
  width: var(--fs-s);
  height: calc(100% + 8px);
}

/* line 342, app/assets/stylesheets/components/forms.scss */
.c-date-picker .DateRangePickerInput {
  padding: var(--su-1) var(--su-2);
}

/* line 347, app/assets/stylesheets/components/forms.scss */
.c-date-picker .DateRangePickerInput_calendarIcon {
  padding: 0;
}

/* line 352, app/assets/stylesheets/components/forms.scss */
.c-date-picker .DateRangePickerInput .DateInput_input {
  background-color: var(--form-bg);
  color: var(--body-color);
  font-size: var(--fs-base);
}

/* line 357, app/assets/stylesheets/components/forms.scss */
.c-date-picker .DateRangePickerInput .DateInput_input__focused {
  border-bottom-color: var(--focus);
}

/* line 362, app/assets/stylesheets/components/forms.scss */
.c-date-picker .DateRangePickerInput_arrow_svg {
  fill: var(--body-color);
}

/* line 366, app/assets/stylesheets/components/forms.scss */
.c-date-picker .DateRangePickerInput_clearDates {
  position: absolute;
  padding: var(--su-2);
}

/* line 371, app/assets/stylesheets/components/forms.scss */
.c-date-picker .DateRangePickerInput_clearDates:hover, .c-date-picker .DateRangePickerInput_clearDates:focus-visible {
  border-radius: var(--radius);
}

/* line 379, app/assets/stylesheets/components/forms.scss */
.c-date-picker--error .DateRangePickerInput {
  border-color: var(--accent-danger);
}

/* line 385, app/assets/stylesheets/components/forms.scss */
.c-date-picker .DateRangePicker:focus-within .DateRangePickerInput {
  border-color: var(--focus);
}

/* line 390, app/assets/stylesheets/components/forms.scss */
.c-date-picker .CalendarDay {
  border-color: var(--date-border-color);
}

/* line 393, app/assets/stylesheets/components/forms.scss */
.c-date-picker .CalendarDay__default:hover {
  background-color: transparent;
  position: relative;
}

/* line 398, app/assets/stylesheets/components/forms.scss */
.c-date-picker .CalendarDay__default:hover::after {
  border: 1px solid var(--hover-date-border-color);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
}

/* line 409, app/assets/stylesheets/components/forms.scss */
.c-date-picker .CalendarDay__today {
  color: var(--current-date-color);
}

/* line 414, app/assets/stylesheets/components/forms.scss */
.c-date-picker .CalendarDay__selected_span {
  background: var(--selected-range-bg);
  color: var(--selected-range-color);
  border-color: var(--selected-date-border);
}

/* line 419, app/assets/stylesheets/components/forms.scss */
.c-date-picker .CalendarDay__selected_span:active, .c-date-picker .CalendarDay__selected_span:hover {
  background: var(--selected-range-bg);
  color: var(--fs-base);
  border-color: var(--selected-date-border);
}

/* line 428, app/assets/stylesheets/components/forms.scss */
.c-date-picker .CalendarDay__selected {
  background: var(--selected-date-bg);
  color: var(--selected-date-color);
}

/* line 432, app/assets/stylesheets/components/forms.scss */
.c-date-picker .CalendarDay__selected:hover {
  background: var(--selected-date-bg);
  color: var(--selected-date-color);
  border-color: var(--selected-date-border);
}

/* line 440, app/assets/stylesheets/components/forms.scss */
.c-date-picker .CalendarDay__hovered_span, .c-date-picker .CalendarDay__hovered_span:hover {
  background: var(--selected-range-bg);
  color: var(--selected-range-color);
  border-color: var(--selected-date-border);
}

/* line 448, app/assets/stylesheets/components/forms.scss */
.c-date-picker .CalendarMonthGrid__vertical {
  margin-top: var(--su-2);
}

/* line 451, app/assets/stylesheets/components/forms.scss */
.c-date-picker .CalendarMonthGrid__vertical .c-date-picker__month {
  margin-top: var(--su-2);
}

/* line 456, app/assets/stylesheets/components/forms.scss */
.c-date-picker .CalendarMonthGrid__vertical .CalendarMonth_caption {
  padding-bottom: var(--su-2);
  padding-top: var(--su-3);
}

/* line 465, app/assets/stylesheets/components/forms.scss */
.c-date-picker .DayPickerKeyboardShortcuts_buttonReset::before {
  border-right-color: var(--accent-brand);
}

/* line 469, app/assets/stylesheets/components/forms.scss */
.c-date-picker .DayPickerKeyboardShortcuts_buttonReset:hover::before {
  border-right-color: var(--accent-brand-lighter);
}

/* line 474, app/assets/stylesheets/components/forms.scss */
.c-date-picker .DayPickerNavigation {
  display: flex;
  justify-content: space-between;
}

/* line 478, app/assets/stylesheets/components/forms.scss */
.c-date-picker .DayPickerNavigation_button {
  margin: var(--su-6) var(--su-3) 0 var(--su-3);
  height: min-content;
  padding: var(--su-1);
}

/* line 485, app/assets/stylesheets/components/forms.scss */
.c-date-picker .DayPickerNavigation_button:hover, .c-date-picker .DayPickerNavigation_button:focus {
  background-color: var(--bg-hover);
}

/* line 490, app/assets/stylesheets/components/forms.scss */
.c-date-picker .DayPickerNavigation_button__disabled {
  opacity: 0.2;
  cursor: not-allowed;
}

/* line 497, app/assets/stylesheets/components/forms.scss */
.c-date-picker__errors {
  color: var(--accent-danger);
}

/* line 1, app/assets/stylesheets/components/toggles.scss */
.c-toggle {
  --size: 1.5em;
  --padding: 2px;
  height: calc(var(--size) - var(--padding) * 2);
  padding: var(--padding);
  box-sizing: content-box;
  aspect-ratio: 2 / 1;
  border-radius: var(--size);
  -webkit-appearance: none;
  appearance: none;
  flex-shrink: 0;
  cursor: pointer;
  position: relative;
  background: var(--toggle-rail-bg);
  transition: var(--transition-props);
}

/* line 17, app/assets/stylesheets/components/toggles.scss */
.c-toggle::after {
  content: '';
  height: 100%;
  aspect-ratio: 1;
  background: var(--toggle-knob-bg);
  z-index: var(--z-elevate);
  display: block;
  border-radius: var(--size);
  transition: var(--transition-props);
  box-shadow: 0 0 0 1px rgba(var(--black), 0.05), 0 2px 3px rgba(var(--black), 0.2);
}

/* line 30, app/assets/stylesheets/components/toggles.scss */
.c-toggle:checked {
  background: var(--toggle-rail-checked-bg);
}

/* line 33, app/assets/stylesheets/components/toggles.scss */
.c-toggle:checked::after {
  transform: translateX(100%);
}

/* line 38, app/assets/stylesheets/components/toggles.scss */
.c-toggle:focus-visible {
  box-shadow: var(--focus-ring);
  outline: 0;
}

/* line 43, app/assets/stylesheets/components/toggles.scss */
.c-toggle[disabled] {
  opacity: 0.6;
  cursor: not-allowed;
}

/* line 3, app/assets/stylesheets/components/hamburger.scss */
.hamburger {
  position: fixed;
  inset: 0;
  z-index: var(--z-drawer);
  display: none;
}

/* line 9, app/assets/stylesheets/components/hamburger.scss */
.hamburger__content {
  background: var(--card-bg);
  max-width: var(--layout-drawer-width);
  width: 90%;
  z-index: var(--z-elevate);
  position: fixed;
  height: 100%;
  overflow-y: auto;
}

/* line 18, app/assets/stylesheets/components/hamburger.scss */
.hamburger__content__header {
  min-height: var(--header-height);
  display: flex;
  align-items: center;
  padding: 0 var(--su-2) 0 var(--su-4);
  justify-content: space-between;
}

/* line 27, app/assets/stylesheets/components/hamburger.scss */
.hamburger__overlay {
  background: var(--base-100);
  opacity: 0.5;
  position: absolute;
  inset: 0;
}

/* line 34, app/assets/stylesheets/components/hamburger.scss */
body[data-left-nav-state='open'] .hamburger {
  display: block;
}

@media (min-width: 768px) {
  /* line 34, app/assets/stylesheets/components/hamburger.scss */
  body[data-left-nav-state='open'] .hamburger {
    display: none;
  }
}

@media (max-width: 768px) {
  /* line 42, app/assets/stylesheets/components/hamburger.scss */
  body[data-left-nav-state='open'] {
    overflow: hidden;
  }
}

/* line 1, app/assets/stylesheets/components/skip-link.scss */
.skip-content-link {
  position: absolute;
  left: 50%;
  background: var(--body-color);
  color: var(--body-color-inverted);
  z-index: var(--z-popover);
  padding: var(--su-3) var(--su-4);
  pointer-events: none;
  border-radius: var(--radius);
  transform: translate(-50%, -200%);
  transition: transform var(--transition-props);
  opacity: var(--opacity-0);
}

/* line 15, app/assets/stylesheets/components/skip-link.scss */
.js-focus-visible .skip-content-link:focus:not(.focus-visible) {
  visibility: hidden;
}

/* line 19, app/assets/stylesheets/components/skip-link.scss */
.js-focus-visible .skip-content-link:focus {
  pointer-events: auto;
  transform: translate(-50%, var(--su-1));
  outline: none;
  opacity: var(--opacity-1);
  box-shadow: var(--focus-ring);
}

/* line 4, app/assets/stylesheets/components/header.scss */
.crayons-header {
  height: var(--header-height);
  background: var(--header-bg);
  box-shadow: 0 1px 1px var(--header-shadow);
  z-index: var(--z-sticky);
}

/* line 10, app/assets/stylesheets/components/header.scss */
.default-header .crayons-header {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
}

/* line 17, app/assets/stylesheets/components/header.scss */
.crayons-header__container {
  max-width: var(--site-width);
  padding: 0 var(--layout-padding);
  margin: auto;
  display: flex;
  align-items: center;
  position: relative;
  height: var(--header-height);
}

/* line 27, app/assets/stylesheets/components/header.scss */
.crayons-header .c-indicator {
  position: absolute;
  top: calc(var(--su-1) * -1);
  right: 0;
  box-shadow: 0 0 0 2px var(--header-bg);
}

/* line 36, app/assets/stylesheets/components/header.scss */
.crayons-header--search {
  max-width: 680px;
  flex: 1 auto;
  margin: 0 var(--su-2);
  display: none;
}

@media (min-width: 768px) {
  /* line 36, app/assets/stylesheets/components/header.scss */
  .crayons-header--search {
    margin: 0 var(--su-4);
    display: block;
  }
}

/* line 46, app/assets/stylesheets/components/header.scss */
.crayons-header--search .crayons-header--search-input {
  padding-left: 40px;
  padding-right: 142px;
}

/* line 53, app/assets/stylesheets/components/header.scss */
.main-search-page .crayons-textfield, .main-search-page .c-date-picker .DateRangePickerInput, .c-date-picker .main-search-page .DateRangePickerInput {
  padding-left: 40px;
}

/* line 58, app/assets/stylesheets/components/header.scss */
.crayons-header--search-typeahead {
  border: 1px solid var(--base-20);
  border-radius: var(--radius);
  background: var(--card-bg);
  position: absolute;
  box-shadow: var(--shadow-smooth);
  top: 41px;
  left: 0;
  right: 0;
}

/* line 67, app/assets/stylesheets/components/header.scss */
.crayons-header--search-typeahead li {
  padding: 8px;
  border-bottom: 1px solid var(--base-3);
}

/* line 70, app/assets/stylesheets/components/header.scss */
.crayons-header--search-typeahead li:first-child {
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
}

/* line 74, app/assets/stylesheets/components/header.scss */
.crayons-header--search-typeahead li:hover {
  background: var(--base-10);
}

/* line 77, app/assets/stylesheets/components/header.scss */
.crayons-header--search-typeahead li.crayons-header--search-typeahead-item-selected {
  background: var(--base-20);
}

/* line 80, app/assets/stylesheets/components/header.scss */
.crayons-header--search-typeahead li strong {
  color: var(--body-color);
  display: block;
}

/* line 84, app/assets/stylesheets/components/header.scss */
.crayons-header--search-typeahead li .crayons-header--search-typeahead-item-preheader {
  font-size: 12px;
  color: var(--base-60);
}

/* line 88, app/assets/stylesheets/components/header.scss */
.crayons-header--search-typeahead li .crayons-header--search-typeahead-item-subheader {
  font-size: 12px;
  color: var(--base-60);
}

/* line 93, app/assets/stylesheets/components/header.scss */
.crayons-header--search-typeahead .crayons-header--search-typeahead-footer {
  background: var(--base-10);
  font-size: 13px;
  border-top: 1px solid var(--card-border);
  border-bottom-right-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
  padding: 12px 8px;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

/* line 103, app/assets/stylesheets/components/header.scss */
.crayons-header--search-typeahead .crayons-header--search-typeahead-footer span {
  font-size: 14px;
}

/* line 106, app/assets/stylesheets/components/header.scss */
.crayons-header--search-typeahead .crayons-header--search-typeahead-footer a {
  color: var(--body-color);
  font-weight: bold;
  padding-left: 4px;
}

/* line 114, app/assets/stylesheets/components/header.scss */
.crayons-header--search-brand-indicator {
  position: absolute;
  right: 8px;
  top: 3px;
  display: block;
  font-size: 13px;
  color: var(--base-60);
  background: var(--form-bg);
  padding-left: 3px;
}

/* line 123, app/assets/stylesheets/components/header.scss */
.crayons-header--search-brand-indicator svg {
  fill: var(--base-60);
  height: 14px;
  width: 14px;
  vertical-align: -2px;
}

@media (min-width: 640px) {
  /* line 132, app/assets/stylesheets/components/header.scss */
  .crayons-header__menu {
    perspective: 1000px;
  }
}

/* line 137, app/assets/stylesheets/components/header.scss */
.crayons-header__menu__dropdown {
  transform-style: preserve-3d;
  transform-origin: top right;
  transition: all var(--transition-props);
  transform: var(--dropdown-transform, translateY(calc(1 * var(--su-1))) rotateX(-10deg));
  opacity: var(--dropdown-opacity, 0);
  visibility: var(--dropdown-visibility, hidden);
}

/* line 149, app/assets/stylesheets/components/header.scss */
.crayons-header__menu.showing {
  --dropdown-transform: translateY(0) rotateX(0);
  --dropdown-opacity: 1;
  --dropdown-visibility: visible;
}

/* line 156, app/assets/stylesheets/components/header.scss */
.navigation-progress {
  --duration: 3600ms;
  --delay: 250ms;
  position: fixed;
  top: 0;
  background: var(--accent-brand);
  z-index: var(--z-popover);
  height: var(--su-1);
  width: 0;
}

/* line 165, app/assets/stylesheets/components/header.scss */
.navigation-progress.showing {
  display: block;
  animation: showProgressBar var(--duration) ease-in-out;
  animation-delay: var(--delay);
  animation-fill-mode: forwards;
}

@keyframes showProgressBar {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

/* line 3, app/assets/stylesheets/components/headers.scss */
.crayons-title,
.crayons-subtitle-1,
.crayons-subtitle-2,
.crayons-subtitle-3 {
  font-weight: var(--fw-bold);
  color: var(--base-90);
  line-height: var(--lh-tight);
}

@media (min-width: 640px) {
  /* line 3, app/assets/stylesheets/components/headers.scss */
  .crayons-title,
.crayons-subtitle-1,
.crayons-subtitle-2,
.crayons-subtitle-3 {
    line-height: var(--lh-base);
  }
}

/* line 16, app/assets/stylesheets/components/headers.scss */
.crayons-title {
  color: var(--base-100);
  font-size: var(--fs-2xl);
  display: inline-flex;
  min-height: 40px;
  align-items: center;
}

@media (min-width: 640px) {
  /* line 16, app/assets/stylesheets/components/headers.scss */
  .crayons-title {
    font-size: var(--fs-3xl);
  }
}

/* line 28, app/assets/stylesheets/components/headers.scss */
.crayons-subtitle-1 {
  font-size: var(--fs-xl);
}

@media (min-width: 640px) {
  /* line 28, app/assets/stylesheets/components/headers.scss */
  .crayons-subtitle-1 {
    font-size: var(--fs-2xl);
  }
}

/* line 35, app/assets/stylesheets/components/headers.scss */
.crayons-subtitle-2 {
  font-size: var(--fs-l);
}

@media (min-width: 640px) {
  /* line 35, app/assets/stylesheets/components/headers.scss */
  .crayons-subtitle-2 {
    font-size: var(--fs-xl);
  }
}

/* line 42, app/assets/stylesheets/components/headers.scss */
.crayons-subtitle-3 {
  font-size: var(--fs-base);
}

/* line 1, app/assets/stylesheets/components/indicators.scss */
.c-indicator {
  --bg: var(--indicator-bg);
  --color: var(--indicator-color);
  padding: var(--su-1);
  text-align: center;
  line-height: 1;
  font-size: var(--fs-s);
  border-radius: var(--radius);
  display: inline-block;
  background: var(--bg);
  color: var(--color);
  min-width: var(--su-2);
}

/* line 14, app/assets/stylesheets/components/indicators.scss */
.c-indicator--success {
  --bg: var(--indicator-success-bg);
  --color: var(--indicator-success-color);
}

/* line 19, app/assets/stylesheets/components/indicators.scss */
.c-indicator--warning {
  --bg: var(--indicator-warning-bg);
  --color: var(--indicator-warning-color);
}

/* line 24, app/assets/stylesheets/components/indicators.scss */
.c-indicator--danger {
  --bg: var(--indicator-danger-bg);
  --color: var(--indicator-danger-color);
}

/* line 29, app/assets/stylesheets/components/indicators.scss */
.c-indicator--info {
  --bg: var(--indicator-info-bg);
  --color: var(--indicator-info-color);
}

/* line 34, app/assets/stylesheets/components/indicators.scss */
.c-indicator--relaxed {
  padding: var(--su-2);
}

/* line 38, app/assets/stylesheets/components/indicators.scss */
.c-indicator--subtle {
  --bg: var(--indicator-subtle-bg);
  --color: var(--indicator-subtle-color);
}

/* line 43, app/assets/stylesheets/components/indicators.scss */
.c-indicator--round {
  border-radius: var(--radius-large);
}

/* line 47, app/assets/stylesheets/components/indicators.scss */
.c-indicator:empty {
  display: none;
}

/* line 7, app/assets/stylesheets/components/links.scss */
.c-link {
  position: relative;
  display: inline-block;
  border-radius: var(--radius);
  font: inherit;
  cursor: pointer;
  outline: 0;
  text-decoration: none;
  color: var(--color);
  max-width: 100%;
}

/* line 18, app/assets/stylesheets/components/links.scss */
.c-link--block {
  display: flex;
  padding: var(--su-2) var(--su-4);
  overflow-wrap: normal;
  background-color: var(--bg);
}

/* line 24, app/assets/stylesheets/components/links.scss */
.c-link--block:hover {
  background-color: var(--bg-hover);
}

/* line 29, app/assets/stylesheets/components/links.scss */
.c-link:hover, .js-focus-visible .c-link.focus-visible:focus {
  color: var(--color-hover);
  z-index: var(--z-elevate);
  text-decoration: underline;
}

/* line 36, app/assets/stylesheets/components/links.scss */
.js-focus-visible .c-link.focus-visible:focus {
  box-shadow: var(--focus-ring);
}

/* line 41, app/assets/stylesheets/components/links.scss */
.js-focus-visible .c-link--block.focus-visible:focus {
  background-color: var(--bg-hover);
}

/* line 46, app/assets/stylesheets/components/links.scss */
.c-link[aria-current='page'], .c-link.c-link--current {
  --bg: var(--link-current-bg);
  --color: var(--link-current-color);
  font-weight: var(--fw-bold);
}

/* line 54, app/assets/stylesheets/components/links.scss */
.c-link {
  --bg: var(--link-bg);
  --bg-hover: var(--link-bg-hover);
  --color: var(--link-color);
  --color-hover: var(--link-branded-color-hover);
}

/* line 61, app/assets/stylesheets/components/links.scss */
.c-link--branded {
  --bg: var(--link-branded-bg);
  --bg-hover: var(--link-branded-bg-hover);
  --color: var(--link-branded-color);
  --color-hover: var(--link-branded-color-hover);
}

/* line 68, app/assets/stylesheets/components/links.scss */
.c-link--icon-alone {
  padding: var(--su-2);
  display: inline-block;
}

/* line 77, app/assets/stylesheets/components/links.scss */
.c-link--icon-left .c-link__icon {
  margin-right: var(--su-1);
}

/* line 82, app/assets/stylesheets/components/links.scss */
.c-link--icon-left.c-link--block .c-link__icon {
  margin-right: var(--su-2);
  margin-left: calc(var(--su-2) * -1);
}

/* line 5, app/assets/stylesheets/components/list-items.scss */
.c-list-item {
  padding: var(--su-3);
  margin: 0 calc(var(--su-3) * -1);
  border-bottom: 1px solid var(--divider);
}

/* line 10, app/assets/stylesheets/components/list-items.scss */
.c-list-item:last-child {
  border-bottom: none;
}

/* line 15, app/assets/stylesheets/components/list-items.scss */
.c-list-item:not(.c-list-item--inactive):hover, .c-list-item:not(.c-list-item--inactive):focus-visible, .c-list-item:not(.c-list-item--inactive):focus-within {
  background: var(--list-item-bg-hover);
}

/* line 3, app/assets/stylesheets/components/loaders.scss */
.crayons-scaffold {
  border-radius: var(--radius);
  background: var(--body-color);
  opacity: 0.025;
}

/* line 9, app/assets/stylesheets/components/loaders.scss */
.crayons-scaffold-loading {
  border-radius: var(--radius);
  animation-duration: 1.25s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.1) 10%, rgba(0, 0, 0, 0.05) 25%, rgba(255, 255, 255, 0.1) 40%);
  box-shadow: inset 0 0 0 200px rgba(0, 0, 0, 0.025);
  background-size: 800px 104px;
  position: relative;
}

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}

/* line 3, app/assets/stylesheets/components/media-cards.scss */
.media-card {
  background: var(--card-bg);
  display: flex;
  flex-direction: column;
  color: var(--card-color);
  transition: all var(--transition-props);
}

/* line 10, app/assets/stylesheets/components/media-cards.scss */
.media-card__artwork {
  position: relative;
}

/* line 13, app/assets/stylesheets/components/media-cards.scss */
.media-card__artwork img {
  border-radius: var(--radius-auto);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 19, app/assets/stylesheets/components/media-cards.scss */
.media-card__artwork__badge {
  position: absolute;
  right: var(--su-2);
  bottom: var(--su-2);
  border-radius: var(--radius);
  background: rgba(0, 0, 0, 0.9);
  color: #fff;
  padding: var(--su-1);
  line-height: var(--lh-tight);
  font-size: var(--fs-s);
}

/* line 32, app/assets/stylesheets/components/media-cards.scss */
.media-card__content {
  padding: var(--su-4);
  line-height: var(--lh-tight);
}

/* line 36, app/assets/stylesheets/components/media-cards.scss */
.media-card__content small {
  opacity: 0.6;
  transition: all var(--transition-props);
}

/* line 42, app/assets/stylesheets/components/media-cards.scss */
.media-card:hover {
  box-shadow: var(--shadow-1);
  color: var(--link-color-hover);
}

/* line 46, app/assets/stylesheets/components/media-cards.scss */
.media-card:hover small {
  opacity: 0.8;
}

@media (min-width: 768px) {
  /* line 52, app/assets/stylesheets/components/media-cards.scss */
  .media-card--all:nth-child(6) {
    display: none;
  }
}

/* line 3, app/assets/stylesheets/components/modals.scss */
.crayons-modal {
  --modal-max-width: 640px;
  --modal-padding: var(--su-3);
  --modal-backdrop-pointer-events: none;
  --modal-border: none;
  --modal-header-border: 1px solid var(--divider);
  --modal-header-padding: var(--su-2) var(--su-2) var(--su-2)
    var(--modal-padding);
  --modal-alignment: unset;
  --modal-header-alignment: space-between;
  --modal-overflow: hidden;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: var(--z-modal);
  pointer-events: none;
}

@media (min-width: 640px) {
  /* line 3, app/assets/stylesheets/components/modals.scss */
  .crayons-modal {
    --modal-padding: var(--su-4);
  }
}

@media (min-width: 768px) {
  /* line 3, app/assets/stylesheets/components/modals.scss */
  .crayons-modal {
    --modal-padding: var(--su-7);
  }
}

/* line 34, app/assets/stylesheets/components/modals.scss */
.crayons-modal--bg-dismissible {
  --modal-backdrop-pointer-events: auto;
}

/* line 38, app/assets/stylesheets/components/modals.scss */
.crayons-modal--prompt {
  --modal-header-border: none;
  --modal-header-padding: var(--modal-padding) var(--su-8) 0
      var(--modal-padding);
  --modal-body-margin: 0;
}

@media (min-width: 768px) {
  /* line 38, app/assets/stylesheets/components/modals.scss */
  .crayons-modal--prompt {
    --modal-body-margin: calc((var(--modal-padding) * -1) + var(--su-4));
  }
}

/* line 48, app/assets/stylesheets/components/modals.scss */
.crayons-modal--prompt .crayons-modal__dismiss {
  position: absolute;
  right: var(--su-2);
  top: var(--su-2);
}

/* line 55, app/assets/stylesheets/components/modals.scss */
.crayons-modal--centered {
  --modal-header-padding: var(--su-7) var(--su-8) 0 var(--su-8);
  --modal-alignment: center;
  --modal-header-alignment: center;
}

/* line 61, app/assets/stylesheets/components/modals.scss */
.crayons-modal--danger {
  --modal-border: 4px solid var(--modal-danger-border-color);
}

/* line 65, app/assets/stylesheets/components/modals.scss */
.crayons-modal__backdrop {
  background: var(--modal-backdrop);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: auto;
}

/* line 75, app/assets/stylesheets/components/modals.scss */
.crayons-modal__box {
  display: grid;
  grid-template-rows: auto 1fr;
  max-width: var(--modal-max-width);
  background: var(--modal-bg);
  z-index: var(--z-elevate);
  max-height: 100%;
  width: 100%;
  height: 100%;
  overflow: var(--modal-overflow);
  position: relative;
  pointer-events: auto;
  border-radius: var(--radius-large-auto);
  border: var(--modal-border);
  text-align: var(--modal-alignment);
  box-shadow: var(--shadow-2);
}

@media (min-width: 640px) {
  /* line 75, app/assets/stylesheets/components/modals.scss */
  .crayons-modal__box {
    max-height: calc(100% - var(--su-6));
    height: auto;
    width: 90%;
  }
}

/* line 98, app/assets/stylesheets/components/modals.scss */
.crayons-modal__box__header {
  border-bottom: var(--modal-header-border);
  padding: var(--modal-header-padding);
  flex-shrink: 0;
  display: flex;
  justify-content: var(--modal-header-alignment);
  align-items: center;
}

/* line 107, app/assets/stylesheets/components/modals.scss */
.crayons-modal__box__body {
  padding: var(--modal-padding);
  margin-top: var(--modal-body-margin);
  max-height: 100%;
  overflow-y: auto;
  grid-auto-rows: min-content;
}

@media (min-width: 640px) {
  /* line 116, app/assets/stylesheets/components/modals.scss */
  .crayons-modal--small {
    --modal-max-width: 480px;
  }
}

@media (min-width: 768px) {
  /* line 122, app/assets/stylesheets/components/modals.scss */
  .crayons-modal--large {
    --modal-max-width: 768px;
  }
}

/* line 128, app/assets/stylesheets/components/modals.scss */
.crayons-modal--sheet {
  height: 100%;
}

/* line 131, app/assets/stylesheets/components/modals.scss */
.crayons-modal--sheet .crayons-modal__box {
  height: 100%;
  max-height: 100%;
  border-radius: 0;
  grid-template-rows: 1fr;
}

/* line 139, app/assets/stylesheets/components/modals.scss */
.crayons-modal--sheet.crayons-modal--left .crayons-modal__box {
  position: absolute;
  left: 0;
}

/* line 146, app/assets/stylesheets/components/modals.scss */
.crayons-modal--sheet.crayons-modal--right .crayons-modal__box {
  position: absolute;
  right: 0;
}

/* line 153, app/assets/stylesheets/components/modals.scss */
.crayons-modal--overflow-visible {
  --modal-overflow: visible;
}

@media (min-width: 640px) {
  /* line 157, app/assets/stylesheets/components/modals.scss */
  .crayons-modal--prompt {
    --modal-max-width: 480px;
  }
}

/* line 165, app/assets/stylesheets/components/modals.scss */
.cookie-consent-modal {
  background: white;
  position: fixed;
  padding: var(--su-5);
  bottom: var(--su-2);
  left: var(--su-3);
  right: var(--su-3);
  margin: 0 auto;
  max-width: 700px;
  border-radius: var(--radius);
  box-shadow: var(--shadow-2);
  text-align: center;
  z-index: var(--z-modal);
}

/* line 178, app/assets/stylesheets/components/modals.scss */
.cookie-consent-modal p {
  font-size: var(--fs-base);
  color: var(--text-color);
  margin-bottom: var(--su-2);
}

/* line 183, app/assets/stylesheets/components/modals.scss */
.cookie-consent-modal .cookie-consent-modal__actions button {
  font-size: var(--fs-base);
  margin: var(--su-2);
}

/* line 190, app/assets/stylesheets/components/modals.scss */
.subforem-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 201, app/assets/stylesheets/components/modals.scss */
.subforem-modal.hidden {
  display: none;
}

/* line 205, app/assets/stylesheets/components/modals.scss */
.subforem-modal__backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(2px);
}

/* line 215, app/assets/stylesheets/components/modals.scss */
.subforem-modal__container {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 800px;
  margin: 0 0.5rem;
}

/* line 223, app/assets/stylesheets/components/modals.scss */
.subforem-modal__box {
  background: var(--card-bg);
  border-radius: 12px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  border: 1px solid var(--card-border);
  overflow: hidden;
  animation: subforem-modal-slide-in 0.15s ease-out;
}

/* line 232, app/assets/stylesheets/components/modals.scss */
.subforem-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 1.5rem 1rem;
  border-bottom: 1px solid var(--card-border);
}

/* line 240, app/assets/stylesheets/components/modals.scss */
.subforem-modal__title {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--card-color);
  margin: 0;
}

/* line 247, app/assets/stylesheets/components/modals.scss */
.subforem-modal__close {
  background: none;
  border: none;
  padding: 0.5rem;
  border-radius: 6px;
  cursor: pointer;
  color: var(--base-60);
  transition: all 0.2s ease;
}

/* line 256, app/assets/stylesheets/components/modals.scss */
.subforem-modal__close:hover {
  background-color: var(--base-10);
  color: var(--base-80);
}

/* line 262, app/assets/stylesheets/components/modals.scss */
.subforem-modal__body {
  padding: 1rem 1.5rem 1.5rem;
}

/* line 266, app/assets/stylesheets/components/modals.scss */
.subforem-modal__description {
  color: var(--base-70);
  margin-bottom: 1rem;
  font-size: 0.95rem;
  line-height: 1.5;
}

/* line 273, app/assets/stylesheets/components/modals.scss */
.subforem-modal__options {
  max-height: 400px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

/* line 281, app/assets/stylesheets/components/modals.scss */
.subforem-modal__option {
  background: none;
  border: 1px solid var(--base-20);
  border-radius: 8px;
  padding: 0;
  cursor: pointer;
  transition: all 0.1s ease;
  text-align: left;
  width: 100%;
  text-decoration: none;
  display: block;
}

/* line 293, app/assets/stylesheets/components/modals.scss */
.subforem-modal__option:hover {
  border-color: var(--base-30);
  background-color: var(--base-5);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  text-decoration: none;
}

/* line 300, app/assets/stylesheets/components/modals.scss */
.subforem-modal__option:active {
  transform: translateY(0);
}

/* line 305, app/assets/stylesheets/components/modals.scss */
.subforem-modal__option-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
}

/* line 312, app/assets/stylesheets/components/modals.scss */
.subforem-modal__option-left {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex: 1;
}

/* line 319, app/assets/stylesheets/components/modals.scss */
.subforem-modal__option-logo {
  width: 2rem;
  height: 2rem;
  border-radius: 6px;
  object-fit: cover;
  flex-shrink: 0;
}

/* line 327, app/assets/stylesheets/components/modals.scss */
.subforem-modal__option-text {
  flex: 1;
  min-width: 0;
}

/* line 332, app/assets/stylesheets/components/modals.scss */
.subforem-modal__option-name {
  font-weight: 500;
  color: var(--card-color);
  margin-bottom: 0.25rem;
  font-size: 0.95rem;
}

/* line 339, app/assets/stylesheets/components/modals.scss */
.subforem-modal__option-description {
  color: var(--base-60);
  font-size: 0.85rem;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 348, app/assets/stylesheets/components/modals.scss */
.subforem-modal__option-arrow {
  color: var(--base-60);
  flex-shrink: 0;
  margin-left: 0.5rem;
}

@media (max-width: 640px) {
  /* line 356, app/assets/stylesheets/components/modals.scss */
  .subforem-modal__container {
    margin: 0 0.5rem;
  }
  /* line 360, app/assets/stylesheets/components/modals.scss */
  .subforem-modal__header {
    padding: 1rem 1rem 0.75rem;
  }
  /* line 364, app/assets/stylesheets/components/modals.scss */
  .subforem-modal__body {
    padding: 0.75rem 1rem 1rem;
  }
  /* line 368, app/assets/stylesheets/components/modals.scss */
  .subforem-modal__option-content {
    padding: 0.75rem;
  }
  /* line 372, app/assets/stylesheets/components/modals.scss */
  .subforem-modal__option-left {
    gap: 0.5rem;
  }
  /* line 376, app/assets/stylesheets/components/modals.scss */
  .subforem-modal__option-logo {
    width: 1.75rem;
    height: 1.75rem;
  }
}

@keyframes subforem-modal-slide-in {
  from {
    opacity: 0;
    transform: translateY(-20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* line 3, app/assets/stylesheets/components/buttons.scss */
.crayons-btn, input[type='file']::file-selector-button {
  --brand-apple-bg: #000;
  --brand-apple-color: #fff;
  --brand-apple-bg-hover: #1b1b1b;
  --brand-twitter-bg: #151616;
  --brand-twitter-color: #fff;
  --brand-twitter-bg-hover: #323436;
  --brand-github-bg: #24292e;
  --brand-github-color: #fff;
  --brand-github-bg-hover: #000;
  --brand-facebook-bg: #4267b2;
  --brand-facebook-color: #fff;
  --brand-facebook-bg-hover: #476fbf;
  --brand-forem-bg: #0a3e4a;
  --brand-forem-color: #fff;
  --brand-forem-bg-hover: #05313b;
  --brand-email-bg: #24292e;
  --brand-email-color: #fff;
  --brand-email-bg-hover: #000;
  --brand-google_oauth2-bg: #1da1f2;
  --brand-google_oauth2-color: #fff;
  --brand-google_oauth2-bg-hover: #0096f2;
}

/* line 34, app/assets/stylesheets/components/buttons.scss */
.crayons-btn, input[type='file']::file-selector-button {
  --border-width: 1px;
  --shadow-color: rgba(0, 0, 0, 0.05);
  --vertical-padding: var(--su-2);
  --horizontal-padding: var(--su-4);
  --font-size: var(--fs-base);
  --with-icon-padding: var(--su-3);
  --icon-margin: var(--su-2);
  position: relative;
  display: inline-block;
  padding: calc(var(--vertical-padding) - var(--border-width)) calc(var(--horizontal-padding) - var(--border-width));
  border-radius: var(--radius);
  font-family: inherit;
  font-size: var(--font-size);
  line-height: var(--su-6);
  font-weight: var(--fw-medium);
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-props);
  border: var(--border-width) solid;
  overflow-wrap: normal;
  --bg: var(--button-primary-bg);
  --bg-hover: var(--button-primary-bg-hover);
  --border: transparent;
  --border-hover: transparent;
  --color: var(--button-primary-color);
  --color-hover: var(--button-primary-color-hover);
  --shadow: 0 1px 3px var(--shadow-color);
  --shadow-hover: 0 2px 5px var(--shadow-color);
  --bg-inverted: var(--button-primary-inverted-bg);
  --bg-inverted-hover: var(--button-primary-inverted-bg-hover);
  --color-inverted: var(--button-primary-inverted-color);
  --color-inverted-hover: var(--button-primary-inverted-color-hover);
  background-color: var(--bg);
  border-color: var(--border);
  box-shadow: var(--shadow);
  color: var(--color);
}

/* line 79, app/assets/stylesheets/components/buttons.scss */
.js-focus-visible .crayons-btn.focus-visible:focus, .js-focus-visible input.focus-visible[type='file']:focus::file-selector-button, .crayons-btn:is(label):focus-within, input[type='file']:is(label):focus-within::file-selector-button {
  background-color: var(--bg-hover);
  color: var(--color-hover);
  z-index: var(--z-elevate);
}

/* line 86, app/assets/stylesheets/components/buttons.scss */
.js-focus-visible .crayons-btn.focus-visible:focus, .js-focus-visible input.focus-visible[type='file']:focus::file-selector-button, .crayons-btn:is(label):focus-within, input[type='file']:is(label):focus-within::file-selector-button {
  box-shadow: var(--focus-ring);
  outline: 0;
}

/* line 92, app/assets/stylesheets/components/buttons.scss */
.crayons-btn[href]:hover, input[href][type='file']:hover::file-selector-button, .crayons-btn[href]:focus, input[href][type='file']:focus::file-selector-button, .crayons-btn:hover:enabled, input[type='file']:hover:enabled::file-selector-button, .crayons-btn:active:enabled, input[type='file']:active:enabled::file-selector-button {
  background-color: var(--bg-hover);
  border-color: var(--border-hover);
  box-shadow: var(--shadow-hover);
  color: var(--color-hover);
  z-index: var(--z-elevate);
}

/* line 103, app/assets/stylesheets/components/buttons.scss */
.crayons-btn.crayons-btn--inverted, input.crayons-btn--inverted[type='file']::file-selector-button {
  --bg: var(--bg-inverted);
  --bg-hover: var(--bg-inverted-hover);
  --border: var(--border-inverted);
  --border-hover: var(--border-inverted-hover);
  --color: var(--color-inverted);
  --color-hover: var(--color-inverted-hover);
}

/* line 112, app/assets/stylesheets/components/buttons.scss */
.crayons-btn[disabled], input[disabled][type='file']::file-selector-button {
  opacity: 0.6;
  cursor: not-allowed;
}

/* line 117, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--s {
  --vertical-padding: var(--su-1);
  --horizontal-padding: var(--su-3);
  --font-size: var(--fs-s);
  --with-icon-padding: var(--su-2);
  --icon-margin: var(--su-1);
  font-weight: normal;
}

/* line 126, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--l {
  --vertical-padding: var(--su-3);
  --horizontal-padding: var(--su-5);
  --with-icon-padding: var(--su-3);
  --icon-margin: var(--su-2);
}

/* line 133, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--xl {
  --vertical-padding: var(--su-4);
  --horizontal-padding: var(--su-6);
  --font-size: var(--fs-l);
  --with-icon-padding: var(--su-5);
  --icon-margin: var(--su-3);
}

/* line 143, app/assets/stylesheets/components/buttons.scss */
.crayons-btn > *, input[type='file']::file-selector-button > * {
  pointer-events: none;
}

/* line 145, app/assets/stylesheets/components/buttons.scss */
.crayons-btn > * + input, input[type='file']::file-selector-button > * + input {
  pointer-events: revert;
}

/* line 151, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--secondary, input[type='file']::file-selector-button {
  --bg: var(--button-secondary-bg);
  --bg-hover: var(--button-secondary-bg-hover);
  --color: var(--button-secondary-color);
  --color-hover: var(--button-secondary-color-hover);
}

/* line 158, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--outlined {
  --bg: var(--button-outlined-bg);
  --bg-hover: var(--button-outlined-bg-hover);
  --border: var(--button-outlined-border);
  --border-hover: var(--button-outlined-border-hover);
  --color: var(--button-outlined-color);
  --color-hover: var(--button-outlined-color-hover);
  --border-width: 1px;
}

/* line 169, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--danger {
  --bg: var(--accent-danger);
  --bg-hover: var(--accent-danger-darker);
  --color: var(--base-inverted);
  --color-hover: var(--base-inverted);
  --bg-inverted: var(--accent-danger);
  --bg-inverted-hover: var(--accent-danger-darker);
  --color-inverted: var(--base-inverted);
  --color-inverted-hover: var(--base-inverted);
}

/* line 180, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--success {
  --bg: var(--accent-success);
  --bg-hover: var(--accent-success-darker);
  --color: var(--base-inverted);
  --color-hover: var(--base-inverted);
  --bg-inverted: var(--accent-success);
  --bg-inverted-hover: var(--accent-success-darker);
  --color-inverted: var(--base-inverted);
  --color-inverted-hover: var(--base-inverted);
}

/* line 191, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--warning {
  --bg: var(--accent-warning);
  --bg-hover: var(--accent-warning-darker);
  --color: var(--base-inverted);
  --color-hover: var(--base-inverted);
  --bg-inverted: var(--accent-warning);
  --bg-inverted-hover: var(--accent-warning-darker);
  --color-inverted: var(--base-inverted);
  --color-inverted-hover: var(--base-inverted);
}

/* line 202, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--ghost {
  --bg: var(--button-ghost-bg);
  --bg-hover: var(--button-ghost-bg-hover);
  --color: var(--button-ghost-color);
  --color-hover: var(--button-ghost-color-hover);
  --shadow: none;
  --shadow-hover: none;
  --bg-inverted: var(--button-ghost-inverted-bg);
  --bg-inverted-hover: var(--button-ghost-inverted-bg-hover);
  --color-inverted: var(--button-ghost-inverted-color);
  --color-inverted-hover: var(--button-ghost-inverted-color-hover);
}

/* line 214, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--ghost-brand {
  --bg: var(--button-ghost-bg);
  --bg-hover: var(--button-ghost-bg-hover);
  --color: var(--accent-brand);
  --color-hover: var(--accent-brand-darker);
  --shadow: none;
  --shadow-hover: none;
}

/* line 223, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--ghost-dimmed {
  --bg: var(--button-ghost-bg);
  --bg-hover: var(--button-ghost-bg-hover);
  --color: var(--button-ghost-dimmed-color);
  --color-hover: var(--button-ghost-dimmed-color-hover);
  --shadow: none;
  --shadow-hover: none;
}

/* line 232, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--ghost-success {
  --bg: var(--button-ghost-bg);
  --bg-hover: var(--button-ghost-bg-hover);
  --color: var(--accent-success);
  --color-hover: var(--accent-success-darker);
  --shadow: none;
  --shadow-hover: none;
  --bg-inverted: var(--button-ghost-inverted-bg);
  --bg-inverted-hover: var(--button-ghost-inverted-bg-hover);
  --color-inverted: var(--accent-success);
  --color-inverted-hover: var(--accent-success-darker);
}

/* line 245, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--ghost-danger {
  --bg: var(--button-ghost-bg);
  --bg-hover: var(--button-ghost-bg-hover);
  --color: var(--accent-danger);
  --color-hover: var(--accent-danger-darker);
  --shadow: none;
  --shadow-hover: none;
}

/* line 255, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--brand-apple {
  --bg: var(--brand-apple-bg);
  --bg-hover: var(--brand-apple-bg-hover);
  --color: var(--brand-apple-color);
  --color-hover: var(--brand-apple-color);
  --bg-inverted: var(--brand-apple-bg);
  --bg-inverted-hover: var(--brand-apple-bg-hover);
  --color-inverted: var(--brand-apple-color);
  --color-inverted-hover: var(--brand-apple-color);
}

/* line 266, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--brand-twitter {
  --bg: var(--brand-twitter-bg);
  --bg-hover: var(--brand-twitter-bg-hover);
  --color: var(--brand-twitter-color);
  --color-hover: var(--brand-twitter-color);
  --bg-inverted: var(--brand-twitter-bg);
  --bg-inverted-hover: var(--brand-twitter-bg-hover);
  --color-inverted: var(--brand-twitter-color);
  --color-inverted-hover: var(--brand-twitter-color);
}

/* line 277, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--brand-github {
  --bg: var(--brand-github-bg);
  --bg-hover: var(--brand-github-bg-hover);
  --color: var(--brand-github-color);
  --color-hover: var(--brand-github-color);
  --bg-inverted: var(--brand-github-bg);
  --bg-inverted-hover: var(--brand-github-bg-hover);
  --color-inverted: var(--brand-github-color);
  --color-inverted-hover: var(--brand-github-color);
}

/* line 288, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--brand-facebook {
  --bg: var(--brand-facebook-bg);
  --bg-hover: var(--brand-facebook-bg-hover);
  --color: var(--brand-facebook-color);
  --color-hover: var(--brand-facebook-color);
  --bg-inverted: var(--brand-facebook-bg);
  --bg-inverted-hover: var(--brand-facebook-bg-hover);
  --color-inverted: var(--brand-facebook-color);
  --color-inverted-hover: var(--brand-facebook-color);
}

/* line 299, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--brand-forem {
  --bg: var(--brand-forem-bg);
  --bg-hover: var(--brand-forem-bg-hover);
  --color: var(--brand-forem-color);
  --color-hover: var(--brand-forem-color);
  --bg-inverted: var(--brand-forem-bg);
  --bg-inverted-hover: var(--brand-forem-bg-hover);
  --color-inverted: var(--brand-forem-color);
  --color-inverted-hover: var(--brand-forem-color);
}

/* line 310, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--brand-email {
  --bg: var(--brand-email-bg);
  --bg-hover: var(--brand-email-bg-hover);
  --color: var(--brand-email-color);
  --color-hover: var(--brand-email-color);
  --bg-inverted: var(--brand-email-bg);
  --bg-inverted-hover: var(--brand-email-bg-hover);
  --color-inverted: var(--brand-email-color);
  --color-inverted-hover: var(--brand-email-color);
}

/* line 321, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--brand-google_oauth2 {
  --bg: var(--brand-google_oauth2-bg);
  --bg-hover: var(--brand-google_oauth2-bg-hover);
  --color: var(--brand-google_oauth2-color);
  --color-hover: var(--brand-google_oauth2-color);
  --bg-inverted: var(--brand-google_oauth2-bg);
  --bg-inverted-hover: var(--brand-google_oauth2-bg-hover);
  --color-inverted: var(--brand-google_oauth2-color);
  --color-inverted-hover: var(--brand-google_oauth2-color);
}

/* line 333, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--icon,
.crayons-btn--icon-rounded {
  --horizontal-padding: var(--su-2);
  padding-left: calc(var(--horizontal-padding) - var(--border-width));
  padding-right: calc(var(--horizontal-padding) - var(--border-width));
}

/* line 338, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--icon.crayons-btn--s,
.crayons-btn--icon-rounded.crayons-btn--s {
  --horizontal-padding: var(--su-1);
}

/* line 342, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--icon.crayons-btn--l,
.crayons-btn--icon-rounded.crayons-btn--l {
  --horizontal-padding: var(--su-3);
}

/* line 346, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--icon.crayons-btn--xl,
.crayons-btn--icon-rounded.crayons-btn--xl {
  --horizontal-padding: var(--su-4);
}

/* line 351, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--icon-rounded {
  border-radius: 1000px;
}

/* line 356, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--icon-left {
  padding-left: calc(var(--with-icon-padding) - var(--border-width));
}

/* line 359, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--icon-left .crayons-icon {
  margin-right: var(--icon-margin);
}

/* line 365, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--icon-right {
  padding-right: calc(var(--with-icon-padding) - var(--border-width));
}

/* line 368, app/assets/stylesheets/components/buttons.scss */
.crayons-btn--icon-right .crayons-icon {
  margin-left: var(--icon-margin);
}

/* line 373, app/assets/stylesheets/components/buttons.scss */
.crayons-btn-actions {
  --btn-wrap-gap: var(--su-2);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: calc(0rem - var(--btn-wrap-gap));
  margin-left: calc(0rem - var(--btn-wrap-gap));
}

/* line 382, app/assets/stylesheets/components/buttons.scss */
.crayons-btn-actions .crayons-btn, .crayons-btn-actions input[type='file']::file-selector-button {
  margin-left: var(--btn-wrap-gap);
  margin-bottom: var(--btn-wrap-gap);
}

/* line 389, app/assets/stylesheets/components/buttons.scss */
.crayons-btn-group {
  display: flex;
}

/* line 392, app/assets/stylesheets/components/buttons.scss */
.crayons-btn-group .crayons-btn, .crayons-btn-group input[type='file']::file-selector-button {
  border-radius: 0;
}

/* line 395, app/assets/stylesheets/components/buttons.scss */
.crayons-btn-group .crayons-btn + .crayons-btn:not(.crayons-btn--outlined), .crayons-btn-group input[type='file']::file-selector-button + .crayons-btn:not(.crayons-btn--outlined), .crayons-btn-group .crayons-btn + input[type='file']:not(.crayons-btn--outlined)::file-selector-button, .crayons-btn-group input[type='file']::file-selector-button + input[type='file']:not(.crayons-btn--outlined)::file-selector-button {
  box-shadow: var(--shadow), inset 1px 0 0 rgba(0, 0, 0, 0.1);
  margin-left: -1px;
}

/* line 399, app/assets/stylesheets/components/buttons.scss */
.crayons-btn-group .crayons-btn + .crayons-btn:not(.crayons-btn--outlined):hover, .crayons-btn-group input[type='file']::file-selector-button + .crayons-btn:not(.crayons-btn--outlined):hover, .crayons-btn-group .crayons-btn + input[type='file']:not(.crayons-btn--outlined):hover::file-selector-button, .crayons-btn-group input[type='file']::file-selector-button + input[type='file']:not(.crayons-btn--outlined):hover::file-selector-button {
  box-shadow: var(--shadow-hover), inset 0 0 0 rgba(0, 0, 0, 0.1);
}

/* line 404, app/assets/stylesheets/components/buttons.scss */
.crayons-btn-group .crayons-btn + .crayons-btn--outlined, .crayons-btn-group input[type='file']::file-selector-button + .crayons-btn--outlined {
  margin-left: calc(-1 * var(--border-width));
}

/* line 408, app/assets/stylesheets/components/buttons.scss */
.crayons-btn-group .crayons-btn:first-child, .crayons-btn-group input[type='file']:first-child::file-selector-button {
  border-top-left-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
}

/* line 413, app/assets/stylesheets/components/buttons.scss */
.crayons-btn-group .crayons-btn:last-child, .crayons-btn-group input[type='file']:last-child::file-selector-button {
  border-top-right-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
}

/* line 426, app/assets/stylesheets/components/buttons.scss */
.c-btn, .c-date-picker .DateRangePickerInput_calendarIcon, .c-date-picker .DateRangePickerInput_clearDates, .c-date-picker .DayPickerNavigation_button {
  position: relative;
  display: inline-block;
  padding: var(--su-2) var(--su-4);
  border-radius: var(--radius);
  font: inherit;
  text-align: center;
  cursor: pointer;
  border: none;
  overflow-wrap: normal;
  background-color: var(--bg);
  color: var(--color);
}

/* line 439, app/assets/stylesheets/components/buttons.scss */
.c-btn:hover:enabled, .c-date-picker .DateRangePickerInput_calendarIcon:hover:enabled, .c-date-picker .DateRangePickerInput_clearDates:hover:enabled, .c-date-picker .DayPickerNavigation_button:hover:enabled, .js-focus-visible .c-btn.focus-visible:focus, .js-focus-visible .c-date-picker .focus-visible.DateRangePickerInput_calendarIcon:focus, .c-date-picker .js-focus-visible .focus-visible.DateRangePickerInput_calendarIcon:focus, .js-focus-visible .c-date-picker .focus-visible.DateRangePickerInput_clearDates:focus, .c-date-picker .js-focus-visible .focus-visible.DateRangePickerInput_clearDates:focus, .js-focus-visible .c-date-picker .focus-visible.DayPickerNavigation_button:focus, .c-date-picker .js-focus-visible .focus-visible.DayPickerNavigation_button:focus, .c-btn:is(label):focus-within, .c-date-picker .DateRangePickerInput_calendarIcon:is(label):focus-within, .c-date-picker .DateRangePickerInput_clearDates:is(label):focus-within, .c-date-picker .DayPickerNavigation_button:is(label):focus-within {
  background-color: var(--bg-hover);
  color: var(--color-hover);
  z-index: var(--z-elevate);
}

/* line 447, app/assets/stylesheets/components/buttons.scss */
.js-focus-visible .c-btn.focus-visible:focus, .js-focus-visible .c-date-picker .focus-visible.DateRangePickerInput_calendarIcon:focus, .c-date-picker .js-focus-visible .focus-visible.DateRangePickerInput_calendarIcon:focus, .js-focus-visible .c-date-picker .focus-visible.DateRangePickerInput_clearDates:focus, .c-date-picker .js-focus-visible .focus-visible.DateRangePickerInput_clearDates:focus, .js-focus-visible .c-date-picker .focus-visible.DayPickerNavigation_button:focus, .c-date-picker .js-focus-visible .focus-visible.DayPickerNavigation_button:focus, .c-btn:is(label):focus-within, .c-date-picker .DateRangePickerInput_calendarIcon:is(label):focus-within, .c-date-picker .DateRangePickerInput_clearDates:is(label):focus-within, .c-date-picker .DayPickerNavigation_button:is(label):focus-within {
  box-shadow: var(--focus-ring);
  outline: 0;
}

/* line 453, app/assets/stylesheets/components/buttons.scss */
.c-btn[aria-expanded='true'], .c-date-picker .DateRangePickerInput_calendarIcon[aria-expanded='true'], .c-date-picker .DateRangePickerInput_clearDates[aria-expanded='true'], .c-date-picker .DayPickerNavigation_button[aria-expanded='true'], .c-btn[aria-pressed='true'], .c-date-picker .DateRangePickerInput_calendarIcon[aria-pressed='true'], .c-date-picker .DateRangePickerInput_clearDates[aria-pressed='true'], .c-date-picker .DayPickerNavigation_button[aria-pressed='true'] {
  --bg: var(--btn-current-bg);
  --color: var(--btn-current-color);
  font-weight: var(--fw-bold);
}

/* line 460, app/assets/stylesheets/components/buttons.scss */
.c-btn[disabled], .c-date-picker .DateRangePickerInput_calendarIcon[disabled], .c-date-picker .DateRangePickerInput_clearDates[disabled], .c-date-picker .DayPickerNavigation_button[disabled] {
  opacity: 0.6;
  cursor: not-allowed;
}

/* line 467, app/assets/stylesheets/components/buttons.scss */
.c-btn > *, .c-date-picker .DateRangePickerInput_calendarIcon > *, .c-date-picker .DateRangePickerInput_clearDates > *, .c-date-picker .DayPickerNavigation_button > * {
  pointer-events: none;
}

/* line 469, app/assets/stylesheets/components/buttons.scss */
.c-btn > * + input, .c-date-picker .DateRangePickerInput_calendarIcon > * + input, .c-date-picker .DateRangePickerInput_clearDates > * + input, .c-date-picker .DayPickerNavigation_button > * + input {
  pointer-events: revert;
}

/* line 475, app/assets/stylesheets/components/buttons.scss */
.c-btn, .c-date-picker .DateRangePickerInput_calendarIcon, .c-date-picker .DateRangePickerInput_clearDates, .c-date-picker .DayPickerNavigation_button {
  --bg: var(--btn-bg);
  --bg-hover: var(--btn-bg-hover);
  --color: var(--btn-color);
  --color-hover: var(--btn-color-hover);
}

/* line 481, app/assets/stylesheets/components/buttons.scss */
.c-btn.c-btn--destructive, .c-date-picker .c-btn--destructive.DateRangePickerInput_calendarIcon, .c-date-picker .c-btn--destructive.DateRangePickerInput_clearDates, .c-date-picker .c-btn--destructive.DayPickerNavigation_button {
  --bg: var(--btn-destructive-bg);
  --bg-hover: var(--btn-destructive-bg-hover);
  --color: var(--btn-destructive-color);
  --color-hover: var(--btn-destructive-color-hover);
}

/* line 489, app/assets/stylesheets/components/buttons.scss */
.c-btn--primary {
  --bg: var(--btn-primary-bg);
  --bg-hover: var(--btn-primary-bg-hover);
  --color: var(--btn-primary-color);
  --color-hover: var(--btn-primary-color-hover);
  font-weight: var(--fw-medium);
}

/* line 497, app/assets/stylesheets/components/buttons.scss */
.c-btn--primary.c-btn--destructive {
  --bg: var(--btn-primary-destructive-bg);
  --bg-hover: var(--btn-primary-destructive-bg-hover);
  --color: var(--btn-primary-destructive-color);
  --color-hover: var(--btn-primary-destructive-color-hover);
}

/* line 505, app/assets/stylesheets/components/buttons.scss */
.c-btn--secondary {
  --bg: var(--btn-secondary-bg);
  --bg-hover: var(--btn-secondary-bg-hover);
  --color: var(--btn-secondary-color);
  --color-hover: var(--btn-secondary-color-hover);
}

/* line 512, app/assets/stylesheets/components/buttons.scss */
.c-btn--icon-alone {
  padding: var(--su-2);
}

/* line 517, app/assets/stylesheets/components/buttons.scss */
.c-btn--icon-left .c-btn__icon {
  margin-right: var(--su-2);
  margin-left: calc(var(--su-1) * -1);
}

/* line 5, app/assets/stylesheets/components/forms.scss */
.crayons-textfield, .crayons-checkbox,
.crayons-radio, .crayons-select, .c-date-picker .DateRangePickerInput {
  --border-width: 1.5px;
  background-color: var(--form-bg);
  border: var(--border-width) solid var(--form-border);
  color: var(--body-color);
  appearance: none;
  -webkit-appearance: none;
  border-radius: var(--radius);
  transition: all var(--transition-props);
}

/* line 15, app/assets/stylesheets/components/forms.scss */
.crayons-textfield:hover, .crayons-checkbox:hover,
.crayons-radio:hover, .crayons-select:hover, .c-date-picker .DateRangePickerInput:hover {
  border-color: var(--form-border-hover);
}

/* line 19, app/assets/stylesheets/components/forms.scss */
.c-input--multi__wrapper-border:focus-within, .crayons-textfield:focus, .crayons-select:focus, .c-date-picker .DateRangePickerInput:focus, .c-autocomplete--multi__wrapper-border:focus-within {
  background-color: var(--form-bg-focus);
  border-color: var(--focus);
  box-shadow: 0 0 0 1px var(--focus);
}

/* line 25, app/assets/stylesheets/components/forms.scss */
.crayons-textfield--disabled, .crayons-textfield[disabled], .crayons-checkbox--disabled, .crayons-checkbox[disabled],
.crayons-radio--disabled,
.crayons-radio[disabled], .crayons-checkbox--checked--disabled, .crayons-checkbox--checked[disabled], .crayons-checkbox:checked--disabled,
.crayons-radio--checked--disabled,
.crayons-radio--checked[disabled],
.crayons-radio:checked--disabled, .crayons-select--disabled, .crayons-select[disabled], .c-date-picker .DateRangePickerInput[disabled] {
  opacity: 0.6;
}

/* line 29, app/assets/stylesheets/components/forms.scss */
.crayons-checkbox--checked, .crayons-checkbox:checked,
.crayons-radio--checked,
.crayons-radio:checked {
  background-color: var(--form-border-focus);
  border-color: var(--form-border-focus);
  color: var(--form-bg-focus);
  background-position: center center;
  background-repeat: no-repeat;
}

/* line 39, app/assets/stylesheets/components/forms.scss */
.crayons-textfield, .c-date-picker .DateRangePickerInput {
  line-height: var(--lh-base);
  padding: calc(0.5em - var(--border-width)) 0.5em;
  font-family: inherit;
  font-size: var(--fs-base);
  width: 100%;
  resize: vertical;
}

/* line 48, app/assets/stylesheets/components/forms.scss */
.crayons-textfield::placeholder, .c-date-picker .DateRangePickerInput::placeholder {
  color: var(--form-placeholder-color);
}

/* line 65, app/assets/stylesheets/components/forms.scss */
.crayons-textfield::-ms-clear, .c-date-picker .DateRangePickerInput::-ms-clear {
  display: none;
}

/* line 69, app/assets/stylesheets/components/forms.scss */
.crayons-textfield::-webkit-date-and-time-value, .c-date-picker .DateRangePickerInput::-webkit-date-and-time-value {
  min-height: 1.5em;
}

/* line 73, app/assets/stylesheets/components/forms.scss */
.crayons-textfield--icon {
  padding-left: var(--su-7);
}

/* line 79, app/assets/stylesheets/components/forms.scss */
.crayons-checkbox,
.crayons-radio {
  width: 1.125em;
  height: 1.125em;
  cursor: pointer;
  background-position: center center;
  vertical-align: middle;
  flex-shrink: 0;
}

/* line 93, app/assets/stylesheets/components/forms.scss */
.crayons-checkbox--disabled, .crayons-checkbox[disabled],
.crayons-radio--disabled,
.crayons-radio[disabled] {
  cursor: not-allowed;
}

/* line 99, app/assets/stylesheets/components/forms.scss */
.crayons-checkbox--checked, .crayons-checkbox:checked,
.crayons-radio--checked,
.crayons-radio:checked {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.157.933a.75.75 0 01.077 1.058L4.817 9.407a.75.75 0 01-1.134 0L.766 6.037a.75.75 0 011.135-.982L4.25 7.77l5.85-6.76a.75.75 0 011.057-.077z' fill='%23fff'/%3E%3C/svg%3E");
}

/* line 112, app/assets/stylesheets/components/forms.scss */
.crayons-radio {
  border-radius: 50%;
}

/* line 115, app/assets/stylesheets/components/forms.scss */
.crayons-radio--checked, .crayons-radio:checked {
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='6' height='6' rx='3' fill='%23fff'/%3E%3C/svg%3E");
}

/* line 123, app/assets/stylesheets/components/forms.scss */
.crayons-select {
  line-height: var(--lh-base);
  padding: calc(0.5em - var(--border-width)) 0.5em;
  padding-right: var(--su-7);
  font-family: inherit;
  font-size: var(--fs-base);
  width: 100%;
  position: relative;
  outline: none;
  background-image: var(--select-icon);
  background-position: calc(100% - var(--su-2)) calc(50% - 1px);
  background-repeat: no-repeat;
}

/* line 150, app/assets/stylesheets/components/forms.scss */
.crayons-select::-ms-clear {
  display: none;
}

/* line 154, app/assets/stylesheets/components/forms.scss */
.crayons-select.disabled {
  background-color: #f2f2f2;
  color: #888888;
  pointer-events: none;
  cursor: not-allowed;
}

/* line 165, app/assets/stylesheets/components/forms.scss */
.crayons-field {
  display: flex;
  flex-flow: column;
  font-size: var(--fs-base);
}

/* line 172, app/assets/stylesheets/components/forms.scss */
.crayons-field__label {
  color: var(--label-primary);
  font-weight: var(--fw-medium);
}

/* line 176, app/assets/stylesheets/components/forms.scss */
.crayons-field__label + .crayons-field__description {
  margin-top: 0;
}

/* line 180, app/assets/stylesheets/components/forms.scss */
.crayons-field__label.required:after {
  content: '*';
}

/* line 185, app/assets/stylesheets/components/forms.scss */
.crayons-field__required {
  color: var(--accent-danger);
  padding: 0 var(--su-1);
  display: inline-block;
}

/* line 191, app/assets/stylesheets/components/forms.scss */
.crayons-field__description {
  color: var(--label-secondary);
  font-size: var(--fs-s);
  font-weight: var(--fw-normal);
  margin: 0;
}

/* line 198, app/assets/stylesheets/components/forms.scss */
.crayons-field > * + * {
  margin-top: var(--su-2);
}

/* line 202, app/assets/stylesheets/components/forms.scss */
.crayons-field--checkbox, .crayons-field--radio {
  display: grid;
  grid-template-columns: 1.5em 1fr;
  grid-gap: var(--su-2);
  border-radius: var(--radius);
  transition: all var(--transition-props);
}

/* line 210, app/assets/stylesheets/components/forms.scss */
.crayons-field--checkbox:hover, .crayons-field--radio:hover {
  background: var(--body-bg);
  box-shadow: 0 0 0 var(--su-1) var(--body-bg);
}

/* line 215, app/assets/stylesheets/components/forms.scss */
.crayons-field--checkbox .crayons-field__label, .crayons-field--radio .crayons-field__label {
  margin-top: 0;
  padding-right: var(--su-2);
}

/* line 223, app/assets/stylesheets/components/forms.scss */
.crayons-field .crayons-checkbox,
.crayons-field .crayons-radio {
  margin: 0.1875em;
  justify-self: center;
}

/* line 235, app/assets/stylesheets/components/forms.scss */
.crayons-fields {
  display: flex;
  flex-flow: column;
}

/* line 241, app/assets/stylesheets/components/forms.scss */
.crayons-fields:not(.crayons-fields--horizontal) > .crayons-field + .crayons-field {
  margin-top: var(--su-4);
}

/* line 246, app/assets/stylesheets/components/forms.scss */
.crayons-fields--horizontal {
  flex-flow: row;
  flex-wrap: wrap;
}

/* line 250, app/assets/stylesheets/components/forms.scss */
.crayons-fields--horizontal > .crayons-field:not(:last-child) {
  margin-right: var(--su-4);
}

/* line 258, app/assets/stylesheets/components/forms.scss */
.crayons-textfield--ghost, .crayons-textfield--ghost:hover, .crayons-textfield--ghost:focus, .crayons-textfield--ghost[disabled] {
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  outline: none;
  width: 100%;
  box-shadow: none;
  resize: none;
  transition: none;
}

/* line 274, app/assets/stylesheets/components/forms.scss */
textarea.crayons-textfield.crayons-textfield--ghost, .c-date-picker textarea.crayons-textfield--ghost.DateRangePickerInput {
  white-space: pre-wrap;
}

/* line 278, app/assets/stylesheets/components/forms.scss */
.c-color-picker {
  --swatch-width: var(--su-7);
  --swatch-height: var(--su-7);
  --input-padding-left: calc(var(--swatch-width) + var(--su-3));
}

/* line 283, app/assets/stylesheets/components/forms.scss */
.c-color-picker__input {
  padding-left: var(--input-padding-left);
}

/* line 287, app/assets/stylesheets/components/forms.scss */
.c-color-picker__swatch {
  width: var(--swatch-width);
  height: var(--swatch-height);
  border: 1px solid var(--swatch-border-color);
  top: var(--su-1);
  left: var(--su-1);
  z-index: var(--z-elevate);
}

/* line 296, app/assets/stylesheets/components/forms.scss */
.c-color-picker__popover {
  min-width: min-content;
}

/* line 299, app/assets/stylesheets/components/forms.scss */
.c-color-picker__popover .react-colorful {
  padding: var(--su-2);
  border-radius: var(--radius);
  background: var(--card-bg);
  box-shadow: var(--shadow-1);
  width: 220px;
  height: 160px;
}

/* line 307, app/assets/stylesheets/components/forms.scss */
.c-color-picker__popover .react-colorful__pointer {
  cursor: pointer;
}

/* line 311, app/assets/stylesheets/components/forms.scss */
.c-color-picker__popover .react-colorful__saturation {
  margin: 0 0 var(--su-2) 0;
  border-radius: var(--radius);
}

/* line 316, app/assets/stylesheets/components/forms.scss */
.c-color-picker__popover .react-colorful__saturation-pointer {
  width: var(--fs-s);
  height: var(--fs-s);
  border: 2px solid var(--card-bg);
  border-radius: 50%;
}

/* line 323, app/assets/stylesheets/components/forms.scss */
.c-color-picker__popover .react-colorful__hue {
  height: var(--fs-xs);
  border-radius: var(--radius);
}

/* line 328, app/assets/stylesheets/components/forms.scss */
.c-color-picker__popover .react-colorful__hue-pointer {
  border: 2px solid var(--card-bg);
  border-radius: 1px;
  width: var(--fs-s);
  height: calc(100% + 8px);
}

/* line 342, app/assets/stylesheets/components/forms.scss */
.c-date-picker .DateRangePickerInput {
  padding: var(--su-1) var(--su-2);
}

/* line 347, app/assets/stylesheets/components/forms.scss */
.c-date-picker .DateRangePickerInput_calendarIcon {
  padding: 0;
}

/* line 352, app/assets/stylesheets/components/forms.scss */
.c-date-picker .DateRangePickerInput .DateInput_input {
  background-color: var(--form-bg);
  color: var(--body-color);
  font-size: var(--fs-base);
}

/* line 357, app/assets/stylesheets/components/forms.scss */
.c-date-picker .DateRangePickerInput .DateInput_input__focused {
  border-bottom-color: var(--focus);
}

/* line 362, app/assets/stylesheets/components/forms.scss */
.c-date-picker .DateRangePickerInput_arrow_svg {
  fill: var(--body-color);
}

/* line 366, app/assets/stylesheets/components/forms.scss */
.c-date-picker .DateRangePickerInput_clearDates {
  position: absolute;
  padding: var(--su-2);
}

/* line 371, app/assets/stylesheets/components/forms.scss */
.c-date-picker .DateRangePickerInput_clearDates:hover, .c-date-picker .DateRangePickerInput_clearDates:focus-visible {
  border-radius: var(--radius);
}

/* line 379, app/assets/stylesheets/components/forms.scss */
.c-date-picker--error .DateRangePickerInput {
  border-color: var(--accent-danger);
}

/* line 385, app/assets/stylesheets/components/forms.scss */
.c-date-picker .DateRangePicker:focus-within .DateRangePickerInput {
  border-color: var(--focus);
}

/* line 390, app/assets/stylesheets/components/forms.scss */
.c-date-picker .CalendarDay {
  border-color: var(--date-border-color);
}

/* line 393, app/assets/stylesheets/components/forms.scss */
.c-date-picker .CalendarDay__default:hover {
  background-color: transparent;
  position: relative;
}

/* line 398, app/assets/stylesheets/components/forms.scss */
.c-date-picker .CalendarDay__default:hover::after {
  border: 1px solid var(--hover-date-border-color);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
}

/* line 409, app/assets/stylesheets/components/forms.scss */
.c-date-picker .CalendarDay__today {
  color: var(--current-date-color);
}

/* line 414, app/assets/stylesheets/components/forms.scss */
.c-date-picker .CalendarDay__selected_span {
  background: var(--selected-range-bg);
  color: var(--selected-range-color);
  border-color: var(--selected-date-border);
}

/* line 419, app/assets/stylesheets/components/forms.scss */
.c-date-picker .CalendarDay__selected_span:active, .c-date-picker .CalendarDay__selected_span:hover {
  background: var(--selected-range-bg);
  color: var(--fs-base);
  border-color: var(--selected-date-border);
}

/* line 428, app/assets/stylesheets/components/forms.scss */
.c-date-picker .CalendarDay__selected {
  background: var(--selected-date-bg);
  color: var(--selected-date-color);
}

/* line 432, app/assets/stylesheets/components/forms.scss */
.c-date-picker .CalendarDay__selected:hover {
  background: var(--selected-date-bg);
  color: var(--selected-date-color);
  border-color: var(--selected-date-border);
}

/* line 440, app/assets/stylesheets/components/forms.scss */
.c-date-picker .CalendarDay__hovered_span, .c-date-picker .CalendarDay__hovered_span:hover {
  background: var(--selected-range-bg);
  color: var(--selected-range-color);
  border-color: var(--selected-date-border);
}

/* line 448, app/assets/stylesheets/components/forms.scss */
.c-date-picker .CalendarMonthGrid__vertical {
  margin-top: var(--su-2);
}

/* line 451, app/assets/stylesheets/components/forms.scss */
.c-date-picker .CalendarMonthGrid__vertical .c-date-picker__month {
  margin-top: var(--su-2);
}

/* line 456, app/assets/stylesheets/components/forms.scss */
.c-date-picker .CalendarMonthGrid__vertical .CalendarMonth_caption {
  padding-bottom: var(--su-2);
  padding-top: var(--su-3);
}

/* line 465, app/assets/stylesheets/components/forms.scss */
.c-date-picker .DayPickerKeyboardShortcuts_buttonReset::before {
  border-right-color: var(--accent-brand);
}

/* line 469, app/assets/stylesheets/components/forms.scss */
.c-date-picker .DayPickerKeyboardShortcuts_buttonReset:hover::before {
  border-right-color: var(--accent-brand-lighter);
}

/* line 474, app/assets/stylesheets/components/forms.scss */
.c-date-picker .DayPickerNavigation {
  display: flex;
  justify-content: space-between;
}

/* line 478, app/assets/stylesheets/components/forms.scss */
.c-date-picker .DayPickerNavigation_button {
  margin: var(--su-6) var(--su-3) 0 var(--su-3);
  height: min-content;
  padding: var(--su-1);
}

/* line 485, app/assets/stylesheets/components/forms.scss */
.c-date-picker .DayPickerNavigation_button:hover, .c-date-picker .DayPickerNavigation_button:focus {
  background-color: var(--bg-hover);
}

/* line 490, app/assets/stylesheets/components/forms.scss */
.c-date-picker .DayPickerNavigation_button__disabled {
  opacity: 0.2;
  cursor: not-allowed;
}

/* line 497, app/assets/stylesheets/components/forms.scss */
.c-date-picker__errors {
  color: var(--accent-danger);
}

/* line 8, app/assets/stylesheets/components/multi-input.scss */
.c-input--multi__wrapper-border:focus-within .c-input--multi__input {
  background-color: var(--form-bg-focus);
}

/* line 13, app/assets/stylesheets/components/multi-input.scss */
.c-input--multi__input {
  background-color: var(--bg-color);
  color: var(--body-color);
  border: none;
}

/* line 20, app/assets/stylesheets/components/multi-input.scss */
.c-input--multi__wrapper-border .c-input--multi__input {
  background-color: var(--form-bg);
}

/* line 27, app/assets/stylesheets/components/multi-input.scss */
.c-btn.c-input--multi__selected:first-child, .c-date-picker .c-input--multi__selected.DateRangePickerInput_calendarIcon:first-child, .c-date-picker .c-input--multi__selected.DateRangePickerInput_clearDates:first-child, .c-date-picker .c-input--multi__selected.DayPickerNavigation_button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border: 1px solid var(--base-10);
  border-right: none;
  color: var(--base-90);
}

/* line 35, app/assets/stylesheets/components/multi-input.scss */
.c-btn.c-input--multi__selected:last-child, .c-date-picker .c-input--multi__selected.DateRangePickerInput_calendarIcon:last-child, .c-date-picker .c-input--multi__selected.DateRangePickerInput_clearDates:last-child, .c-date-picker .c-input--multi__selected.DayPickerNavigation_button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border: 1px solid var(--base-10);
  border-left: none;
}

/* line 42, app/assets/stylesheets/components/multi-input.scss */
.c-btn.c-input--multi__selected:first-child:hover, .c-date-picker .c-input--multi__selected.DateRangePickerInput_calendarIcon:first-child:hover, .c-date-picker .c-input--multi__selected.DateRangePickerInput_clearDates:first-child:hover, .c-date-picker .c-input--multi__selected.DayPickerNavigation_button:first-child:hover, .c-btn.c-input--multi__selected:first-child:focus-visible, .c-date-picker .c-input--multi__selected.DateRangePickerInput_calendarIcon:first-child:focus-visible, .c-date-picker .c-input--multi__selected.DateRangePickerInput_clearDates:first-child:focus-visible, .c-date-picker .c-input--multi__selected.DayPickerNavigation_button:first-child:focus-visible {
  background: none;
  color: none;
}

/* line 48, app/assets/stylesheets/components/multi-input.scss */
.c-btn.c-input--multi__selected:last-child:hover, .c-date-picker .c-input--multi__selected.DateRangePickerInput_calendarIcon:last-child:hover, .c-date-picker .c-input--multi__selected.DateRangePickerInput_clearDates:last-child:hover, .c-date-picker .c-input--multi__selected.DayPickerNavigation_button:last-child:hover, .c-btn.c-input--multi__selected:last-child:focus-visible, .c-date-picker .c-input--multi__selected.DateRangePickerInput_calendarIcon:last-child:focus-visible, .c-date-picker .c-input--multi__selected.DateRangePickerInput_clearDates:last-child:focus-visible, .c-date-picker .c-input--multi__selected.DayPickerNavigation_button:last-child:focus-visible {
  background: none;
  color: var(--accent-danger);
}

/* line 55, app/assets/stylesheets/components/multi-input.scss */
.c-btn.c-input--multi__selected-invalid:first-child, .c-date-picker .c-input--multi__selected-invalid.DateRangePickerInput_calendarIcon:first-child, .c-date-picker .c-input--multi__selected-invalid.DateRangePickerInput_clearDates:first-child, .c-date-picker .c-input--multi__selected-invalid.DayPickerNavigation_button:first-child, .c-btn.c-input--multi__selected-invalid:last-child, .c-date-picker .c-input--multi__selected-invalid.DateRangePickerInput_calendarIcon:last-child, .c-date-picker .c-input--multi__selected-invalid.DateRangePickerInput_clearDates:last-child, .c-date-picker .c-input--multi__selected-invalid.DayPickerNavigation_button:last-child {
  background-color: var(--accent-danger-a10);
  color: var(--accent-danger);
  border: 1px solid var(--accent-danger);
}

/* line 62, app/assets/stylesheets/components/multi-input.scss */
.c-btn.c-input--multi__selected-invalid:first-child, .c-date-picker .c-input--multi__selected-invalid.DateRangePickerInput_calendarIcon:first-child, .c-date-picker .c-input--multi__selected-invalid.DateRangePickerInput_clearDates:first-child, .c-date-picker .c-input--multi__selected-invalid.DayPickerNavigation_button:first-child {
  border-right: none;
}

/* line 66, app/assets/stylesheets/components/multi-input.scss */
.c-btn.c-input--multi__selected-invalid:last-child, .c-date-picker .c-input--multi__selected-invalid.DateRangePickerInput_calendarIcon:last-child, .c-date-picker .c-input--multi__selected-invalid.DateRangePickerInput_clearDates:last-child, .c-date-picker .c-input--multi__selected-invalid.DayPickerNavigation_button:last-child {
  border-left: none;
}

/* line 70, app/assets/stylesheets/components/multi-input.scss */
.c-btn.c-input--multi__selected-invalid:first-child:hover, .c-date-picker .c-input--multi__selected-invalid.DateRangePickerInput_calendarIcon:first-child:hover, .c-date-picker .c-input--multi__selected-invalid.DateRangePickerInput_clearDates:first-child:hover, .c-date-picker .c-input--multi__selected-invalid.DayPickerNavigation_button:first-child:hover, .c-btn.c-input--multi__selected-invalid:first-child:focus-visible, .c-date-picker .c-input--multi__selected-invalid.DateRangePickerInput_calendarIcon:first-child:focus-visible, .c-date-picker .c-input--multi__selected-invalid.DateRangePickerInput_clearDates:first-child:focus-visible, .c-date-picker .c-input--multi__selected-invalid.DayPickerNavigation_button:first-child:focus-visible, .c-btn.c-input--multi__selected-invalid:last-child:hover, .c-date-picker .c-input--multi__selected-invalid.DateRangePickerInput_calendarIcon:last-child:hover, .c-date-picker .c-input--multi__selected-invalid.DateRangePickerInput_clearDates:last-child:hover, .c-date-picker .c-input--multi__selected-invalid.DayPickerNavigation_button:last-child:hover, .c-btn.c-input--multi__selected-invalid:last-child:focus-visible, .c-date-picker .c-input--multi__selected-invalid.DateRangePickerInput_calendarIcon:last-child:focus-visible, .c-date-picker .c-input--multi__selected-invalid.DateRangePickerInput_clearDates:last-child:focus-visible, .c-date-picker .c-input--multi__selected-invalid.DayPickerNavigation_button:last-child:focus-visible {
  background-color: var(--accent-danger-a10);
  color: var(--accent-danger);
}

/* line 3, app/assets/stylesheets/components/navigation.scss */
.crayons-link {
  color: var(--link-color);
}

/* line 6, app/assets/stylesheets/components/navigation.scss */
.crayons-link:hover {
  color: var(--link-color-hover);
}

/* line 10, app/assets/stylesheets/components/navigation.scss */
.crayons-link--brand {
  color: var(--link-branded-color);
}

/* line 13, app/assets/stylesheets/components/navigation.scss */
.crayons-link--brand:hover {
  color: var(--link-branded-color-hover);
}

/* line 18, app/assets/stylesheets/components/navigation.scss */
.crayons-link--secondary {
  color: var(--link-color-secondary);
}

/* line 21, app/assets/stylesheets/components/navigation.scss */
.crayons-link--secondary:hover {
  color: var(--link-color-secondary-hover);
}

/* line 26, app/assets/stylesheets/components/navigation.scss */
.crayons-link--current {
  font-weight: var(--fw-medium);
  color: var(--link-color-current);
  background: var(--link-bg-current);
}

/* line 33, app/assets/stylesheets/components/navigation.scss */
.crayons-link--block {
  display: flex;
  align-items: center;
  padding: var(--su-3);
  border-radius: var(--radius);
  transition: background var(--transition-props), color var(--transition-props);
}

/* line 40, app/assets/stylesheets/components/navigation.scss */
.crayons-link--block:hover:not(.crayons-link--current) {
  background: var(--link-bg-hover);
}

@media (min-width: 640px) {
  /* line 33, app/assets/stylesheets/components/navigation.scss */
  .crayons-link--block {
    padding: var(--su-2);
  }
}

/* line 48, app/assets/stylesheets/components/navigation.scss */
.crayons-link--block .crayons-icon {
  margin-right: var(--su-2);
  vertical-align: middle;
  width: var(--su-6);
  height: var(--su-6);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--fs-xl);
}

/* line 59, app/assets/stylesheets/components/navigation.scss */
.crayons-link--block .c-indicator {
  margin-left: auto;
}

/* line 62, app/assets/stylesheets/components/navigation.scss */
.crayons-link--block .c-indicator:empty {
  display: none;
}

/* line 68, app/assets/stylesheets/components/navigation.scss */
.crayons-link--block--indented {
  padding-left: calc(var(--su-2) + var(--su-7));
}

/* line 73, app/assets/stylesheets/components/navigation.scss */
.crayons-link--contentful {
  display: block;
  padding: var(--su-4);
  border-bottom: 1px solid var(--body-bg);
}

/* line 78, app/assets/stylesheets/components/navigation.scss */
.crayons-link--contentful:last-child {
  border-bottom: 0;
  border-bottom-right-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
}

/* line 84, app/assets/stylesheets/components/navigation.scss */
.crayons-link--contentful .crayons-link__secondary {
  color: var(--link-color-secondary);
  font-size: var(--fs-s);
  padding-top: var(--su-1);
}

/* line 90, app/assets/stylesheets/components/navigation.scss */
.crayons-link--contentful:hover {
  background: var(--link-bg-hover-alt);
}

/* line 92, app/assets/stylesheets/components/navigation.scss */
.crayons-link--contentful:hover .crayons-link__secondary {
  color: var(--link-color-secondary-hover);
}

/* line 3, app/assets/stylesheets/components/notices.scss */
.crayons-notice {
  padding: var(--su-4);
  background: var(--card-bg);
  color: var(--card-color);
  border-radius: var(--radius-auto);
}

/* line 9, app/assets/stylesheets/components/notices.scss */
.crayons-notice--danger {
  background: var(--accent-danger-a10);
}

/* line 13, app/assets/stylesheets/components/notices.scss */
.crayons-notice--warning {
  background: var(--accent-warning-a10);
}

/* line 17, app/assets/stylesheets/components/notices.scss */
.crayons-notice--success {
  background: var(--accent-success-a10);
}

/* line 21, app/assets/stylesheets/components/notices.scss */
.crayons-notice--info {
  background: rgba(var(--brand), 0.1);
}

/* line 25, app/assets/stylesheets/components/notices.scss */
.crayons-notice--close {
  float: right;
  font-size: var(--fs-2xl);
  font-weight: var(--fw-bold);
  line-height: 1;
  color: var(--base);
  text-shadow: 0 1px 0 var(--base-inverted);
  opacity: var(--opacity-50);
  padding: 0;
  border: 0;
  background-color: transparent;
}

/* line 5, app/assets/stylesheets/components/pills.scss */
.c-pill {
  --border: var(--pill-border);
  --bg: var(--pill-bg);
  --color: var(--pill-color);
  --action-icon-color: var(--color-secondary);
  position: relative;
  display: inline-flex;
  text-align: left;
  align-items: center;
  border-radius: var(--radius);
  font: inherit;
  outline: 0;
  text-decoration: none;
  padding: calc(var(--su-2) - 1px) var(--su-3);
  color: var(--color);
  border: 1px solid var(--border);
  background: var(--bg);
}

/* line 26, app/assets/stylesheets/components/pills.scss */
.c-pill:hover:not([aria-disabled='true']), .js-focus-visible .c-pill.focus-visible:focus:not([aria-disabled='true']) {
  --color: var(--pill-color-hover);
  --border: var(--pill-border-hover);
  --bg: var(--pill-bg-hover);
  --action-icon-color: var(--pill-color-hover);
  z-index: var(--z-elevate);
}

/* line 33, app/assets/stylesheets/components/pills.scss */
.c-pill:hover:not([aria-disabled='true']):is(.c-pill--action-icon--destructive), .js-focus-visible .c-pill.focus-visible:focus:not([aria-disabled='true']):is(.c-pill--action-icon--destructive) {
  --action-icon-color: var(--accent-danger);
}

/* line 39, app/assets/stylesheets/components/pills.scss */
.js-focus-visible .c-pill.focus-visible:focus {
  box-shadow: var(--focus-ring);
  outline: 0;
}

/* line 46, app/assets/stylesheets/components/pills.scss */
.c-pill--description-icon .c-pill__description-icon {
  color: var(--description-icon-color);
  flex-shrink: 0;
  margin-right: var(--su-2);
}

/* line 54, app/assets/stylesheets/components/pills.scss */
.c-pill--action-icon .c-pill__action-icon {
  color: var(--action-icon-color);
  flex-shrink: 0;
  margin-left: var(--su-2);
}

/* line 1, app/assets/stylesheets/components/profile-preview-card.scss */
.profile-preview-card {
  --dropdown-hover-delay: 590ms;
  --dropdown-transition: 300ms;
}

/* line 5, app/assets/stylesheets/components/profile-preview-card.scss */
.profile-preview-card__content.crayons-dropdown {
  transition: border, border-top;
  transition-duration: var(--dropdown-transition);
  color: var(--base-100);
  padding-top: 0;
  left: 0;
  font-size: var(--fs-base);
  font-weight: var(--fw-normal);
  overflow-wrap: break-word;
  overflow-wrap: anywhere;
}

/* line 19, app/assets/stylesheets/components/profile-preview-card.scss */
.profile-preview-card__content.crayons-dropdown:hover {
  display: block;
  animation: hoverAppear var(--dropdown-hover-delay);
}

/* line 23, app/assets/stylesheets/components/profile-preview-card.scss */
.profile-preview-card__content.crayons-dropdown.showing:hover {
  animation: none;
}

/* line 28, app/assets/stylesheets/components/profile-preview-card.scss */
.profile-preview-card__trigger:hover + .profile-preview-card__content.crayons-dropdown {
  display: block;
  animation: hoverAppear var(--dropdown-hover-delay);
}

/* line 32, app/assets/stylesheets/components/profile-preview-card.scss */
.profile-preview-card__trigger:hover + .profile-preview-card__content.crayons-dropdown.showing {
  animation: none;
}

@keyframes hoverAppear {
  0% {
    opacity: var(--opacity-0);
    pointer-events: none;
  }
  99% {
    opacity: var(--opacity-0);
    pointer-events: none;
  }
  100% {
    opacity: var(--opacity-100);
    pointer-events: unset;
  }
}

/* line 3, app/assets/stylesheets/components/series-switcher.scss */
.series-switcher {
  font-family: var(--ff-sans-serif);
  max-width: 550px;
  margin: var(--su-4) auto;
}

@media (min-width: 768px) {
  /* line 3, app/assets/stylesheets/components/series-switcher.scss */
  .series-switcher {
    margin: var(--su-6) auto;
  }
}

/* line 12, app/assets/stylesheets/components/series-switcher.scss */
.series-switcher__num {
  background: var(--base-10);
  width: var(--su-7);
  height: var(--su-7);
  font-size: var(--fs-base);
  color: var(--base-70);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: var(--su-3);
  flex-shrink: 0;
}

/* line 26, app/assets/stylesheets/components/series-switcher.scss */
.series-switcher__title {
  max-width: 100%;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/* line 34, app/assets/stylesheets/components/series-switcher.scss */
.series-switcher__link {
  padding: var(--su-3) var(--su-4);
  font-size: var(--fs-base);
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

@media (min-width: 768px) {
  /* line 34, app/assets/stylesheets/components/series-switcher.scss */
  .series-switcher__link {
    font-size: var(--fs-l);
  }
}

/* line 45, app/assets/stylesheets/components/series-switcher.scss */
.series-switcher__link--hidden {
  display: none;
}

/* line 49, app/assets/stylesheets/components/series-switcher.scss */
.series-switcher__link--active {
  color: var(--base-100);
  font-weight: var(--fw-bold);
}

/* line 52, app/assets/stylesheets/components/series-switcher.scss */
.series-switcher__link--active .series-switcher__num {
  background: var(--accent-brand);
  color: var(--base-inverted);
  font-weight: var(--fw-normal);
}

/* line 3, app/assets/stylesheets/components/snackbars.scss */
.crayons-snackbar {
  position: fixed;
  z-index: var(--z-popover);
  left: var(--su-2);
  right: var(--su-2);
  bottom: var(--su-2);
  display: grid;
  grid-gap: var(--su-2);
}

@media (min-width: 640px) {
  /* line 3, app/assets/stylesheets/components/snackbars.scss */
  .crayons-snackbar {
    max-width: 480px;
    width: auto;
    left: var(--su-6);
    right: auto;
    bottom: var(--su-6);
    justify-items: flex-start;
  }
}

/* line 21, app/assets/stylesheets/components/snackbars.scss */
.crayons-snackbar__item {
  border-radius: var(--radius);
  background: var(--snackbar-bg);
  color: var(--snackbar-color);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  display: none;
  align-items: center;
  justify-content: space-between;
  padding: var(--su-2);
}

/* line 33, app/assets/stylesheets/components/snackbars.scss */
.crayons-snackbar__body {
  padding: 0 var(--su-2);
}

/* line 37, app/assets/stylesheets/components/snackbars.scss */
.crayons-snackbar__actions {
  flex-shrink: 0;
  padding-left: var(--su-2);
}

@keyframes crayons-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* line 10, app/assets/stylesheets/components/spinner.scss */
.crayons-spinner {
  color: var(--accent-brand);
  animation: 1s linear infinite crayons-spinner;
}

/* line 4, app/assets/stylesheets/components/stories.scss */
.articles-list {
  min-width: 0;
}

/* line 12, app/assets/stylesheets/components/stories.scss */
#main-status-form {
  line-height: 0;
  margin-bottom: var(--su-1);
}

/* line 15, app/assets/stylesheets/components/stories.scss */
#main-status-form #main-status-form-controls {
  line-height: 24px;
}

/* line 18, app/assets/stylesheets/components/stories.scss */
#main-status-form .ltag__link__content {
  line-height: 1.2em;
}

/* line 20, app/assets/stylesheets/components/stories.scss */
#main-status-form .ltag__link__content h2 {
  line-height: 1.08em;
}

/* line 26, app/assets/stylesheets/components/stories.scss */
.feed-dropdown {
  font-size: var(--fs-base);
  padding: var(--su-4);
}

/* line 29, app/assets/stylesheets/components/stories.scss */
.feed-dropdown hr {
  border: 0.5px solid var(--divider);
  margin: 8px;
}

/* line 33, app/assets/stylesheets/components/stories.scss */
.feed-dropdown a {
  display: block !important;
}

/* line 35, app/assets/stylesheets/components/stories.scss */
.feed-dropdown a:hover {
  color: var(--accent-brand);
}

/* line 41, app/assets/stylesheets/components/stories.scss */
#article_title {
  height: auto;
  resize: none;
}

/* line 46, app/assets/stylesheets/components/stories.scss */
.crayons-story {
  background: var(--card-bg);
  box-shadow: 0 0 0 1px var(--card-secondary-border);
  margin: 0 0 var(--su-2);
  position: relative;
  border-radius: var(--radius-auto);
  --story-padding: var(--su-4) var(--su-4) var(--su-3);
  --title-font-size: var(--fs-xl);
}

/* line 53, app/assets/stylesheets/components/stories.scss */
.crayons-story:focus-within {
  outline: none;
  --card-border: var(--accent-brand);
  box-shadow: 0 0 0 2px var(--card-border);
}

@media (min-width: 640px) {
  /* line 46, app/assets/stylesheets/components/stories.scss */
  .crayons-story {
    --story-padding: var(--su-4);
    --title-font-size: var(--fs-2xl);
  }
  /* line 66, app/assets/stylesheets/components/stories.scss */
  .crayons-story--featured {
    --title-font-size: var(--fs-3xl);
  }
}

@media (min-width: 768px) {
  /* line 46, app/assets/stylesheets/components/stories.scss */
  .crayons-story {
    --story-padding: var(--su-5);
  }
}

/* line 75, app/assets/stylesheets/components/stories.scss */
.crayons-story__hidden-navigation-link {
  pointer-events: none;
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-wrap: break-word;
  overflow-wrap: anywhere;
}

/* line 91, app/assets/stylesheets/components/stories.scss */
.crayons-story__secondary {
  color: var(--card-color-secondary);
}

/* line 94, app/assets/stylesheets/components/stories.scss */
.crayons-story__secondary[href]:hover,
.crayons-story__secondary [enabled]:hover {
  color: var(--card-color);
}

/* line 100, app/assets/stylesheets/components/stories.scss */
.crayons-story__tertiary {
  color: var(--card-color-tertiary);
}

/* line 103, app/assets/stylesheets/components/stories.scss */
.crayons-story__tertiary[href]:hover {
  color: var(--card-color);
}

/* line 109, app/assets/stylesheets/components/stories.scss */
.crayons-story__cover {
  display: block;
  width: 100%;
  height: auto;
}

@media (min-width: 640px) {
  /* line 109, app/assets/stylesheets/components/stories.scss */
  .crayons-story__cover {
    border-radius: var(--radius) var(--radius) 0 0;
  }
}

/* line 120, app/assets/stylesheets/components/stories.scss */
.crayons-story__billboard:focus-within {
  --card-border: rgba(var(--grey-900), 0.1);
  box-shadow: 0 0 0 1px var(--card-border);
}

/* line 126, app/assets/stylesheets/components/stories.scss */
.crayons-story__body {
  padding: var(--story-padding);
}

/* line 130, app/assets/stylesheets/components/stories.scss */
.crayons-story__body-status {
  padding-top: var(--su-3);
  padding-bottom: var(--su-3);
}

@media (min-width: 768px) {
  /* line 135, app/assets/stylesheets/components/stories.scss */
  .crayons-story__indention {
    padding-left: calc(var(--su-7) + var(--su-2));
  }
}

@media (min-width: 768px) {
  /* line 141, app/assets/stylesheets/components/stories.scss */
  .crayons-story__indention-billboard {
    padding-left: calc(var(--su-7) + var(--su-2));
    padding-right: calc(var(--su-7) + var(--su-2));
  }
}

/* line 146, app/assets/stylesheets/components/stories.scss */
.crayons-story__indention-billboard .text-styles {
  font-size: var(--fs-base);
}

/* line 151, app/assets/stylesheets/components/stories.scss */
.crayons-story__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--su-3);
}

@media (min-width: 768px) {
  /* line 151, app/assets/stylesheets/components/stories.scss */
  .crayons-story__top {
    margin-bottom: var(--su-2);
  }
}

/* line 161, app/assets/stylesheets/components/stories.scss */
.crayons-story__top .pinned svg {
  fill: var(--accent-brand);
}

/* line 166, app/assets/stylesheets/components/stories.scss */
.crayons-story__overflow {
  color: var(--card-color-tertiary);
}

@media (min-width: 640px) {
  /* line 166, app/assets/stylesheets/components/stories.scss */
  .crayons-story__overflow {
    display: none;
  }
}

/* line 171, app/assets/stylesheets/components/stories.scss */
.crayons-story__overflow:hover {
  color: var(--card-color);
}

/* line 177, app/assets/stylesheets/components/stories.scss */
.crayons-story:hover .crayons-story__overflow {
  display: inline-flex;
}

/* line 182, app/assets/stylesheets/components/stories.scss */
.crayons-story__meta {
  display: flex;
  align-items: center;
  line-height: var(--lh-tight);
  font-size: var(--fs-s);
}

/* line 189, app/assets/stylesheets/components/stories.scss */
.crayons-story__author-pic {
  position: relative;
  margin-right: var(--su-2);
}

/* line 194, app/assets/stylesheets/components/stories.scss */
.crayons-story__tags {
  margin-bottom: var(--su-2);
  margin-left: calc(var(--su-1) * -1);
  font-size: var(--fs-s);
  display: flex;
  flex-wrap: wrap;
  gap: 1px;
  color: var(--base-80);
}

/* line 204, app/assets/stylesheets/components/stories.scss */
.crayons-story__title {
  color: var(--card-color);
  line-height: var(--lh-tight);
  font-size: var(--title-font-size);
  overflow-wrap: break-word;
  overflow-wrap: anywhere;
  word-break: break-word;
  margin-bottom: var(--su-1);
}

@media (min-width: 768px) {
  /* line 204, app/assets/stylesheets/components/stories.scss */
  .crayons-story__title {
    margin-bottom: var(--su-1);
  }
}

/* line 219, app/assets/stylesheets/components/stories.scss */
.crayons-story__title a {
  color: inherit;
  display: block;
}

/* line 223, app/assets/stylesheets/components/stories.scss */
.crayons-story__title a:hover {
  color: var(--link-color-hover);
}

/* line 229, app/assets/stylesheets/components/stories.scss */
.crayons-story__title-status {
  font-weight: var(--fw-normal);
  font-size: var(--fs-l);
}

/* line 233, app/assets/stylesheets/components/stories.scss */
.crayons-story__title-status a:hover {
  color: var(--card-color);
}

/* line 237, app/assets/stylesheets/components/stories.scss */
.crayons-story__title-status .crayons-story__innertitle-boost {
  font-size: calc(var(--fs-xs) + 1px);
  color: var(--color-secondary);
  font-weight: var(--fw-medium);
}

/* line 241, app/assets/stylesheets/components/stories.scss */
.crayons-story__title-status .crayons-story__innertitle-boost a {
  display: inline-block;
}

/* line 247, app/assets/stylesheets/components/stories.scss */
.crayons-story__flare-tag {
  font-weight: normal;
  padding: 0.3em;
  vertical-align: middle;
  position: relative;
  top: -2px;
  line-height: 1em;
  display: inline-block;
  border-radius: var(--radius);
  background: var(--base-60);
  margin-right: var(--su-1);
  color: var(--base-inverted);
}

/* line 262, app/assets/stylesheets/components/stories.scss */
.crayons-story__contentpreview {
  padding: var(--su-4) 0;
}

/* line 264, app/assets/stylesheets/components/stories.scss */
.crayons-story__contentpreview .ltag__link {
  margin: 0;
}

/* line 267, app/assets/stylesheets/components/stories.scss */
.crayons-story__contentpreview .ltag__link .ltag__link__content h2 {
  font-size: calc(1.15em + 0.09vw);
}

/* line 270, app/assets/stylesheets/components/stories.scss */
.crayons-story__contentpreview .ltag__link .ltag__link__content .ltag__link__tag {
  font-size: 0.75em;
}

/* line 273, app/assets/stylesheets/components/stories.scss */
.crayons-story__contentpreview br {
  display: none;
}

/* line 276, app/assets/stylesheets/components/stories.scss */
.crayons-story__contentpreview .c-embed {
  padding: 9px 16px !important;
  margin: 0 !important;
  font-size: 14px !important;
}

/* line 282, app/assets/stylesheets/components/stories.scss */
.crayons-story__contentpreview .c-embed:nth-child(n+3) {
  display: none;
}

/* line 287, app/assets/stylesheets/components/stories.scss */
.crayons-story__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--fs-s);
  line-height: var(--lh-tight);
  margin-left: -2px;
}

/* line 296, app/assets/stylesheets/components/stories.scss */
.crayons-story__details {
  display: flex;
  margin-left: calc(var(--su-2) * -1);
}

/* line 301, app/assets/stylesheets/components/stories.scss */
.crayons-story__comments {
  cursor: default;
  border-radius: var(--radius);
  position: relative;
  bottom: var(--su-2);
  margin: var(--su-2);
  margin-bottom: 0;
  margin-top: -3px;
  padding: var(--su-2) 0;
}

@media (min-width: 640px) {
  /* line 301, app/assets/stylesheets/components/stories.scss */
  .crayons-story__comments {
    bottom: var(--su-3);
    margin: var(--su-3);
    margin-bottom: 0;
    margin-top: -5px;
  }
}

/* line 318, app/assets/stylesheets/components/stories.scss */
.crayons-story__comments__headline {
  font-weight: var(--fw-bold);
  font-size: var(--fs-s);
  color: var(--card-color-secondary);
  margin-bottom: var(--su-3);
  padding-left: calc(var(--su-6) + var(--su-4));
}

/* line 326, app/assets/stylesheets/components/stories.scss */
.crayons-story__comments__actions {
  padding-left: calc(var(--su-6) + var(--su-4));
  margin-top: var(--su-1);
}

/* line 329, app/assets/stylesheets/components/stories.scss */
.crayons-story__comments__actions a {
  font-weight: var(--fw-medium);
}

/* line 335, app/assets/stylesheets/components/stories.scss */
.crayons-story__snippet {
  color: var(--card-secondary-color);
  font-size: inherit;
  overflow-wrap: break-word;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* line 338, app/assets/stylesheets/components/stories.scss */
.crayons-story__snippet em {
  font-style: normal;
  color: black;
  background: yellow;
}

/* line 351, app/assets/stylesheets/components/stories.scss */
.crayons-story__headline {
  font-family: var(--ff-monospace);
  font-size: var(--fs-s);
  color: var(--card-color-tertiary);
  margin-bottom: var(--su-4);
}

/* line 357, app/assets/stylesheets/components/stories.scss */
.crayons-story__headline a {
  color: inherit;
  display: block;
}

/* line 361, app/assets/stylesheets/components/stories.scss */
.crayons-story__headline a:hover {
  color: var(--link-color-hover);
}

/* line 367, app/assets/stylesheets/components/stories.scss */
.crayons-story__save {
  display: flex;
  align-items: center;
}

/* line 372, app/assets/stylesheets/components/stories.scss */
.crayons-story__slug-segment {
  opacity: 0.5;
}

/* line 376, app/assets/stylesheets/components/stories.scss */
.crayons-story__video {
  position: relative;
  padding-top: 56%;
  display: block;
  background-color: var(--base-100);
  background-size: cover;
}

/* line 383, app/assets/stylesheets/components/stories.scss */
.crayons-story__video img {
  width: 100%;
}

/* line 387, app/assets/stylesheets/components/stories.scss */
.crayons-story__video__time {
  position: absolute;
  bottom: var(--su-4);
  right: var(--su-4);
  background: rgba(0, 0, 0, 0.8);
  color: var(--base-inverted);
  border-radius: var(--radius);
  padding: var(--su-1);
  font-size: var(--fs-s);
  font-family: var(--ff-monospace);
}

/* line 401, app/assets/stylesheets/components/stories.scss */
.crayons-podcast-episode {
  display: flex;
  align-items: flex-start;
  margin-bottom: var(--su-4);
}

/* line 406, app/assets/stylesheets/components/stories.scss */
.crayons-podcast-episode:last-child {
  margin-bottom: 4px;
}

/* line 410, app/assets/stylesheets/components/stories.scss */
.crayons-podcast-episode__cover {
  width: var(--su-8);
  height: var(--su-8);
  margin-right: var(--su-2);
}

/* line 415, app/assets/stylesheets/components/stories.scss */
.crayons-podcast-episode__cover img {
  width: var(--su-8);
  min-width: var(--su-8);
  border-radius: var(--radius);
}

/* line 422, app/assets/stylesheets/components/stories.scss */
.crayons-podcast-episode__author {
  font-size: var(--fs-s);
  color: var(--card-color-secondary);
  margin-top: -5px;
}

/* line 428, app/assets/stylesheets/components/stories.scss */
.crayons-podcast-episode__title {
  color: var(--card-color);
  line-height: var(--lh-tight);
  margin-bottom: var(--su-1);
  font-size: var(--fs-l);
}

@media (min-width: 640px) {
  /* line 428, app/assets/stylesheets/components/stories.scss */
  .crayons-podcast-episode__title {
    font-size: var(--fs-xl);
  }
}

/* line 438, app/assets/stylesheets/components/stories.scss */
.crayons-podcast-episode__title a {
  color: inherit;
  display: block;
}

/* line 442, app/assets/stylesheets/components/stories.scss */
.crayons-podcast-episode__title a:hover {
  color: var(--link-color-hover);
}

/* line 452, app/assets/stylesheets/components/stories.scss */
.crayons-story .c-btn .bm-initial, .crayons-story .c-date-picker .DateRangePickerInput_calendarIcon .bm-initial, .c-date-picker .crayons-story .DateRangePickerInput_calendarIcon .bm-initial, .crayons-story .c-date-picker .DateRangePickerInput_clearDates .bm-initial, .c-date-picker .crayons-story .DateRangePickerInput_clearDates .bm-initial, .crayons-story .c-date-picker .DayPickerNavigation_button .bm-initial, .c-date-picker .crayons-story .DayPickerNavigation_button .bm-initial {
  display: inline-flex;
}

/* line 455, app/assets/stylesheets/components/stories.scss */
.crayons-story .c-btn .bm-success, .crayons-story .c-date-picker .DateRangePickerInput_calendarIcon .bm-success, .c-date-picker .crayons-story .DateRangePickerInput_calendarIcon .bm-success, .crayons-story .c-date-picker .DateRangePickerInput_clearDates .bm-success, .c-date-picker .crayons-story .DateRangePickerInput_clearDates .bm-success, .crayons-story .c-date-picker .DayPickerNavigation_button .bm-success, .c-date-picker .crayons-story .DayPickerNavigation_button .bm-success {
  display: none;
}

/* line 460, app/assets/stylesheets/components/stories.scss */
.crayons-story .c-btn.selected .bm-initial, .crayons-story .c-date-picker .selected.DateRangePickerInput_calendarIcon .bm-initial, .c-date-picker .crayons-story .selected.DateRangePickerInput_calendarIcon .bm-initial, .crayons-story .c-date-picker .selected.DateRangePickerInput_clearDates .bm-initial, .c-date-picker .crayons-story .selected.DateRangePickerInput_clearDates .bm-initial, .crayons-story .c-date-picker .selected.DayPickerNavigation_button .bm-initial, .c-date-picker .crayons-story .selected.DayPickerNavigation_button .bm-initial {
  display: none;
}

/* line 463, app/assets/stylesheets/components/stories.scss */
.crayons-story .c-btn.selected .bm-success, .crayons-story .c-date-picker .selected.DateRangePickerInput_calendarIcon .bm-success, .c-date-picker .crayons-story .selected.DateRangePickerInput_calendarIcon .bm-success, .crayons-story .c-date-picker .selected.DateRangePickerInput_clearDates .bm-success, .c-date-picker .crayons-story .selected.DateRangePickerInput_clearDates .bm-success, .crayons-story .c-date-picker .selected.DayPickerNavigation_button .bm-success, .c-date-picker .crayons-story .selected.DayPickerNavigation_button .bm-success {
  display: inline-flex;
}

/* line 3, app/assets/stylesheets/components/syntax.scss */
:root {
  --syntax-background-color: #08090a;
  --syntax-text-color: #f8f8f2;
  --syntax-comment-color: #808080;
  --syntax-declaration-color: #f39c12;
  --syntax-literal-color: #dda0dd;
  --syntax-error-color: #f9690e;
  --syntax-name-color: #7ed07e;
  --syntax-string-color: #f2ca27;
}

/* line 14, app/assets/stylesheets/components/syntax.scss */
pre:not(.highlight),
div.highlight,
div:not(.highlight) > pre.highlight,
li pre.highlight,
blockquote pre.highlight {
  background: var(--syntax-background-color);
  color: var(--syntax-text-color);
  font-size: 80%;
  border-radius: var(--radius);
  margin: 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  overflow-wrap: initial;
  padding: var(--su-2);
}

@media (min-width: 768px) {
  /* line 14, app/assets/stylesheets/components/syntax.scss */
  pre:not(.highlight),
div.highlight,
div:not(.highlight) > pre.highlight,
li pre.highlight,
blockquote pre.highlight {
    padding: var(--su-6);
  }
}

/* line 33, app/assets/stylesheets/components/syntax.scss */
pre:not(.highlight) code,
div.highlight code,
div:not(.highlight) > pre.highlight code,
li pre.highlight code,
blockquote pre.highlight code {
  font-size: 100%;
  padding: 0;
}

/* line 39, app/assets/stylesheets/components/syntax.scss */
div.highlight {
  position: relative;
}

/* line 43, app/assets/stylesheets/components/syntax.scss */
div.highlight .highlight {
  overflow: auto;
}

/* line 48, app/assets/stylesheets/components/syntax.scss */
.highlight__panel {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  visibility: hidden;
}

/* line 56, app/assets/stylesheets/components/syntax.scss */
.highlight:hover .highlight__panel {
  visibility: visible;
}

/* line 60, app/assets/stylesheets/components/syntax.scss */
.highlight__panel-action {
  display: flex;
  padding: var(--su-2);
  overflow: hidden;
  background: var(--base-60);
  border-bottom-left-radius: var(--radius);
  opacity: 0.9;
}

/* line 68, app/assets/stylesheets/components/syntax.scss */
.highlight__panel-action:hover {
  opacity: 1;
}

/* line 72, app/assets/stylesheets/components/syntax.scss */
.highlight__panel-action + .highlight__panel-action {
  margin-left: 1px;
  border-bottom-left-radius: 0;
}

/* line 78, app/assets/stylesheets/components/syntax.scss */
.highlight-action {
  display: none;
  cursor: pointer;
  color: var(--base-inverted);
  width: var(--su-5);
  height: var(--su-5);
}

/* line 86, app/assets/stylesheets/components/syntax.scss */
.highlight-action--fullscreen-on {
  display: block;
}

/* line 90, app/assets/stylesheets/components/syntax.scss */
.fullscreen-code {
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--z-modal);
  width: 100%;
  height: 100vh;
  background: var(--syntax-background-color);
  color: var(--syntax-text-color);
  overflow: auto;
  visibility: hidden;
  transform: scale(0.01);
  transition: transform var(--transition-props), visibility var(--transition-props);
}

/* line 105, app/assets/stylesheets/components/syntax.scss */
.fullscreen-code div.highlight {
  height: 100%;
  box-sizing: border-box;
}

/* line 110, app/assets/stylesheets/components/syntax.scss */
.fullscreen-code .highlight__panel {
  position: fixed;
}

/* line 114, app/assets/stylesheets/components/syntax.scss */
.fullscreen-code .highlight-action--fullscreen-on {
  display: none;
}

/* line 118, app/assets/stylesheets/components/syntax.scss */
.fullscreen-code .highlight-action--fullscreen-off {
  display: block;
}

/* line 122, app/assets/stylesheets/components/syntax.scss */
.fullscreen-code.is-open {
  visibility: visible;
  transform: scale(1);
}

/* line 128, app/assets/stylesheets/components/syntax.scss */
code {
  background: rgba(0, 0, 0, 0.1);
  color: var(--color-body-color);
  border-radius: var(--radius);
  max-width: 100%;
  font-size: 80%;
  padding: 0.1em 0.25em;
}

/* line 137, app/assets/stylesheets/components/syntax.scss */
p > code {
  background: var(--code-inline-bg);
}

/* line 141, app/assets/stylesheets/components/syntax.scss */
.highlight .hll {
  background-color: #49483e;
}

/* line 144, app/assets/stylesheets/components/syntax.scss */
.highlight {
  background: var(--syntax-background-color);
  color: var(--syntax-text-color);
}

/* line 148, app/assets/stylesheets/components/syntax.scss */
.highlight .c {
  color: var(--syntax-comment-color);
}

/* Comment */
/* line 151, app/assets/stylesheets/components/syntax.scss */
.highlight .err {
  text-shadow: 0 0 7px var(--syntax-error-color);
}

/* Error */
/* line 154, app/assets/stylesheets/components/syntax.scss */
.highlight .k {
  color: var(--syntax-declaration-color);
}

/* Keyword */
/* line 157, app/assets/stylesheets/components/syntax.scss */
.highlight .l {
  color: var(--syntax-literal-color);
}

/* Literal */
/* line 160, app/assets/stylesheets/components/syntax.scss */
.highlight .n {
  color: var(--syntax-text-color);
}

/* Name */
/* line 163, app/assets/stylesheets/components/syntax.scss */
.highlight .o {
  color: var(--syntax-error-color);
}

/* Operator */
/* line 166, app/assets/stylesheets/components/syntax.scss */
.highlight .p {
  color: var(--syntax-text-color);
}

/* Punctuation */
/* line 169, app/assets/stylesheets/components/syntax.scss */
.highlight .ch {
  color: var(--syntax-comment-color);
}

/* Comment.Hashbang */
/* line 172, app/assets/stylesheets/components/syntax.scss */
.highlight .cm {
  color: var(--syntax-comment-color);
}

/* Comment.Multiline */
/* line 175, app/assets/stylesheets/components/syntax.scss */
.highlight .cp {
  color: var(--syntax-comment-color);
}

/* Comment.Preproc */
/* line 178, app/assets/stylesheets/components/syntax.scss */
.highlight .cpf {
  color: var(--syntax-comment-color);
}

/* Comment.PreprocFile */
/* line 181, app/assets/stylesheets/components/syntax.scss */
.highlight .c1 {
  color: var(--syntax-comment-color);
}

/* Comment.Single */
/* line 184, app/assets/stylesheets/components/syntax.scss */
.highlight .cs {
  color: var(--syntax-comment-color);
}

/* Comment.Special */
/* line 187, app/assets/stylesheets/components/syntax.scss */
.highlight .gd {
  color: var(--syntax-error-color);
}

/* Generic.Deleted */
/* line 190, app/assets/stylesheets/components/syntax.scss */
.highlight .ge {
  font-style: italic;
}

/* Generic.Emph */
/* line 193, app/assets/stylesheets/components/syntax.scss */
.highlight .gi {
  color: var(--syntax-name-color);
}

/* Generic.Inserted */
/* line 196, app/assets/stylesheets/components/syntax.scss */
.highlight .gs {
  font-weight: var(--fw-bold);
}

/* Generic.Strong */
/* line 199, app/assets/stylesheets/components/syntax.scss */
.highlight .gu {
  color: var(--syntax-comment-color);
}

/* Generic.Subheading */
/* line 202, app/assets/stylesheets/components/syntax.scss */
.highlight .kc {
  color: var(--syntax-declaration-color);
}

/* Keyword.Constant */
/* line 205, app/assets/stylesheets/components/syntax.scss */
.highlight .kd {
  color: var(--syntax-declaration-color);
}

/* Keyword.Declaration */
/* line 208, app/assets/stylesheets/components/syntax.scss */
.highlight .kn {
  color: var(--syntax-error-color);
}

/* Keyword.Namespace */
/* line 211, app/assets/stylesheets/components/syntax.scss */
.highlight .kp {
  color: var(--syntax-declaration-color);
}

/* Keyword.Pseudo */
/* line 214, app/assets/stylesheets/components/syntax.scss */
.highlight .kr {
  color: var(--syntax-declaration-color);
}

/* Keyword.Reserved */
/* line 217, app/assets/stylesheets/components/syntax.scss */
.highlight .kt {
  color: var(--syntax-declaration-color);
}

/* Keyword.Type */
/* line 220, app/assets/stylesheets/components/syntax.scss */
.highlight .ld {
  color: var(--syntax-string-color);
}

/* Literal.Date */
/* line 223, app/assets/stylesheets/components/syntax.scss */
.highlight .m {
  color: var(--syntax-literal-color);
}

/* Literal.Number */
/* line 226, app/assets/stylesheets/components/syntax.scss */
.highlight .s {
  color: var(--syntax-string-color);
}

/* Literal.String */
/* line 229, app/assets/stylesheets/components/syntax.scss */
.highlight .na {
  color: var(--syntax-name-color);
}

/* Name.Attribute */
/* line 232, app/assets/stylesheets/components/syntax.scss */
.highlight .nb {
  color: var(--syntax-text-color);
}

/* Name.Builtin */
/* line 235, app/assets/stylesheets/components/syntax.scss */
.highlight .nc {
  color: var(--syntax-name-color);
}

/* Name.Class */
/* line 238, app/assets/stylesheets/components/syntax.scss */
.highlight .no {
  color: var(--syntax-declaration-color);
}

/* Name.Constant */
/* line 241, app/assets/stylesheets/components/syntax.scss */
.highlight .nd {
  color: var(--syntax-name-color);
}

/* Name.Decorator */
/* line 244, app/assets/stylesheets/components/syntax.scss */
.highlight .ni {
  color: var(--syntax-text-color);
}

/* Name.Entity */
/* line 247, app/assets/stylesheets/components/syntax.scss */
.highlight .ne {
  color: var(--syntax-name-color);
}

/* Name.Exception */
/* line 250, app/assets/stylesheets/components/syntax.scss */
.highlight .nf {
  color: var(--syntax-name-color);
}

/* Name.Function */
/* line 253, app/assets/stylesheets/components/syntax.scss */
.highlight .nl {
  color: var(--syntax-text-color);
}

/* Name.Label */
/* line 256, app/assets/stylesheets/components/syntax.scss */
.highlight .nn {
  color: var(--syntax-text-color);
}

/* Name.Namespace */
/* line 259, app/assets/stylesheets/components/syntax.scss */
.highlight .nx {
  color: var(--syntax-name-color);
}

/* Name.Other */
/* line 262, app/assets/stylesheets/components/syntax.scss */
.highlight .py {
  color: var(--syntax-text-color);
}

/* Name.Property */
/* line 265, app/assets/stylesheets/components/syntax.scss */
.highlight .nt {
  color: var(--syntax-error-color);
}

/* Name.Tag */
/* line 268, app/assets/stylesheets/components/syntax.scss */
.highlight .nv {
  color: var(--syntax-text-color);
}

/* Name.Variable */
/* line 271, app/assets/stylesheets/components/syntax.scss */
.highlight .ow {
  color: var(--syntax-error-color);
}

/* Operator.Word */
/* line 274, app/assets/stylesheets/components/syntax.scss */
.highlight .w {
  color: var(--syntax-text-color);
}

/* Text.Whitespace */
/* line 277, app/assets/stylesheets/components/syntax.scss */
.highlight .mb {
  color: var(--syntax-literal-color);
}

/* Literal.Number.Bin */
/* line 280, app/assets/stylesheets/components/syntax.scss */
.highlight .mf {
  color: var(--syntax-literal-color);
}

/* Literal.Number.Float */
/* line 283, app/assets/stylesheets/components/syntax.scss */
.highlight .mh {
  color: var(--syntax-literal-color);
}

/* Literal.Number.Hex */
/* line 286, app/assets/stylesheets/components/syntax.scss */
.highlight .mi {
  color: var(--syntax-literal-color);
}

/* Literal.Number.Integer */
/* line 289, app/assets/stylesheets/components/syntax.scss */
.highlight .mo {
  color: var(--syntax-literal-color);
}

/* Literal.Number.Oct */
/* line 292, app/assets/stylesheets/components/syntax.scss */
.highlight .sa {
  color: var(--syntax-string-color);
}

/* Literal.String.Affix */
/* line 295, app/assets/stylesheets/components/syntax.scss */
.highlight .sb {
  color: var(--syntax-string-color);
}

/* Literal.String.Backtick */
/* line 298, app/assets/stylesheets/components/syntax.scss */
.highlight .sc {
  color: var(--syntax-string-color);
}

/* Literal.String.Char */
/* line 301, app/assets/stylesheets/components/syntax.scss */
.highlight .dl {
  color: var(--syntax-string-color);
}

/* Literal.String.Delimiter */
/* line 304, app/assets/stylesheets/components/syntax.scss */
.highlight .sd {
  color: var(--syntax-string-color);
}

/* Literal.String.Doc */
/* line 307, app/assets/stylesheets/components/syntax.scss */
.highlight .s2 {
  color: var(--syntax-string-color);
}

/* Literal.String.Double */
/* line 310, app/assets/stylesheets/components/syntax.scss */
.highlight .se {
  color: var(--syntax-literal-color);
}

/* Literal.String.Escape */
/* line 313, app/assets/stylesheets/components/syntax.scss */
.highlight .sh {
  color: var(--syntax-string-color);
}

/* Literal.String.Heredoc */
/* line 316, app/assets/stylesheets/components/syntax.scss */
.highlight .si {
  color: var(--syntax-string-color);
}

/* Literal.String.Interpol */
/* line 319, app/assets/stylesheets/components/syntax.scss */
.highlight .sx {
  color: var(--syntax-string-color);
}

/* Literal.String.Other */
/* line 322, app/assets/stylesheets/components/syntax.scss */
.highlight .sr {
  color: var(--syntax-string-color);
}

/* Literal.String.Regex */
/* line 325, app/assets/stylesheets/components/syntax.scss */
.highlight .s1 {
  color: var(--syntax-string-color);
}

/* Literal.String.Single */
/* line 328, app/assets/stylesheets/components/syntax.scss */
.highlight .ss {
  color: var(--syntax-string-color);
}

/* Literal.String.Symbol */
/* line 331, app/assets/stylesheets/components/syntax.scss */
.highlight .bp {
  color: var(--syntax-text-color);
}

/* Name.Builtin.Pseudo */
/* line 334, app/assets/stylesheets/components/syntax.scss */
.highlight .fm {
  color: var(--syntax-name-color);
}

/* Name.Function.Magic */
/* line 337, app/assets/stylesheets/components/syntax.scss */
.highlight .vc {
  color: var(--syntax-text-color);
}

/* Name.Variable.Class */
/* line 340, app/assets/stylesheets/components/syntax.scss */
.highlight .vg {
  color: var(--syntax-text-color);
}

/* Name.Variable.Global */
/* line 343, app/assets/stylesheets/components/syntax.scss */
.highlight .vi {
  color: var(--syntax-text-color);
}

/* Name.Variable.Instance */
/* line 346, app/assets/stylesheets/components/syntax.scss */
.highlight .vm {
  color: var(--syntax-text-color);
}

/* Name.Variable.Magic */
/* line 349, app/assets/stylesheets/components/syntax.scss */
.highlight .il {
  color: var(--syntax-literal-color);
}

/* Literal.Number.Integer.Long */
/* line 3, app/assets/stylesheets/components/tables.scss */
.crayons-table {
  margin: 0;
  padding: 0;
  border: none;
  border-collapse: inherit;
  border-spacing: 0;
  border-color: inherit;
  vertical-align: inherit;
  text-align: left;
  font-weight: inherit;
  -webkit-border-horizontal-spacing: 0;
  -webkit-border-vertical-spacing: 0;
}

/* line 16, app/assets/stylesheets/components/tables.scss */
.crayons-table td,
.crayons-table th {
  padding: var(--su-2);
}

@media (min-width: 768px) {
  /* line 16, app/assets/stylesheets/components/tables.scss */
  .crayons-table td,
.crayons-table th {
    padding: var(--su-3);
  }
}

@media (min-width: 1024px) {
  /* line 16, app/assets/stylesheets/components/tables.scss */
  .crayons-table td,
.crayons-table th {
    padding: var(--su-4);
  }
}

/* line 30, app/assets/stylesheets/components/tables.scss */
.crayons-table--compact td,
.crayons-table--compact th {
  padding: var(--su-2);
}

@media (min-width: 768px) {
  /* line 30, app/assets/stylesheets/components/tables.scss */
  .crayons-table--compact td,
.crayons-table--compact th {
    padding: var(--su-2);
  }
}

@media (min-width: 1024px) {
  /* line 30, app/assets/stylesheets/components/tables.scss */
  .crayons-table--compact td,
.crayons-table--compact th {
    padding: var(--su-2);
  }
}

/* line 44, app/assets/stylesheets/components/tables.scss */
.crayons-table td {
  transition: background var(--transition-props);
  border-bottom: 1px solid var(--body-bg);
}

/* line 49, app/assets/stylesheets/components/tables.scss */
.crayons-table thead {
  border-radius: var(--radius) var(--radius) 0 0;
}

/* line 53, app/assets/stylesheets/components/tables.scss */
.crayons-table th {
  font-size: var(--fs-xs);
  font-weight: var(--fw-medium);
  text-transform: uppercase;
  color: var(--base-60);
}

/* line 59, app/assets/stylesheets/components/tables.scss */
.crayons-table th:first-child {
  border-radius: var(--radius) 0 0 0;
}

/* line 63, app/assets/stylesheets/components/tables.scss */
.crayons-table th:last-child {
  border-radius: 0 var(--radius) 0 0;
}

/* line 71, app/assets/stylesheets/components/tables.scss */
.crayons-table tbody tr:first-child td:first-child {
  border-radius: var(--radius) 0 0 0;
}

/* line 75, app/assets/stylesheets/components/tables.scss */
.crayons-table tbody tr:first-child td:last-child {
  border-radius: 0 var(--radius) 0 0;
}

/* line 81, app/assets/stylesheets/components/tables.scss */
.crayons-table tbody tr:last-child td {
  border-bottom: none;
}

/* line 85, app/assets/stylesheets/components/tables.scss */
.crayons-table tbody tr:last-child td:first-child {
  border-radius: 0 0 0 var(--radius);
}

/* line 89, app/assets/stylesheets/components/tables.scss */
.crayons-table tbody tr:last-child td:last-child {
  border-radius: 0 0 var(--radius) 0;
}

/* line 95, app/assets/stylesheets/components/tables.scss */
.crayons-table tbody tr:only-child td:first-child {
  border-radius: var(--radius) 0 0 var(--radius);
}

/* line 99, app/assets/stylesheets/components/tables.scss */
.crayons-table tbody tr:only-child td:last-child {
  border-radius: 0 var(--radius) var(--radius) 0;
}

/* line 105, app/assets/stylesheets/components/tables.scss */
.crayons-table tbody tr:hover td {
  background: var(--card-secondary-bg);
}

/* line 113, app/assets/stylesheets/components/tables.scss */
.crayons-table--minimal th {
  text-transform: none;
}

/* line 117, app/assets/stylesheets/components/tables.scss */
.crayons-table--minimal td {
  border-bottom: none;
}

/* line 3, app/assets/stylesheets/components/tabs.scss */
.crayons-tabs {
  --border-width: 3px;
  --tab-vertical-padding: var(--su-2);
  --tab-horizontal-padding: var(--su-2);
  --font-size: var(--fs-base);
  display: flex;
}

@media (min-width: 640px) {
  /* line 3, app/assets/stylesheets/components/tabs.scss */
  .crayons-tabs {
    --tab-vertical-padding: var(--su-2);
  }
}

/* line 15, app/assets/stylesheets/components/tabs.scss */
.crayons-tabs--scrollable {
  overflow-x: auto;
  flex-wrap: nowrap;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
}

/* line 22, app/assets/stylesheets/components/tabs.scss */
.crayons-tabs__list {
  list-style: none;
  display: flex;
  width: 100%;
}

/* line 27, app/assets/stylesheets/components/tabs.scss */
.crayons-tabs__list li {
  width: 100%;
}

/* line 32, app/assets/stylesheets/components/tabs.scss */
.crayons-tabs__item {
  padding: var(--tab-vertical-padding) var(--tab-horizontal-padding);
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  font-size: var(--font-size);
  line-height: var(--su-6);
  text-decoration: none;
  cursor: pointer;
  color: var(--tab-color);
  position: relative;
  border-radius: var(--radius);
  transition: all var(--transition-props);
  width: 100%;
  border: none;
  background: transparent;
  /* 
      Add a, hidden, bold version of the text to get width.
      This prevents the minor layout shift on tab change.
    */
}

@media (min-width: 640px) {
  /* line 32, app/assets/stylesheets/components/tabs.scss */
  .crayons-tabs__item {
    width: auto;
    margin: 0 var(--su-1);
  }
}

/* line 58, app/assets/stylesheets/components/tabs.scss */
.crayons-tabs__item::before {
  content: attr(data-text);
  height: 0;
  visibility: hidden;
  overflow: hidden;
  user-select: none;
  pointer-events: none;
  font-weight: var(--fw-medium);
}

@media speech {
  /* line 58, app/assets/stylesheets/components/tabs.scss */
  .crayons-tabs__item::before {
    display: none;
  }
}

/* line 72, app/assets/stylesheets/components/tabs.scss */
.crayons-tabs__item::after {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--border-width);
  content: '';
  background: var(--tab-bg-current);
  border-radius: var(--radius);
  transition: all var(--transition-props);
}

@media (min-width: 640px) {
  /* line 72, app/assets/stylesheets/components/tabs.scss */
  .crayons-tabs__item::after {
    left: var(--tab-horizontal-padding);
    right: var(--tab-horizontal-padding);
  }
}

/* line 90, app/assets/stylesheets/components/tabs.scss */
.crayons-tabs__item:hover {
  background: var(--tab-bg-hover);
  color: var(--tab-color-hover);
}

/* line 94, app/assets/stylesheets/components/tabs.scss */
.crayons-tabs__item:hover:after {
  left: 0;
  right: 0;
  border-radius: 0 0 var(--radius) var(--radius);
}

/* line 101, app/assets/stylesheets/components/tabs.scss */
.crayons-tabs__item--current {
  font-weight: var(--fw-medium);
  color: var(--tab-color-current);
}

/* line 105, app/assets/stylesheets/components/tabs.scss */
.crayons-tabs__item--current::after {
  display: block;
}

/* line 111, app/assets/stylesheets/components/tabs.scss */
.crayons-tabs--wrapped {
  flex-wrap: wrap;
}

/* line 115, app/assets/stylesheets/components/tabs.scss */
.crayons-tabs--wrapped .crayons-tabs__list li {
  width: auto;
}

/* line 120, app/assets/stylesheets/components/tabs.scss */
.crayons-tabs--wrapped .crayons-tabs__item {
  margin: var(--su-1);
  width: auto;
}

/* line 127, app/assets/stylesheets/components/tabs.scss */
.crayons-navigation {
  --tab-horizontal-padding: var(--su-3);
  --tab-vertical-padding: var(--su-1);
  display: flex;
  overflow-x: auto;
  flex-wrap: nowrap;
  padding: var(--su-1) 0 !important;
  margin: calc(-1 * var(--su-1)) 0 !important;
}

@media (min-width: 640px) {
  /* line 127, app/assets/stylesheets/components/tabs.scss */
  .crayons-navigation {
    display: block;
    overflow-x: unset;
  }
}

/* line 143, app/assets/stylesheets/components/tabs.scss */
.crayons-navigation__item {
  display: inline-flex;
  white-space: nowrap;
  padding: var(--tab-vertical-padding) var(--tab-horizontal-padding);
  color: var(--base-70);
  position: relative;
  border-radius: var(--radius);
}

@media (min-width: 640px) {
  /* line 143, app/assets/stylesheets/components/tabs.scss */
  .crayons-navigation__item {
    display: flex;
    color: var(--base-90);
    white-space: unset;
    padding: var(--tab-vertical-padding) var(--tab-vertical-padding);
  }
  /* line 157, app/assets/stylesheets/components/tabs.scss */
  .crayons-navigation__item:hover {
    color: var(--accent-brand);
    background: var(--base-inverted);
  }
}

/* line 163, app/assets/stylesheets/components/tabs.scss */
.crayons-navigation__item--current {
  font-weight: var(--fw-bold);
  color: var(--base-100);
}

@media (min-width: 640px) {
  /* line 163, app/assets/stylesheets/components/tabs.scss */
  .crayons-navigation__item--current {
    background: var(--link-bg-current);
  }
  /* line 169, app/assets/stylesheets/components/tabs.scss */
  .crayons-navigation__item--current:hover {
    background: var(--link-bg-current);
  }
}

@media (min-width: 640px) {
  /* line 177, app/assets/stylesheets/components/tabs.scss */
  .crayons-navigation--horizontal {
    display: flex;
  }
}

@media (min-width: 640px) {
  /* line 182, app/assets/stylesheets/components/tabs.scss */
  .crayons-navigation--horizontal .crayons-navigation__item {
    display: inline-flex;
    color: var(--base-70);
    padding: var(--tab-vertical-padding) var(--tab-horizontal-padding);
  }
}

/* line 189, app/assets/stylesheets/components/tabs.scss */
.crayons-navigation--horizontal .crayons-navigation__item:hover {
  color: var(--accent-brand);
}

/* line 193, app/assets/stylesheets/components/tabs.scss */
.crayons-navigation--horizontal .crayons-navigation__item--current {
  color: var(--base-100);
  background: none;
}

/* line 197, app/assets/stylesheets/components/tabs.scss */
.crayons-navigation--horizontal .crayons-navigation__item--current:hover {
  background: var(--base-inverted);
}

/* line 3, app/assets/stylesheets/components/tags.scss */
.crayons-tag {
  background: transparent;
  color: var(--tag-color);
  border-radius: var(--radius);
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  flex-wrap: nowrap;
  transition: all var(--transition-props);
  padding: clamp(var(--su-1), 0.25em, 0.5em) 0.5em;
}

/* line 14, app/assets/stylesheets/components/tags.scss */
.crayons-tag__prefix {
  color: var(--tag-prefix);
  transition: all var(--transition-props);
  flex-shrink: 0;
}

/* line 20, app/assets/stylesheets/components/tags.scss */
.crayons-tag--filled {
  background: var(--tag-bg);
  color: var(--tag-color-hover);
}

/* line 26, app/assets/stylesheets/components/tags.scss */
.crayons-tag--monochrome .crayons-tag__prefix {
  color: var(--tag-prefix);
}

/* line 31, app/assets/stylesheets/components/tags.scss */
.crayons-tag:hover, .crayons-tag:focus {
  background: var(--tag-bg-hover);
  color: var(--tag-color-hover);
  box-shadow: inset 0 0 0 1px var(--tag-bg-hover), inset 0 0 0 1px var(--tag-bg-hover), inset 0 0 0 1px var(--tag-bg-hover);
}

/* line 38, app/assets/stylesheets/components/tags.scss */
.crayons-tag:hover .crayons-tag__prefix, .crayons-tag:focus .crayons-tag__prefix {
  color: var(--tag-prefix-hover);
}

/* line 44, app/assets/stylesheets/components/tags.scss */
.tag-card {
  height: 195px;
}

/* line 47, app/assets/stylesheets/components/tags.scss */
.tag-card .crayons-tag {
  padding-top: 0;
  padding-bottom: 0;
}

/* line 52, app/assets/stylesheets/components/tags.scss */
.tag-card__badge {
  width: 48px;
  height: 48px;
}

@media (max-width: 640px) {
  /* line 60, app/assets/stylesheets/components/tags.scss */
  .tags-index .crayons-page-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  /* line 66, app/assets/stylesheets/components/tags.scss */
  .tags-index .tags-interaction-container {
    justify-content: space-between;
    width: 100%;
    grid-gap: 4px;
  }
  /* line 72, app/assets/stylesheets/components/tags.scss */
  .tags-index .tags-interaction-container__buttons > :first-child {
    padding-left: 0;
  }
}

/* line 4, app/assets/stylesheets/components/tooltips.scss */
.crayons-tooltip__content, .crayons-hover-tooltip[data-tooltip]:after {
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, calc(-1 * var(--su-1)));
  background: var(--tooltip-bg);
  color: var(--tooltip-color);
  font-size: var(--fs-s);
  font-family: var(--ff-sans-serif);
  font-weight: var(--fw-normal);
  line-height: var(--lh-tight);
  padding: var(--su-2) var(--su-3);
  transition: all var(--transition-props);
  transition-delay: 250ms;
  z-index: var(--z-popover);
  border-radius: var(--radius);
  width: auto;
  opacity: var(--opacity-0);
  pointer-events: none;
}

@media (min-width: 768px) and (max-width: 1024px) {
  /* line 4, app/assets/stylesheets/components/tooltips.scss */
  .crayons-tooltip__content, .crayons-hover-tooltip[data-tooltip]:after {
    font-size: var(--fs-xs);
    padding: var(--su-1) var(--su-2);
  }
}

/* line 31, app/assets/stylesheets/components/tooltips.scss */
.js-focus-visible .crayons-tooltip__activator.focus-visible:focus .crayons-tooltip__content:not(.crayons-tooltip__suppressed), .js-focus-visible .crayons-tooltip__activator.focus-visible:focus .crayons-hover-tooltip[data-tooltip]:not(.crayons-tooltip__suppressed):after, .crayons-tooltip__activator:hover .crayons-tooltip__content:not(.crayons-tooltip__suppressed), .crayons-tooltip__activator:hover .crayons-hover-tooltip[data-tooltip]:not(.crayons-tooltip__suppressed):after {
  opacity: 1;
  transition-delay: 0;
  transform: translate(-50%, var(--su-1));
}

/* line 40, app/assets/stylesheets/components/tooltips.scss */
.crayons-hover-tooltip[data-tooltip] {
  position: relative;
}

/* line 43, app/assets/stylesheets/components/tooltips.scss */
.crayons-hover-tooltip[data-tooltip]:after {
  content: attr(data-tooltip);
  left: 0;
  bottom: 100%;
  top: unset;
  transform: translateY(var(--su-1));
  pointer-events: none;
  width: max-content;
}

/* line 55, app/assets/stylesheets/components/tooltips.scss */
.crayons-hover-tooltip[data-tooltip]:hover:after {
  opacity: 1;
  transform: translateY(calc(-1 * var(--su-1)));
  transition-delay: 0s;
}

/* line 63, app/assets/stylesheets/components/tooltips.scss */
.crayons-hover-tooltip.crayons-hover-tooltip--right[data-tooltip]:after {
  left: revert;
  right: 0;
}

/* line 3, app/assets/stylesheets/components/drawers.scss */
.crayons-mobile-drawer {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: var(--z-modal);
}

/* line 11, app/assets/stylesheets/components/drawers.scss */
.crayons-mobile-drawer__overlay {
  background: var(--base-100);
  opacity: 0.5;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/* line 21, app/assets/stylesheets/components/drawers.scss */
.crayons-mobile-drawer__content {
  width: 100%;
  max-width: 500px;
  background: var(--card-bg);
  opacity: 1;
  position: absolute;
  bottom: 0;
  left: 50%;
  right: 0;
  padding: var(--su-4);
  border-radius: var(--radius) var(--radius) 0 0;
  transform: translateY(100%) translateX(-50%);
  animation: slideIn 0.3s ease-in-out forwards;
}

@keyframes slideIn {
  100% {
    transform: translateY(0) translateX(-50%);
  }
}

/* line 4, app/assets/stylesheets/components/drawer-navigation.scss */
.drawer-navigation__item {
  display: flex;
  justify-content: space-between;
}

/* line 8, app/assets/stylesheets/components/drawer-navigation.scss */
.drawer-navigation__item a {
  color: var(--body-color);
}

/* line 12, app/assets/stylesheets/components/drawer-navigation.scss */
.drawer-navigation__item a[aria-current='page'] {
  color: var(--link-branded-color);
}

/* line 16, app/assets/stylesheets/components/drawer-navigation.scss */
.drawer-navigation__item .check-icon {
  vertical-align: middle;
  display: none;
  color: var(--link-branded-color);
}

/* line 22, app/assets/stylesheets/components/drawer-navigation.scss */
.drawer-navigation__item a[aria-current='page'] + .check-icon {
  display: block;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.color-transparent {
  color: transparent;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.color-current {
  color: currentColor;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.color-base-100 {
  color: var(--base-100);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.color-base-90 {
  color: var(--base-90);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.color-base-80 {
  color: var(--base-80);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.color-base-70 {
  color: var(--base-70);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.color-base-60 {
  color: var(--base-60);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.color-base-50 {
  color: var(--base-50);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.color-base-40 {
  color: var(--base-40);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.color-base-30 {
  color: var(--base-30);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.color-base-20 {
  color: var(--base-20);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.color-base-10 {
  color: var(--base-10);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.color-base-0 {
  color: var(--base-0);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.color-base-inverted {
  color: var(--base-inverted);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.color-accent-brand {
  color: var(--accent-brand);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.color-accent-success {
  color: var(--accent-success);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.color-accent-warning {
  color: var(--accent-warning);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.color-accent-danger {
  color: var(--accent-danger);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.color-primary {
  color: var(--color-primary);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.color-secondary {
  color: var(--color-secondary);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.bg-transparent {
  background-color: transparent;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.bg-current {
  background-color: currentColor;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.bg-base-100 {
  background-color: var(--base-100);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.bg-base-90 {
  background-color: var(--base-90);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.bg-base-80 {
  background-color: var(--base-80);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.bg-base-70 {
  background-color: var(--base-70);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.bg-base-60 {
  background-color: var(--base-60);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.bg-base-50 {
  background-color: var(--base-50);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.bg-base-40 {
  background-color: var(--base-40);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.bg-base-30 {
  background-color: var(--base-30);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.bg-base-20 {
  background-color: var(--base-20);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.bg-base-10 {
  background-color: var(--base-10);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.bg-base-0 {
  background-color: var(--base-0);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.bg-base-inverted {
  background-color: var(--base-inverted);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.bg-accent-brand {
  background-color: var(--accent-brand);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.bg-accent-success {
  background-color: var(--accent-success);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.bg-accent-warning {
  background-color: var(--accent-warning);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.bg-accent-danger {
  background-color: var(--accent-danger);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.bg-primary {
  background-color: var(--color-primary);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.bg-secondary {
  background-color: var(--color-secondary);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.border-transparent {
  border-color: transparent;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.border-current {
  border-color: currentColor;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.border-base-100 {
  border-color: var(--base-100);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.border-base-90 {
  border-color: var(--base-90);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.border-base-80 {
  border-color: var(--base-80);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.border-base-70 {
  border-color: var(--base-70);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.border-base-60 {
  border-color: var(--base-60);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.border-base-50 {
  border-color: var(--base-50);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.border-base-40 {
  border-color: var(--base-40);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.border-base-30 {
  border-color: var(--base-30);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.border-base-20 {
  border-color: var(--base-20);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.border-base-10 {
  border-color: var(--base-10);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.border-base-0 {
  border-color: var(--base-0);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.border-base-inverted {
  border-color: var(--base-inverted);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.border-accent-brand {
  border-color: var(--accent-brand);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.border-accent-success {
  border-color: var(--accent-success);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.border-accent-warning {
  border-color: var(--accent-warning);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.border-accent-danger {
  border-color: var(--accent-danger);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.border-primary {
  border-color: var(--color-primary);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.border-secondary {
  border-color: var(--color-secondary);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.opacity-100 {
  opacity: 1;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.opacity-75 {
  opacity: 0.75;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.opacity-50 {
  opacity: 0.5;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.opacity-25 {
  opacity: 0.25;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.opacity-5 {
  opacity: 0.05;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.opacity-0 {
  opacity: 0.00001;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.box-content {
  box-sizing: content-box;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.box-border {
  box-sizing: border-box;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.cursor-auto {
  cursor: auto;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.cursor-default {
  cursor: default;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.cursor-pointer {
  cursor: pointer;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.cursor-wait {
  cursor: wait;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.cursor-text {
  cursor: text;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.cursor-move {
  cursor: move;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.cursor-not-allowed {
  cursor: not-allowed;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.cursor-help {
  cursor: help;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pointer-events-auto {
  pointer-events: auto;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pointer-events-none {
  pointer-events: none;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.radius-default {
  border-radius: var(--radius);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.radius-0 {
  border-radius: 0;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.radius-full {
  border-radius: 9999px;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.flex-row {
  flex-direction: row;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.flex-col {
  flex-direction: column;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.flex-wrap {
  flex-wrap: wrap;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.flex-nowrap {
  flex-wrap: nowrap;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.items-stretch {
  align-items: stretch;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.items-start {
  align-items: flex-start;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.items-center {
  align-items: center;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.items-end {
  align-items: flex-end;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.basis-1-5 {
  flex-basis: 20%;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.basis-2-5 {
  flex-basis: 40%;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.basis-3-5 {
  flex-basis: 60%;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.basis-4-5 {
  flex-basis: 80%;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.basis-1-4 {
  flex-basis: 25%;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.basis-1-3 {
  flex-basis: 33.333333%;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.basis-1-2 {
  flex-basis: 50%;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.basis-2-3 {
  flex-basis: 66.666667%;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.basis-3-4 {
  flex-basis: 75%;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.content-start {
  align-content: flex-start;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.content-center {
  align-content: center;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.content-end {
  align-content: flex-end;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.content-between {
  align-content: space-between;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.content-around {
  align-content: space-around;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.self-auto {
  align-self: auto;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.self-start {
  align-self: flex-start;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.self-center {
  align-self: center;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.self-end {
  align-self: flex-end;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.self-stretch {
  align-self: stretch;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.justify-start {
  justify-content: flex-start;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.justify-center {
  justify-content: center;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.justify-end {
  justify-content: flex-end;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.justify-between {
  justify-content: space-between;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.justify-around {
  justify-content: space-around;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.justify-stretch {
  justify-content: stretch;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.flex-initial {
  flex: 0 auto;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.flex-1 {
  flex: 1 1 0%;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.flex-auto {
  flex: 1 1 auto;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.flex-none {
  flex: none;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.grow-0 {
  flex-grow: 0;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.grow-1 {
  flex-grow: 1;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.shrink-0 {
  flex-shrink: 0;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.shrink-1 {
  flex-shrink: 1;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.order-first {
  order: -9999;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.order-last {
  order: 9999;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.order-0 {
  order: 0;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.gap-0 {
  gap: 0;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.gap-px {
  gap: 1px;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.gap-05 {
  gap: var(--su-05);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.gap-1 {
  gap: var(--su-1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.gap-2 {
  gap: var(--su-2);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.gap-3 {
  gap: var(--su-3);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.gap-4 {
  gap: var(--su-4);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.gap-5 {
  gap: var(--su-5);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.gap-6 {
  gap: var(--su-6);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.gap-7 {
  gap: var(--su-7);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.gap-8 {
  gap: var(--su-8);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.gap-9 {
  gap: var(--su-9);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.gap-10 {
  gap: var(--su-10);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.grid-rows-none {
  grid-template-rows: none;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr));
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.grid-flow-row {
  grid-auto-flow: row;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.grid-flow-col {
  grid-auto-flow: column;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.float-left {
  float: left;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.float-right {
  float: right;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.float-none {
  float: none;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.float-unset {
  float: unset;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.border-solid {
  border-style: solid;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.border-none {
  border-style: none;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.border-0 {
  border-width: 0;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.border-1 {
  border-width: 1px;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.border-2 {
  border-width: 2px;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.border-t-0 {
  border-top-width: 0;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.border-t-1 {
  border-top-width: 1px;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.border-t-2 {
  border-top-width: 2px;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.border-b-0 {
  border-bottom-width: 0;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.border-b-1 {
  border-bottom-width: 1px;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.border-b-2 {
  border-bottom-width: 2px;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.border-l-0 {
  border-left-width: 0;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.border-l-1 {
  border-left-width: 1px;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.border-l-2 {
  border-left-width: 2px;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.border-r-0 {
  border-right-width: 0;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.border-r-1 {
  border-right-width: 1px;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.border-r-2 {
  border-right-width: 2px;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.inset-px {
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.inset-unset {
  top: unset;
  left: unset;
  right: unset;
  bottom: unset;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.inset-0 {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.top-auto {
  top: auto;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.top-unset {
  top: unset;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.top-0 {
  top: 0;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.top-100 {
  top: 100%;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.top-05 {
  top: var(--su-05);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.top-1 {
  top: var(--su-1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.top-2 {
  top: var(--su-2);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.top-3 {
  top: var(--su-3);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.top-4 {
  top: var(--su-4);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.top-5 {
  top: var(--su-5);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.top-6 {
  top: var(--su-6);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.top-7 {
  top: var(--su-7);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.top-8 {
  top: var(--su-8);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.top-9 {
  top: var(--su-9);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.top-10 {
  top: var(--su-10);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-top-100 {
  top: -100%;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-top-05 {
  top: calc(var(--su-05) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-top-1 {
  top: calc(var(--su-1) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-top-2 {
  top: calc(var(--su-2) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-top-3 {
  top: calc(var(--su-3) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-top-4 {
  top: calc(var(--su-4) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-top-5 {
  top: calc(var(--su-5) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-top-6 {
  top: calc(var(--su-6) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-top-7 {
  top: calc(var(--su-7) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-top-8 {
  top: calc(var(--su-8) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-top-9 {
  top: calc(var(--su-9) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-top-10 {
  top: calc(var(--su-10) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.bottom-auto {
  bottom: auto;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.bottom-unset {
  bottom: unset;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.bottom-0 {
  bottom: 0;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.bottom-100 {
  bottom: 100%;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.bottom-05 {
  bottom: var(--su-05);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.bottom-1 {
  bottom: var(--su-1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.bottom-2 {
  bottom: var(--su-2);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.bottom-3 {
  bottom: var(--su-3);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.bottom-4 {
  bottom: var(--su-4);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.bottom-5 {
  bottom: var(--su-5);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.bottom-6 {
  bottom: var(--su-6);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.bottom-7 {
  bottom: var(--su-7);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.bottom-8 {
  bottom: var(--su-8);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.bottom-9 {
  bottom: var(--su-9);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.bottom-10 {
  bottom: var(--su-10);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-bottom-100 {
  bottom: -100%;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-bottom-05 {
  bottom: calc(var(--su-05) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-bottom-1 {
  bottom: calc(var(--su-1) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-bottom-2 {
  bottom: calc(var(--su-2) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-bottom-3 {
  bottom: calc(var(--su-3) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-bottom-4 {
  bottom: calc(var(--su-4) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-bottom-5 {
  bottom: calc(var(--su-5) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-bottom-6 {
  bottom: calc(var(--su-6) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-bottom-7 {
  bottom: calc(var(--su-7) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-bottom-8 {
  bottom: calc(var(--su-8) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-bottom-9 {
  bottom: calc(var(--su-9) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-bottom-10 {
  bottom: calc(var(--su-10) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.left-auto {
  left: auto;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.left-unset {
  left: unset;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.left-0 {
  left: 0;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.left-100 {
  left: 100%;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.left-05 {
  left: var(--su-05);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.left-1 {
  left: var(--su-1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.left-2 {
  left: var(--su-2);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.left-3 {
  left: var(--su-3);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.left-4 {
  left: var(--su-4);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.left-5 {
  left: var(--su-5);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.left-6 {
  left: var(--su-6);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.left-7 {
  left: var(--su-7);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.left-8 {
  left: var(--su-8);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.left-9 {
  left: var(--su-9);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.left-10 {
  left: var(--su-10);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-left-100 {
  left: -100%;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-left-05 {
  left: calc(var(--su-05) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-left-1 {
  left: calc(var(--su-1) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-left-2 {
  left: calc(var(--su-2) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-left-3 {
  left: calc(var(--su-3) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-left-4 {
  left: calc(var(--su-4) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-left-5 {
  left: calc(var(--su-5) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-left-6 {
  left: calc(var(--su-6) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-left-7 {
  left: calc(var(--su-7) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-left-8 {
  left: calc(var(--su-8) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-left-9 {
  left: calc(var(--su-9) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-left-10 {
  left: calc(var(--su-10) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.right-auto {
  right: auto;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.right-unset {
  right: unset;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.right-0 {
  right: 0;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.right-100 {
  right: 100%;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.right-05 {
  right: var(--su-05);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.right-1 {
  right: var(--su-1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.right-2 {
  right: var(--su-2);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.right-3 {
  right: var(--su-3);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.right-4 {
  right: var(--su-4);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.right-5 {
  right: var(--su-5);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.right-6 {
  right: var(--su-6);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.right-7 {
  right: var(--su-7);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.right-8 {
  right: var(--su-8);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.right-9 {
  right: var(--su-9);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.right-10 {
  right: var(--su-10);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-right-100 {
  right: -100%;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-right-05 {
  right: calc(var(--su-05) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-right-1 {
  right: calc(var(--su-1) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-right-2 {
  right: calc(var(--su-2) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-right-3 {
  right: calc(var(--su-3) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-right-4 {
  right: calc(var(--su-4) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-right-5 {
  right: calc(var(--su-5) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-right-6 {
  right: calc(var(--su-6) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-right-7 {
  right: calc(var(--su-7) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-right-8 {
  right: calc(var(--su-8) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-right-9 {
  right: calc(var(--su-9) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-right-10 {
  right: calc(var(--su-10) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.z-negative {
  z-index: var(--z-negative);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.z-elevate {
  z-index: var(--z-elevate);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.z-sticky {
  z-index: var(--z-sticky);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.z-drawer {
  z-index: var(--z-drawer);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.z-modal {
  z-index: var(--z-modal);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.z-dropdown {
  z-index: var(--z-dropdown);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.z-popover {
  z-index: var(--z-popover);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.overflow-auto {
  overflow: auto;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.overflow-visible {
  overflow: visible;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.overflow-hidden {
  overflow: hidden;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.overflow-x-auto {
  overflow-x: auto;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.overflow-x-hidden {
  overflow-x: hidden;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.overflow-y-auto {
  overflow-y: auto;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.overflow-y-hidden {
  overflow-y: hidden;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.w-0 {
  width: 0;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.w-10 {
  width: 10%;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.w-15 {
  width: 15%;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.w-25 {
  width: 25%;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.w-50 {
  width: 50%;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.w-60 {
  width: 60%;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.w-70 {
  width: 70%;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.w-75 {
  width: 75%;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.w-80 {
  width: 80%;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.w-100 {
  width: 100%;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.w-auto {
  width: auto;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.w-full {
  width: 100vw;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.w-max {
  width: max-content;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.w-fit {
  width: fit-content;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.min-w-0 {
  min-width: 0;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.min-w-100 {
  min-width: 100%;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.min-w-unset {
  min-width: unset;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.h-0 {
  height: 0;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.h-25 {
  height: 25%;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.h-50 {
  height: 50%;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.h-75 {
  height: 75%;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.h-100 {
  height: 100%;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.h-auto {
  height: auto;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.h-full {
  height: 100vh;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.h-unset {
  height: unset;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.min-h-0 {
  min-height: 0;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.min-h-100 {
  min-height: 100%;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.min-h-full {
  min-height: 100vh;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.min-h-unset {
  min-height: unset;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.max-w-0 {
  max-width: 0;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.max-w-25 {
  max-width: 25%;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.max-w-50 {
  max-width: 50%;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.max-w-75 {
  max-width: 75%;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.max-w-100 {
  max-width: 100%;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.max-w-unset {
  max-width: unset;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.m-auto {
  margin: auto;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.m-unset {
  margin: unset;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.m-0 {
  margin: 0;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.m-05 {
  margin: var(--su-05);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.m-1 {
  margin: var(--su-1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.m-2 {
  margin: var(--su-2);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.m-3 {
  margin: var(--su-3);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.m-4 {
  margin: var(--su-4);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.m-5 {
  margin: var(--su-5);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.m-6 {
  margin: var(--su-6);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.m-7 {
  margin: var(--su-7);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.m-8 {
  margin: var(--su-8);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.m-9 {
  margin: var(--su-9);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.m-10 {
  margin: var(--su-10);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-m-05 {
  margin: calc(var(--su-05) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-m-1 {
  margin: calc(var(--su-1) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-m-2 {
  margin: calc(var(--su-2) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-m-3 {
  margin: calc(var(--su-3) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-m-4 {
  margin: calc(var(--su-4) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-m-5 {
  margin: calc(var(--su-5) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-m-6 {
  margin: calc(var(--su-6) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-m-7 {
  margin: calc(var(--su-7) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-m-8 {
  margin: calc(var(--su-8) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-m-9 {
  margin: calc(var(--su-9) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-m-10 {
  margin: calc(var(--su-10) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.my-unset {
  margin-top: unset;
  margin-bottom: unset;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.my-05 {
  margin-top: var(--su-05);
  margin-bottom: var(--su-05);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.my-1 {
  margin-top: var(--su-1);
  margin-bottom: var(--su-1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.my-2 {
  margin-top: var(--su-2);
  margin-bottom: var(--su-2);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.my-3 {
  margin-top: var(--su-3);
  margin-bottom: var(--su-3);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.my-4 {
  margin-top: var(--su-4);
  margin-bottom: var(--su-4);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.my-5 {
  margin-top: var(--su-5);
  margin-bottom: var(--su-5);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.my-6 {
  margin-top: var(--su-6);
  margin-bottom: var(--su-6);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.my-7 {
  margin-top: var(--su-7);
  margin-bottom: var(--su-7);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.my-8 {
  margin-top: var(--su-8);
  margin-bottom: var(--su-8);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.my-9 {
  margin-top: var(--su-9);
  margin-bottom: var(--su-9);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.my-10 {
  margin-top: var(--su-10);
  margin-bottom: var(--su-10);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-my-05 {
  margin-top: calc(var(--su-05) * -1);
  margin-bottom: calc(var(--su-05) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-my-1 {
  margin-top: calc(var(--su-1) * -1);
  margin-bottom: calc(var(--su-1) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-my-2 {
  margin-top: calc(var(--su-2) * -1);
  margin-bottom: calc(var(--su-2) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-my-3 {
  margin-top: calc(var(--su-3) * -1);
  margin-bottom: calc(var(--su-3) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-my-4 {
  margin-top: calc(var(--su-4) * -1);
  margin-bottom: calc(var(--su-4) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-my-5 {
  margin-top: calc(var(--su-5) * -1);
  margin-bottom: calc(var(--su-5) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-my-6 {
  margin-top: calc(var(--su-6) * -1);
  margin-bottom: calc(var(--su-6) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-my-7 {
  margin-top: calc(var(--su-7) * -1);
  margin-bottom: calc(var(--su-7) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-my-8 {
  margin-top: calc(var(--su-8) * -1);
  margin-bottom: calc(var(--su-8) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-my-9 {
  margin-top: calc(var(--su-9) * -1);
  margin-bottom: calc(var(--su-9) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-my-10 {
  margin-top: calc(var(--su-10) * -1);
  margin-bottom: calc(var(--su-10) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mx-unset {
  margin-left: unset;
  margin-right: unset;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mx-0 {
  margin-left: 0;
  margin-right: 0;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mx-05 {
  margin-left: var(--su-05);
  margin-right: var(--su-05);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mx-1 {
  margin-left: var(--su-1);
  margin-right: var(--su-1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mx-2 {
  margin-left: var(--su-2);
  margin-right: var(--su-2);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mx-3 {
  margin-left: var(--su-3);
  margin-right: var(--su-3);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mx-4 {
  margin-left: var(--su-4);
  margin-right: var(--su-4);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mx-5 {
  margin-left: var(--su-5);
  margin-right: var(--su-5);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mx-6 {
  margin-left: var(--su-6);
  margin-right: var(--su-6);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mx-7 {
  margin-left: var(--su-7);
  margin-right: var(--su-7);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mx-8 {
  margin-left: var(--su-8);
  margin-right: var(--su-8);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mx-9 {
  margin-left: var(--su-9);
  margin-right: var(--su-9);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mx-10 {
  margin-left: var(--su-10);
  margin-right: var(--su-10);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-mx-05 {
  margin-left: calc(var(--su-05) * -1);
  margin-right: calc(var(--su-05) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-mx-1 {
  margin-left: calc(var(--su-1) * -1);
  margin-right: calc(var(--su-1) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-mx-2 {
  margin-left: calc(var(--su-2) * -1);
  margin-right: calc(var(--su-2) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-mx-3 {
  margin-left: calc(var(--su-3) * -1);
  margin-right: calc(var(--su-3) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-mx-4 {
  margin-left: calc(var(--su-4) * -1);
  margin-right: calc(var(--su-4) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-mx-5 {
  margin-left: calc(var(--su-5) * -1);
  margin-right: calc(var(--su-5) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-mx-6 {
  margin-left: calc(var(--su-6) * -1);
  margin-right: calc(var(--su-6) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-mx-7 {
  margin-left: calc(var(--su-7) * -1);
  margin-right: calc(var(--su-7) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-mx-8 {
  margin-left: calc(var(--su-8) * -1);
  margin-right: calc(var(--su-8) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-mx-9 {
  margin-left: calc(var(--su-9) * -1);
  margin-right: calc(var(--su-9) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-mx-10 {
  margin-left: calc(var(--su-10) * -1);
  margin-right: calc(var(--su-10) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mt-auto {
  margin-top: auto;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mt-unset {
  margin-top: unset;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mt-0 {
  margin-top: 0;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mt-05 {
  margin-top: var(--su-05);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mt-1 {
  margin-top: var(--su-1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mt-2 {
  margin-top: var(--su-2);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mt-3 {
  margin-top: var(--su-3);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mt-4 {
  margin-top: var(--su-4);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mt-5 {
  margin-top: var(--su-5);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mt-6 {
  margin-top: var(--su-6);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mt-7 {
  margin-top: var(--su-7);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mt-8 {
  margin-top: var(--su-8);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mt-9 {
  margin-top: var(--su-9);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mt-10 {
  margin-top: var(--su-10);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-mt-05 {
  margin-top: calc(var(--su-05) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-mt-1 {
  margin-top: calc(var(--su-1) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-mt-2 {
  margin-top: calc(var(--su-2) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-mt-3 {
  margin-top: calc(var(--su-3) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-mt-4 {
  margin-top: calc(var(--su-4) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-mt-5 {
  margin-top: calc(var(--su-5) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-mt-6 {
  margin-top: calc(var(--su-6) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-mt-7 {
  margin-top: calc(var(--su-7) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-mt-8 {
  margin-top: calc(var(--su-8) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-mt-9 {
  margin-top: calc(var(--su-9) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-mt-10 {
  margin-top: calc(var(--su-10) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mb-auto {
  margin-bottom: auto;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mb-unset {
  margin-bottom: unset;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mb-0 {
  margin-bottom: 0;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mb-05 {
  margin-bottom: var(--su-05);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mb-1 {
  margin-bottom: var(--su-1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mb-2 {
  margin-bottom: var(--su-2);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mb-3 {
  margin-bottom: var(--su-3);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mb-4 {
  margin-bottom: var(--su-4);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mb-5 {
  margin-bottom: var(--su-5);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mb-6 {
  margin-bottom: var(--su-6);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mb-7 {
  margin-bottom: var(--su-7);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mb-8 {
  margin-bottom: var(--su-8);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mb-9 {
  margin-bottom: var(--su-9);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mb-10 {
  margin-bottom: var(--su-10);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-mb-05 {
  margin-bottom: calc(var(--su-05) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-mb-1 {
  margin-bottom: calc(var(--su-1) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-mb-2 {
  margin-bottom: calc(var(--su-2) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-mb-3 {
  margin-bottom: calc(var(--su-3) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-mb-4 {
  margin-bottom: calc(var(--su-4) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-mb-5 {
  margin-bottom: calc(var(--su-5) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-mb-6 {
  margin-bottom: calc(var(--su-6) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-mb-7 {
  margin-bottom: calc(var(--su-7) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-mb-8 {
  margin-bottom: calc(var(--su-8) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-mb-9 {
  margin-bottom: calc(var(--su-9) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-mb-10 {
  margin-bottom: calc(var(--su-10) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.ml-auto {
  margin-left: auto;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.ml-unset {
  margin-left: unset;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.ml-0 {
  margin-left: 0;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.ml-05 {
  margin-left: var(--su-05);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.ml-1 {
  margin-left: var(--su-1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.ml-2 {
  margin-left: var(--su-2);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.ml-3 {
  margin-left: var(--su-3);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.ml-4 {
  margin-left: var(--su-4);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.ml-5 {
  margin-left: var(--su-5);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.ml-6 {
  margin-left: var(--su-6);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.ml-7 {
  margin-left: var(--su-7);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.ml-8 {
  margin-left: var(--su-8);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.ml-9 {
  margin-left: var(--su-9);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.ml-10 {
  margin-left: var(--su-10);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-ml-05 {
  margin-left: calc(var(--su-05) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-ml-1 {
  margin-left: calc(var(--su-1) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-ml-2 {
  margin-left: calc(var(--su-2) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-ml-3 {
  margin-left: calc(var(--su-3) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-ml-4 {
  margin-left: calc(var(--su-4) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-ml-5 {
  margin-left: calc(var(--su-5) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-ml-6 {
  margin-left: calc(var(--su-6) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-ml-7 {
  margin-left: calc(var(--su-7) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-ml-8 {
  margin-left: calc(var(--su-8) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-ml-9 {
  margin-left: calc(var(--su-9) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-ml-10 {
  margin-left: calc(var(--su-10) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mr-auto {
  margin-right: auto;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mr-unset {
  margin-right: unset;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mr-0 {
  margin-right: 0;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mr-05 {
  margin-right: var(--su-05);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mr-1 {
  margin-right: var(--su-1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mr-2 {
  margin-right: var(--su-2);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mr-3 {
  margin-right: var(--su-3);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mr-4 {
  margin-right: var(--su-4);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mr-5 {
  margin-right: var(--su-5);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mr-6 {
  margin-right: var(--su-6);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mr-7 {
  margin-right: var(--su-7);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mr-8 {
  margin-right: var(--su-8);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mr-9 {
  margin-right: var(--su-9);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.mr-10 {
  margin-right: var(--su-10);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-mr-05 {
  margin-right: calc(var(--su-05) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-mr-1 {
  margin-right: calc(var(--su-1) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-mr-2 {
  margin-right: calc(var(--su-2) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-mr-3 {
  margin-right: calc(var(--su-3) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-mr-4 {
  margin-right: calc(var(--su-4) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-mr-5 {
  margin-right: calc(var(--su-5) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-mr-6 {
  margin-right: calc(var(--su-6) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-mr-7 {
  margin-right: calc(var(--su-7) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-mr-8 {
  margin-right: calc(var(--su-8) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-mr-9 {
  margin-right: calc(var(--su-9) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.-mr-10 {
  margin-right: calc(var(--su-10) * -1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.p-0 {
  padding: 0;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.p-unset {
  padding: unset;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.p-05 {
  padding: var(--su-05);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.p-1 {
  padding: var(--su-1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.p-2 {
  padding: var(--su-2);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.p-3 {
  padding: var(--su-3);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.p-4 {
  padding: var(--su-4);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.p-5 {
  padding: var(--su-5);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.p-6 {
  padding: var(--su-6);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.p-7 {
  padding: var(--su-7);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.p-8 {
  padding: var(--su-8);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.p-9 {
  padding: var(--su-9);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.p-10 {
  padding: var(--su-10);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.py-unset {
  padding-top: unset;
  padding-bottom: unset;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.py-05 {
  padding-top: var(--su-05);
  padding-bottom: var(--su-05);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.py-1 {
  padding-top: var(--su-1);
  padding-bottom: var(--su-1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.py-2 {
  padding-top: var(--su-2);
  padding-bottom: var(--su-2);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.py-3 {
  padding-top: var(--su-3);
  padding-bottom: var(--su-3);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.py-4 {
  padding-top: var(--su-4);
  padding-bottom: var(--su-4);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.py-5 {
  padding-top: var(--su-5);
  padding-bottom: var(--su-5);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.py-6 {
  padding-top: var(--su-6);
  padding-bottom: var(--su-6);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.py-7 {
  padding-top: var(--su-7);
  padding-bottom: var(--su-7);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.py-8 {
  padding-top: var(--su-8);
  padding-bottom: var(--su-8);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.py-9 {
  padding-top: var(--su-9);
  padding-bottom: var(--su-9);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.py-10 {
  padding-top: var(--su-10);
  padding-bottom: var(--su-10);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.px-0 {
  padding-left: 0;
  padding-right: 0;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.px-unset {
  padding-left: unset;
  padding-right: unset;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.px-05 {
  padding-left: var(--su-05);
  padding-right: var(--su-05);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.px-1 {
  padding-left: var(--su-1);
  padding-right: var(--su-1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.px-2 {
  padding-left: var(--su-2);
  padding-right: var(--su-2);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.px-3 {
  padding-left: var(--su-3);
  padding-right: var(--su-3);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.px-4 {
  padding-left: var(--su-4);
  padding-right: var(--su-4);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.px-5 {
  padding-left: var(--su-5);
  padding-right: var(--su-5);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.px-6 {
  padding-left: var(--su-6);
  padding-right: var(--su-6);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.px-7 {
  padding-left: var(--su-7);
  padding-right: var(--su-7);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.px-8 {
  padding-left: var(--su-8);
  padding-right: var(--su-8);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.px-9 {
  padding-left: var(--su-9);
  padding-right: var(--su-9);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.px-10 {
  padding-left: var(--su-10);
  padding-right: var(--su-10);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pt-0 {
  padding-top: 0;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pt-unset {
  padding-top: unset;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pt-05 {
  padding-top: var(--su-05);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pt-1 {
  padding-top: var(--su-1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pt-2 {
  padding-top: var(--su-2);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pt-3 {
  padding-top: var(--su-3);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pt-4 {
  padding-top: var(--su-4);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pt-5 {
  padding-top: var(--su-5);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pt-6 {
  padding-top: var(--su-6);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pt-7 {
  padding-top: var(--su-7);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pt-8 {
  padding-top: var(--su-8);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pt-9 {
  padding-top: var(--su-9);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pt-10 {
  padding-top: var(--su-10);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pb-0 {
  padding-bottom: 0;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pb-unset {
  padding-bottom: unset;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pb-05 {
  padding-bottom: var(--su-05);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pb-1 {
  padding-bottom: var(--su-1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pb-2 {
  padding-bottom: var(--su-2);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pb-3 {
  padding-bottom: var(--su-3);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pb-4 {
  padding-bottom: var(--su-4);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pb-5 {
  padding-bottom: var(--su-5);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pb-6 {
  padding-bottom: var(--su-6);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pb-7 {
  padding-bottom: var(--su-7);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pb-8 {
  padding-bottom: var(--su-8);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pb-9 {
  padding-bottom: var(--su-9);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pb-10 {
  padding-bottom: var(--su-10);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pl-0 {
  padding-left: 0;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pl-unset {
  padding-left: unset;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pl-05 {
  padding-left: var(--su-05);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pl-1 {
  padding-left: var(--su-1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pl-2 {
  padding-left: var(--su-2);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pl-3 {
  padding-left: var(--su-3);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pl-4 {
  padding-left: var(--su-4);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pl-5 {
  padding-left: var(--su-5);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pl-6 {
  padding-left: var(--su-6);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pl-7 {
  padding-left: var(--su-7);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pl-8 {
  padding-left: var(--su-8);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pl-9 {
  padding-left: var(--su-9);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pl-10 {
  padding-left: var(--su-10);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pr-0 {
  padding-right: 0;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pr-unset {
  padding-right: unset;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pr-05 {
  padding-right: var(--su-05);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pr-1 {
  padding-right: var(--su-1);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pr-2 {
  padding-right: var(--su-2);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pr-3 {
  padding-right: var(--su-3);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pr-4 {
  padding-right: var(--su-4);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pr-5 {
  padding-right: var(--su-5);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pr-6 {
  padding-right: var(--su-6);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pr-7 {
  padding-right: var(--su-7);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pr-8 {
  padding-right: var(--su-8);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pr-9 {
  padding-right: var(--su-9);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.pr-10 {
  padding-right: var(--su-10);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.ff-monospace {
  font-family: var(--ff-monospace);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.fs-2xs {
  font-size: var(--fs-2xs);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.fs-xs {
  font-size: var(--fs-xs);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.fs-s {
  font-size: var(--fs-s);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.fs-base {
  font-size: var(--fs-base);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.fs-l {
  font-size: var(--fs-l);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.fs-xl {
  font-size: var(--fs-xl);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.fs-2xl {
  font-size: var(--fs-2xl);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.fs-3xl {
  font-size: var(--fs-3xl);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.fs-4xl {
  font-size: var(--fs-4xl);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.fs-5xl {
  font-size: var(--fs-5xl);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.lh-tight {
  line-height: var(--lh-tight);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.lh-base {
  line-height: var(--lh-base);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.fw-normal {
  font-weight: var(--fw-normal);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.fw-medium {
  font-weight: var(--fw-medium);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.fw-bold {
  font-weight: var(--fw-bold);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.fw-heavy {
  font-weight: var(--fw-heavy);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.list-none {
  list-style-type: none;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.list-disc {
  list-style-type: disc;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.list-decimal {
  list-style-type: decimal;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.text-underline {
  text-decoration: underline;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.text-none {
  text-decoration: none;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.fs-italic {
  font-style: italic;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.text-uppercase {
  text-transform: uppercase;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.align-left {
  text-align: left;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.align-center {
  text-align: center;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.align-right {
  text-align: right;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.align-top {
  vertical-align: top;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.align-middle {
  vertical-align: middle;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.align-text-top {
  vertical-align: text-top;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.align-text-bottom {
  vertical-align: text-bottom;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.whitespace-nowrap {
  white-space: nowrap;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.hidden {
  display: none;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.block {
  display: block;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.inline {
  display: inline;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.inline-block {
  display: inline-block;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.flex {
  display: flex;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.inline-flex {
  display: inline-flex;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.grid {
  display: grid;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.table {
  display: table;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.static {
  position: static;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.absolute {
  position: absolute;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.fixed {
  position: fixed;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.sticky {
  position: sticky;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.relative {
  position: relative;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.object-cover {
  object-fit: cover;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.aspect-16-9 {
  aspect-ratio: calc(16 / 9);
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.break-word {
  word-break: break-word;
}

/* line 162, app/assets/stylesheets/config/_import.scss */
.resize-y {
  resize: vertical;
}

@media (min-width: 640px) {
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:flex-row {
    flex-direction: row;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:flex-col {
    flex-direction: column;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:flex-wrap {
    flex-wrap: wrap;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:flex-nowrap {
    flex-wrap: nowrap;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:items-stretch {
    align-items: stretch;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:items-start {
    align-items: flex-start;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:items-center {
    align-items: center;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:items-end {
    align-items: flex-end;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:basis-1-5 {
    flex-basis: 20%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:basis-2-5 {
    flex-basis: 40%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:basis-3-5 {
    flex-basis: 60%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:basis-4-5 {
    flex-basis: 80%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:basis-1-4 {
    flex-basis: 25%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:basis-1-3 {
    flex-basis: 33.333333%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:basis-1-2 {
    flex-basis: 50%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:basis-2-3 {
    flex-basis: 66.666667%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:basis-3-4 {
    flex-basis: 75%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:content-start {
    align-content: flex-start;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:content-center {
    align-content: center;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:content-end {
    align-content: flex-end;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:content-between {
    align-content: space-between;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:content-around {
    align-content: space-around;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:self-auto {
    align-self: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:self-start {
    align-self: flex-start;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:self-center {
    align-self: center;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:self-end {
    align-self: flex-end;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:self-stretch {
    align-self: stretch;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:justify-start {
    justify-content: flex-start;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:justify-center {
    justify-content: center;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:justify-end {
    justify-content: flex-end;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:justify-between {
    justify-content: space-between;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:justify-around {
    justify-content: space-around;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:justify-stretch {
    justify-content: stretch;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:flex-initial {
    flex: 0 auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:flex-1 {
    flex: 1 1 0%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:flex-auto {
    flex: 1 1 auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:flex-none {
    flex: none;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:order-first {
    order: -9999;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:order-last {
    order: 9999;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:order-0 {
    order: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:gap-0 {
    gap: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:gap-px {
    gap: 1px;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:gap-05 {
    gap: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:gap-1 {
    gap: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:gap-2 {
    gap: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:gap-3 {
    gap: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:gap-4 {
    gap: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:gap-5 {
    gap: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:gap-6 {
    gap: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:gap-7 {
    gap: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:gap-8 {
    gap: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:gap-9 {
    gap: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:gap-10 {
    gap: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:grid-rows-none {
    grid-template-rows: none;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:grid-flow-row {
    grid-auto-flow: row;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:grid-flow-col {
    grid-auto-flow: column;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:top-auto {
    top: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:top-unset {
    top: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:top-0 {
    top: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:top-100 {
    top: 100%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:top-05 {
    top: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:top-1 {
    top: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:top-2 {
    top: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:top-3 {
    top: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:top-4 {
    top: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:top-5 {
    top: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:top-6 {
    top: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:top-7 {
    top: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:top-8 {
    top: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:top-9 {
    top: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:top-10 {
    top: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-top-100 {
    top: -100%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-top-05 {
    top: calc(var(--su-05) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-top-1 {
    top: calc(var(--su-1) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-top-2 {
    top: calc(var(--su-2) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-top-3 {
    top: calc(var(--su-3) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-top-4 {
    top: calc(var(--su-4) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-top-5 {
    top: calc(var(--su-5) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-top-6 {
    top: calc(var(--su-6) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-top-7 {
    top: calc(var(--su-7) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-top-8 {
    top: calc(var(--su-8) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-top-9 {
    top: calc(var(--su-9) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-top-10 {
    top: calc(var(--su-10) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:bottom-auto {
    bottom: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:bottom-unset {
    bottom: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:bottom-0 {
    bottom: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:bottom-100 {
    bottom: 100%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:bottom-05 {
    bottom: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:bottom-1 {
    bottom: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:bottom-2 {
    bottom: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:bottom-3 {
    bottom: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:bottom-4 {
    bottom: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:bottom-5 {
    bottom: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:bottom-6 {
    bottom: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:bottom-7 {
    bottom: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:bottom-8 {
    bottom: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:bottom-9 {
    bottom: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:bottom-10 {
    bottom: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-bottom-100 {
    bottom: -100%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-bottom-05 {
    bottom: calc(var(--su-05) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-bottom-1 {
    bottom: calc(var(--su-1) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-bottom-2 {
    bottom: calc(var(--su-2) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-bottom-3 {
    bottom: calc(var(--su-3) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-bottom-4 {
    bottom: calc(var(--su-4) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-bottom-5 {
    bottom: calc(var(--su-5) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-bottom-6 {
    bottom: calc(var(--su-6) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-bottom-7 {
    bottom: calc(var(--su-7) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-bottom-8 {
    bottom: calc(var(--su-8) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-bottom-9 {
    bottom: calc(var(--su-9) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-bottom-10 {
    bottom: calc(var(--su-10) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:left-auto {
    left: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:left-unset {
    left: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:left-0 {
    left: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:left-100 {
    left: 100%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:left-05 {
    left: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:left-1 {
    left: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:left-2 {
    left: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:left-3 {
    left: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:left-4 {
    left: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:left-5 {
    left: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:left-6 {
    left: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:left-7 {
    left: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:left-8 {
    left: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:left-9 {
    left: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:left-10 {
    left: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-left-100 {
    left: -100%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-left-05 {
    left: calc(var(--su-05) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-left-1 {
    left: calc(var(--su-1) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-left-2 {
    left: calc(var(--su-2) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-left-3 {
    left: calc(var(--su-3) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-left-4 {
    left: calc(var(--su-4) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-left-5 {
    left: calc(var(--su-5) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-left-6 {
    left: calc(var(--su-6) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-left-7 {
    left: calc(var(--su-7) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-left-8 {
    left: calc(var(--su-8) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-left-9 {
    left: calc(var(--su-9) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-left-10 {
    left: calc(var(--su-10) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:right-auto {
    right: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:right-unset {
    right: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:right-0 {
    right: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:right-100 {
    right: 100%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:right-05 {
    right: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:right-1 {
    right: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:right-2 {
    right: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:right-3 {
    right: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:right-4 {
    right: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:right-5 {
    right: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:right-6 {
    right: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:right-7 {
    right: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:right-8 {
    right: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:right-9 {
    right: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:right-10 {
    right: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-right-100 {
    right: -100%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-right-05 {
    right: calc(var(--su-05) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-right-1 {
    right: calc(var(--su-1) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-right-2 {
    right: calc(var(--su-2) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-right-3 {
    right: calc(var(--su-3) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-right-4 {
    right: calc(var(--su-4) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-right-5 {
    right: calc(var(--su-5) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-right-6 {
    right: calc(var(--su-6) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-right-7 {
    right: calc(var(--su-7) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-right-8 {
    right: calc(var(--su-8) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-right-9 {
    right: calc(var(--su-9) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-right-10 {
    right: calc(var(--su-10) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:overflow-auto {
    overflow: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:overflow-visible {
    overflow: visible;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:overflow-hidden {
    overflow: hidden;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:w-0 {
    width: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:w-10 {
    width: 10%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:w-15 {
    width: 15%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:w-25 {
    width: 25%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:w-50 {
    width: 50%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:w-60 {
    width: 60%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:w-70 {
    width: 70%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:w-75 {
    width: 75%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:w-80 {
    width: 80%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:w-100 {
    width: 100%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:w-auto {
    width: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:w-full {
    width: 100vw;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:w-max {
    width: max-content;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:w-fit {
    width: fit-content;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:max-w-0 {
    max-width: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:max-w-25 {
    max-width: 25%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:max-w-50 {
    max-width: 50%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:max-w-75 {
    max-width: 75%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:max-w-100 {
    max-width: 100%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:max-w-unset {
    max-width: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:m-auto {
    margin: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:m-unset {
    margin: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:m-0 {
    margin: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:m-05 {
    margin: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:m-1 {
    margin: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:m-2 {
    margin: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:m-3 {
    margin: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:m-4 {
    margin: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:m-5 {
    margin: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:m-6 {
    margin: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:m-7 {
    margin: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:m-8 {
    margin: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:m-9 {
    margin: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:m-10 {
    margin: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-m-05 {
    margin: calc(var(--su-05) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-m-1 {
    margin: calc(var(--su-1) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-m-2 {
    margin: calc(var(--su-2) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-m-3 {
    margin: calc(var(--su-3) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-m-4 {
    margin: calc(var(--su-4) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-m-5 {
    margin: calc(var(--su-5) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-m-6 {
    margin: calc(var(--su-6) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-m-7 {
    margin: calc(var(--su-7) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-m-8 {
    margin: calc(var(--su-8) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-m-9 {
    margin: calc(var(--su-9) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-m-10 {
    margin: calc(var(--su-10) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:my-unset {
    margin-top: unset;
    margin-bottom: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:my-05 {
    margin-top: var(--su-05);
    margin-bottom: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:my-1 {
    margin-top: var(--su-1);
    margin-bottom: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:my-2 {
    margin-top: var(--su-2);
    margin-bottom: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:my-3 {
    margin-top: var(--su-3);
    margin-bottom: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:my-4 {
    margin-top: var(--su-4);
    margin-bottom: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:my-5 {
    margin-top: var(--su-5);
    margin-bottom: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:my-6 {
    margin-top: var(--su-6);
    margin-bottom: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:my-7 {
    margin-top: var(--su-7);
    margin-bottom: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:my-8 {
    margin-top: var(--su-8);
    margin-bottom: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:my-9 {
    margin-top: var(--su-9);
    margin-bottom: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:my-10 {
    margin-top: var(--su-10);
    margin-bottom: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-my-05 {
    margin-top: calc(var(--su-05) * -1);
    margin-bottom: calc(var(--su-05) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-my-1 {
    margin-top: calc(var(--su-1) * -1);
    margin-bottom: calc(var(--su-1) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-my-2 {
    margin-top: calc(var(--su-2) * -1);
    margin-bottom: calc(var(--su-2) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-my-3 {
    margin-top: calc(var(--su-3) * -1);
    margin-bottom: calc(var(--su-3) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-my-4 {
    margin-top: calc(var(--su-4) * -1);
    margin-bottom: calc(var(--su-4) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-my-5 {
    margin-top: calc(var(--su-5) * -1);
    margin-bottom: calc(var(--su-5) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-my-6 {
    margin-top: calc(var(--su-6) * -1);
    margin-bottom: calc(var(--su-6) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-my-7 {
    margin-top: calc(var(--su-7) * -1);
    margin-bottom: calc(var(--su-7) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-my-8 {
    margin-top: calc(var(--su-8) * -1);
    margin-bottom: calc(var(--su-8) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-my-9 {
    margin-top: calc(var(--su-9) * -1);
    margin-bottom: calc(var(--su-9) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-my-10 {
    margin-top: calc(var(--su-10) * -1);
    margin-bottom: calc(var(--su-10) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mx-unset {
    margin-left: unset;
    margin-right: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mx-05 {
    margin-left: var(--su-05);
    margin-right: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mx-1 {
    margin-left: var(--su-1);
    margin-right: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mx-2 {
    margin-left: var(--su-2);
    margin-right: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mx-3 {
    margin-left: var(--su-3);
    margin-right: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mx-4 {
    margin-left: var(--su-4);
    margin-right: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mx-5 {
    margin-left: var(--su-5);
    margin-right: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mx-6 {
    margin-left: var(--su-6);
    margin-right: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mx-7 {
    margin-left: var(--su-7);
    margin-right: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mx-8 {
    margin-left: var(--su-8);
    margin-right: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mx-9 {
    margin-left: var(--su-9);
    margin-right: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mx-10 {
    margin-left: var(--su-10);
    margin-right: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-mx-05 {
    margin-left: calc(var(--su-05) * -1);
    margin-right: calc(var(--su-05) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-mx-1 {
    margin-left: calc(var(--su-1) * -1);
    margin-right: calc(var(--su-1) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-mx-2 {
    margin-left: calc(var(--su-2) * -1);
    margin-right: calc(var(--su-2) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-mx-3 {
    margin-left: calc(var(--su-3) * -1);
    margin-right: calc(var(--su-3) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-mx-4 {
    margin-left: calc(var(--su-4) * -1);
    margin-right: calc(var(--su-4) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-mx-5 {
    margin-left: calc(var(--su-5) * -1);
    margin-right: calc(var(--su-5) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-mx-6 {
    margin-left: calc(var(--su-6) * -1);
    margin-right: calc(var(--su-6) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-mx-7 {
    margin-left: calc(var(--su-7) * -1);
    margin-right: calc(var(--su-7) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-mx-8 {
    margin-left: calc(var(--su-8) * -1);
    margin-right: calc(var(--su-8) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-mx-9 {
    margin-left: calc(var(--su-9) * -1);
    margin-right: calc(var(--su-9) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-mx-10 {
    margin-left: calc(var(--su-10) * -1);
    margin-right: calc(var(--su-10) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mt-auto {
    margin-top: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mt-unset {
    margin-top: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mt-0 {
    margin-top: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mt-05 {
    margin-top: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mt-1 {
    margin-top: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mt-2 {
    margin-top: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mt-3 {
    margin-top: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mt-4 {
    margin-top: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mt-5 {
    margin-top: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mt-6 {
    margin-top: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mt-7 {
    margin-top: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mt-8 {
    margin-top: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mt-9 {
    margin-top: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mt-10 {
    margin-top: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-mt-05 {
    margin-top: calc(var(--su-05) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-mt-1 {
    margin-top: calc(var(--su-1) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-mt-2 {
    margin-top: calc(var(--su-2) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-mt-3 {
    margin-top: calc(var(--su-3) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-mt-4 {
    margin-top: calc(var(--su-4) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-mt-5 {
    margin-top: calc(var(--su-5) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-mt-6 {
    margin-top: calc(var(--su-6) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-mt-7 {
    margin-top: calc(var(--su-7) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-mt-8 {
    margin-top: calc(var(--su-8) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-mt-9 {
    margin-top: calc(var(--su-9) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-mt-10 {
    margin-top: calc(var(--su-10) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mb-auto {
    margin-bottom: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mb-unset {
    margin-bottom: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mb-0 {
    margin-bottom: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mb-05 {
    margin-bottom: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mb-1 {
    margin-bottom: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mb-2 {
    margin-bottom: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mb-3 {
    margin-bottom: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mb-4 {
    margin-bottom: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mb-5 {
    margin-bottom: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mb-6 {
    margin-bottom: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mb-7 {
    margin-bottom: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mb-8 {
    margin-bottom: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mb-9 {
    margin-bottom: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mb-10 {
    margin-bottom: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-mb-05 {
    margin-bottom: calc(var(--su-05) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-mb-1 {
    margin-bottom: calc(var(--su-1) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-mb-2 {
    margin-bottom: calc(var(--su-2) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-mb-3 {
    margin-bottom: calc(var(--su-3) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-mb-4 {
    margin-bottom: calc(var(--su-4) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-mb-5 {
    margin-bottom: calc(var(--su-5) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-mb-6 {
    margin-bottom: calc(var(--su-6) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-mb-7 {
    margin-bottom: calc(var(--su-7) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-mb-8 {
    margin-bottom: calc(var(--su-8) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-mb-9 {
    margin-bottom: calc(var(--su-9) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-mb-10 {
    margin-bottom: calc(var(--su-10) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:ml-auto {
    margin-left: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:ml-unset {
    margin-left: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:ml-0 {
    margin-left: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:ml-05 {
    margin-left: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:ml-1 {
    margin-left: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:ml-2 {
    margin-left: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:ml-3 {
    margin-left: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:ml-4 {
    margin-left: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:ml-5 {
    margin-left: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:ml-6 {
    margin-left: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:ml-7 {
    margin-left: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:ml-8 {
    margin-left: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:ml-9 {
    margin-left: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:ml-10 {
    margin-left: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-ml-05 {
    margin-left: calc(var(--su-05) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-ml-1 {
    margin-left: calc(var(--su-1) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-ml-2 {
    margin-left: calc(var(--su-2) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-ml-3 {
    margin-left: calc(var(--su-3) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-ml-4 {
    margin-left: calc(var(--su-4) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-ml-5 {
    margin-left: calc(var(--su-5) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-ml-6 {
    margin-left: calc(var(--su-6) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-ml-7 {
    margin-left: calc(var(--su-7) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-ml-8 {
    margin-left: calc(var(--su-8) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-ml-9 {
    margin-left: calc(var(--su-9) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-ml-10 {
    margin-left: calc(var(--su-10) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mr-auto {
    margin-right: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mr-unset {
    margin-right: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mr-0 {
    margin-right: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mr-05 {
    margin-right: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mr-1 {
    margin-right: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mr-2 {
    margin-right: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mr-3 {
    margin-right: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mr-4 {
    margin-right: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mr-5 {
    margin-right: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mr-6 {
    margin-right: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mr-7 {
    margin-right: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mr-8 {
    margin-right: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mr-9 {
    margin-right: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:mr-10 {
    margin-right: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-mr-05 {
    margin-right: calc(var(--su-05) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-mr-1 {
    margin-right: calc(var(--su-1) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-mr-2 {
    margin-right: calc(var(--su-2) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-mr-3 {
    margin-right: calc(var(--su-3) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-mr-4 {
    margin-right: calc(var(--su-4) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-mr-5 {
    margin-right: calc(var(--su-5) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-mr-6 {
    margin-right: calc(var(--su-6) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-mr-7 {
    margin-right: calc(var(--su-7) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-mr-8 {
    margin-right: calc(var(--su-8) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-mr-9 {
    margin-right: calc(var(--su-9) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:-mr-10 {
    margin-right: calc(var(--su-10) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:p-0 {
    padding: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:p-unset {
    padding: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:p-05 {
    padding: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:p-1 {
    padding: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:p-2 {
    padding: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:p-3 {
    padding: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:p-4 {
    padding: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:p-5 {
    padding: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:p-6 {
    padding: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:p-7 {
    padding: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:p-8 {
    padding: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:p-9 {
    padding: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:p-10 {
    padding: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:py-unset {
    padding-top: unset;
    padding-bottom: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:py-05 {
    padding-top: var(--su-05);
    padding-bottom: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:py-1 {
    padding-top: var(--su-1);
    padding-bottom: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:py-2 {
    padding-top: var(--su-2);
    padding-bottom: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:py-3 {
    padding-top: var(--su-3);
    padding-bottom: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:py-4 {
    padding-top: var(--su-4);
    padding-bottom: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:py-5 {
    padding-top: var(--su-5);
    padding-bottom: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:py-6 {
    padding-top: var(--su-6);
    padding-bottom: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:py-7 {
    padding-top: var(--su-7);
    padding-bottom: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:py-8 {
    padding-top: var(--su-8);
    padding-bottom: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:py-9 {
    padding-top: var(--su-9);
    padding-bottom: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:py-10 {
    padding-top: var(--su-10);
    padding-bottom: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:px-unset {
    padding-left: unset;
    padding-right: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:px-05 {
    padding-left: var(--su-05);
    padding-right: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:px-1 {
    padding-left: var(--su-1);
    padding-right: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:px-2 {
    padding-left: var(--su-2);
    padding-right: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:px-3 {
    padding-left: var(--su-3);
    padding-right: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:px-4 {
    padding-left: var(--su-4);
    padding-right: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:px-5 {
    padding-left: var(--su-5);
    padding-right: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:px-6 {
    padding-left: var(--su-6);
    padding-right: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:px-7 {
    padding-left: var(--su-7);
    padding-right: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:px-8 {
    padding-left: var(--su-8);
    padding-right: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:px-9 {
    padding-left: var(--su-9);
    padding-right: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:px-10 {
    padding-left: var(--su-10);
    padding-right: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pt-0 {
    padding-top: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pt-unset {
    padding-top: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pt-05 {
    padding-top: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pt-1 {
    padding-top: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pt-2 {
    padding-top: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pt-3 {
    padding-top: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pt-4 {
    padding-top: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pt-5 {
    padding-top: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pt-6 {
    padding-top: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pt-7 {
    padding-top: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pt-8 {
    padding-top: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pt-9 {
    padding-top: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pt-10 {
    padding-top: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pb-0 {
    padding-bottom: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pb-unset {
    padding-bottom: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pb-05 {
    padding-bottom: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pb-1 {
    padding-bottom: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pb-2 {
    padding-bottom: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pb-3 {
    padding-bottom: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pb-4 {
    padding-bottom: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pb-5 {
    padding-bottom: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pb-6 {
    padding-bottom: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pb-7 {
    padding-bottom: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pb-8 {
    padding-bottom: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pb-9 {
    padding-bottom: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pb-10 {
    padding-bottom: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pl-0 {
    padding-left: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pl-unset {
    padding-left: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pl-05 {
    padding-left: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pl-1 {
    padding-left: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pl-2 {
    padding-left: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pl-3 {
    padding-left: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pl-4 {
    padding-left: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pl-5 {
    padding-left: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pl-6 {
    padding-left: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pl-7 {
    padding-left: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pl-8 {
    padding-left: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pl-9 {
    padding-left: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pl-10 {
    padding-left: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pr-0 {
    padding-right: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pr-unset {
    padding-right: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pr-05 {
    padding-right: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pr-1 {
    padding-right: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pr-2 {
    padding-right: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pr-3 {
    padding-right: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pr-4 {
    padding-right: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pr-5 {
    padding-right: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pr-6 {
    padding-right: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pr-7 {
    padding-right: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pr-8 {
    padding-right: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pr-9 {
    padding-right: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:pr-10 {
    padding-right: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:fs-2xs {
    font-size: var(--fs-2xs);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:fs-xs {
    font-size: var(--fs-xs);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:fs-s {
    font-size: var(--fs-s);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:fs-base {
    font-size: var(--fs-base);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:fs-l {
    font-size: var(--fs-l);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:fs-xl {
    font-size: var(--fs-xl);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:fs-2xl {
    font-size: var(--fs-2xl);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:fs-3xl {
    font-size: var(--fs-3xl);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:fs-4xl {
    font-size: var(--fs-4xl);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:fs-5xl {
    font-size: var(--fs-5xl);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:fw-normal {
    font-weight: var(--fw-normal);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:fw-medium {
    font-weight: var(--fw-medium);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:fw-bold {
    font-weight: var(--fw-bold);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:fw-heavy {
    font-weight: var(--fw-heavy);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:align-left {
    text-align: left;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:align-center {
    text-align: center;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:align-right {
    text-align: right;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:hidden {
    display: none;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:block {
    display: block;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:inline {
    display: inline;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:inline-block {
    display: inline-block;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:flex {
    display: flex;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:inline-flex {
    display: inline-flex;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:grid {
    display: grid;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:table {
    display: table;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:static {
    position: static;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:absolute {
    position: absolute;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:fixed {
    position: fixed;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:sticky {
    position: sticky;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .s\:relative {
    position: relative;
  }
}

@media (min-width: 768px) {
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:flex-row {
    flex-direction: row;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:flex-col {
    flex-direction: column;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:flex-wrap {
    flex-wrap: wrap;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:flex-nowrap {
    flex-wrap: nowrap;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:items-stretch {
    align-items: stretch;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:items-start {
    align-items: flex-start;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:items-center {
    align-items: center;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:items-end {
    align-items: flex-end;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:basis-1-5 {
    flex-basis: 20%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:basis-2-5 {
    flex-basis: 40%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:basis-3-5 {
    flex-basis: 60%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:basis-4-5 {
    flex-basis: 80%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:basis-1-4 {
    flex-basis: 25%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:basis-1-3 {
    flex-basis: 33.333333%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:basis-1-2 {
    flex-basis: 50%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:basis-2-3 {
    flex-basis: 66.666667%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:basis-3-4 {
    flex-basis: 75%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:content-start {
    align-content: flex-start;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:content-center {
    align-content: center;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:content-end {
    align-content: flex-end;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:content-between {
    align-content: space-between;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:content-around {
    align-content: space-around;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:self-auto {
    align-self: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:self-start {
    align-self: flex-start;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:self-center {
    align-self: center;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:self-end {
    align-self: flex-end;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:self-stretch {
    align-self: stretch;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:justify-start {
    justify-content: flex-start;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:justify-center {
    justify-content: center;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:justify-end {
    justify-content: flex-end;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:justify-between {
    justify-content: space-between;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:justify-around {
    justify-content: space-around;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:justify-stretch {
    justify-content: stretch;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:flex-initial {
    flex: 0 auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:flex-1 {
    flex: 1 1 0%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:flex-auto {
    flex: 1 1 auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:flex-none {
    flex: none;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:order-first {
    order: -9999;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:order-last {
    order: 9999;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:order-0 {
    order: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:gap-0 {
    gap: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:gap-px {
    gap: 1px;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:gap-05 {
    gap: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:gap-1 {
    gap: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:gap-2 {
    gap: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:gap-3 {
    gap: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:gap-4 {
    gap: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:gap-5 {
    gap: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:gap-6 {
    gap: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:gap-7 {
    gap: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:gap-8 {
    gap: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:gap-9 {
    gap: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:gap-10 {
    gap: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:grid-rows-none {
    grid-template-rows: none;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:grid-flow-row {
    grid-auto-flow: row;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:grid-flow-col {
    grid-auto-flow: column;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:top-auto {
    top: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:top-unset {
    top: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:top-0 {
    top: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:top-100 {
    top: 100%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:top-05 {
    top: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:top-1 {
    top: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:top-2 {
    top: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:top-3 {
    top: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:top-4 {
    top: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:top-5 {
    top: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:top-6 {
    top: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:top-7 {
    top: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:top-8 {
    top: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:top-9 {
    top: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:top-10 {
    top: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-top-100 {
    top: -100%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-top-05 {
    top: calc(var(--su-05) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-top-1 {
    top: calc(var(--su-1) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-top-2 {
    top: calc(var(--su-2) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-top-3 {
    top: calc(var(--su-3) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-top-4 {
    top: calc(var(--su-4) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-top-5 {
    top: calc(var(--su-5) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-top-6 {
    top: calc(var(--su-6) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-top-7 {
    top: calc(var(--su-7) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-top-8 {
    top: calc(var(--su-8) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-top-9 {
    top: calc(var(--su-9) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-top-10 {
    top: calc(var(--su-10) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:bottom-auto {
    bottom: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:bottom-unset {
    bottom: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:bottom-0 {
    bottom: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:bottom-100 {
    bottom: 100%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:bottom-05 {
    bottom: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:bottom-1 {
    bottom: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:bottom-2 {
    bottom: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:bottom-3 {
    bottom: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:bottom-4 {
    bottom: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:bottom-5 {
    bottom: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:bottom-6 {
    bottom: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:bottom-7 {
    bottom: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:bottom-8 {
    bottom: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:bottom-9 {
    bottom: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:bottom-10 {
    bottom: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-bottom-100 {
    bottom: -100%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-bottom-05 {
    bottom: calc(var(--su-05) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-bottom-1 {
    bottom: calc(var(--su-1) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-bottom-2 {
    bottom: calc(var(--su-2) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-bottom-3 {
    bottom: calc(var(--su-3) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-bottom-4 {
    bottom: calc(var(--su-4) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-bottom-5 {
    bottom: calc(var(--su-5) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-bottom-6 {
    bottom: calc(var(--su-6) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-bottom-7 {
    bottom: calc(var(--su-7) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-bottom-8 {
    bottom: calc(var(--su-8) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-bottom-9 {
    bottom: calc(var(--su-9) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-bottom-10 {
    bottom: calc(var(--su-10) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:left-auto {
    left: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:left-unset {
    left: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:left-0 {
    left: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:left-100 {
    left: 100%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:left-05 {
    left: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:left-1 {
    left: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:left-2 {
    left: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:left-3 {
    left: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:left-4 {
    left: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:left-5 {
    left: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:left-6 {
    left: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:left-7 {
    left: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:left-8 {
    left: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:left-9 {
    left: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:left-10 {
    left: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-left-100 {
    left: -100%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-left-05 {
    left: calc(var(--su-05) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-left-1 {
    left: calc(var(--su-1) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-left-2 {
    left: calc(var(--su-2) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-left-3 {
    left: calc(var(--su-3) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-left-4 {
    left: calc(var(--su-4) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-left-5 {
    left: calc(var(--su-5) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-left-6 {
    left: calc(var(--su-6) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-left-7 {
    left: calc(var(--su-7) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-left-8 {
    left: calc(var(--su-8) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-left-9 {
    left: calc(var(--su-9) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-left-10 {
    left: calc(var(--su-10) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:right-auto {
    right: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:right-unset {
    right: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:right-0 {
    right: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:right-100 {
    right: 100%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:right-05 {
    right: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:right-1 {
    right: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:right-2 {
    right: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:right-3 {
    right: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:right-4 {
    right: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:right-5 {
    right: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:right-6 {
    right: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:right-7 {
    right: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:right-8 {
    right: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:right-9 {
    right: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:right-10 {
    right: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-right-100 {
    right: -100%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-right-05 {
    right: calc(var(--su-05) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-right-1 {
    right: calc(var(--su-1) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-right-2 {
    right: calc(var(--su-2) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-right-3 {
    right: calc(var(--su-3) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-right-4 {
    right: calc(var(--su-4) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-right-5 {
    right: calc(var(--su-5) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-right-6 {
    right: calc(var(--su-6) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-right-7 {
    right: calc(var(--su-7) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-right-8 {
    right: calc(var(--su-8) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-right-9 {
    right: calc(var(--su-9) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-right-10 {
    right: calc(var(--su-10) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:overflow-auto {
    overflow: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:overflow-visible {
    overflow: visible;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:overflow-hidden {
    overflow: hidden;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:w-0 {
    width: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:w-10 {
    width: 10%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:w-15 {
    width: 15%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:w-25 {
    width: 25%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:w-50 {
    width: 50%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:w-60 {
    width: 60%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:w-70 {
    width: 70%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:w-75 {
    width: 75%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:w-80 {
    width: 80%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:w-100 {
    width: 100%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:w-auto {
    width: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:w-full {
    width: 100vw;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:w-max {
    width: max-content;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:w-fit {
    width: fit-content;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:max-w-0 {
    max-width: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:max-w-25 {
    max-width: 25%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:max-w-50 {
    max-width: 50%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:max-w-75 {
    max-width: 75%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:max-w-100 {
    max-width: 100%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:max-w-unset {
    max-width: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:m-auto {
    margin: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:m-unset {
    margin: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:m-0 {
    margin: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:m-05 {
    margin: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:m-1 {
    margin: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:m-2 {
    margin: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:m-3 {
    margin: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:m-4 {
    margin: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:m-5 {
    margin: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:m-6 {
    margin: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:m-7 {
    margin: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:m-8 {
    margin: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:m-9 {
    margin: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:m-10 {
    margin: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-m-05 {
    margin: calc(var(--su-05) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-m-1 {
    margin: calc(var(--su-1) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-m-2 {
    margin: calc(var(--su-2) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-m-3 {
    margin: calc(var(--su-3) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-m-4 {
    margin: calc(var(--su-4) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-m-5 {
    margin: calc(var(--su-5) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-m-6 {
    margin: calc(var(--su-6) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-m-7 {
    margin: calc(var(--su-7) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-m-8 {
    margin: calc(var(--su-8) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-m-9 {
    margin: calc(var(--su-9) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-m-10 {
    margin: calc(var(--su-10) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:my-unset {
    margin-top: unset;
    margin-bottom: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:my-05 {
    margin-top: var(--su-05);
    margin-bottom: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:my-1 {
    margin-top: var(--su-1);
    margin-bottom: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:my-2 {
    margin-top: var(--su-2);
    margin-bottom: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:my-3 {
    margin-top: var(--su-3);
    margin-bottom: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:my-4 {
    margin-top: var(--su-4);
    margin-bottom: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:my-5 {
    margin-top: var(--su-5);
    margin-bottom: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:my-6 {
    margin-top: var(--su-6);
    margin-bottom: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:my-7 {
    margin-top: var(--su-7);
    margin-bottom: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:my-8 {
    margin-top: var(--su-8);
    margin-bottom: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:my-9 {
    margin-top: var(--su-9);
    margin-bottom: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:my-10 {
    margin-top: var(--su-10);
    margin-bottom: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-my-05 {
    margin-top: calc(var(--su-05) * -1);
    margin-bottom: calc(var(--su-05) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-my-1 {
    margin-top: calc(var(--su-1) * -1);
    margin-bottom: calc(var(--su-1) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-my-2 {
    margin-top: calc(var(--su-2) * -1);
    margin-bottom: calc(var(--su-2) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-my-3 {
    margin-top: calc(var(--su-3) * -1);
    margin-bottom: calc(var(--su-3) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-my-4 {
    margin-top: calc(var(--su-4) * -1);
    margin-bottom: calc(var(--su-4) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-my-5 {
    margin-top: calc(var(--su-5) * -1);
    margin-bottom: calc(var(--su-5) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-my-6 {
    margin-top: calc(var(--su-6) * -1);
    margin-bottom: calc(var(--su-6) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-my-7 {
    margin-top: calc(var(--su-7) * -1);
    margin-bottom: calc(var(--su-7) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-my-8 {
    margin-top: calc(var(--su-8) * -1);
    margin-bottom: calc(var(--su-8) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-my-9 {
    margin-top: calc(var(--su-9) * -1);
    margin-bottom: calc(var(--su-9) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-my-10 {
    margin-top: calc(var(--su-10) * -1);
    margin-bottom: calc(var(--su-10) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mx-unset {
    margin-left: unset;
    margin-right: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mx-05 {
    margin-left: var(--su-05);
    margin-right: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mx-1 {
    margin-left: var(--su-1);
    margin-right: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mx-2 {
    margin-left: var(--su-2);
    margin-right: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mx-3 {
    margin-left: var(--su-3);
    margin-right: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mx-4 {
    margin-left: var(--su-4);
    margin-right: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mx-5 {
    margin-left: var(--su-5);
    margin-right: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mx-6 {
    margin-left: var(--su-6);
    margin-right: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mx-7 {
    margin-left: var(--su-7);
    margin-right: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mx-8 {
    margin-left: var(--su-8);
    margin-right: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mx-9 {
    margin-left: var(--su-9);
    margin-right: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mx-10 {
    margin-left: var(--su-10);
    margin-right: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-mx-05 {
    margin-left: calc(var(--su-05) * -1);
    margin-right: calc(var(--su-05) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-mx-1 {
    margin-left: calc(var(--su-1) * -1);
    margin-right: calc(var(--su-1) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-mx-2 {
    margin-left: calc(var(--su-2) * -1);
    margin-right: calc(var(--su-2) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-mx-3 {
    margin-left: calc(var(--su-3) * -1);
    margin-right: calc(var(--su-3) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-mx-4 {
    margin-left: calc(var(--su-4) * -1);
    margin-right: calc(var(--su-4) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-mx-5 {
    margin-left: calc(var(--su-5) * -1);
    margin-right: calc(var(--su-5) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-mx-6 {
    margin-left: calc(var(--su-6) * -1);
    margin-right: calc(var(--su-6) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-mx-7 {
    margin-left: calc(var(--su-7) * -1);
    margin-right: calc(var(--su-7) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-mx-8 {
    margin-left: calc(var(--su-8) * -1);
    margin-right: calc(var(--su-8) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-mx-9 {
    margin-left: calc(var(--su-9) * -1);
    margin-right: calc(var(--su-9) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-mx-10 {
    margin-left: calc(var(--su-10) * -1);
    margin-right: calc(var(--su-10) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mt-auto {
    margin-top: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mt-unset {
    margin-top: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mt-0 {
    margin-top: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mt-05 {
    margin-top: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mt-1 {
    margin-top: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mt-2 {
    margin-top: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mt-3 {
    margin-top: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mt-4 {
    margin-top: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mt-5 {
    margin-top: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mt-6 {
    margin-top: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mt-7 {
    margin-top: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mt-8 {
    margin-top: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mt-9 {
    margin-top: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mt-10 {
    margin-top: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-mt-05 {
    margin-top: calc(var(--su-05) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-mt-1 {
    margin-top: calc(var(--su-1) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-mt-2 {
    margin-top: calc(var(--su-2) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-mt-3 {
    margin-top: calc(var(--su-3) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-mt-4 {
    margin-top: calc(var(--su-4) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-mt-5 {
    margin-top: calc(var(--su-5) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-mt-6 {
    margin-top: calc(var(--su-6) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-mt-7 {
    margin-top: calc(var(--su-7) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-mt-8 {
    margin-top: calc(var(--su-8) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-mt-9 {
    margin-top: calc(var(--su-9) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-mt-10 {
    margin-top: calc(var(--su-10) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mb-auto {
    margin-bottom: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mb-unset {
    margin-bottom: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mb-0 {
    margin-bottom: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mb-05 {
    margin-bottom: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mb-1 {
    margin-bottom: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mb-2 {
    margin-bottom: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mb-3 {
    margin-bottom: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mb-4 {
    margin-bottom: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mb-5 {
    margin-bottom: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mb-6 {
    margin-bottom: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mb-7 {
    margin-bottom: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mb-8 {
    margin-bottom: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mb-9 {
    margin-bottom: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mb-10 {
    margin-bottom: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-mb-05 {
    margin-bottom: calc(var(--su-05) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-mb-1 {
    margin-bottom: calc(var(--su-1) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-mb-2 {
    margin-bottom: calc(var(--su-2) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-mb-3 {
    margin-bottom: calc(var(--su-3) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-mb-4 {
    margin-bottom: calc(var(--su-4) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-mb-5 {
    margin-bottom: calc(var(--su-5) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-mb-6 {
    margin-bottom: calc(var(--su-6) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-mb-7 {
    margin-bottom: calc(var(--su-7) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-mb-8 {
    margin-bottom: calc(var(--su-8) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-mb-9 {
    margin-bottom: calc(var(--su-9) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-mb-10 {
    margin-bottom: calc(var(--su-10) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:ml-auto {
    margin-left: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:ml-unset {
    margin-left: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:ml-0 {
    margin-left: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:ml-05 {
    margin-left: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:ml-1 {
    margin-left: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:ml-2 {
    margin-left: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:ml-3 {
    margin-left: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:ml-4 {
    margin-left: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:ml-5 {
    margin-left: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:ml-6 {
    margin-left: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:ml-7 {
    margin-left: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:ml-8 {
    margin-left: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:ml-9 {
    margin-left: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:ml-10 {
    margin-left: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-ml-05 {
    margin-left: calc(var(--su-05) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-ml-1 {
    margin-left: calc(var(--su-1) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-ml-2 {
    margin-left: calc(var(--su-2) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-ml-3 {
    margin-left: calc(var(--su-3) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-ml-4 {
    margin-left: calc(var(--su-4) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-ml-5 {
    margin-left: calc(var(--su-5) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-ml-6 {
    margin-left: calc(var(--su-6) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-ml-7 {
    margin-left: calc(var(--su-7) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-ml-8 {
    margin-left: calc(var(--su-8) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-ml-9 {
    margin-left: calc(var(--su-9) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-ml-10 {
    margin-left: calc(var(--su-10) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mr-auto {
    margin-right: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mr-unset {
    margin-right: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mr-0 {
    margin-right: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mr-05 {
    margin-right: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mr-1 {
    margin-right: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mr-2 {
    margin-right: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mr-3 {
    margin-right: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mr-4 {
    margin-right: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mr-5 {
    margin-right: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mr-6 {
    margin-right: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mr-7 {
    margin-right: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mr-8 {
    margin-right: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mr-9 {
    margin-right: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:mr-10 {
    margin-right: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-mr-05 {
    margin-right: calc(var(--su-05) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-mr-1 {
    margin-right: calc(var(--su-1) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-mr-2 {
    margin-right: calc(var(--su-2) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-mr-3 {
    margin-right: calc(var(--su-3) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-mr-4 {
    margin-right: calc(var(--su-4) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-mr-5 {
    margin-right: calc(var(--su-5) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-mr-6 {
    margin-right: calc(var(--su-6) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-mr-7 {
    margin-right: calc(var(--su-7) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-mr-8 {
    margin-right: calc(var(--su-8) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-mr-9 {
    margin-right: calc(var(--su-9) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:-mr-10 {
    margin-right: calc(var(--su-10) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:p-0 {
    padding: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:p-unset {
    padding: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:p-05 {
    padding: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:p-1 {
    padding: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:p-2 {
    padding: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:p-3 {
    padding: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:p-4 {
    padding: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:p-5 {
    padding: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:p-6 {
    padding: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:p-7 {
    padding: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:p-8 {
    padding: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:p-9 {
    padding: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:p-10 {
    padding: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:py-unset {
    padding-top: unset;
    padding-bottom: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:py-05 {
    padding-top: var(--su-05);
    padding-bottom: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:py-1 {
    padding-top: var(--su-1);
    padding-bottom: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:py-2 {
    padding-top: var(--su-2);
    padding-bottom: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:py-3 {
    padding-top: var(--su-3);
    padding-bottom: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:py-4 {
    padding-top: var(--su-4);
    padding-bottom: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:py-5 {
    padding-top: var(--su-5);
    padding-bottom: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:py-6 {
    padding-top: var(--su-6);
    padding-bottom: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:py-7 {
    padding-top: var(--su-7);
    padding-bottom: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:py-8 {
    padding-top: var(--su-8);
    padding-bottom: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:py-9 {
    padding-top: var(--su-9);
    padding-bottom: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:py-10 {
    padding-top: var(--su-10);
    padding-bottom: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:px-unset {
    padding-left: unset;
    padding-right: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:px-05 {
    padding-left: var(--su-05);
    padding-right: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:px-1 {
    padding-left: var(--su-1);
    padding-right: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:px-2 {
    padding-left: var(--su-2);
    padding-right: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:px-3 {
    padding-left: var(--su-3);
    padding-right: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:px-4 {
    padding-left: var(--su-4);
    padding-right: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:px-5 {
    padding-left: var(--su-5);
    padding-right: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:px-6 {
    padding-left: var(--su-6);
    padding-right: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:px-7 {
    padding-left: var(--su-7);
    padding-right: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:px-8 {
    padding-left: var(--su-8);
    padding-right: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:px-9 {
    padding-left: var(--su-9);
    padding-right: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:px-10 {
    padding-left: var(--su-10);
    padding-right: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pt-0 {
    padding-top: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pt-unset {
    padding-top: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pt-05 {
    padding-top: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pt-1 {
    padding-top: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pt-2 {
    padding-top: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pt-3 {
    padding-top: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pt-4 {
    padding-top: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pt-5 {
    padding-top: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pt-6 {
    padding-top: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pt-7 {
    padding-top: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pt-8 {
    padding-top: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pt-9 {
    padding-top: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pt-10 {
    padding-top: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pb-0 {
    padding-bottom: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pb-unset {
    padding-bottom: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pb-05 {
    padding-bottom: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pb-1 {
    padding-bottom: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pb-2 {
    padding-bottom: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pb-3 {
    padding-bottom: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pb-4 {
    padding-bottom: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pb-5 {
    padding-bottom: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pb-6 {
    padding-bottom: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pb-7 {
    padding-bottom: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pb-8 {
    padding-bottom: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pb-9 {
    padding-bottom: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pb-10 {
    padding-bottom: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pl-0 {
    padding-left: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pl-unset {
    padding-left: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pl-05 {
    padding-left: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pl-1 {
    padding-left: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pl-2 {
    padding-left: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pl-3 {
    padding-left: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pl-4 {
    padding-left: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pl-5 {
    padding-left: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pl-6 {
    padding-left: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pl-7 {
    padding-left: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pl-8 {
    padding-left: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pl-9 {
    padding-left: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pl-10 {
    padding-left: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pr-0 {
    padding-right: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pr-unset {
    padding-right: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pr-05 {
    padding-right: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pr-1 {
    padding-right: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pr-2 {
    padding-right: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pr-3 {
    padding-right: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pr-4 {
    padding-right: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pr-5 {
    padding-right: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pr-6 {
    padding-right: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pr-7 {
    padding-right: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pr-8 {
    padding-right: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pr-9 {
    padding-right: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:pr-10 {
    padding-right: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:fs-2xs {
    font-size: var(--fs-2xs);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:fs-xs {
    font-size: var(--fs-xs);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:fs-s {
    font-size: var(--fs-s);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:fs-base {
    font-size: var(--fs-base);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:fs-l {
    font-size: var(--fs-l);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:fs-xl {
    font-size: var(--fs-xl);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:fs-2xl {
    font-size: var(--fs-2xl);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:fs-3xl {
    font-size: var(--fs-3xl);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:fs-4xl {
    font-size: var(--fs-4xl);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:fs-5xl {
    font-size: var(--fs-5xl);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:fw-normal {
    font-weight: var(--fw-normal);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:fw-medium {
    font-weight: var(--fw-medium);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:fw-bold {
    font-weight: var(--fw-bold);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:fw-heavy {
    font-weight: var(--fw-heavy);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:align-left {
    text-align: left;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:align-center {
    text-align: center;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:align-right {
    text-align: right;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:hidden {
    display: none;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:block {
    display: block;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:inline {
    display: inline;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:inline-block {
    display: inline-block;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:flex {
    display: flex;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:inline-flex {
    display: inline-flex;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:grid {
    display: grid;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:table {
    display: table;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:static {
    position: static;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:absolute {
    position: absolute;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:fixed {
    position: fixed;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:sticky {
    position: sticky;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .m\:relative {
    position: relative;
  }
}

@media (min-width: 1024px) {
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:flex-row {
    flex-direction: row;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:flex-col {
    flex-direction: column;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:flex-wrap {
    flex-wrap: wrap;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:flex-nowrap {
    flex-wrap: nowrap;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:items-stretch {
    align-items: stretch;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:items-start {
    align-items: flex-start;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:items-center {
    align-items: center;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:items-end {
    align-items: flex-end;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:basis-1-5 {
    flex-basis: 20%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:basis-2-5 {
    flex-basis: 40%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:basis-3-5 {
    flex-basis: 60%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:basis-4-5 {
    flex-basis: 80%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:basis-1-4 {
    flex-basis: 25%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:basis-1-3 {
    flex-basis: 33.333333%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:basis-1-2 {
    flex-basis: 50%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:basis-2-3 {
    flex-basis: 66.666667%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:basis-3-4 {
    flex-basis: 75%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:content-start {
    align-content: flex-start;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:content-center {
    align-content: center;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:content-end {
    align-content: flex-end;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:content-between {
    align-content: space-between;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:content-around {
    align-content: space-around;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:self-auto {
    align-self: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:self-start {
    align-self: flex-start;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:self-center {
    align-self: center;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:self-end {
    align-self: flex-end;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:self-stretch {
    align-self: stretch;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:justify-start {
    justify-content: flex-start;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:justify-center {
    justify-content: center;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:justify-end {
    justify-content: flex-end;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:justify-between {
    justify-content: space-between;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:justify-around {
    justify-content: space-around;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:justify-stretch {
    justify-content: stretch;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:flex-initial {
    flex: 0 auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:flex-1 {
    flex: 1 1 0%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:flex-auto {
    flex: 1 1 auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:flex-none {
    flex: none;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:order-first {
    order: -9999;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:order-last {
    order: 9999;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:order-0 {
    order: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:gap-0 {
    gap: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:gap-px {
    gap: 1px;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:gap-05 {
    gap: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:gap-1 {
    gap: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:gap-2 {
    gap: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:gap-3 {
    gap: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:gap-4 {
    gap: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:gap-5 {
    gap: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:gap-6 {
    gap: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:gap-7 {
    gap: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:gap-8 {
    gap: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:gap-9 {
    gap: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:gap-10 {
    gap: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:grid-rows-none {
    grid-template-rows: none;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:grid-flow-row {
    grid-auto-flow: row;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:grid-flow-col {
    grid-auto-flow: column;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:top-auto {
    top: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:top-unset {
    top: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:top-0 {
    top: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:top-100 {
    top: 100%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:top-05 {
    top: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:top-1 {
    top: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:top-2 {
    top: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:top-3 {
    top: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:top-4 {
    top: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:top-5 {
    top: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:top-6 {
    top: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:top-7 {
    top: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:top-8 {
    top: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:top-9 {
    top: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:top-10 {
    top: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-top-100 {
    top: -100%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-top-05 {
    top: calc(var(--su-05) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-top-1 {
    top: calc(var(--su-1) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-top-2 {
    top: calc(var(--su-2) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-top-3 {
    top: calc(var(--su-3) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-top-4 {
    top: calc(var(--su-4) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-top-5 {
    top: calc(var(--su-5) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-top-6 {
    top: calc(var(--su-6) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-top-7 {
    top: calc(var(--su-7) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-top-8 {
    top: calc(var(--su-8) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-top-9 {
    top: calc(var(--su-9) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-top-10 {
    top: calc(var(--su-10) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:bottom-auto {
    bottom: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:bottom-unset {
    bottom: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:bottom-0 {
    bottom: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:bottom-100 {
    bottom: 100%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:bottom-05 {
    bottom: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:bottom-1 {
    bottom: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:bottom-2 {
    bottom: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:bottom-3 {
    bottom: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:bottom-4 {
    bottom: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:bottom-5 {
    bottom: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:bottom-6 {
    bottom: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:bottom-7 {
    bottom: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:bottom-8 {
    bottom: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:bottom-9 {
    bottom: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:bottom-10 {
    bottom: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-bottom-100 {
    bottom: -100%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-bottom-05 {
    bottom: calc(var(--su-05) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-bottom-1 {
    bottom: calc(var(--su-1) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-bottom-2 {
    bottom: calc(var(--su-2) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-bottom-3 {
    bottom: calc(var(--su-3) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-bottom-4 {
    bottom: calc(var(--su-4) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-bottom-5 {
    bottom: calc(var(--su-5) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-bottom-6 {
    bottom: calc(var(--su-6) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-bottom-7 {
    bottom: calc(var(--su-7) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-bottom-8 {
    bottom: calc(var(--su-8) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-bottom-9 {
    bottom: calc(var(--su-9) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-bottom-10 {
    bottom: calc(var(--su-10) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:left-auto {
    left: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:left-unset {
    left: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:left-0 {
    left: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:left-100 {
    left: 100%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:left-05 {
    left: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:left-1 {
    left: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:left-2 {
    left: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:left-3 {
    left: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:left-4 {
    left: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:left-5 {
    left: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:left-6 {
    left: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:left-7 {
    left: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:left-8 {
    left: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:left-9 {
    left: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:left-10 {
    left: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-left-100 {
    left: -100%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-left-05 {
    left: calc(var(--su-05) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-left-1 {
    left: calc(var(--su-1) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-left-2 {
    left: calc(var(--su-2) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-left-3 {
    left: calc(var(--su-3) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-left-4 {
    left: calc(var(--su-4) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-left-5 {
    left: calc(var(--su-5) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-left-6 {
    left: calc(var(--su-6) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-left-7 {
    left: calc(var(--su-7) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-left-8 {
    left: calc(var(--su-8) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-left-9 {
    left: calc(var(--su-9) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-left-10 {
    left: calc(var(--su-10) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:right-auto {
    right: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:right-unset {
    right: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:right-0 {
    right: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:right-100 {
    right: 100%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:right-05 {
    right: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:right-1 {
    right: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:right-2 {
    right: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:right-3 {
    right: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:right-4 {
    right: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:right-5 {
    right: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:right-6 {
    right: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:right-7 {
    right: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:right-8 {
    right: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:right-9 {
    right: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:right-10 {
    right: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-right-100 {
    right: -100%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-right-05 {
    right: calc(var(--su-05) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-right-1 {
    right: calc(var(--su-1) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-right-2 {
    right: calc(var(--su-2) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-right-3 {
    right: calc(var(--su-3) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-right-4 {
    right: calc(var(--su-4) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-right-5 {
    right: calc(var(--su-5) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-right-6 {
    right: calc(var(--su-6) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-right-7 {
    right: calc(var(--su-7) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-right-8 {
    right: calc(var(--su-8) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-right-9 {
    right: calc(var(--su-9) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-right-10 {
    right: calc(var(--su-10) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:overflow-auto {
    overflow: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:overflow-visible {
    overflow: visible;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:overflow-hidden {
    overflow: hidden;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:w-0 {
    width: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:w-10 {
    width: 10%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:w-15 {
    width: 15%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:w-25 {
    width: 25%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:w-50 {
    width: 50%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:w-60 {
    width: 60%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:w-70 {
    width: 70%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:w-75 {
    width: 75%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:w-80 {
    width: 80%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:w-100 {
    width: 100%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:w-auto {
    width: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:w-full {
    width: 100vw;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:w-max {
    width: max-content;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:w-fit {
    width: fit-content;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:max-w-0 {
    max-width: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:max-w-25 {
    max-width: 25%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:max-w-50 {
    max-width: 50%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:max-w-75 {
    max-width: 75%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:max-w-100 {
    max-width: 100%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:max-w-unset {
    max-width: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:m-auto {
    margin: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:m-unset {
    margin: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:m-0 {
    margin: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:m-05 {
    margin: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:m-1 {
    margin: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:m-2 {
    margin: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:m-3 {
    margin: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:m-4 {
    margin: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:m-5 {
    margin: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:m-6 {
    margin: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:m-7 {
    margin: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:m-8 {
    margin: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:m-9 {
    margin: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:m-10 {
    margin: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-m-05 {
    margin: calc(var(--su-05) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-m-1 {
    margin: calc(var(--su-1) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-m-2 {
    margin: calc(var(--su-2) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-m-3 {
    margin: calc(var(--su-3) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-m-4 {
    margin: calc(var(--su-4) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-m-5 {
    margin: calc(var(--su-5) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-m-6 {
    margin: calc(var(--su-6) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-m-7 {
    margin: calc(var(--su-7) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-m-8 {
    margin: calc(var(--su-8) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-m-9 {
    margin: calc(var(--su-9) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-m-10 {
    margin: calc(var(--su-10) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:my-unset {
    margin-top: unset;
    margin-bottom: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:my-05 {
    margin-top: var(--su-05);
    margin-bottom: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:my-1 {
    margin-top: var(--su-1);
    margin-bottom: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:my-2 {
    margin-top: var(--su-2);
    margin-bottom: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:my-3 {
    margin-top: var(--su-3);
    margin-bottom: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:my-4 {
    margin-top: var(--su-4);
    margin-bottom: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:my-5 {
    margin-top: var(--su-5);
    margin-bottom: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:my-6 {
    margin-top: var(--su-6);
    margin-bottom: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:my-7 {
    margin-top: var(--su-7);
    margin-bottom: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:my-8 {
    margin-top: var(--su-8);
    margin-bottom: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:my-9 {
    margin-top: var(--su-9);
    margin-bottom: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:my-10 {
    margin-top: var(--su-10);
    margin-bottom: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-my-05 {
    margin-top: calc(var(--su-05) * -1);
    margin-bottom: calc(var(--su-05) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-my-1 {
    margin-top: calc(var(--su-1) * -1);
    margin-bottom: calc(var(--su-1) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-my-2 {
    margin-top: calc(var(--su-2) * -1);
    margin-bottom: calc(var(--su-2) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-my-3 {
    margin-top: calc(var(--su-3) * -1);
    margin-bottom: calc(var(--su-3) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-my-4 {
    margin-top: calc(var(--su-4) * -1);
    margin-bottom: calc(var(--su-4) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-my-5 {
    margin-top: calc(var(--su-5) * -1);
    margin-bottom: calc(var(--su-5) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-my-6 {
    margin-top: calc(var(--su-6) * -1);
    margin-bottom: calc(var(--su-6) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-my-7 {
    margin-top: calc(var(--su-7) * -1);
    margin-bottom: calc(var(--su-7) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-my-8 {
    margin-top: calc(var(--su-8) * -1);
    margin-bottom: calc(var(--su-8) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-my-9 {
    margin-top: calc(var(--su-9) * -1);
    margin-bottom: calc(var(--su-9) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-my-10 {
    margin-top: calc(var(--su-10) * -1);
    margin-bottom: calc(var(--su-10) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mx-unset {
    margin-left: unset;
    margin-right: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mx-05 {
    margin-left: var(--su-05);
    margin-right: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mx-1 {
    margin-left: var(--su-1);
    margin-right: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mx-2 {
    margin-left: var(--su-2);
    margin-right: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mx-3 {
    margin-left: var(--su-3);
    margin-right: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mx-4 {
    margin-left: var(--su-4);
    margin-right: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mx-5 {
    margin-left: var(--su-5);
    margin-right: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mx-6 {
    margin-left: var(--su-6);
    margin-right: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mx-7 {
    margin-left: var(--su-7);
    margin-right: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mx-8 {
    margin-left: var(--su-8);
    margin-right: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mx-9 {
    margin-left: var(--su-9);
    margin-right: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mx-10 {
    margin-left: var(--su-10);
    margin-right: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-mx-05 {
    margin-left: calc(var(--su-05) * -1);
    margin-right: calc(var(--su-05) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-mx-1 {
    margin-left: calc(var(--su-1) * -1);
    margin-right: calc(var(--su-1) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-mx-2 {
    margin-left: calc(var(--su-2) * -1);
    margin-right: calc(var(--su-2) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-mx-3 {
    margin-left: calc(var(--su-3) * -1);
    margin-right: calc(var(--su-3) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-mx-4 {
    margin-left: calc(var(--su-4) * -1);
    margin-right: calc(var(--su-4) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-mx-5 {
    margin-left: calc(var(--su-5) * -1);
    margin-right: calc(var(--su-5) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-mx-6 {
    margin-left: calc(var(--su-6) * -1);
    margin-right: calc(var(--su-6) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-mx-7 {
    margin-left: calc(var(--su-7) * -1);
    margin-right: calc(var(--su-7) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-mx-8 {
    margin-left: calc(var(--su-8) * -1);
    margin-right: calc(var(--su-8) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-mx-9 {
    margin-left: calc(var(--su-9) * -1);
    margin-right: calc(var(--su-9) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-mx-10 {
    margin-left: calc(var(--su-10) * -1);
    margin-right: calc(var(--su-10) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mt-auto {
    margin-top: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mt-unset {
    margin-top: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mt-0 {
    margin-top: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mt-05 {
    margin-top: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mt-1 {
    margin-top: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mt-2 {
    margin-top: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mt-3 {
    margin-top: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mt-4 {
    margin-top: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mt-5 {
    margin-top: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mt-6 {
    margin-top: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mt-7 {
    margin-top: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mt-8 {
    margin-top: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mt-9 {
    margin-top: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mt-10 {
    margin-top: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-mt-05 {
    margin-top: calc(var(--su-05) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-mt-1 {
    margin-top: calc(var(--su-1) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-mt-2 {
    margin-top: calc(var(--su-2) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-mt-3 {
    margin-top: calc(var(--su-3) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-mt-4 {
    margin-top: calc(var(--su-4) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-mt-5 {
    margin-top: calc(var(--su-5) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-mt-6 {
    margin-top: calc(var(--su-6) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-mt-7 {
    margin-top: calc(var(--su-7) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-mt-8 {
    margin-top: calc(var(--su-8) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-mt-9 {
    margin-top: calc(var(--su-9) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-mt-10 {
    margin-top: calc(var(--su-10) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mb-auto {
    margin-bottom: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mb-unset {
    margin-bottom: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mb-0 {
    margin-bottom: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mb-05 {
    margin-bottom: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mb-1 {
    margin-bottom: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mb-2 {
    margin-bottom: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mb-3 {
    margin-bottom: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mb-4 {
    margin-bottom: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mb-5 {
    margin-bottom: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mb-6 {
    margin-bottom: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mb-7 {
    margin-bottom: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mb-8 {
    margin-bottom: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mb-9 {
    margin-bottom: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mb-10 {
    margin-bottom: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-mb-05 {
    margin-bottom: calc(var(--su-05) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-mb-1 {
    margin-bottom: calc(var(--su-1) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-mb-2 {
    margin-bottom: calc(var(--su-2) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-mb-3 {
    margin-bottom: calc(var(--su-3) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-mb-4 {
    margin-bottom: calc(var(--su-4) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-mb-5 {
    margin-bottom: calc(var(--su-5) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-mb-6 {
    margin-bottom: calc(var(--su-6) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-mb-7 {
    margin-bottom: calc(var(--su-7) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-mb-8 {
    margin-bottom: calc(var(--su-8) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-mb-9 {
    margin-bottom: calc(var(--su-9) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-mb-10 {
    margin-bottom: calc(var(--su-10) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:ml-auto {
    margin-left: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:ml-unset {
    margin-left: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:ml-0 {
    margin-left: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:ml-05 {
    margin-left: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:ml-1 {
    margin-left: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:ml-2 {
    margin-left: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:ml-3 {
    margin-left: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:ml-4 {
    margin-left: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:ml-5 {
    margin-left: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:ml-6 {
    margin-left: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:ml-7 {
    margin-left: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:ml-8 {
    margin-left: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:ml-9 {
    margin-left: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:ml-10 {
    margin-left: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-ml-05 {
    margin-left: calc(var(--su-05) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-ml-1 {
    margin-left: calc(var(--su-1) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-ml-2 {
    margin-left: calc(var(--su-2) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-ml-3 {
    margin-left: calc(var(--su-3) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-ml-4 {
    margin-left: calc(var(--su-4) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-ml-5 {
    margin-left: calc(var(--su-5) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-ml-6 {
    margin-left: calc(var(--su-6) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-ml-7 {
    margin-left: calc(var(--su-7) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-ml-8 {
    margin-left: calc(var(--su-8) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-ml-9 {
    margin-left: calc(var(--su-9) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-ml-10 {
    margin-left: calc(var(--su-10) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mr-auto {
    margin-right: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mr-unset {
    margin-right: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mr-0 {
    margin-right: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mr-05 {
    margin-right: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mr-1 {
    margin-right: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mr-2 {
    margin-right: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mr-3 {
    margin-right: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mr-4 {
    margin-right: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mr-5 {
    margin-right: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mr-6 {
    margin-right: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mr-7 {
    margin-right: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mr-8 {
    margin-right: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mr-9 {
    margin-right: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:mr-10 {
    margin-right: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-mr-05 {
    margin-right: calc(var(--su-05) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-mr-1 {
    margin-right: calc(var(--su-1) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-mr-2 {
    margin-right: calc(var(--su-2) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-mr-3 {
    margin-right: calc(var(--su-3) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-mr-4 {
    margin-right: calc(var(--su-4) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-mr-5 {
    margin-right: calc(var(--su-5) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-mr-6 {
    margin-right: calc(var(--su-6) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-mr-7 {
    margin-right: calc(var(--su-7) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-mr-8 {
    margin-right: calc(var(--su-8) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-mr-9 {
    margin-right: calc(var(--su-9) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:-mr-10 {
    margin-right: calc(var(--su-10) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:p-0 {
    padding: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:p-unset {
    padding: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:p-05 {
    padding: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:p-1 {
    padding: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:p-2 {
    padding: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:p-3 {
    padding: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:p-4 {
    padding: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:p-5 {
    padding: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:p-6 {
    padding: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:p-7 {
    padding: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:p-8 {
    padding: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:p-9 {
    padding: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:p-10 {
    padding: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:py-unset {
    padding-top: unset;
    padding-bottom: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:py-05 {
    padding-top: var(--su-05);
    padding-bottom: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:py-1 {
    padding-top: var(--su-1);
    padding-bottom: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:py-2 {
    padding-top: var(--su-2);
    padding-bottom: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:py-3 {
    padding-top: var(--su-3);
    padding-bottom: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:py-4 {
    padding-top: var(--su-4);
    padding-bottom: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:py-5 {
    padding-top: var(--su-5);
    padding-bottom: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:py-6 {
    padding-top: var(--su-6);
    padding-bottom: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:py-7 {
    padding-top: var(--su-7);
    padding-bottom: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:py-8 {
    padding-top: var(--su-8);
    padding-bottom: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:py-9 {
    padding-top: var(--su-9);
    padding-bottom: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:py-10 {
    padding-top: var(--su-10);
    padding-bottom: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:px-unset {
    padding-left: unset;
    padding-right: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:px-05 {
    padding-left: var(--su-05);
    padding-right: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:px-1 {
    padding-left: var(--su-1);
    padding-right: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:px-2 {
    padding-left: var(--su-2);
    padding-right: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:px-3 {
    padding-left: var(--su-3);
    padding-right: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:px-4 {
    padding-left: var(--su-4);
    padding-right: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:px-5 {
    padding-left: var(--su-5);
    padding-right: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:px-6 {
    padding-left: var(--su-6);
    padding-right: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:px-7 {
    padding-left: var(--su-7);
    padding-right: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:px-8 {
    padding-left: var(--su-8);
    padding-right: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:px-9 {
    padding-left: var(--su-9);
    padding-right: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:px-10 {
    padding-left: var(--su-10);
    padding-right: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pt-0 {
    padding-top: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pt-unset {
    padding-top: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pt-05 {
    padding-top: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pt-1 {
    padding-top: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pt-2 {
    padding-top: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pt-3 {
    padding-top: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pt-4 {
    padding-top: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pt-5 {
    padding-top: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pt-6 {
    padding-top: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pt-7 {
    padding-top: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pt-8 {
    padding-top: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pt-9 {
    padding-top: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pt-10 {
    padding-top: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pb-0 {
    padding-bottom: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pb-unset {
    padding-bottom: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pb-05 {
    padding-bottom: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pb-1 {
    padding-bottom: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pb-2 {
    padding-bottom: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pb-3 {
    padding-bottom: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pb-4 {
    padding-bottom: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pb-5 {
    padding-bottom: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pb-6 {
    padding-bottom: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pb-7 {
    padding-bottom: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pb-8 {
    padding-bottom: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pb-9 {
    padding-bottom: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pb-10 {
    padding-bottom: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pl-0 {
    padding-left: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pl-unset {
    padding-left: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pl-05 {
    padding-left: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pl-1 {
    padding-left: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pl-2 {
    padding-left: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pl-3 {
    padding-left: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pl-4 {
    padding-left: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pl-5 {
    padding-left: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pl-6 {
    padding-left: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pl-7 {
    padding-left: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pl-8 {
    padding-left: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pl-9 {
    padding-left: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pl-10 {
    padding-left: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pr-0 {
    padding-right: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pr-unset {
    padding-right: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pr-05 {
    padding-right: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pr-1 {
    padding-right: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pr-2 {
    padding-right: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pr-3 {
    padding-right: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pr-4 {
    padding-right: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pr-5 {
    padding-right: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pr-6 {
    padding-right: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pr-7 {
    padding-right: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pr-8 {
    padding-right: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pr-9 {
    padding-right: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:pr-10 {
    padding-right: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:fs-2xs {
    font-size: var(--fs-2xs);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:fs-xs {
    font-size: var(--fs-xs);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:fs-s {
    font-size: var(--fs-s);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:fs-base {
    font-size: var(--fs-base);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:fs-l {
    font-size: var(--fs-l);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:fs-xl {
    font-size: var(--fs-xl);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:fs-2xl {
    font-size: var(--fs-2xl);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:fs-3xl {
    font-size: var(--fs-3xl);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:fs-4xl {
    font-size: var(--fs-4xl);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:fs-5xl {
    font-size: var(--fs-5xl);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:fw-normal {
    font-weight: var(--fw-normal);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:fw-medium {
    font-weight: var(--fw-medium);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:fw-bold {
    font-weight: var(--fw-bold);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:fw-heavy {
    font-weight: var(--fw-heavy);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:align-left {
    text-align: left;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:align-center {
    text-align: center;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:align-right {
    text-align: right;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:hidden {
    display: none;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:block {
    display: block;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:inline {
    display: inline;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:inline-block {
    display: inline-block;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:flex {
    display: flex;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:inline-flex {
    display: inline-flex;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:grid {
    display: grid;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:table {
    display: table;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:static {
    position: static;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:absolute {
    position: absolute;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:fixed {
    position: fixed;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:sticky {
    position: sticky;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .l\:relative {
    position: relative;
  }
}

@media (min-width: 1280px) {
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:flex-row {
    flex-direction: row;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:flex-col {
    flex-direction: column;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:flex-wrap {
    flex-wrap: wrap;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:flex-nowrap {
    flex-wrap: nowrap;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:items-stretch {
    align-items: stretch;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:items-start {
    align-items: flex-start;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:items-center {
    align-items: center;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:items-end {
    align-items: flex-end;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:basis-1-5 {
    flex-basis: 20%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:basis-2-5 {
    flex-basis: 40%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:basis-3-5 {
    flex-basis: 60%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:basis-4-5 {
    flex-basis: 80%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:basis-1-4 {
    flex-basis: 25%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:basis-1-3 {
    flex-basis: 33.333333%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:basis-1-2 {
    flex-basis: 50%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:basis-2-3 {
    flex-basis: 66.666667%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:basis-3-4 {
    flex-basis: 75%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:content-start {
    align-content: flex-start;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:content-center {
    align-content: center;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:content-end {
    align-content: flex-end;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:content-between {
    align-content: space-between;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:content-around {
    align-content: space-around;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:self-auto {
    align-self: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:self-start {
    align-self: flex-start;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:self-center {
    align-self: center;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:self-end {
    align-self: flex-end;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:self-stretch {
    align-self: stretch;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:justify-start {
    justify-content: flex-start;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:justify-center {
    justify-content: center;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:justify-end {
    justify-content: flex-end;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:justify-between {
    justify-content: space-between;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:justify-around {
    justify-content: space-around;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:justify-stretch {
    justify-content: stretch;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:flex-initial {
    flex: 0 auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:flex-1 {
    flex: 1 1 0%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:flex-auto {
    flex: 1 1 auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:flex-none {
    flex: none;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:order-first {
    order: -9999;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:order-last {
    order: 9999;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:order-0 {
    order: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:gap-0 {
    gap: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:gap-px {
    gap: 1px;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:gap-05 {
    gap: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:gap-1 {
    gap: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:gap-2 {
    gap: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:gap-3 {
    gap: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:gap-4 {
    gap: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:gap-5 {
    gap: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:gap-6 {
    gap: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:gap-7 {
    gap: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:gap-8 {
    gap: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:gap-9 {
    gap: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:gap-10 {
    gap: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:grid-rows-none {
    grid-template-rows: none;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:grid-flow-row {
    grid-auto-flow: row;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:grid-flow-col {
    grid-auto-flow: column;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:top-auto {
    top: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:top-unset {
    top: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:top-0 {
    top: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:top-100 {
    top: 100%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:top-05 {
    top: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:top-1 {
    top: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:top-2 {
    top: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:top-3 {
    top: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:top-4 {
    top: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:top-5 {
    top: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:top-6 {
    top: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:top-7 {
    top: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:top-8 {
    top: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:top-9 {
    top: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:top-10 {
    top: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-top-100 {
    top: -100%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-top-05 {
    top: calc(var(--su-05) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-top-1 {
    top: calc(var(--su-1) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-top-2 {
    top: calc(var(--su-2) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-top-3 {
    top: calc(var(--su-3) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-top-4 {
    top: calc(var(--su-4) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-top-5 {
    top: calc(var(--su-5) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-top-6 {
    top: calc(var(--su-6) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-top-7 {
    top: calc(var(--su-7) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-top-8 {
    top: calc(var(--su-8) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-top-9 {
    top: calc(var(--su-9) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-top-10 {
    top: calc(var(--su-10) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:bottom-auto {
    bottom: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:bottom-unset {
    bottom: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:bottom-0 {
    bottom: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:bottom-100 {
    bottom: 100%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:bottom-05 {
    bottom: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:bottom-1 {
    bottom: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:bottom-2 {
    bottom: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:bottom-3 {
    bottom: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:bottom-4 {
    bottom: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:bottom-5 {
    bottom: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:bottom-6 {
    bottom: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:bottom-7 {
    bottom: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:bottom-8 {
    bottom: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:bottom-9 {
    bottom: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:bottom-10 {
    bottom: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-bottom-100 {
    bottom: -100%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-bottom-05 {
    bottom: calc(var(--su-05) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-bottom-1 {
    bottom: calc(var(--su-1) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-bottom-2 {
    bottom: calc(var(--su-2) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-bottom-3 {
    bottom: calc(var(--su-3) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-bottom-4 {
    bottom: calc(var(--su-4) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-bottom-5 {
    bottom: calc(var(--su-5) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-bottom-6 {
    bottom: calc(var(--su-6) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-bottom-7 {
    bottom: calc(var(--su-7) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-bottom-8 {
    bottom: calc(var(--su-8) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-bottom-9 {
    bottom: calc(var(--su-9) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-bottom-10 {
    bottom: calc(var(--su-10) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:left-auto {
    left: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:left-unset {
    left: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:left-0 {
    left: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:left-100 {
    left: 100%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:left-05 {
    left: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:left-1 {
    left: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:left-2 {
    left: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:left-3 {
    left: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:left-4 {
    left: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:left-5 {
    left: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:left-6 {
    left: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:left-7 {
    left: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:left-8 {
    left: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:left-9 {
    left: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:left-10 {
    left: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-left-100 {
    left: -100%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-left-05 {
    left: calc(var(--su-05) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-left-1 {
    left: calc(var(--su-1) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-left-2 {
    left: calc(var(--su-2) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-left-3 {
    left: calc(var(--su-3) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-left-4 {
    left: calc(var(--su-4) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-left-5 {
    left: calc(var(--su-5) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-left-6 {
    left: calc(var(--su-6) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-left-7 {
    left: calc(var(--su-7) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-left-8 {
    left: calc(var(--su-8) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-left-9 {
    left: calc(var(--su-9) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-left-10 {
    left: calc(var(--su-10) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:right-auto {
    right: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:right-unset {
    right: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:right-0 {
    right: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:right-100 {
    right: 100%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:right-05 {
    right: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:right-1 {
    right: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:right-2 {
    right: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:right-3 {
    right: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:right-4 {
    right: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:right-5 {
    right: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:right-6 {
    right: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:right-7 {
    right: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:right-8 {
    right: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:right-9 {
    right: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:right-10 {
    right: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-right-100 {
    right: -100%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-right-05 {
    right: calc(var(--su-05) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-right-1 {
    right: calc(var(--su-1) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-right-2 {
    right: calc(var(--su-2) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-right-3 {
    right: calc(var(--su-3) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-right-4 {
    right: calc(var(--su-4) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-right-5 {
    right: calc(var(--su-5) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-right-6 {
    right: calc(var(--su-6) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-right-7 {
    right: calc(var(--su-7) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-right-8 {
    right: calc(var(--su-8) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-right-9 {
    right: calc(var(--su-9) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-right-10 {
    right: calc(var(--su-10) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:overflow-auto {
    overflow: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:overflow-visible {
    overflow: visible;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:overflow-hidden {
    overflow: hidden;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:w-0 {
    width: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:w-10 {
    width: 10%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:w-15 {
    width: 15%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:w-25 {
    width: 25%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:w-50 {
    width: 50%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:w-60 {
    width: 60%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:w-70 {
    width: 70%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:w-75 {
    width: 75%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:w-80 {
    width: 80%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:w-100 {
    width: 100%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:w-auto {
    width: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:w-full {
    width: 100vw;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:w-max {
    width: max-content;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:w-fit {
    width: fit-content;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:max-w-0 {
    max-width: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:max-w-25 {
    max-width: 25%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:max-w-50 {
    max-width: 50%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:max-w-75 {
    max-width: 75%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:max-w-100 {
    max-width: 100%;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:max-w-unset {
    max-width: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:m-auto {
    margin: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:m-unset {
    margin: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:m-0 {
    margin: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:m-05 {
    margin: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:m-1 {
    margin: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:m-2 {
    margin: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:m-3 {
    margin: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:m-4 {
    margin: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:m-5 {
    margin: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:m-6 {
    margin: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:m-7 {
    margin: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:m-8 {
    margin: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:m-9 {
    margin: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:m-10 {
    margin: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-m-05 {
    margin: calc(var(--su-05) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-m-1 {
    margin: calc(var(--su-1) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-m-2 {
    margin: calc(var(--su-2) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-m-3 {
    margin: calc(var(--su-3) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-m-4 {
    margin: calc(var(--su-4) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-m-5 {
    margin: calc(var(--su-5) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-m-6 {
    margin: calc(var(--su-6) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-m-7 {
    margin: calc(var(--su-7) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-m-8 {
    margin: calc(var(--su-8) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-m-9 {
    margin: calc(var(--su-9) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-m-10 {
    margin: calc(var(--su-10) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:my-unset {
    margin-top: unset;
    margin-bottom: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:my-05 {
    margin-top: var(--su-05);
    margin-bottom: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:my-1 {
    margin-top: var(--su-1);
    margin-bottom: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:my-2 {
    margin-top: var(--su-2);
    margin-bottom: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:my-3 {
    margin-top: var(--su-3);
    margin-bottom: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:my-4 {
    margin-top: var(--su-4);
    margin-bottom: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:my-5 {
    margin-top: var(--su-5);
    margin-bottom: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:my-6 {
    margin-top: var(--su-6);
    margin-bottom: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:my-7 {
    margin-top: var(--su-7);
    margin-bottom: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:my-8 {
    margin-top: var(--su-8);
    margin-bottom: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:my-9 {
    margin-top: var(--su-9);
    margin-bottom: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:my-10 {
    margin-top: var(--su-10);
    margin-bottom: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-my-05 {
    margin-top: calc(var(--su-05) * -1);
    margin-bottom: calc(var(--su-05) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-my-1 {
    margin-top: calc(var(--su-1) * -1);
    margin-bottom: calc(var(--su-1) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-my-2 {
    margin-top: calc(var(--su-2) * -1);
    margin-bottom: calc(var(--su-2) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-my-3 {
    margin-top: calc(var(--su-3) * -1);
    margin-bottom: calc(var(--su-3) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-my-4 {
    margin-top: calc(var(--su-4) * -1);
    margin-bottom: calc(var(--su-4) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-my-5 {
    margin-top: calc(var(--su-5) * -1);
    margin-bottom: calc(var(--su-5) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-my-6 {
    margin-top: calc(var(--su-6) * -1);
    margin-bottom: calc(var(--su-6) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-my-7 {
    margin-top: calc(var(--su-7) * -1);
    margin-bottom: calc(var(--su-7) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-my-8 {
    margin-top: calc(var(--su-8) * -1);
    margin-bottom: calc(var(--su-8) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-my-9 {
    margin-top: calc(var(--su-9) * -1);
    margin-bottom: calc(var(--su-9) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-my-10 {
    margin-top: calc(var(--su-10) * -1);
    margin-bottom: calc(var(--su-10) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mx-unset {
    margin-left: unset;
    margin-right: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mx-05 {
    margin-left: var(--su-05);
    margin-right: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mx-1 {
    margin-left: var(--su-1);
    margin-right: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mx-2 {
    margin-left: var(--su-2);
    margin-right: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mx-3 {
    margin-left: var(--su-3);
    margin-right: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mx-4 {
    margin-left: var(--su-4);
    margin-right: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mx-5 {
    margin-left: var(--su-5);
    margin-right: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mx-6 {
    margin-left: var(--su-6);
    margin-right: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mx-7 {
    margin-left: var(--su-7);
    margin-right: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mx-8 {
    margin-left: var(--su-8);
    margin-right: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mx-9 {
    margin-left: var(--su-9);
    margin-right: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mx-10 {
    margin-left: var(--su-10);
    margin-right: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-mx-05 {
    margin-left: calc(var(--su-05) * -1);
    margin-right: calc(var(--su-05) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-mx-1 {
    margin-left: calc(var(--su-1) * -1);
    margin-right: calc(var(--su-1) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-mx-2 {
    margin-left: calc(var(--su-2) * -1);
    margin-right: calc(var(--su-2) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-mx-3 {
    margin-left: calc(var(--su-3) * -1);
    margin-right: calc(var(--su-3) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-mx-4 {
    margin-left: calc(var(--su-4) * -1);
    margin-right: calc(var(--su-4) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-mx-5 {
    margin-left: calc(var(--su-5) * -1);
    margin-right: calc(var(--su-5) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-mx-6 {
    margin-left: calc(var(--su-6) * -1);
    margin-right: calc(var(--su-6) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-mx-7 {
    margin-left: calc(var(--su-7) * -1);
    margin-right: calc(var(--su-7) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-mx-8 {
    margin-left: calc(var(--su-8) * -1);
    margin-right: calc(var(--su-8) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-mx-9 {
    margin-left: calc(var(--su-9) * -1);
    margin-right: calc(var(--su-9) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-mx-10 {
    margin-left: calc(var(--su-10) * -1);
    margin-right: calc(var(--su-10) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mt-auto {
    margin-top: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mt-unset {
    margin-top: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mt-0 {
    margin-top: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mt-05 {
    margin-top: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mt-1 {
    margin-top: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mt-2 {
    margin-top: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mt-3 {
    margin-top: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mt-4 {
    margin-top: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mt-5 {
    margin-top: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mt-6 {
    margin-top: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mt-7 {
    margin-top: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mt-8 {
    margin-top: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mt-9 {
    margin-top: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mt-10 {
    margin-top: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-mt-05 {
    margin-top: calc(var(--su-05) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-mt-1 {
    margin-top: calc(var(--su-1) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-mt-2 {
    margin-top: calc(var(--su-2) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-mt-3 {
    margin-top: calc(var(--su-3) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-mt-4 {
    margin-top: calc(var(--su-4) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-mt-5 {
    margin-top: calc(var(--su-5) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-mt-6 {
    margin-top: calc(var(--su-6) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-mt-7 {
    margin-top: calc(var(--su-7) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-mt-8 {
    margin-top: calc(var(--su-8) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-mt-9 {
    margin-top: calc(var(--su-9) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-mt-10 {
    margin-top: calc(var(--su-10) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mb-auto {
    margin-bottom: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mb-unset {
    margin-bottom: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mb-0 {
    margin-bottom: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mb-05 {
    margin-bottom: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mb-1 {
    margin-bottom: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mb-2 {
    margin-bottom: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mb-3 {
    margin-bottom: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mb-4 {
    margin-bottom: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mb-5 {
    margin-bottom: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mb-6 {
    margin-bottom: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mb-7 {
    margin-bottom: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mb-8 {
    margin-bottom: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mb-9 {
    margin-bottom: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mb-10 {
    margin-bottom: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-mb-05 {
    margin-bottom: calc(var(--su-05) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-mb-1 {
    margin-bottom: calc(var(--su-1) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-mb-2 {
    margin-bottom: calc(var(--su-2) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-mb-3 {
    margin-bottom: calc(var(--su-3) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-mb-4 {
    margin-bottom: calc(var(--su-4) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-mb-5 {
    margin-bottom: calc(var(--su-5) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-mb-6 {
    margin-bottom: calc(var(--su-6) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-mb-7 {
    margin-bottom: calc(var(--su-7) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-mb-8 {
    margin-bottom: calc(var(--su-8) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-mb-9 {
    margin-bottom: calc(var(--su-9) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-mb-10 {
    margin-bottom: calc(var(--su-10) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:ml-auto {
    margin-left: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:ml-unset {
    margin-left: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:ml-0 {
    margin-left: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:ml-05 {
    margin-left: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:ml-1 {
    margin-left: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:ml-2 {
    margin-left: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:ml-3 {
    margin-left: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:ml-4 {
    margin-left: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:ml-5 {
    margin-left: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:ml-6 {
    margin-left: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:ml-7 {
    margin-left: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:ml-8 {
    margin-left: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:ml-9 {
    margin-left: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:ml-10 {
    margin-left: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-ml-05 {
    margin-left: calc(var(--su-05) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-ml-1 {
    margin-left: calc(var(--su-1) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-ml-2 {
    margin-left: calc(var(--su-2) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-ml-3 {
    margin-left: calc(var(--su-3) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-ml-4 {
    margin-left: calc(var(--su-4) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-ml-5 {
    margin-left: calc(var(--su-5) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-ml-6 {
    margin-left: calc(var(--su-6) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-ml-7 {
    margin-left: calc(var(--su-7) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-ml-8 {
    margin-left: calc(var(--su-8) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-ml-9 {
    margin-left: calc(var(--su-9) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-ml-10 {
    margin-left: calc(var(--su-10) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mr-auto {
    margin-right: auto;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mr-unset {
    margin-right: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mr-0 {
    margin-right: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mr-05 {
    margin-right: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mr-1 {
    margin-right: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mr-2 {
    margin-right: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mr-3 {
    margin-right: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mr-4 {
    margin-right: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mr-5 {
    margin-right: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mr-6 {
    margin-right: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mr-7 {
    margin-right: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mr-8 {
    margin-right: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mr-9 {
    margin-right: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:mr-10 {
    margin-right: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-mr-05 {
    margin-right: calc(var(--su-05) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-mr-1 {
    margin-right: calc(var(--su-1) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-mr-2 {
    margin-right: calc(var(--su-2) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-mr-3 {
    margin-right: calc(var(--su-3) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-mr-4 {
    margin-right: calc(var(--su-4) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-mr-5 {
    margin-right: calc(var(--su-5) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-mr-6 {
    margin-right: calc(var(--su-6) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-mr-7 {
    margin-right: calc(var(--su-7) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-mr-8 {
    margin-right: calc(var(--su-8) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-mr-9 {
    margin-right: calc(var(--su-9) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:-mr-10 {
    margin-right: calc(var(--su-10) * -1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:p-0 {
    padding: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:p-unset {
    padding: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:p-05 {
    padding: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:p-1 {
    padding: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:p-2 {
    padding: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:p-3 {
    padding: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:p-4 {
    padding: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:p-5 {
    padding: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:p-6 {
    padding: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:p-7 {
    padding: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:p-8 {
    padding: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:p-9 {
    padding: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:p-10 {
    padding: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:py-unset {
    padding-top: unset;
    padding-bottom: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:py-05 {
    padding-top: var(--su-05);
    padding-bottom: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:py-1 {
    padding-top: var(--su-1);
    padding-bottom: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:py-2 {
    padding-top: var(--su-2);
    padding-bottom: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:py-3 {
    padding-top: var(--su-3);
    padding-bottom: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:py-4 {
    padding-top: var(--su-4);
    padding-bottom: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:py-5 {
    padding-top: var(--su-5);
    padding-bottom: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:py-6 {
    padding-top: var(--su-6);
    padding-bottom: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:py-7 {
    padding-top: var(--su-7);
    padding-bottom: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:py-8 {
    padding-top: var(--su-8);
    padding-bottom: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:py-9 {
    padding-top: var(--su-9);
    padding-bottom: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:py-10 {
    padding-top: var(--su-10);
    padding-bottom: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:px-unset {
    padding-left: unset;
    padding-right: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:px-05 {
    padding-left: var(--su-05);
    padding-right: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:px-1 {
    padding-left: var(--su-1);
    padding-right: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:px-2 {
    padding-left: var(--su-2);
    padding-right: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:px-3 {
    padding-left: var(--su-3);
    padding-right: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:px-4 {
    padding-left: var(--su-4);
    padding-right: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:px-5 {
    padding-left: var(--su-5);
    padding-right: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:px-6 {
    padding-left: var(--su-6);
    padding-right: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:px-7 {
    padding-left: var(--su-7);
    padding-right: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:px-8 {
    padding-left: var(--su-8);
    padding-right: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:px-9 {
    padding-left: var(--su-9);
    padding-right: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:px-10 {
    padding-left: var(--su-10);
    padding-right: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pt-0 {
    padding-top: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pt-unset {
    padding-top: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pt-05 {
    padding-top: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pt-1 {
    padding-top: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pt-2 {
    padding-top: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pt-3 {
    padding-top: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pt-4 {
    padding-top: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pt-5 {
    padding-top: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pt-6 {
    padding-top: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pt-7 {
    padding-top: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pt-8 {
    padding-top: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pt-9 {
    padding-top: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pt-10 {
    padding-top: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pb-0 {
    padding-bottom: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pb-unset {
    padding-bottom: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pb-05 {
    padding-bottom: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pb-1 {
    padding-bottom: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pb-2 {
    padding-bottom: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pb-3 {
    padding-bottom: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pb-4 {
    padding-bottom: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pb-5 {
    padding-bottom: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pb-6 {
    padding-bottom: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pb-7 {
    padding-bottom: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pb-8 {
    padding-bottom: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pb-9 {
    padding-bottom: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pb-10 {
    padding-bottom: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pl-0 {
    padding-left: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pl-unset {
    padding-left: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pl-05 {
    padding-left: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pl-1 {
    padding-left: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pl-2 {
    padding-left: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pl-3 {
    padding-left: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pl-4 {
    padding-left: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pl-5 {
    padding-left: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pl-6 {
    padding-left: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pl-7 {
    padding-left: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pl-8 {
    padding-left: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pl-9 {
    padding-left: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pl-10 {
    padding-left: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pr-0 {
    padding-right: 0;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pr-unset {
    padding-right: unset;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pr-05 {
    padding-right: var(--su-05);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pr-1 {
    padding-right: var(--su-1);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pr-2 {
    padding-right: var(--su-2);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pr-3 {
    padding-right: var(--su-3);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pr-4 {
    padding-right: var(--su-4);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pr-5 {
    padding-right: var(--su-5);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pr-6 {
    padding-right: var(--su-6);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pr-7 {
    padding-right: var(--su-7);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pr-8 {
    padding-right: var(--su-8);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pr-9 {
    padding-right: var(--su-9);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:pr-10 {
    padding-right: var(--su-10);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:fs-2xs {
    font-size: var(--fs-2xs);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:fs-xs {
    font-size: var(--fs-xs);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:fs-s {
    font-size: var(--fs-s);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:fs-base {
    font-size: var(--fs-base);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:fs-l {
    font-size: var(--fs-l);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:fs-xl {
    font-size: var(--fs-xl);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:fs-2xl {
    font-size: var(--fs-2xl);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:fs-3xl {
    font-size: var(--fs-3xl);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:fs-4xl {
    font-size: var(--fs-4xl);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:fs-5xl {
    font-size: var(--fs-5xl);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:fw-normal {
    font-weight: var(--fw-normal);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:fw-medium {
    font-weight: var(--fw-medium);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:fw-bold {
    font-weight: var(--fw-bold);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:fw-heavy {
    font-weight: var(--fw-heavy);
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:align-left {
    text-align: left;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:align-center {
    text-align: center;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:align-right {
    text-align: right;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:hidden {
    display: none;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:block {
    display: block;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:inline {
    display: inline;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:inline-block {
    display: inline-block;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:flex {
    display: flex;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:inline-flex {
    display: inline-flex;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:grid {
    display: grid;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:table {
    display: table;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:static {
    position: static;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:absolute {
    position: absolute;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:fixed {
    position: fixed;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:sticky {
    position: sticky;
  }
  /* line 162, app/assets/stylesheets/config/_import.scss */
  .xl\:relative {
    position: relative;
  }
}

/* line 4, app/assets/stylesheets/badge_details.scss */
.badge_details .badge-image-container {
  display: flex;
  justify-content: center;
  float: left;
  overflow: hidden;
  width: 192px;
  height: 192px;
  object-fit: contain;
  aspect-ratio: 1 / 1;
  background-color: var(--card-secondary-bg);
  border-radius: 8px;
  border: 1px solid var(--body-bg);
}

/* line 17, app/assets/stylesheets/badge_details.scss */
.badge_details .badge-image-container .badge-image {
  margin: 0 auto;
  object-fit: contain;
  width: 70%;
  aspect-ratio: 1 / 1;
}

@media (max-width: 640px) {
  /* line 4, app/assets/stylesheets/badge_details.scss */
  .badge_details .badge-image-container {
    float: none;
    margin: 40px auto 0 auto;
  }
}

/* line 30, app/assets/stylesheets/badge_details.scss */
.badge_details .badge_text_content {
  display: flex;
  flex-direction: column;
  min-height: 192px;
  overflow: hidden;
  padding-left: 40px;
}

@media (max-width: 640px) {
  /* line 30, app/assets/stylesheets/badge_details.scss */
  .badge_details .badge_text_content {
    display: flex;
    flex-direction: column;
    margin-top: 40px;
    padding-left: 0px;
  }
}

/* line 44, app/assets/stylesheets/badge_details.scss */
.badge_details .badge_text_content .title {
  color: var(--cta-color);
  font-size: var(--fs-l);
}

@media (max-width: 640px) {
  /* line 44, app/assets/stylesheets/badge_details.scss */
  .badge_details .badge_text_content .title {
    text-align: center;
    margin: 0 auto;
  }
}

/* line 54, app/assets/stylesheets/badge_details.scss */
.badge_details .badge_text_content .description {
  color: var(--card-color-tertiary);
  margin-bottom: 16px;
  font-size: var(--fs-base);
}

@media (max-width: 640px) {
  /* line 54, app/assets/stylesheets/badge_details.scss */
  .badge_details .badge_text_content .description {
    text-align: center;
  }
}

/* line 64, app/assets/stylesheets/badge_details.scss */
.badge_details .badge_text_content .got-it-btn {
  align-self: flex-start;
  margin-top: auto;
}

@media (max-width: 640px) {
  /* line 64, app/assets/stylesheets/badge_details.scss */
  .badge_details .badge_text_content .got-it-btn {
    align-self: auto;
    margin-bottom: 16px;
  }
}

/* line 75, app/assets/stylesheets/badge_details.scss */
.badge_details .close {
  position: absolute;
  top: 0;
  right: 0;
  margin: 16px;
  cursor: pointer;
}

/* line 82, app/assets/stylesheets/badge_details.scss */
.badge_details .close .close_icon {
  fill: var(--close-icon);
}

/* line 2, app/assets/stylesheets/badges.scss */
.badges-page .description {
  font-weight: var(--fw-normal);
  color: var(--color-secondary);
  margin-top: 0;
  padding-top: 0;
}

/* line 10, app/assets/stylesheets/badges.scss */
.badges-page .sticker-book .badge-container {
  width: auto;
  background-color: var(--white);
  cursor: pointer;
}

/* line 15, app/assets/stylesheets/badges.scss */
.badges-page .sticker-book .badge-container .badge-image-container {
  object-fit: contain;
  width: auto;
  display: flex;
  justify-content: center;
  aspect-ratio: 1 / 1;
  background-color: var(--body-bg);
}

/* line 23, app/assets/stylesheets/badges.scss */
.badges-page .sticker-book .badge-container .badge-image-container .badge-image {
  object-fit: contain;
  width: 70%;
  aspect-ratio: 1 / 1;
}

/* line 30, app/assets/stylesheets/badges.scss */
.badges-page .sticker-book .badge-container .title {
  color: var(--cta-color);
}