/* framework-v1.css | 2026-10-02 */
:root {
  --primary: #09a2f9;
  --secondary: #756ffc;
  --light: #f9fdff;
  --dark: #01151c;
  --muted: #4B5563;
  --info: #7941fb;
  --success: #22c55e;
  --warning: #f59e0b;
  --danger: #ef4444;
  --white: #ffffff;
  --black: #000000;

  /* Primary */
  --primary-l-1: hsl(from var(--primary) h s 10%);
  --primary-l-2: hsl(from var(--primary) h s 20%);
  --primary-l-3: hsl(from var(--primary) h s 30%);
  --primary-l-4: hsl(from var(--primary) h s 40%);
  --primary-l-5: hsl(from var(--primary) h s 50%);
  --primary-l-6: hsl(from var(--primary) h s 60%);
  --primary-l-7: hsl(from var(--primary) h s 70%);
  --primary-l-8: hsl(from var(--primary) h s 80%);
  --primary-l-9: hsl(from var(--primary) h s 90%);

  --primary-d-1: hsl(from var(--primary) h s calc(l * (100 - 10) / 100));
  --primary-d-2: hsl(from var(--primary) h s calc(l * (100 - 20) / 100));
  --primary-d-3: hsl(from var(--primary) h s calc(l * (100 - 30) / 100));
  --primary-d-4: hsl(from var(--primary) h s calc(l * (100 - 40) / 100));
  --primary-d-5: hsl(from var(--primary) h s calc(l * (100 - 50) / 100));
  --primary-d-6: hsl(from var(--primary) h s calc(l * (100 - 60) / 100));
  --primary-d-7: hsl(from var(--primary) h s calc(l * (100 - 70) / 100));
  --primary-d-8: hsl(from var(--primary) h s calc(l * (100 - 80) / 100));
  --primary-d-9: hsl(from var(--primary) h s calc(l * (100 - 90) / 100));

  --primary-t-1: hsl(from var(--primary) h s l / 10%);
  --primary-t-2: hsl(from var(--primary) h s l / 20%);
  --primary-t-3: hsl(from var(--primary) h s l / 30%);
  --primary-t-4: hsl(from var(--primary) h s l / 40%);
  --primary-t-5: hsl(from var(--primary) h s l / 50%);
  --primary-t-6: hsl(from var(--primary) h s l / 60%);
  --primary-t-7: hsl(from var(--primary) h s l / 70%);
  --primary-t-8: hsl(from var(--primary) h s l / 80%);
  --primary-t-9: hsl(from var(--primary) h s l / 90%);

  /* Secondary */
  --secondary-l-1: hsl(from var(--secondary) h s 10%);
  --secondary-l-2: hsl(from var(--secondary) h s 20%);
  --secondary-l-3: hsl(from var(--secondary) h s 30%);
  --secondary-l-4: hsl(from var(--secondary) h s 40%);
  --secondary-l-5: hsl(from var(--secondary) h s 50%);
  --secondary-l-6: hsl(from var(--secondary) h s 60%);
  --secondary-l-7: hsl(from var(--secondary) h s 70%);
  --secondary-l-8: hsl(from var(--secondary) h s 80%);
  --secondary-l-9: hsl(from var(--secondary) h s 90%);

  --secondary-d-1: hsl(from var(--secondary) h s calc(l * (100 - 10) / 100));
  --secondary-d-2: hsl(from var(--secondary) h s calc(l * (100 - 20) / 100));
  --secondary-d-3: hsl(from var(--secondary) h s calc(l * (100 - 30) / 100));
  --secondary-d-4: hsl(from var(--secondary) h s calc(l * (100 - 40) / 100));
  --secondary-d-5: hsl(from var(--secondary) h s calc(l * (100 - 50) / 100));
  --secondary-d-6: hsl(from var(--secondary) h s calc(l * (100 - 60) / 100));
  --secondary-d-7: hsl(from var(--secondary) h s calc(l * (100 - 70) / 100));
  --secondary-d-8: hsl(from var(--secondary) h s calc(l * (100 - 80) / 100));
  --secondary-d-9: hsl(from var(--secondary) h s calc(l * (100 - 90) / 100));

  --secondary-t-1: hsl(from var(--secondary) h s l / 10%);
  --secondary-t-2: hsl(from var(--secondary) h s l / 20%);
  --secondary-t-3: hsl(from var(--secondary) h s l / 30%);
  --secondary-t-4: hsl(from var(--secondary) h s l / 40%);
  --secondary-t-5: hsl(from var(--secondary) h s l / 50%);
  --secondary-t-6: hsl(from var(--secondary) h s l / 60%);
  --secondary-t-7: hsl(from var(--secondary) h s l / 70%);
  --secondary-t-8: hsl(from var(--secondary) h s l / 80%);
  --secondary-t-9: hsl(from var(--secondary) h s l / 90%);

  /* Light */
  --light-l-1: hsl(from var(--light) h s 10%);
  --light-l-2: hsl(from var(--light) h s 20%);
  --light-l-3: hsl(from var(--light) h s 30%);
  --light-l-4: hsl(from var(--light) h s 40%);
  --light-l-5: hsl(from var(--light) h s 50%);
  --light-l-6: hsl(from var(--light) h s 60%);
  --light-l-7: hsl(from var(--light) h s 70%);
  --light-l-8: hsl(from var(--light) h s 80%);
  --light-l-9: hsl(from var(--light) h s 90%);

  --light-d-1: hsl(from var(--light) h s calc(l * (100 - 10) / 100));
  --light-d-2: hsl(from var(--light) h s calc(l * (100 - 20) / 100));
  --light-d-3: hsl(from var(--light) h s calc(l * (100 - 30) / 100));
  --light-d-4: hsl(from var(--light) h s calc(l * (100 - 40) / 100));
  --light-d-5: hsl(from var(--light) h s calc(l * (100 - 50) / 100));
  --light-d-6: hsl(from var(--light) h s calc(l * (100 - 60) / 100));
  --light-d-7: hsl(from var(--light) h s calc(l * (100 - 70) / 100));
  --light-d-8: hsl(from var(--light) h s calc(l * (100 - 80) / 100));
  --light-d-9: hsl(from var(--light) h s calc(l * (100 - 90) / 100));

  --light-t-1: hsl(from var(--light) h s l / 10%);
  --light-t-2: hsl(from var(--light) h s l / 20%);
  --light-t-3: hsl(from var(--light) h s l / 30%);
  --light-t-4: hsl(from var(--light) h s l / 40%);
  --light-t-5: hsl(from var(--light) h s l / 50%);
  --light-t-6: hsl(from var(--light) h s l / 60%);
  --light-t-7: hsl(from var(--light) h s l / 70%);
  --light-t-8: hsl(from var(--light) h s l / 80%);
  --light-t-9: hsl(from var(--light) h s l / 90%);

  /* Dark */
  --dark-l-1: hsl(from var(--dark) h s 10%);
  --dark-l-2: hsl(from var(--dark) h s 20%);
  --dark-l-3: hsl(from var(--dark) h s 30%);
  --dark-l-4: hsl(from var(--dark) h s 40%);
  --dark-l-5: hsl(from var(--dark) h s 50%);
  --dark-l-6: hsl(from var(--dark) h s 60%);
  --dark-l-7: hsl(from var(--dark) h s 70%);
  --dark-l-8: hsl(from var(--dark) h s 80%);
  --dark-l-9: hsl(from var(--dark) h s 90%);

  --dark-d-1: hsl(from var(--dark) h s calc(l * (100 - 10) / 100));
  --dark-d-2: hsl(from var(--dark) h s calc(l * (100 - 20) / 100));
  --dark-d-3: hsl(from var(--dark) h s calc(l * (100 - 30) / 100));
  --dark-d-4: hsl(from var(--dark) h s calc(l * (100 - 40) / 100));
  --dark-d-5: hsl(from var(--dark) h s calc(l * (100 - 50) / 100));
  --dark-d-6: hsl(from var(--dark) h s calc(l * (100 - 60) / 100));
  --dark-d-7: hsl(from var(--dark) h s calc(l * (100 - 70) / 100));
  --dark-d-8: hsl(from var(--dark) h s calc(l * (100 - 80) / 100));
  --dark-d-9: hsl(from var(--dark) h s calc(l * (100 - 90) / 100));

  --dark-t-1: hsl(from var(--dark) h s l / 10%);
  --dark-t-2: hsl(from var(--dark) h s l / 20%);
  --dark-t-3: hsl(from var(--dark) h s l / 30%);
  --dark-t-4: hsl(from var(--dark) h s l / 40%);
  --dark-t-5: hsl(from var(--dark) h s l / 50%);
  --dark-t-6: hsl(from var(--dark) h s l / 60%);
  --dark-t-7: hsl(from var(--dark) h s l / 70%);
  --dark-t-8: hsl(from var(--dark) h s l / 80%);
  --dark-t-9: hsl(from var(--dark) h s l / 90%);

  /* Muted */
  --muted-l-1: hsl(from var(--muted) h s 10%);
  --muted-l-2: hsl(from var(--muted) h s 20%);
  --muted-l-3: hsl(from var(--muted) h s 30%);
  --muted-l-4: hsl(from var(--muted) h s 40%);
  --muted-l-5: hsl(from var(--muted) h s 50%);
  --muted-l-6: hsl(from var(--muted) h s 60%);
  --muted-l-7: hsl(from var(--muted) h s 70%);
  --muted-l-8: hsl(from var(--muted) h s 80%);
  --muted-l-9: hsl(from var(--muted) h s 90%);

  --muted-d-1: hsl(from var(--muted) h s calc(l * (100 - 10) / 100));
  --muted-d-2: hsl(from var(--muted) h s calc(l * (100 - 20) / 100));
  --muted-d-3: hsl(from var(--muted) h s calc(l * (100 - 30) / 100));
  --muted-d-4: hsl(from var(--muted) h s calc(l * (100 - 40) / 100));
  --muted-d-5: hsl(from var(--muted) h s calc(l * (100 - 50) / 100));
  --muted-d-6: hsl(from var(--muted) h s calc(l * (100 - 60) / 100));
  --muted-d-7: hsl(from var(--muted) h s calc(l * (100 - 70) / 100));
  --muted-d-8: hsl(from var(--muted) h s calc(l * (100 - 80) / 100));
  --muted-d-9: hsl(from var(--muted) h s calc(l * (100 - 90) / 100));

  --muted-t-1: hsl(from var(--muted) h s l / 10%);
  --muted-t-2: hsl(from var(--muted) h s l / 20%);
  --muted-t-3: hsl(from var(--muted) h s l / 30%);
  --muted-t-4: hsl(from var(--muted) h s l / 40%);
  --muted-t-5: hsl(from var(--muted) h s l / 50%);
  --muted-t-6: hsl(from var(--muted) h s l / 60%);
  --muted-t-7: hsl(from var(--muted) h s l / 70%);
  --muted-t-8: hsl(from var(--muted) h s l / 80%);
  --muted-t-9: hsl(from var(--muted) h s l / 90%);

  /* Info */
  --info-l-1: hsl(from var(--info) h s 10%);
  --info-l-2: hsl(from var(--info) h s 20%);
  --info-l-3: hsl(from var(--info) h s 30%);
  --info-l-4: hsl(from var(--info) h s 40%);
  --info-l-5: hsl(from var(--info) h s 50%);
  --info-l-6: hsl(from var(--info) h s 60%);
  --info-l-7: hsl(from var(--info) h s 70%);
  --info-l-8: hsl(from var(--info) h s 80%);
  --info-l-9: hsl(from var(--info) h s 90%);

  --info-d-1: hsl(from var(--info) h s calc(l * (100 - 10) / 100));
  --info-d-2: hsl(from var(--info) h s calc(l * (100 - 20) / 100));
  --info-d-3: hsl(from var(--info) h s calc(l * (100 - 30) / 100));
  --info-d-4: hsl(from var(--info) h s calc(l * (100 - 40) / 100));
  --info-d-5: hsl(from var(--info) h s calc(l * (100 - 50) / 100));
  --info-d-6: hsl(from var(--info) h s calc(l * (100 - 60) / 100));
  --info-d-7: hsl(from var(--info) h s calc(l * (100 - 70) / 100));
  --info-d-8: hsl(from var(--info) h s calc(l * (100 - 80) / 100));
  --info-d-9: hsl(from var(--info) h s calc(l * (100 - 90) / 100));

  --info-t-1: hsl(from var(--info) h s l / 10%);
  --info-t-2: hsl(from var(--info) h s l / 20%);
  --info-t-3: hsl(from var(--info) h s l / 30%);
  --info-t-4: hsl(from var(--info) h s l / 40%);
  --info-t-5: hsl(from var(--info) h s l / 50%);
  --info-t-6: hsl(from var(--info) h s l / 60%);
  --info-t-7: hsl(from var(--info) h s l / 70%);
  --info-t-8: hsl(from var(--info) h s l / 80%);
  --info-t-9: hsl(from var(--info) h s l / 90%);

  /* Success */
  --success-l-1: hsl(from var(--success) h s 10%);
  --success-l-2: hsl(from var(--success) h s 20%);
  --success-l-3: hsl(from var(--success) h s 30%);
  --success-l-4: hsl(from var(--success) h s 40%);
  --success-l-5: hsl(from var(--success) h s 50%);
  --success-l-6: hsl(from var(--success) h s 60%);
  --success-l-7: hsl(from var(--success) h s 70%);
  --success-l-8: hsl(from var(--success) h s 80%);
  --success-l-9: hsl(from var(--success) h s 90%);

  --success-d-1: hsl(from var(--success) h s calc(l * (100 - 10) / 100));
  --success-d-2: hsl(from var(--success) h s calc(l * (100 - 20) / 100));
  --success-d-3: hsl(from var(--success) h s calc(l * (100 - 30) / 100));
  --success-d-4: hsl(from var(--success) h s calc(l * (100 - 40) / 100));
  --success-d-5: hsl(from var(--success) h s calc(l * (100 - 50) / 100));
  --success-d-6: hsl(from var(--success) h s calc(l * (100 - 60) / 100));
  --success-d-7: hsl(from var(--success) h s calc(l * (100 - 70) / 100));
  --success-d-8: hsl(from var(--success) h s calc(l * (100 - 80) / 100));
  --success-d-9: hsl(from var(--success) h s calc(l * (100 - 90) / 100));

  --success-t-1: hsl(from var(--success) h s l / 10%);
  --success-t-2: hsl(from var(--success) h s l / 20%);
  --success-t-3: hsl(from var(--success) h s l / 30%);
  --success-t-4: hsl(from var(--success) h s l / 40%);
  --success-t-5: hsl(from var(--success) h s l / 50%);
  --success-t-6: hsl(from var(--success) h s l / 60%);
  --success-t-7: hsl(from var(--success) h s l / 70%);
  --success-t-8: hsl(from var(--success) h s l / 80%);
  --success-t-9: hsl(from var(--success) h s l / 90%);

  /* Warning */
  --warning-l-1: hsl(from var(--warning) h s 10%);
  --warning-l-2: hsl(from var(--warning) h s 20%);
  --warning-l-3: hsl(from var(--warning) h s 30%);
  --warning-l-4: hsl(from var(--warning) h s 40%);
  --warning-l-5: hsl(from var(--warning) h s 50%);
  --warning-l-6: hsl(from var(--warning) h s 60%);
  --warning-l-7: hsl(from var(--warning) h s 70%);
  --warning-l-8: hsl(from var(--warning) h s 80%);
  --warning-l-9: hsl(from var(--warning) h s 90%);

  --warning-d-1: hsl(from var(--warning) h s calc(l * (100 - 10) / 100));
  --warning-d-2: hsl(from var(--warning) h s calc(l * (100 - 20) / 100));
  --warning-d-3: hsl(from var(--warning) h s calc(l * (100 - 30) / 100));
  --warning-d-4: hsl(from var(--warning) h s calc(l * (100 - 40) / 100));
  --warning-d-5: hsl(from var(--warning) h s calc(l * (100 - 50) / 100));
  --warning-d-6: hsl(from var(--warning) h s calc(l * (100 - 60) / 100));
  --warning-d-7: hsl(from var(--warning) h s calc(l * (100 - 70) / 100));
  --warning-d-8: hsl(from var(--warning) h s calc(l * (100 - 80) / 100));
  --warning-d-9: hsl(from var(--warning) h s calc(l * (100 - 90) / 100));

  --warning-t-1: hsl(from var(--warning) h s l / 10%);
  --warning-t-2: hsl(from var(--warning) h s l / 20%);
  --warning-t-3: hsl(from var(--warning) h s l / 30%);
  --warning-t-4: hsl(from var(--warning) h s l / 40%);
  --warning-t-5: hsl(from var(--warning) h s l / 50%);
  --warning-t-6: hsl(from var(--warning) h s l / 60%);
  --warning-t-7: hsl(from var(--warning) h s l / 70%);
  --warning-t-8: hsl(from var(--warning) h s l / 80%);
  --warning-t-9: hsl(from var(--warning) h s l / 90%);

  /* Danger */
  --danger-l-1: hsl(from var(--danger) h s 10%);
  --danger-l-2: hsl(from var(--danger) h s 20%);
  --danger-l-3: hsl(from var(--danger) h s 30%);
  --danger-l-4: hsl(from var(--danger) h s 40%);
  --danger-l-5: hsl(from var(--danger) h s 50%);
  --danger-l-6: hsl(from var(--danger) h s 60%);
  --danger-l-7: hsl(from var(--danger) h s 70%);
  --danger-l-8: hsl(from var(--danger) h s 80%);
  --danger-l-9: hsl(from var(--danger) h s 90%);

  --danger-d-1: hsl(from var(--danger) h s calc(l * (100 - 10) / 100));
  --danger-d-2: hsl(from var(--danger) h s calc(l * (100 - 20) / 100));
  --danger-d-3: hsl(from var(--danger) h s calc(l * (100 - 30) / 100));
  --danger-d-4: hsl(from var(--danger) h s calc(l * (100 - 40) / 100));
  --danger-d-5: hsl(from var(--danger) h s calc(l * (100 - 50) / 100));
  --danger-d-6: hsl(from var(--danger) h s calc(l * (100 - 60) / 100));
  --danger-d-7: hsl(from var(--danger) h s calc(l * (100 - 70) / 100));
  --danger-d-8: hsl(from var(--danger) h s calc(l * (100 - 80) / 100));
  --danger-d-9: hsl(from var(--danger) h s calc(l * (100 - 90) / 100));

  --danger-t-1: hsl(from var(--danger) h s l / 10%);
  --danger-t-2: hsl(from var(--danger) h s l / 20%);
  --danger-t-3: hsl(from var(--danger) h s l / 30%);
  --danger-t-4: hsl(from var(--danger) h s l / 40%);
  --danger-t-5: hsl(from var(--danger) h s l / 50%);
  --danger-t-6: hsl(from var(--danger) h s l / 60%);
  --danger-t-7: hsl(from var(--danger) h s l / 70%);
  --danger-t-8: hsl(from var(--danger) h s l / 80%);
  --danger-t-9: hsl(from var(--danger) h s l / 90%);

  /* White */
  --white-l-1: hsl(from var(--white) h s 10%);
  --white-l-2: hsl(from var(--white) h s 20%);
  --white-l-3: hsl(from var(--white) h s 30%);
  --white-l-4: hsl(from var(--white) h s 40%);
  --white-l-5: hsl(from var(--white) h s 50%);
  --white-l-6: hsl(from var(--white) h s 60%);
  --white-l-7: hsl(from var(--white) h s 70%);
  --white-l-8: hsl(from var(--white) h s 80%);
  --white-l-9: hsl(from var(--white) h s 90%);

  --white-d-1: hsl(from var(--white) h s calc(l * (100 - 10) / 100));
  --white-d-2: hsl(from var(--white) h s calc(l * (100 - 20) / 100));
  --white-d-3: hsl(from var(--white) h s calc(l * (100 - 30) / 100));
  --white-d-4: hsl(from var(--white) h s calc(l * (100 - 40) / 100));
  --white-d-5: hsl(from var(--white) h s calc(l * (100 - 50) / 100));
  --white-d-6: hsl(from var(--white) h s calc(l * (100 - 60) / 100));
  --white-d-7: hsl(from var(--white) h s calc(l * (100 - 70) / 100));
  --white-d-8: hsl(from var(--white) h s calc(l * (100 - 80) / 100));
  --white-d-9: hsl(from var(--white) h s calc(l * (100 - 90) / 100));

  --white-t-1: hsl(from var(--white) h s l / 10%);
  --white-t-2: hsl(from var(--white) h s l / 20%);
  --white-t-3: hsl(from var(--white) h s l / 30%);
  --white-t-4: hsl(from var(--white) h s l / 40%);
  --white-t-5: hsl(from var(--white) h s l / 50%);
  --white-t-6: hsl(from var(--white) h s l / 60%);
  --white-t-7: hsl(from var(--white) h s l / 70%);
  --white-t-8: hsl(from var(--white) h s l / 80%);
  --white-t-9: hsl(from var(--white) h s l / 90%);

  /* Black */
  --black-l-1: hsl(from var(--black) h s 10%);
  --black-l-2: hsl(from var(--black) h s 20%);
  --black-l-3: hsl(from var(--black) h s 30%);
  --black-l-4: hsl(from var(--black) h s 40%);
  --black-l-5: hsl(from var(--black) h s 50%);
  --black-l-6: hsl(from var(--black) h s 60%);
  --black-l-7: hsl(from var(--black) h s 70%);
  --black-l-8: hsl(from var(--black) h s 80%);
  --black-l-9: hsl(from var(--black) h s 90%);

  --black-d-1: hsl(from var(--black) h s calc(l * (100 - 10) / 100));
  --black-d-2: hsl(from var(--black) h s calc(l * (100 - 20) / 100));
  --black-d-3: hsl(from var(--black) h s calc(l * (100 - 30) / 100));
  --black-d-4: hsl(from var(--black) h s calc(l * (100 - 40) / 100));
  --black-d-5: hsl(from var(--black) h s calc(l * (100 - 50) / 100));
  --black-d-6: hsl(from var(--black) h s calc(l * (100 - 60) / 100));
  --black-d-7: hsl(from var(--black) h s calc(l * (100 - 70) / 100));
  --black-d-8: hsl(from var(--black) h s calc(l * (100 - 80) / 100));
  --black-d-9: hsl(from var(--black) h s calc(l * (100 - 90) / 100));

  --black-t-1: hsl(from var(--black) h s l / 10%);
  --black-t-2: hsl(from var(--black) h s l / 20%);
  --black-t-3: hsl(from var(--black) h s l / 30%);
  --black-t-4: hsl(from var(--black) h s l / 40%);
  --black-t-5: hsl(from var(--black) h s l / 50%);
  --black-t-6: hsl(from var(--black) h s l / 60%);
  --black-t-7: hsl(from var(--black) h s l / 70%);
  --black-t-8: hsl(from var(--black) h s l / 80%);
  --black-t-9: hsl(from var(--black) h s l / 90%);

  /* Spacing variables */
  --space-0: 0;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-7: 1.75rem;
  --space-8: 2rem;
  --space-9: 2.25rem;
  --space-10: 2.5rem;
  --space-11: 2.75rem;
  --space-12: 3rem;
  --space-14: 3.5rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-28: 7rem;
  --space-32: 8rem;
  --space-36: 9rem;
  --space-40: 10rem;
  --space-44: 11rem;
  --space-48: 12rem;
  --space-52: 13rem;
  --space-56: 14rem;
  --space-60: 15rem;
  --space-64: 16rem;
  --space-72: 18rem;
  --space-80: 20rem;
  --space-96: 24rem;

  /* Text size variables */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;
  --text-5xl: 3rem;
  --text-6xl: 3.75rem;
  --text-7xl: 4.5rem;
  --text-8xl: 6rem;
  --text-9xl: 8rem;

  /* Numeric text size variables (for Bricks compatibility) */
  --text-10: 0.625rem;
  --text-12: 0.75rem;
  --text-14: 0.875rem;
  --text-16: 1rem;
  --text-18: 1.125rem;
  --text-20: 1.25rem;
  --text-24: 1.5rem;
  --text-28: 1.75rem;
  --text-32: 2rem;
  --text-36: 2.25rem;
  --text-40: 2.5rem;
  --text-48: 3rem;
  --text-56: 3.5rem;
  --text-64: 4rem;
  --text-72: 4.5rem;
  --text-80: 5rem;
  --text-96: 6rem;

  /* Line height variables */
  --leading-none: 1;
  --leading-tight: 1.25;
  --leading-snug: 1.375;
  --leading-normal: 1.5;
  --leading-relaxed: 1.625;
  --leading-loose: 2;

  /* Font weight variables */
  --font-thin: 100;
  --font-extralight: 200;
  --font-light: 300;
  --font-normal: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;
  --font-extrabold: 800;
  --font-black: 900;
}

:root[data-brx-theme="dark"] {
  --primary: #024064;
  --secondary: #090390;
  --light: #000406;
  --dark: #e3f7fe;

  /* Primary */
  --primary-l-1: hsl(from var(--primary) h s 10%);
  --primary-l-2: hsl(from var(--primary) h s 20%);
  --primary-l-3: hsl(from var(--primary) h s 30%);
  --primary-l-4: hsl(from var(--primary) h s 40%);
  --primary-l-5: hsl(from var(--primary) h s 50%);
  --primary-l-6: hsl(from var(--primary) h s 60%);
  --primary-l-7: hsl(from var(--primary) h s 70%);
  --primary-l-8: hsl(from var(--primary) h s 80%);
  --primary-l-9: hsl(from var(--primary) h s 90%);

  --primary-d-1: hsl(from var(--primary) h s calc(l * (100 - 10) / 100));
  --primary-d-2: hsl(from var(--primary) h s calc(l * (100 - 20) / 100));
  --primary-d-3: hsl(from var(--primary) h s calc(l * (100 - 30) / 100));
  --primary-d-4: hsl(from var(--primary) h s calc(l * (100 - 40) / 100));
  --primary-d-5: hsl(from var(--primary) h s calc(l * (100 - 50) / 100));
  --primary-d-6: hsl(from var(--primary) h s calc(l * (100 - 60) / 100));
  --primary-d-7: hsl(from var(--primary) h s calc(l * (100 - 70) / 100));
  --primary-d-8: hsl(from var(--primary) h s calc(l * (100 - 80) / 100));
  --primary-d-9: hsl(from var(--primary) h s calc(l * (100 - 90) / 100));

  --primary-t-1: hsl(from var(--primary) h s l / 10%);
  --primary-t-2: hsl(from var(--primary) h s l / 20%);
  --primary-t-3: hsl(from var(--primary) h s l / 30%);
  --primary-t-4: hsl(from var(--primary) h s l / 40%);
  --primary-t-5: hsl(from var(--primary) h s l / 50%);
  --primary-t-6: hsl(from var(--primary) h s l / 60%);
  --primary-t-7: hsl(from var(--primary) h s l / 70%);
  --primary-t-8: hsl(from var(--primary) h s l / 80%);
  --primary-t-9: hsl(from var(--primary) h s l / 90%);

  /* Secondary */
  --secondary-l-1: hsl(from var(--secondary) h s 10%);
  --secondary-l-2: hsl(from var(--secondary) h s 20%);
  --secondary-l-3: hsl(from var(--secondary) h s 30%);
  --secondary-l-4: hsl(from var(--secondary) h s 40%);
  --secondary-l-5: hsl(from var(--secondary) h s 50%);
  --secondary-l-6: hsl(from var(--secondary) h s 60%);
  --secondary-l-7: hsl(from var(--secondary) h s 70%);
  --secondary-l-8: hsl(from var(--secondary) h s 80%);
  --secondary-l-9: hsl(from var(--secondary) h s 90%);

  --secondary-d-1: hsl(from var(--secondary) h s calc(l * (100 - 10) / 100));
  --secondary-d-2: hsl(from var(--secondary) h s calc(l * (100 - 20) / 100));
  --secondary-d-3: hsl(from var(--secondary) h s calc(l * (100 - 30) / 100));
  --secondary-d-4: hsl(from var(--secondary) h s calc(l * (100 - 40) / 100));
  --secondary-d-5: hsl(from var(--secondary) h s calc(l * (100 - 50) / 100));
  --secondary-d-6: hsl(from var(--secondary) h s calc(l * (100 - 60) / 100));
  --secondary-d-7: hsl(from var(--secondary) h s calc(l * (100 - 70) / 100));
  --secondary-d-8: hsl(from var(--secondary) h s calc(l * (100 - 80) / 100));
  --secondary-d-9: hsl(from var(--secondary) h s calc(l * (100 - 90) / 100));

  --secondary-t-1: hsl(from var(--secondary) h s l / 10%);
  --secondary-t-2: hsl(from var(--secondary) h s l / 20%);
  --secondary-t-3: hsl(from var(--secondary) h s l / 30%);
  --secondary-t-4: hsl(from var(--secondary) h s l / 40%);
  --secondary-t-5: hsl(from var(--secondary) h s l / 50%);
  --secondary-t-6: hsl(from var(--secondary) h s l / 60%);
  --secondary-t-7: hsl(from var(--secondary) h s l / 70%);
  --secondary-t-8: hsl(from var(--secondary) h s l / 80%);
  --secondary-t-9: hsl(from var(--secondary) h s l / 90%);

  /* Light */
  --light-l-1: hsl(from var(--light) h s 10%);
  --light-l-2: hsl(from var(--light) h s 20%);
  --light-l-3: hsl(from var(--light) h s 30%);
  --light-l-4: hsl(from var(--light) h s 40%);
  --light-l-5: hsl(from var(--light) h s 50%);
  --light-l-6: hsl(from var(--light) h s 60%);
  --light-l-7: hsl(from var(--light) h s 70%);
  --light-l-8: hsl(from var(--light) h s 80%);
  --light-l-9: hsl(from var(--light) h s 90%);

  --light-d-1: hsl(from var(--light) h s calc(l * (100 - 10) / 100));
  --light-d-2: hsl(from var(--light) h s calc(l * (100 - 20) / 100));
  --light-d-3: hsl(from var(--light) h s calc(l * (100 - 30) / 100));
  --light-d-4: hsl(from var(--light) h s calc(l * (100 - 40) / 100));
  --light-d-5: hsl(from var(--light) h s calc(l * (100 - 50) / 100));
  --light-d-6: hsl(from var(--light) h s calc(l * (100 - 60) / 100));
  --light-d-7: hsl(from var(--light) h s calc(l * (100 - 70) / 100));
  --light-d-8: hsl(from var(--light) h s calc(l * (100 - 80) / 100));
  --light-d-9: hsl(from var(--light) h s calc(l * (100 - 90) / 100));

  --light-t-1: hsl(from var(--light) h s l / 10%);
  --light-t-2: hsl(from var(--light) h s l / 20%);
  --light-t-3: hsl(from var(--light) h s l / 30%);
  --light-t-4: hsl(from var(--light) h s l / 40%);
  --light-t-5: hsl(from var(--light) h s l / 50%);
  --light-t-6: hsl(from var(--light) h s l / 60%);
  --light-t-7: hsl(from var(--light) h s l / 70%);
  --light-t-8: hsl(from var(--light) h s l / 80%);
  --light-t-9: hsl(from var(--light) h s l / 90%);

  /* Dark */
  --dark-l-1: hsl(from var(--dark) h s 10%);
  --dark-l-2: hsl(from var(--dark) h s 20%);
  --dark-l-3: hsl(from var(--dark) h s 30%);
  --dark-l-4: hsl(from var(--dark) h s 40%);
  --dark-l-5: hsl(from var(--dark) h s 50%);
  --dark-l-6: hsl(from var(--dark) h s 60%);
  --dark-l-7: hsl(from var(--dark) h s 70%);
  --dark-l-8: hsl(from var(--dark) h s 80%);
  --dark-l-9: hsl(from var(--dark) h s 90%);

  --dark-d-1: hsl(from var(--dark) h s calc(l * (100 - 10) / 100));
  --dark-d-2: hsl(from var(--dark) h s calc(l * (100 - 20) / 100));
  --dark-d-3: hsl(from var(--dark) h s calc(l * (100 - 30) / 100));
  --dark-d-4: hsl(from var(--dark) h s calc(l * (100 - 40) / 100));
  --dark-d-5: hsl(from var(--dark) h s calc(l * (100 - 50) / 100));
  --dark-d-6: hsl(from var(--dark) h s calc(l * (100 - 60) / 100));
  --dark-d-7: hsl(from var(--dark) h s calc(l * (100 - 70) / 100));
  --dark-d-8: hsl(from var(--dark) h s calc(l * (100 - 80) / 100));
  --dark-d-9: hsl(from var(--dark) h s calc(l * (100 - 90) / 100));

  --dark-t-1: hsl(from var(--dark) h s l / 10%);
  --dark-t-2: hsl(from var(--dark) h s l / 20%);
  --dark-t-3: hsl(from var(--dark) h s l / 30%);
  --dark-t-4: hsl(from var(--dark) h s l / 40%);
  --dark-t-5: hsl(from var(--dark) h s l / 50%);
  --dark-t-6: hsl(from var(--dark) h s l / 60%);
  --dark-t-7: hsl(from var(--dark) h s l / 70%);
  --dark-t-8: hsl(from var(--dark) h s l / 80%);
  --dark-t-9: hsl(from var(--dark) h s l / 90%);
}

:root {
  --space-0: var(--scale-0);
  --space-2: var(--scale-2);
  --space-4: var(--scale-4);
  --space-6: var(--scale-6);
  --space-8: var(--scale-8);
  --space-10: var(--scale-10);
  --space-12: var(--scale-12);
  --space-14: var(--scale-14);
  --space-16: var(--scale-16);
  --space-18: var(--scale-18);
  --space-20: var(--scale-20);
  --space-24: var(--scale-24);
  --space-28: var(--scale-28);
  --space-32: var(--scale-32);
  --space-36: var(--scale-36);
  --space-40: var(--scale-40);
  --space-44: var(--scale-44);
  --space-48: var(--scale-48);
  --space-56: var(--scale-56);
  --space-64: var(--scale-64);
  --space-72: var(--scale-72);
  --space-80: var(--scale-80);
  --space-96: var(--scale-96);
  --space-112: var(--scale-112);
  --space-128: var(--scale-128);
  --section-space-0: var(--scale-0);
  --section-space-32: var(--scale-32);
  --section-space-48: var(--scale-48);
  --section-space-64: var(--scale-64);
  --section-space-80: var(--scale-80);
  --section-space-96: var(--scale-96);
  --section-space-128: var(--scale-128);
  --section-space-160: var(--scale-160);
  --width-2: var(--scale-2);
  --width-4: var(--scale-4);
  --width-6: var(--scale-6);
  --width-8: var(--scale-8);
  --width-10: var(--scale-10);
  --width-12: var(--scale-12);
  --width-14: var(--scale-14);
  --width-16: var(--scale-16);
  --width-18: var(--scale-18);
  --width-20: var(--scale-20);
  --width-24: var(--scale-24);
  --width-28: var(--scale-28);
  --width-32: var(--scale-32);
  --width-36: var(--scale-36);
  --width-40: var(--scale-40);
  --width-44: var(--scale-44);
  --width-48: var(--scale-48);
  --width-56: var(--scale-56);
  --width-64: var(--scale-64);
  --width-72: var(--scale-72);
  --width-80: var(--scale-80);
  --width-96: var(--scale-96);
  --width-112: var(--scale-112);
  --width-128: var(--scale-128);
  --width-144: var(--scale-144);
  --width-160: var(--scale-160);
  --width-176: var(--scale-176);
  --width-192: var(--scale-192);
  --width-208: var(--scale-208);
  --width-224: var(--scale-224);
  --width-240: var(--scale-240);
  --width-256: var(--scale-256);
  --width-288: var(--scale-288);
  --width-320: var(--scale-320);
  --width-384: var(--scale-384);
  --width-448: var(--scale-448);
  --width-512: var(--scale-512);
  --width-640: var(--scale-640);
  --width-768: var(--scale-768);
  --width-896: var(--scale-896);
  --width-1024: var(--scale-1024);
  --width-1280: var(--scale-1280);
  --width-1440: var(--scale-1440);
  --width-1600: var(--scale-1600);
  --width-1920: var(--scale-1920);
  --width-2560: var(--scale-2560);
  --height-2: var(--scale-2);
  --height-4: var(--scale-4);
  --height-6: var(--scale-6);
  --height-8: var(--scale-8);
  --height-10: var(--scale-10);
  --height-12: var(--scale-12);
  --height-14: var(--scale-14);
  --height-16: var(--scale-16);
  --height-18: var(--scale-18);
  --height-20: var(--scale-20);
  --height-24: var(--scale-24);
  --height-28: var(--scale-28);
  --height-32: var(--scale-32);
  --height-36: var(--scale-36);
  --height-40: var(--scale-40);
  --height-44: var(--scale-44);
  --height-48: var(--scale-48);
  --height-56: var(--scale-56);
  --height-64: var(--scale-64);
  --height-72: var(--scale-72);
  --height-80: var(--scale-80);
  --height-96: var(--scale-96);
  --height-112: var(--scale-112);
  --height-128: var(--scale-128);
  --height-144: var(--scale-144);
  --height-160: var(--scale-160);
  --height-176: var(--scale-176);
  --height-192: var(--scale-192);
  --height-208: var(--scale-208);
  --height-224: var(--scale-224);
  --height-240: var(--scale-240);
  --height-256: var(--scale-256);
  --height-288: var(--scale-288);
  --height-320: var(--scale-320);
  --height-384: var(--scale-384);
  --height-448: var(--scale-448);
  --height-512: var(--scale-512);
  --height-640: var(--scale-640);
  --height-768: var(--scale-768);
  --height-896: var(--scale-896);
  --height-1024: var(--scale-1024);
  --height-1280: var(--scale-1280);
  --height-1440: var(--scale-1440);
  --height-1600: var(--scale-1600);
  --height-1920: var(--scale-1920);
  --height-2560: var(--scale-2560);
  --paragraph-spacing: var(--space-24);
  --heading-spacing: var(--space-32);
  --list-spacing: calc(var(--paragraph-spacing) * 1.25);
  --list-indent-spacing: var(--paragraph-spacing);
  --flow-spacing: var(--paragraph-spacing);
  --figure-spacing: var(--paragraph-spacing);
  --figcaption-spacing: var(--space-10);
  --blockquote-spacing: var(--paragraph-spacing);
  --h1: var(--scale-64);
  --h2: var(--scale-56);
  --h3: var(--scale-48);
  --h4: var(--scale-40);
  --h5: var(--scale-32);
  --h6: var(--scale-24);
  --text-28: var(--scale-28);
  --text-24: var(--scale-24);
  --text-20: var(--scale-20);
  --text-18: var(--scale-18);
  --text-16: var(--scale-16);
  --text-14: var(--scale-14);
  --text-12: var(--scale-12);
  --text-10: var(--scale-10);
  --radius: var(--scale-10);
  --radius-0: var(--scale-0);
  --radius-2: var(--scale-2);
  --radius-4: var(--scale-4);
  --radius-6: var(--scale-6);
  --radius-8: var(--scale-8);
  --radius-10: var(--scale-10);
  --radius-12: var(--scale-12);
  --radius-14: var(--scale-14);
  --radius-16: var(--scale-16);
  --radius-18: var(--scale-18);
  --radius-20: var(--scale-20);
  --radius-24: var(--scale-24);
  --radius-28: var(--scale-28);
  --radius-32: var(--scale-32);
  --radius-full: 9999px;
  --border-width: 1px;
  --border-type: solid;
  --border: var(--black-t-1);
  --border-color: var(--border);
  --border--standard: var(--border-width) var(--border-type) var(--border-color);
  --shadow-m: var(--shadow-3);
  --shadow-1: 0 1px 2px var(--black-t-1);
  --shadow-2: 0 1px 3px var(--black-t-1), 0 1px 2px var(--black-t-1);
  --shadow-3: 0 4px 6px -1px var(--black-t-1), 0 2px 4px -1px var(--black-t-1);
  --shadow-4: 0 10px 15px -3px var(--black-t-1), 0 4px 6px -2px var(--black-t-1);
  --shadow-5: 0 20px 25px -5px var(--black-t-1), 0 10px 10px -5px var(--black-t-1);
  --split-col: 50%;
  --grid-gap: var(--space-24);
  --grid-auto-min-width: 320px;
  --grid-auto-aggressiveness: 0.7;
  --grid-1: minmax(0, 1fr);
  --grid-2: repeat(2, minmax(0, 1fr));
  --grid-3: repeat(3, minmax(0, 1fr));
  --grid-4: repeat(4, minmax(0, 1fr));
  --grid-5: repeat(5, minmax(0, 1fr));
  --grid-6: repeat(6, minmax(0, 1fr));
  --grid-7: repeat(7, minmax(0, 1fr));
  --grid-8: repeat(8, minmax(0, 1fr));
  --grid-9: repeat(9, minmax(0, 1fr));
  --grid-10: repeat(10, minmax(0, 1fr));
  --grid-11: repeat(11, minmax(0, 1fr));
  --grid-12: repeat(12, minmax(0, 1fr));
  --grid-1-2: minmax(0, 1fr) minmax(0, 2fr);
  --grid-2-1: minmax(0, 2fr) minmax(0, 1fr);
  --grid-1-3: minmax(0, 1fr) minmax(0, 3fr);
  --grid-3-1: minmax(0, 3fr) minmax(0, 1fr);
  --grid-1-4: minmax(0, 1fr) minmax(0, 4fr);
  --grid-4-1: minmax(0, 4fr) minmax(0, 1fr);
  --grid-2-3: minmax(0, 2fr) minmax(0, 3fr);
  --grid-3-2: minmax(0, 3fr) minmax(0, 2fr);
  --grid-3-4: minmax(0, 3fr) minmax(0, 4fr);
  --grid-4-3: minmax(0, 4fr) minmax(0, 3fr);
  --grid-auto-2: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - (1 * var(--grid-gap))) / 2) * var(--grid-auto-aggressiveness), (100% - (1 * var(--grid-gap))) / 2)), 1fr));
  --grid-auto-3: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - (2 * var(--grid-gap))) / 3) * var(--grid-auto-aggressiveness), (100% - (2 * var(--grid-gap))) / 3)), 1fr));
  --grid-auto-4: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - (3 * var(--grid-gap))) / 4) * var(--grid-auto-aggressiveness), (100% - (3 * var(--grid-gap))) / 4)), 1fr));
  --grid-auto-5: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - (4 * var(--grid-gap))) / 5) * var(--grid-auto-aggressiveness), (100% - (4 * var(--grid-gap))) / 5)), 1fr));
  --grid-auto-6: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - (5 * var(--grid-gap))) / 6) * var(--grid-auto-aggressiveness), (100% - (5 * var(--grid-gap))) / 6)), 1fr));
  --grid-auto-7: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - (6 * var(--grid-gap))) / 7) * var(--grid-auto-aggressiveness), (100% - (6 * var(--grid-gap))) / 7)), 1fr));
  --grid-auto-8: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - (7 * var(--grid-gap))) / 8) * var(--grid-auto-aggressiveness), (100% - (7 * var(--grid-gap))) / 8)), 1fr));
  --grid-auto-9: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - (8 * var(--grid-gap))) / 9) * var(--grid-auto-aggressiveness), (100% - (8 * var(--grid-gap))) / 9)), 1fr));
  --grid-auto-10: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - (9 * var(--grid-gap))) / 10) * var(--grid-auto-aggressiveness), (100% - (9 * var(--grid-gap))) / 10)), 1fr));
  --grid-auto-11: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - (10 * var(--grid-gap))) / 11) * var(--grid-auto-aggressiveness), (100% - (10 * var(--grid-gap))) / 11)), 1fr));
  --grid-auto-fit: repeat(auto-fit, minmax(min(var(--grid-auto-min-width), 100%), 1fr));
  --grid-auto-fill: repeat(auto-fill, minmax(min(var(--grid-auto-min-width), 100%), 1fr));
  --site-box-max-width: 1280px;
  --blog-width: 1000px;
  --content-width-safe: min(var(--content-width), calc(100% - var(--gutter) * 2));
  --content-width: var(--site-box-max-width);
  --gutter: clamp(1.6rem, 3vw, 6.4rem);
  --section-max-width: 100%;
  --section-padding-block: var(--section-space-96);
  --section-gap: var(--space-56);
  --container-gap: var(--space-48);
  --content-gap: var(--space-24);
  --btn-border-radius: var(--radius-8);
  --btn-border-width: 2px;
  --btn-shadow: none;
  --btn-border-radius--hover: var(--btn-border-radius);
  --btn-border-width--hover: var(--btn-border-width);
  --btn-shadow--hover: var(--shadow-m);
  --btn-outline-border-radius: var(--btn-border-radius);
  --btn-outline-border-width: var(--btn-border-width);
  --btn-outline-shadow: none;
  --btn-outline-border-radius--hover: var(--btn-border-radius);
  --btn-outline-border-width--hover: var(--btn-border-width);
  --btn-outline-shadow--hover: var(--shadow-m);
  --btn-primary-color: var(--primary-ultra-dark);
  --btn-primary-background: var(--primary);
  --btn-primary-border-color: transparent;
  --btn-primary-color--hover: var(--btn-primary-color);
  --btn-primary-background--hover: var(--primary-hover);
  --btn-primary-border-color--hover: var(--primary-hover);
  --btn-primary-outline-color: var(--btn-primary-background);
  --btn-primary-outline-background: transparent;
  --btn-primary-outline-border-color: var(--btn-primary-background);
  --btn-primary-outline-color--hover: var(--primary-hover);
  --btn-primary-outline-background--hover: transparent;
  --btn-primary-outline-border-color--hover: var(--primary-hover);
  --btn-secondary-color: var(--secondary-ultra-dark);
  --btn-secondary-background: var(--secondary-l-3);
  --btn-secondary-border-color: transparent;
  --btn-secondary-color--hover: var(--btn-secondary-color);
  --btn-secondary-background--hover: var(--secondary-hover);
  --btn-secondary-border-color--hover: var(--btn-secondary-border-color);
  --btn-secondary-outline-color: var(--btn-secondary-background);
  --btn-secondary-outline-background: transparent;
  --btn-secondary-outline-border-color: var(--btn-secondary-background);
  --btn-secondary-outline-color--hover: var(--secondary-hover);
  --btn-secondary-outline-background--hover: transparent;
  --btn-secondary-outline-border-color--hover: var(--secondary-hover);
  --btn-light-color: var(--light-ultra-dark);
  --btn-light-background: var(--light);
  --btn-light-border-color: transparent;
  --btn-light-color--hover: var(--btn-light-color);
  --btn-light-background--hover: var(--light-hover);
  --btn-light-border-color--hover: var(--light-hover);
  --btn-light-outline-color: var(--btn-light-background);
  --btn-light-outline-background: transparent;
  --btn-light-outline-border-color: var(--btn-light-background);
  --btn-light-outline-color--hover: var(--light-hover);
  --btn-light-outline-background--hover: transparent;
  --btn-light-outline-border-color--hover: var(--light-hover);
  --btn-dark-color: var(--dark-ultra-light);
  --btn-dark-background: var(--dark);
  --btn-dark-border-color: transparent;
  --btn-dark-color--hover: var(--btn-dark-color);
  --btn-dark-background--hover: var(--dark-hover);
  --btn-dark-border-color--hover: var(--dark-hover);
  --btn-dark-outline-color: var(--btn-dark-background);
  --btn-dark-outline-background: transparent;
  --btn-dark-outline-border-color: var(--btn-dark-background);
  --btn-dark-outline-color--hover: var(--dark-hover);
  --btn-dark-outline-background--hover: transparent;
  --btn-dark-outline-border-color--hover: var(--dark-hover);
  --btn-small-font-size: var(--text-12);
  --btn-small-padding-block: var(--space-4);
  --btn-small-padding-inline: var(--space-16);
  --btn-medium-font-size: var(--text-16);
  --btn-medium-padding-block: var(--space-8);
  --btn-medium-padding-inline: var(--space-24);
  --btn-large-font-size: var(--text-18);
  --btn-large-padding-block: var(--space-12);
  --btn-large-padding-inline: var(--space-32);
  --btn-x-large-font-size: var(--text-20);
  --btn-x-large-padding-block: var(--space-16);
  --btn-x-large-padding-inline: var(--space-40);
  --btn-info-color: var(--white);
  --btn-info-background: var(--info);
  --btn-info-border-color: var(--info);
  --btn-info-color--hover: var(--white);
  --btn-info-background--hover: var(--info-hover);
  --btn-info-border-color--hover: var(--info-hover);
  --btn-info-outline-color: var(--info);
  --btn-info-outline-background: transparent;
  --btn-info-outline-border-color: var(--info);
  --btn-info-outline-color--hover: var(--white);
  --btn-info-outline-background--hover: var(--info-hover);
  --btn-info-outline-border-color--hover: var(--info-hover);
  --btn-success-color: var(--white);
  --btn-success-background: var(--success);
  --btn-success-border-color: var(--success);
  --btn-success-color--hover: var(--white);
  --btn-success-background--hover: var(--success-hover);
  --btn-success-border-color--hover: var(--success-hover);
  --btn-success-outline-color: var(--success);
  --btn-success-outline-background: transparent;
  --btn-success-outline-border-color: var(--success);
  --btn-success-outline-color--hover: var(--white);
  --btn-success-outline-background--hover: var(--success-hover);
  --btn-success-outline-border-color--hover: var(--success-hover);
  --btn-warning-color: var(--white);
  --btn-warning-background: var(--warning);
  --btn-warning-border-color: var(--warning);
  --btn-warning-color--hover: var(--white);
  --btn-warning-background--hover: var(--warning-hover);
  --btn-warning-border-color--hover: var(--warning-hover);
  --btn-warning-outline-color: var(--warning);
  --btn-warning-outline-background: transparent;
  --btn-warning-outline-border-color: var(--warning);
  --btn-warning-outline-color--hover: var(--white);
  --btn-warning-outline-background--hover: var(--warning-hover);
  --btn-warning-outline-border-color--hover: var(--warning-hover);
  --btn-danger-color: var(--white);
  --btn-danger-background: var(--danger);
  --btn-danger-border-color: var(--danger);
  --btn-danger-color--hover: var(--white);
  --btn-danger-background--hover: var(--danger-hover);
  --btn-danger-border-color--hover: var(--danger-hover);
  --btn-danger-outline-color: var(--danger);
  --btn-danger-outline-background: transparent;
  --btn-danger-outline-border-color: var(--danger);
  --btn-danger-outline-color--hover: var(--white);
  --btn-danger-outline-background--hover: var(--danger-hover);
  --btn-danger-outline-border-color--hover: var(--danger-hover);
  --btn-muted-color: var(--white);
  --btn-muted-background: var(--muted);
  --btn-muted-border-color: var(--muted);
  --btn-muted-color--hover: var(--white);
  --btn-muted-background--hover: var(--muted-hover);
  --btn-muted-border-color--hover: var(--muted-hover);
  --btn-muted-outline-color: var(--muted);
  --btn-muted-outline-background: transparent;
  --btn-muted-outline-border-color: var(--muted);
  --btn-muted-outline-color--hover: var(--white);
  --btn-muted-outline-background--hover: var(--muted-hover);
  --btn-muted-outline-border-color--hover: var(--muted-hover);
  --form-input-line-height: 2rem;
  --form-label-color: var(--muted-d-4);
  --form-label-font-size: var(--text-16);
  --form-placeholder-color: var(--black-t-4);
  --form-placeholder-font-size: var(--form-label-font-size);
  --form-input-color: var(--muted-d-3);
  --form-input-background-color: var(--white);
  --form-input-font-size: var(--form-label-font-size);
  --form-input-border-width: 2px;
  --form-input-border-color: var(--black-t-5);
  --form-input-border-radius: var(--radius);
  --form-input-padding-inline: 1.6rem;
  --form-input-padding-block: 1.2rem;
  --form-input-color--focus: var(--muted-d-6);
  --form-focus-outline-color: var(--primary);
  --form-input-background-color--focus: var(--muted-l-9);
  --form-group-padding-inline: var(--space-10);
  --form-group-padding-block: var(--space-14);
  --form-option-color: var(--primary-l-5);
  --form-option-background: var(--primary-d-3);
  --form-option-off-color: var(--neutral);
  --form-option-on-color: var(--success);
  --form-valid-color: var(--success);
  --form-invalid-color: var(--danger);
  --header-height: var(--scale-80);
  --nav-item-padding-block: var(--space-16);
  --nav-item-padding-inline: var(--space-16);
  --nav-height: var(--header-height);
  --nav-mobile-width: min(450px, 100%);
  --nav-top-item-font-size: var(--text-16);
  --nav-top-item-padding-block: calc(var(--nav-height) / 2 - var(--nav-top-item-font-size) / 2);
  --nav-top-item-padding-inline: 0rem;
  --nav-dropdown-item-font-size: var(--nav-top-item-font-size);
  --nav-dropdown-back-offset: min(450px, 100%);
  --nav-items-gap: var(--space-24);
  --nav-border-default: 1px solid var(--light-d-1);
  --nav-padding-top: var(--nav-height);
  --nav-padding-top-safe: calc(var(--nav-height) + var(--nav-item-padding-block));
  --megamenu-padding-block: var(--gutter);
  --megamenu-padding-inline: var(--gutter);
  --color-text-default: var(--dark);
  --color-text-hover: var(--primary);
  --color-bg-default: var(--bg);
  --color-bg-hover: var(--primary);
  --color-white: var(--color-bg-default);
  --nav-item-text: var(--color-text-default);
  --nav-item-text-hover: var(--color-text-hover);
  --nav-item-bg: var(--color-bg-default);
  --nav-item-bg-hover: var(--color-bg-hover);
  --nav-dropdown-item-text: var(--color-text-default);
  --nav-dropdown-item-text-hover: var(--nav-dropdown-hover-foreground);
  --nav-dropdown-item-bg: var(--nav-item-bg);
  --nav-dropdown-item-bg-hover: var(--nav-item-bg-hover);
  --megamenu-bg: var(--color-bg-hover);
  --menu-item-border: 1px solid rgba(0, 0, 0, 0.1);
  --nav-mobile-static-dropdown-bg: var(--color-white);
  --header-logo: var(--scale-192);
  --ham-primary: var(--primary);
  --ham-light: var(--light);
  --logo-width: var(--scale-192);
  --logo-display-width: 257px;
  --logo-display-height: 45px;
  --logo-display-scale: 0.7;
  --entrance-animation--easing: cubic-bezier(0.22, 1, 0.36, 1);
  --entrance-animation--delay: var(--duration--fast, 200ms);
  --entrance-animation--distance: var(--distance--m, 15px);
  --entrance-animation--duration: var(--duration--fast, 200ms);
  --entrance-animation-stagger--delay: var(--entrance-animation--delay);
  --entrance-animation--image-easing: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  --entrance-animation--layer-easing: cubic-bezier(0.77, 0, 0.175, 1);
  --entrance-animation-reveal--duration: var(--duration--medium, 500ms);
  --entrance-animation-reveal-with-layer--duration: var(--duration--slow, 1500ms);
  --entrance-animation--layer-bg-color: var(--primary);
  --duration--slow: 1.5s;
  --duration--medium: 0.5s;
  --duration--fast: 0.2s;
  --distance--s: 4px;
  --distance--m: 15px;
  --distance--l: 40px;
  --transition-medium: color var(--duration--medium) var(--entrance-animation--easing), background-color var(--duration--medium) var(--entrance-animation--easing), border-color var(--duration--medium) var(--entrance-animation--easing), transform var(--duration--medium) var(--entrance-animation--easing);
  --svg--arrow: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBjb2xvcj0iIzAwMDAwMCIgZmlsbD0ibm9uZSI+CiAgICA8cGF0aCBkPSJNOS4wMDAwNSA2TDE1IDEyTDkgMTgiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjE2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+Cjwvc3ZnPg==);
  --svg--check: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBjb2xvcj0iIzAwMDAwMCIgZmlsbD0ibm9uZSI+CiAgICA8cGF0aCBkPSJNNC4yNSAxMy41TDguNzUgMThMMTkuNzUgNiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+Cjwvc3ZnPg==);
  --svg--cross: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBjb2xvcj0iIzAwMDAwMCIgZmlsbD0ibm9uZSI+CiAgICA8cGF0aCBkPSJNNS4wMDA0OSA0Ljk5OTg4TDE5LjAwMDUgMTguOTk5OSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+CiAgICA8cGF0aCBkPSJNMTkuMDAwNSA0Ljk5OTg4TDUuMDAwNDkgMTguOTk5OSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+Cjwvc3ZnPg==);
  --svg--heart: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBjb2xvcj0iIzAwMDAwMCIgZmlsbD0ibm9uZSI+CiAgICA8cGF0aCBkPSJNMTkuNDYyNiAzLjk5NDE1QzE2Ljc4MDkgMi4zNDkyMyAxNC40NDA0IDMuMDEyMTEgMTMuMDM0NCA0LjA2ODAxQzEyLjQ1NzggNC41MDA5NiAxMi4xNjk2IDQuNzE3NDMgMTIgNC43MTc0M0MxMS44MzA0IDQuNzE3NDMgMTEuNTQyMiA0LjUwMDk2IDEwLjk2NTYgNC4wNjgwMUM5LjU1OTYyIDMuMDEyMTEgNy4yMTkwOSAyLjM0OTIzIDQuNTM3NDQgMy45OTQxNUMxLjAxODA3IDYuMTUyOTQgMC4yMjE3MjEgMTMuMjc0OSA4LjMzOTUzIDE5LjI4MzRDOS44ODU3MiAyMC40Mjc4IDEwLjY1ODggMjEgMTIgMjFDMTMuMzQxMiAyMSAxNC4xMTQzIDIwLjQyNzggMTUuNjYwNSAxOS4yODM0QzIzLjc3ODMgMTMuMjc0OSAyMi45ODE5IDYuMTUyOTQgMTkuNDYyNiAzLjk5NDE1WiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIC8+Cjwvc3ZnPg==);
  --svg--delete: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBjb2xvcj0iIzAwMDAwMCIgZmlsbD0ibm9uZSI+CiAgICA8cGF0aCBkPSJNMTkuNSA1LjVMMTguNSAyMkg1LjVMNC41IDUuNSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWpvaW49InJvdW5kIiAvPgogICAgPHBhdGggZD0iTTIgNS41SDhNMjIgNS41SDE2TTE2IDUuNUwxNC41IDJIOS41TDggNS41TTE2IDUuNUg4IiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+Cjwvc3ZnPg==);
  --svg-cancel-solid: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBjb2xvcj0iIzAwMDAwMCIgZmlsbD0ibm9uZSI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEyIDIyLjc1QzYuMDYyOTQgMjIuNzUgMS4yNSAxNy45MzcxIDEuMjUgMTJDMS4yNSA2LjA2Mjk0IDYuMDYyOTQgMS4yNSAxMiAxLjI1QzE3LjkzNzEgMS4yNSAyMi43NSA2LjA2Mjk0IDIyLjc1IDEyQzIyLjc1IDE3LjkzNzEgMTcuOTM3MSAyMi43NSAxMiAyMi43NVpNMTUuMjkzIDcuMjkyODVMMTEuOTk5OCAxMC41ODU4TDguNzA3MTQgNy4yOTMzN0w3LjI5Mjk3IDguNzA3NjNMMTAuNTg1NSAxMkw3LjI5Mjk3IDE1LjI5MjNMOC43MDcxNCAxNi43MDY2TDExLjk5OTggMTMuNDE0MUwxNS4yOTMgMTYuNzA3MUwxNi43MDcxIDE1LjI5MjhMMTMuNDE0IDEyTDE2LjcwNzEgOC43MDcxMUwxNS4yOTMgNy4yOTI4NVoiIGZpbGw9IiMwMDAwMDAiPjwvcGF0aD4KPC9zdmc+);
  --svg-check-solid: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBjb2xvcj0iIzAwMDAwMCIgZmlsbD0ibm9uZSI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEyIDIyLjc1QzYuMDYyOTQgMjIuNzUgMS4yNSAxNy45MzcxIDEuMjUgMTJDMS4yNSA2LjA2Mjk0IDYuMDYyOTQgMS4yNSAxMiAxLjI1QzE3LjkzNzEgMS4yNSAyMi43NSA2LjA2Mjk0IDIyLjc1IDEyQzIyLjc1IDE3LjkzNzEgMTcuOTM3MSAyMi43NSAxMiAyMi43NVpNMTUuMjQ3MyA3LjkzOTMzTDEwLjQ1MyAxMy4xNjk0TDguNjkxNTYgMTEuNDA3OUw3LjI3NzM0IDEyLjgyMjJMMTAuNTE1OSAxNi4wNjA3TDE2LjcyMTYgOS4yOTA3OEwxNS4yNDczIDcuOTM5MzNaIiBmaWxsPSIjMDAwMDAwIj48L3BhdGg+Cjwvc3ZnPg==);
  --svg-radio-selected: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBjb2xvcj0iIzAwMDAwMCIgZmlsbD0ibm9uZSI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEyIDMuNzVDNy40NDM2NSAzLjc1IDMuNzUgNy40NDM2NSAzLjc1IDEyQzMuNzUgMTYuNTU2MyA3LjQ0MzY1IDIwLjI1IDEyIDIwLjI1QzE2LjU1NjMgMjAuMjUgMjAuMjUgMTYuNTU2MyAyMC4yNSAxMkMyMC4yNSA3LjQ0MzY1IDE2LjU1NjMgMy43NSAxMiAzLjc1Wk0yLjI1IDEyQzIuMjUgNi42MTUyMiA2LjYxNTIyIDIuMjUgMTIgMi4yNUMxNy4zODQ4IDIuMjUgMjEuNzUgNi42MTUyMiAyMS43NSAxMkMyMS43NSAxNy4zODQ4IDE3LjM4NDggMjEuNzUgMTIgMjEuNzVDNi42MTUyMiAyMS43NSAyLjI1IDE3LjM4NDggMi4yNSAxMloiIGZpbGw9IiMwMDAwMDAiPjwvcGF0aD4KICAgIDxwYXRoIGQ9Ik03LjI1IDEyQzcuMjUgOS4zNzY2NSA5LjM3NjY1IDcuMjUgMTIgNy4yNUMxNC42MjM0IDcuMjUgMTYuNzUgOS4zNzY2NSAxNi43NSAxMkMxNi43NSAxNC42MjM0IDE0LjYyMzQgMTYuNzUgMTIgMTYuNzVDOS4zNzY2NSAxNi43NSA3LjI1IDE0LjYyMzQgNy4yNSAxMloiIGZpbGw9IiMwMDAwMDAiPjwvcGF0aD4KPC9zdmc+);
  --svg-radio-unselected: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBjb2xvcj0iIzAwMDAwMCIgZmlsbD0ibm9uZSI+CiAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI5IiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvY2lyY2xlPgogICAgPGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iNCIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L2NpcmNsZT4KPC9zdmc+);
  --link-color: var(--primary);
  --link-color--active: var(--primary-hover);
  --link-color--hover: var(--primary-hover);
  --center-line-color: var(--white);
  --timeline-row-gap: var(--grid-gap);
  --center-line-width: 3px;
  --primary-hover: var(--primary-l-2);
  --primary-active: var(--primary-d-2);
  --primary-semi-light: var(--primary-l-2);
  --primary-light: var(--primary-l-4);
  --primary-ultra-light: var(--primary-l-8);
  --primary-semi-dark: var(--primary-d-3);
  --primary-dark: var(--primary-d-5);
  --primary-ultra-dark: var(--primary-d-9);
  --secondary-hover: var(--secondary-l-2);
  --secondary-active: var(--secondary-d-2);
  --secondary-semi-light: var(--secondary-l-2);
  --secondary-light: var(--secondary-l-4);
  --secondary-ultra-light: var(--secondary-l-8);
  --secondary-semi-dark: var(--secondary-d-3);
  --secondary-dark: var(--secondary-d-5);
  --secondary-ultra-dark: var(--secondary-d-9);
  --light-hover: var(--light-d-1);
  --light-active: var(--light-d-2);
  --light-semi-light: var(--light-l-2);
  --light-light: var(--light-l-4);
  --light-ultra-light: var(--light-l-8);
  --light-semi-dark: var(--light-d-3);
  --light-dark: var(--light-d-5);
  --light-ultra-dark: var(--light-d-9);
  --dark-hover: var(--dark-l-2);
  --dark-active: var(--dark-l-3);
  --dark-semi-light: var(--dark-l-2);
  --dark-light: var(--dark-l-4);
  --dark-ultra-light: var(--dark-l-8);
  --dark-semi-dark: var(--dark-d-3);
  --dark-dark: var(--dark-d-5);
  --dark-ultra-dark: var(--dark-d-9);
  --muted-hover: var(--muted-l-2);
  --muted-active: var(--muted-d-2);
  --muted-semi-light: var(--muted-l-2);
  --muted-light: var(--muted-l-4);
  --muted-ultra-light: var(--muted-l-8);
  --muted-semi-dark: var(--muted-d-3);
  --muted-dark: var(--muted-d-5);
  --muted-ultra-dark: var(--muted-d-9);
  --info-hover: var(--info-l-2);
  --info-active: var(--info-d-2);
  --info-semi-light: var(--info-l-2);
  --info-light: var(--info-l-4);
  --info-ultra-light: var(--info-l-8);
  --info-semi-dark: var(--info-d-3);
  --info-dark: var(--info-d-5);
  --info-ultra-dark: var(--info-d-9);
  --success-hover: var(--success-l-2);
  --success-active: var(--success-d-2);
  --success-semi-light: var(--success-l-2);
  --success-light: var(--success-l-4);
  --success-ultra-light: var(--success-l-8);
  --success-semi-dark: var(--success-d-3);
  --success-dark: var(--success-d-5);
  --success-ultra-dark: var(--success-d-9);
  --warning-hover: var(--warning-l-2);
  --warning-active: var(--warning-d-2);
  --warning-semi-light: var(--warning-l-2);
  --warning-light: var(--warning-l-4);
  --warning-ultra-light: var(--warning-l-8);
  --warning-semi-dark: var(--warning-d-3);
  --warning-dark: var(--warning-d-5);
  --warning-ultra-dark: var(--warning-d-9);
  --danger-hover: var(--danger-l-2);
  --danger-active: var(--danger-d-2);
  --danger-semi-light: var(--danger-l-2);
  --danger-light: var(--danger-l-4);
  --danger-ultra-light: var(--danger-l-8);
  --danger-semi-dark: var(--danger-d-3);
  --danger-dark: var(--danger-d-5);
  --danger-ultra-dark: var(--danger-d-9);
  --background: var(--light);
  --background-hover: var(--light-hover);
  --background-active: var(--light-active);
  --foreground: var(--dark);
  --surface: var(--light-light);
  --surface-hover: var(--light-hover);
  --surface-active: var(--light-active);
  --card: var(--white);
  --card-hover: var(--light-light);
  --card-active: var(--light-hover);
  --overlay: var(--black-t-6);
  --backdrop: var(--black-t-5);
  --heading: var(--dark);
  --body: var(--muted);
  --caption: var(--muted-light);
  --link-hover: var(--primary-hover);
  --link-active: var(--primary-active);
  --selection: var(--primary-t-2);
  --selection-foreground: var(--foreground);
  --focus-ring: var(--primary);
  --focus-outline-width: 2px;
  --focus-outline-color: var(--focus-ring);
  --neutral: var(--muted);
  --muted-background: var(--muted-ultra-light);
  --muted-foreground: var(--muted);
  --primary-foreground: var(--white);
  --secondary-foreground: var(--white);
  --success-foreground: var(--white);
  --warning-foreground: var(--dark);
  --danger-foreground: var(--white);
  --info-foreground: var(--white);
  --input: var(--surface);
  --input-hover: var(--surface-hover);
  --input-active: var(--surface-active);
  --bg: var(--background);
  --text: var(--dark);
  --accent: var(--info);
  --scale-0: clamp(0.01rem, calc(-0.00009259259259259259 * (100vw - 36rem) + 0.01rem), 0rem);
  --scale-2: clamp(0.2rem, calc(0 * (100vw - 36rem) + 0.2rem), 0.2rem);
  --scale-4: clamp(0.3rem, calc(0.0009259259259259263 * (100vw - 36rem) + 0.3rem), 0.4rem);
  --scale-6: clamp(0.5rem, calc(0.0009259259259259257 * (100vw - 36rem) + 0.5rem), 0.6rem);
  --scale-8: clamp(0.6rem, calc(0.0018518518518518526 * (100vw - 36rem) + 0.6rem), 0.8rem);
  --scale-10: clamp(0.8rem, calc(0.0018518518518518515 * (100vw - 36rem) + 0.8rem), 1rem);
  --scale-12: clamp(0.9rem, calc(0.002777777777777777 * (100vw - 36rem) + 0.9rem), 1.2rem);
  --scale-14: clamp(1.1rem, calc(0.002777777777777776 * (100vw - 36rem) + 1.1rem), 1.4rem);
  --scale-16: clamp(1.3rem, calc(0.0027777777777777783 * (100vw - 36rem) + 1.3rem), 1.6rem);
  --scale-18: clamp(1.5rem, calc(0.0027777777777777783 * (100vw - 36rem) + 1.5rem), 1.8rem);
  --scale-20: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem);
  --scale-24: clamp(2rem, calc(0.003703703703703703 * (100vw - 36rem) + 2rem), 2.4rem);
  --scale-28: clamp(2.2rem, calc(0.005555555555555552 * (100vw - 36rem) + 2.2rem), 2.8rem);
  --scale-32: clamp(2.4rem, calc(0.00740740740740741 * (100vw - 36rem) + 2.4rem), 3.2rem);
  --scale-36: clamp(2.8rem, calc(0.00740740740740741 * (100vw - 36rem) + 2.8rem), 3.6rem);
  --scale-40: clamp(3.2rem, calc(0.007407407407407406 * (100vw - 36rem) + 3.2rem), 4rem);
  --scale-44: clamp(3.6rem, calc(0.00740740740740741 * (100vw - 36rem) + 3.6rem), 4.4rem);
  --scale-48: clamp(4rem, calc(0.007407407407407406 * (100vw - 36rem) + 4rem), 4.8rem);
  --scale-56: clamp(4.8rem, calc(0.007407407407407406 * (100vw - 36rem) + 4.8rem), 5.6rem);
  --scale-64: clamp(4.8rem, calc(0.01481481481481482 * (100vw - 36rem) + 4.8rem), 6.4rem);
  --scale-72: clamp(6.4rem, calc(0.007407407407407406 * (100vw - 36rem) + 6.4rem), 7.2rem);
  --scale-80: clamp(6.4rem, calc(0.014814814814814812 * (100vw - 36rem) + 6.4rem), 8rem);
  --scale-96: clamp(8rem, calc(0.014814814814814812 * (100vw - 36rem) + 8rem), 9.6rem);
  --scale-112: clamp(9.6rem, calc(0.014814814814814812 * (100vw - 36rem) + 9.6rem), 11.2rem);
  --scale-128: clamp(9.6rem, calc(0.02962962962962964 * (100vw - 36rem) + 9.6rem), 12.8rem);
  --scale-144: clamp(12.8rem, calc(0.014814814814814812 * (100vw - 36rem) + 12.8rem), 14.4rem);
  --scale-160: clamp(12.8rem, calc(0.029629629629629624 * (100vw - 36rem) + 12.8rem), 16rem);
  --scale-176: clamp(16rem, calc(0.014814814814814828 * (100vw - 36rem) + 16rem), 17.6rem);
  --scale-192: clamp(16rem, calc(0.029629629629629624 * (100vw - 36rem) + 16rem), 19.2rem);
  --scale-208: clamp(19.2rem, calc(0.014814814814814828 * (100vw - 36rem) + 19.2rem), 20.8rem);
  --scale-224: clamp(19.2rem, calc(0.029629629629629624 * (100vw - 36rem) + 19.2rem), 22.4rem);
  --scale-240: clamp(22.4rem, calc(0.014814814814814828 * (100vw - 36rem) + 22.4rem), 24rem);
  --scale-256: clamp(24rem, calc(0.014814814814814828 * (100vw - 36rem) + 24rem), 25.6rem);
  --scale-288: clamp(25.6rem, calc(0.029629629629629624 * (100vw - 36rem) + 25.6rem), 28.8rem);
  --scale-320: clamp(25.6rem, calc(0.05925925925925925 * (100vw - 36rem) + 25.6rem), 32rem);
  --scale-384: clamp(32rem, calc(0.05925925925925925 * (100vw - 36rem) + 32rem), 38.4rem);
  --scale-448: clamp(38.4rem, calc(0.05925925925925925 * (100vw - 36rem) + 38.4rem), 44.8rem);
  --scale-512: clamp(44.8rem, calc(0.05925925925925931 * (100vw - 36rem) + 44.8rem), 51.2rem);
  --scale-640: clamp(51.2rem, calc(0.1185185185185185 * (100vw - 36rem) + 51.2rem), 64rem);
  --scale-768: clamp(64rem, calc(0.1185185185185185 * (100vw - 36rem) + 64rem), 76.8rem);
  --scale-896: clamp(76.8rem, calc(0.1185185185185185 * (100vw - 36rem) + 76.8rem), 89.6rem);
  --scale-1024: clamp(89.6rem, calc(0.11851851851851862 * (100vw - 36rem) + 89.6rem), 102.4rem);
  --scale-1280: clamp(102.4rem, calc(0.237037037037037 * (100vw - 36rem) + 102.4rem), 128rem);
  --scale-1440: clamp(128rem, calc(0.14814814814814814 * (100vw - 36rem) + 128rem), 144rem);
  --scale-1600: clamp(144rem, calc(0.14814814814814814 * (100vw - 36rem) + 144rem), 160rem);
  --scale-1920: clamp(160rem, calc(0.2962962962962963 * (100vw - 36rem) + 160rem), 192rem);
  --scale-2560: clamp(192rem, calc(0.5925925925925926 * (100vw - 36rem) + 192rem), 256rem);
  --primary-l-05: color-mix(in srgb, var(--primary), white 5%);
  --primary-d-05: hsl(from var(--primary) h s calc(l * (100 - 5) / 100));
  --primary-t-05: hsl(from var(--primary) h s l / 5%);
}

*,*::before,*::after {
  box-sizing: border-box;
}

[hidden] {
  display: none !important;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  text-rendering: optimizeSpeed;
}

[id] {
  scroll-margin-top: var(--section-padding-block, 0);
}

ul,ol {
  list-style: none;
}

p,ul,ol,dl,figure,blockquote,hr {
  margin: 0;
  padding: 0;
}

@media (prefers-reduced-motion: reduce) {
  html, html:focus-within {
    scroll-behavior: auto;
  }
  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.001ms !important;
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
  }
}

.brxe-post-content :where(p, h1, h2, h3, h4, h5, h6, ul, ol, li) {
  margin-block: 0;
}

.brxe-post-content > * + p {
  margin-block-start: var(--paragraph-spacing, var(--flow-spacing, initial));
  margin-block-end: 0;
}

.brxe-post-content > * + h2,.brxe-post-content > * + h3,.brxe-post-content > * + h4,.brxe-post-content > * + h5,.brxe-post-content > * + h6 {
  margin-block-start: var(--heading-spacing);
  margin-block-end: 0;
}

.brxe-post-content > :is(ul, ol) {
  padding-inline-start: var(--list-indent-spacing, var(--flow-spacing, initial));
}

.brxe-post-content > * + :is(ul, ol) {
  margin-block-start: var(--list-spacing, var(--flow-spacing, initial));
}

.brxe-post-content :where(ul) > li {
  list-style-type: disc;
}

.brxe-post-content :where(ol) > li {
  list-style-type: decimal;
}

:where(.brxe-section:not(.brxe-section .brxe-section)) {
  padding-block: var(--section-padding-block);
  padding-inline: var(--gutter);
  row-gap: var(--section-gap);
}

.brxe-section:has(> .brxe-block) {
  padding: 0;
  gap: 0;
}

.brxe-container {
  inline-size: var(--content-width-safe);
  margin-inline: auto;
  gap: var(--container-gap);
}

.brxe-section:has(> .brxe-block) .brxe-container {
  inline-size: var(--content-width-safe);
}

:where(.brxe-block) {
  display: flex;
  flex-direction: column;
  gap: var(--content-gap);
}

.brxe-form .form-group {
  padding-bottom: var(--space-14);
}

.brxe-form .form-group label {
  transition: color 0.25s ease;
}

.brxe-form .form-group input,.brxe-form .form-group textarea,.brxe-form .form-group select {
  transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, border-radius 0.25s ease;
}

.brxe-form .form-group input:focus,.brxe-form .form-group textarea:focus,.brxe-form .form-group select:focus {
  color: var(--form-input-color--focus);
  background-color: var(--form-input-background-color--focus);
  border-color: var(--form-focus-outline-color);
}

.brxe-form .form-group:focus-within label {
  color: var(--primary);
}

@media (max-width: 1200px) {
  #wpadminbar {
    display: none !important;
  }
  html:has(body.admin-bar), body.admin-bar {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  body.admin-bar #brx-header, body.admin-bar #brx-header.sticky, body.admin-bar .brxe-header, body.admin-bar .sticky {
    top: 0 !important;
  }
}

#wp-admin-bar-editor_mode {
  display: none;
}

[class*="rad-"]::before {
  border-radius: inherit;
}

:where(:root) .bricks-color-primary {
  color: var(--primary);
}

:where(:root) .bricks-background-primary {
  background-color: var(--primary);
}

:where(:root) .bricks-color-secondary {
  color: var(--secondary);
}

:where(:root) .bricks-background-secondary {
  background-color: var(--secondary);
}

:where(:root) .bricks-color-light {
  color: var(--light);
}

:where(:root) .bricks-background-light {
  background-color: var(--light);
}

:where(:root) .bricks-color-dark {
  color: var(--dark);
}

:where(:root) .bricks-background-dark {
  background-color: var(--dark);
}

:where(:root) .bricks-color-muted {
  color: var(--muted);
}

:where(:root) .bricks-background-muted {
  background-color: var(--muted);
}

:where(:root) * {
  border-color: var(--border-color);
}

:where(:root) .bricks-color-info {
  color: var(--info);
}

:where(:root) .bricks-background-info {
  background-color: var(--info);
}

:where(:root) .bricks-color-success {
  color: var(--success);
}

:where(:root) .bricks-background-success {
  background-color: var(--success);
}

:where(:root) .bricks-color-warning {
  color: var(--warning);
}

:where(:root) .bricks-background-warning {
  background-color: var(--warning);
}

:where(:root) .bricks-color-danger {
  color: var(--danger);
}

:where(:root) .bricks-background-danger {
  background-color: var(--danger);
}

:where(.brxe-accordion .accordion-content-wrapper) a, :where(.brxe-icon-box .content) a, :where(.brxe-list) a, :where(.brxe-post-content):not([data-source="bricks"]) a:where(:not(.wp-element-button):not(.wp-block-button__link):not(.wp-block-file__button):not(.wp-block-social-link-anchor):not(.wp-block-navigation-item__content):not(.wp-block-image > a):not(.wp-block-image > figure > a)), :where(.brxe-posts .dynamic p) a, :where(.brxe-shortcode) a, :where(.brxe-tabs .tab-content) a, :where(.brxe-team-members) .description a, :where(.brxe-testimonials) .testimonial-content-wrapper a, :where(.brxe-text) a, :where(a.brxe-text), :where(.brxe-text-basic) a, :where(a.brxe-text-basic), :where(.brxe-post-comments) .comment-content a {
  color: var(--link-color);
}

:where(.brxe-accordion .accordion-content-wrapper) a:hover, :where(.brxe-icon-box .content) a:hover, :where(.brxe-list) a:hover, :where(.brxe-post-content):not([data-source="bricks"]) a:where(:not(.wp-element-button):not(.wp-block-button__link):not(.wp-block-file__button):not(.wp-block-social-link-anchor):not(.wp-block-navigation-item__content):not(.wp-block-image > a):not(.wp-block-image > figure > a)):hover, :where(.brxe-posts .dynamic p) a:hover, :where(.brxe-shortcode) a:hover, :where(.brxe-tabs .tab-content) a:hover, :where(.brxe-team-members) .description a:hover, :where(.brxe-testimonials) .testimonial-content-wrapper a:hover, :where(.brxe-text) a:hover, :where(a.brxe-text):hover, :where(.brxe-text-basic) a:hover, :where(a.brxe-text-basic):hover, :where(.brxe-post-comments) .comment-content a:hover {
  color: var(--link-color--hover);
}

:where(.brxe-accordion .accordion-content-wrapper) a:active, :where(.brxe-icon-box .content) a:active, :where(.brxe-list) a:active, :where(.brxe-post-content):not([data-source="bricks"]) a:where(:not(.wp-element-button):not(.wp-block-button__link):not(.wp-block-file__button):not(.wp-block-social-link-anchor):not(.wp-block-navigation-item__content):not(.wp-block-image > a):not(.wp-block-image > figure > a)):active, :where(.brxe-posts .dynamic p) a:active, :where(.brxe-shortcode) a:active, :where(.brxe-tabs .tab-content) a:active, :where(.brxe-team-members) .description a:active, :where(.brxe-testimonials) .testimonial-content-wrapper a:active, :where(.brxe-text) a:active, :where(a.brxe-text):active, :where(.brxe-text-basic) a:active, :where(a.brxe-text-basic):active, :where(.brxe-post-comments) .comment-content a:active {
  color: var(--link-color--active);
}

body {
  font-family: "Inter";
  font-weight: 400;
  line-height: 1.65;
  text-wrap: pretty;
  font-size: var(--text-16);
  color: var(--dark);
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Inter";
  text-wrap: balance;
}

h1 {
  font-size: var(--h1);
  line-height: 1.1;
}

h2 {
  font-size: var(--h2);
  line-height: 1.15;
}

h3 {
  font-size: var(--h3);
  line-height: 1.2;
}

h4 {
  font-size: var(--h4);
  line-height: 1.25;
}

h5 {
  font-size: var(--h5);
  line-height: 1.3;
}

h6 {
  font-size: var(--h6);
  line-height: 1.4;
}

body.bricks-is-frontend :focus-visible {
  outline: var(--focus-outline-width) solid var(--focus-outline-color);
}

@supports not selector(:focus-visible) {
  body.bricks-is-frontend :focus {
    outline: var(--focus-outline-width) solid var(--focus-outline-color);
  }
}

.bricks-button {
  color: var(--btn-primary-color);
  font-size: var(--btn-medium-font-size);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
  line-height: 1.6;
  text-align: center;
  text-decoration: none;
  text-wrap: nowrap;
  white-space: nowrap;
  border: var(--btn-border-width) solid var(--btn-primary-border-color);
  border-radius: var(--btn-border-radius);
  box-shadow: var(--btn-shadow);
  transition: color var(--duration--medium) var(--entrance-animation--easing), background-color var(--duration--medium) var(--entrance-animation--easing), border-color var(--duration--medium) var(--entrance-animation--easing), border-radius var(--duration--medium) var(--entrance-animation--easing), box-shadow var(--duration--medium) var(--entrance-animation--easing);
  padding-top: var(--btn-medium-padding-block);
  padding-right: var(--btn-medium-padding-inline);
  padding-bottom: var(--btn-medium-padding-block);
  padding-left: var(--btn-medium-padding-inline);
}

.bricks-button:hover {
  color: var(--btn-primary-color--hover);
  border-width: var(--btn-border-width--hover);
  border-color: var(--btn-primary-border-color--hover);
  border-radius: var(--btn-border-radius--hover);
  box-shadow: var(--btn-shadow--hover);
}

.bricks-button:where(:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline)) {
  background-color: var(--btn-primary-background);
}

.bricks-button:where(:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline)):hover {
  background-color: var(--btn-primary-background--hover);
}

.bricks-button:where(.outline) {
  color: var(--btn-primary-outline-color);
  background-color: var(--btn-primary-outline-background);
  border-width: var(--btn-outline-border-width);
  border-color: var(--btn-primary-outline-border-color);
  border-radius: var(--btn-outline-border-radius);
  box-shadow: var(--btn-outline-shadow);
}

.bricks-button:where(.outline):hover {
  color: var(--btn-primary-outline-color--hover);
  background-color: var(--btn-primary-outline-background--hover);
  border-width: var(--btn-outline-border-width--hover);
  border-color: var(--btn-primary-outline-border-color--hover);
  box-shadow: var(--btn-outline-shadow--hover);
}

.bricks-button:where(.bricks-background-primary), .bricks-button:where(.bricks-color-primary) {
  color: var(--btn-primary-color);
  border-color: var(--btn-primary-border-color);
}

.bricks-button:where(.bricks-background-primary):hover, .bricks-button:where(.bricks-color-primary):hover {
  color: var(--btn-primary-color--hover);
  border-color: var(--btn-primary-border-color--hover);
}

.bricks-button:where(.bricks-background-primary:not(.outline)) {
  background-color: var(--btn-primary-background);
}

.bricks-button:where(.bricks-background-primary:not(.outline)):hover {
  background-color: var(--btn-primary-background--hover);
}

.bricks-button:where(.bricks-color-primary.outline) {
  color: var(--btn-primary-outline-color);
  background-color: var(--btn-primary-outline-background);
  border-color: var(--btn-primary-outline-border-color);
}

.bricks-button:where(.bricks-color-primary.outline):hover {
  color: var(--btn-primary-outline-color--hover);
  background-color: var(--btn-primary-outline-background--hover);
  border-color: var(--btn-primary-outline-border-color--hover);
}

.bricks-button:where(.bricks-background-secondary), .bricks-button:where(.bricks-color-secondary) {
  color: var(--btn-secondary-color);
  border-color: var(--btn-secondary-border-color);
}

.bricks-button:where(.bricks-background-secondary):hover, .bricks-button:where(.bricks-color-secondary):hover {
  color: var(--btn-secondary-color--hover);
  border-color: var(--btn-secondary-border-color--hover);
}

.bricks-button:where(.bricks-background-secondary:not(.outline)) {
  background-color: var(--btn-secondary-background);
}

.bricks-button:where(.bricks-background-secondary:not(.outline)):hover {
  background-color: var(--btn-secondary-background--hover);
}

.bricks-button:where(.bricks-color-secondary.outline) {
  color: var(--btn-secondary-outline-color);
  background-color: var(--btn-secondary-outline-background);
  border-color: var(--btn-secondary-outline-border-color);
}

.bricks-button:where(.bricks-color-secondary.outline):hover {
  color: var(--btn-secondary-outline-color--hover);
  background-color: var(--btn-secondary-outline-background--hover);
  border-color: var(--btn-secondary-outline-border-color--hover);
}

.bricks-button:where(.bricks-background-light:not(.bricks-lightbox)), .bricks-button:where(.bricks-color-light:not(.bricks-lightbox)) {
  color: var(--btn-light-color);
  border-color: var(--btn-light-border-color);
}

.bricks-button:where(.bricks-background-light:not(.bricks-lightbox)):hover, .bricks-button:where(.bricks-color-light:not(.bricks-lightbox)):hover {
  color: var(--btn-light-color--hover);
  border-color: var(--btn-light-border-color--hover);
}

.bricks-button:where(.bricks-background-light:not(.outline):not(.bricks-lightbox)) {
  background-color: var(--btn-light-background);
}

.bricks-button:where(.bricks-background-light:not(.outline):not(.bricks-lightbox)):hover {
  background-color: var(--btn-light-background--hover);
}

.bricks-button:where(.bricks-color-light.outline) {
  color: var(--btn-light-outline-color);
  background-color: var(--btn-light-outline-background);
  border-color: var(--btn-light-outline-border-color);
}

.bricks-button:where(.bricks-color-light.outline):hover {
  color: var(--btn-light-outline-color--hover);
  background-color: var(--btn-light-outline-background--hover);
  border-color: var(--btn-light-outline-border-color--hover);
}

.bricks-button:where(.bricks-background-dark), .bricks-button:where(.bricks-color-dark) {
  color: var(--btn-dark-color);
  border-color: var(--btn-dark-border-color);
}

.bricks-button:where(.bricks-background-dark):hover, .bricks-button:where(.bricks-color-dark):hover {
  color: var(--btn-dark-color--hover);
  border-color: var(--btn-dark-border-color--hover);
}

.bricks-button:where(.bricks-background-dark:not(.outline)) {
  background-color: var(--btn-dark-background);
}

.bricks-button:where(.bricks-background-dark:not(.outline)):hover {
  background-color: var(--btn-dark-background--hover);
}

.bricks-button:where(.bricks-color-dark.outline) {
  color: var(--btn-dark-outline-color);
  background-color: var(--btn-dark-outline-background);
  border-color: var(--btn-dark-outline-border-color);
}

.bricks-button:where(.bricks-color-dark.outline):hover {
  color: var(--btn-dark-outline-color--hover);
  background-color: var(--btn-dark-outline-background--hover);
  border-color: var(--btn-dark-outline-border-color--hover);
}

.bricks-button:where(.bricks-background-muted), .bricks-button:where(.bricks-color-muted) {
  color: var(--btn-muted-color);
  border-color: var(--btn-muted-border-color);
}

.bricks-button:where(.bricks-background-muted):hover, .bricks-button:where(.bricks-color-muted):hover {
  color: var(--btn-muted-color--hover);
  border-color: var(--btn-muted-border-color--hover);
}

.bricks-button:where(.bricks-background-muted:not(.outline)):hover {
  background-color: var(--btn-muted-background--hover);
}

.bricks-button:where(.bricks-background-muted:not(.outline)) {
  background-color: var(--btn-muted-background);
}

.bricks-button:where(.bricks-color-muted.outline):hover {
  color: var(--btn-muted-outline-color--hover);
  background-color: var(--btn-muted-outline-background--hover);
  border-color: var(--btn-muted-outline-border-color--hover);
}

.bricks-button:where(.bricks-color-muted.outline) {
  color: var(--btn-muted-outline-color);
  background-color: var(--btn-muted-outline-background);
  border-color: var(--btn-muted-outline-border-color);
}

.bricks-button:where(.bricks-background-info), .bricks-button:where(.bricks-color-info) {
  color: var(--btn-info-color);
  border-color: var(--btn-info-border-color);
}

.bricks-button:where(.bricks-background-info):hover, .bricks-button:where(.bricks-color-info):hover {
  color: var(--btn-info-color--hover);
  border-color: var(--btn-info-border-color--hover);
}

.bricks-button:where(.bricks-background-info:not(.outline)) {
  background-color: var(--btn-info-background);
}

.bricks-button:where(.bricks-background-info:not(.outline)):hover {
  background-color: var(--btn-info-background--hover);
}

.bricks-button:where(.bricks-color-info.outline) {
  color: var(--btn-info-outline-color);
  background-color: var(--btn-info-outline-background);
  border-color: var(--btn-info-outline-border-color);
}

.bricks-button:where(.bricks-color-info.outline):hover {
  color: var(--btn-info-outline-color--hover);
  background-color: var(--btn-info-outline-background--hover);
  border-color: var(--btn-info-outline-border-color--hover);
}

.bricks-button:where(.bricks-background-success), .bricks-button:where(.bricks-color-success) {
  color: var(--btn-success-color);
  border-color: var(--btn-success-border-color);
}

.bricks-button:where(.bricks-background-success:not(.outline)) {
  background-color: var(--btn-success-background);
}

.bricks-button:where(.bricks-background-success:not(.outline)):hover {
  background-color: var(--btn-success-background--hover);
}

.bricks-button:where(.bricks-background-success):hover, .bricks-button:where(.bricks-color-success):hover {
  border-color: var(--btn-success-border-color--hover);
}

.bricks-button:where(.bricks-color-success.outline) {
  color: var(--btn-success-outline-color);
  background-color: var(--btn-success-outline-background);
  border-color: var(--btn-success-outline-border-color);
}

.bricks-button:where(.bricks-color-success.outline):hover {
  color: var(--btn-success-outline-color--hover);
  background-color: var(--btn-success-outline-background--hover);
  border-color: var(--btn-success-outline-border-color--hover);
}

.bricks-button:where(.bricks-background-warning), .bricks-button:where(.bricks-color-warning) {
  color: var(--btn-warning-color);
  border-color: var(--btn-warning-border-color);
}

.bricks-button:where(.bricks-background-warning):hover, .bricks-button:where(.bricks-color-warning):hover {
  color: var(--btn-warning-color--hover);
  border-color: var(--btn-warning-border-color--hover);
}

.bricks-button:where(.bricks-background-warning:not(.outline)):hover {
  background-color: var(--btn-warning-background--hover);
}

.bricks-button:where(.bricks-background-warning:not(.outline)) {
  background-color: var(--btn-warning-background);
}

.bricks-button:where(.bricks-color-warning.outline) {
  color: var(--btn-warning-outline-color);
  background-color: var(--btn-warning-outline-background);
  border-color: var(--btn-warning-outline-border-color);
}

.bricks-button:where(.bricks-color-warning.outline):hover {
  color: var(--btn-warning-outline-color--hover);
  background-color: var(--btn-warning-outline-background--hover);
  border-color: var(--btn-warning-outline-border-color--hover);
}

.bricks-button:where(.bricks-background-danger), .bricks-button:where(.bricks-color-danger) {
  color: var(--btn-danger-color);
  border-color: var(--btn-danger-border-color);
}

.bricks-button:where(.bricks-background-danger):hover, .bricks-button:where(.bricks-color-danger):hover {
  color: var(--btn-danger-color--hover);
  border-color: var(--btn-danger-border-color--hover);
}

.bricks-button:where(.bricks-background-danger:not(.outline)):hover {
  background-color: var(--btn-danger-background--hover);
}

.bricks-button:where(.bricks-background-danger:not(.outline)) {
  background-color: var(--btn-danger-background);
}

.bricks-button:where(.bricks-color-danger.outline) {
  color: var(--btn-danger-outline-color);
  background-color: var(--btn-danger-outline-background);
  border-color: var(--btn-danger-outline-border-color);
}

.bricks-button:where(.bricks-color-danger.outline):hover {
  color: var(--btn-danger-outline-color--hover);
  background-color: var(--btn-danger-outline-background--hover);
  border-color: var(--btn-danger-outline-border-color--hover);
}

.bricks-button:where(.sm) {
  padding-top: var(--btn-small-padding-block);
  padding-right: var(--btn-small-padding-inline);
  padding-bottom: var(--btn-small-padding-block);
  padding-left: var(--btn-small-padding-inline);
  font-size: var(--btn-small-font-size);
}

.bricks-button:where(.md) {
  padding-top: var(--btn-medium-padding-block);
  padding-right: var(--btn-medium-padding-inline);
  padding-bottom: var(--btn-medium-padding-block);
  padding-left: var(--btn-medium-padding-inline);
  font-size: var(--btn-medium-font-size);
}

.bricks-button:where(.lg) {
  padding-top: var(--btn-large-padding-block);
  padding-right: var(--btn-large-padding-inline);
  padding-bottom: var(--btn-large-padding-block);
  padding-left: var(--btn-large-padding-inline);
  font-size: var(--btn-large-font-size);
  line-height: 2rem;
}

.bricks-button:where(.xl) {
  padding-top: var(--btn-x-large-padding-block);
  padding-right: var(--btn-x-large-padding-inline);
  padding-bottom: var(--btn-x-large-padding-block);
  padding-left: var(--btn-x-large-padding-inline);
  font-size: var(--btn-x-large-font-size);
  line-height: 2rem;
}

.brxe-form .form-group label {
  font-size: var(--form-label-font-size);
  color: var(--form-label-color);
}

.brxe-form .form-group .label {
  font-size: var(--form-label-font-size);
  color: var(--form-label-color);
}

.brxe-form .form-group input {
  font-size: var(--form-input-font-size);
  color: var(--form-input-color);
  line-height: var(--form-input-line-height);
  background-color: var(--form-input-background-color);
  border-width: var(--form-input-border-width);
  border-color: var(--form-input-border-color);
  border-radius: var(--form-input-border-radius);
  padding-top: var(--form-input-padding-block);
  padding-right: var(--form-input-padding-inline);
  padding-bottom: var(--form-input-padding-block);
  padding-left: var(--form-input-padding-inline);
}

.brxe-form select {
  font-size: var(--form-input-font-size);
  color: var(--form-input-color);
  line-height: var(--form-input-line-height);
  background-color: var(--form-input-background-color);
  border-width: var(--form-input-border-width);
  border-color: var(--form-input-border-color);
  border-radius: var(--form-input-border-radius);
  padding-top: var(--form-input-padding-block);
  padding-right: var(--form-input-padding-inline);
  padding-bottom: var(--form-input-padding-block);
  padding-left: var(--form-input-padding-inline);
}

.brxe-form textarea {
  font-size: var(--form-input-font-size);
  color: var(--form-input-color);
  line-height: var(--form-input-line-height);
  background-color: var(--form-input-background-color);
  border-width: var(--form-input-border-width);
  border-color: var(--form-input-border-color);
  border-radius: var(--form-input-border-radius);
  padding-top: var(--form-input-padding-block);
  padding-right: var(--form-input-padding-inline);
  padding-bottom: var(--form-input-padding-block);
  padding-left: var(--form-input-padding-inline);
}

.brxe-form .form-group input:focus {
  color: var(--form-input-color--focus);
  background-color: var(--form-input-background-color--focus);
  border-color: var(--focus-outline-color);
  border-radius: var(--form-input-border-radius);
}

.brxe-form select:focus {
  color: var(--form-input-color--focus);
  background-color: var(--form-input-background-color--focus);
  border-color: var(--focus-outline-color);
  border-radius: var(--form-input-border-radius);
}

.brxe-form textarea:focus {
  color: var(--form-input-color--focus);
  background-color: var(--form-input-background-color--focus);
  border-color: var(--focus-outline-color);
  border-radius: var(--form-input-border-radius);
}

.brxe-form .flatpickr {
  background-color: var(--form-input-background-color);
  border-width: var(--form-input-border-width);
  border-color: var(--form-input-border-color);
  border-radius: var(--form-input-border-radius);
  padding-top: var(--form-input-padding-block);
  padding-right: var(--form-input-padding-inline);
  padding-bottom: var(--form-input-padding-block);
  padding-left: var(--form-input-padding-inline);
}

.brxe-form .form-field-richtext + .tox-tinymce {
  background-color: var(--form-input-background-color);
  border-width: var(--form-input-border-width);
  border-color: var(--form-input-border-color);
  border-radius: var(--form-input-border-radius);
  padding-top: var(--form-input-padding-block);
  padding-right: var(--form-input-padding-inline);
  padding-bottom: var(--form-input-padding-block);
  padding-left: var(--form-input-padding-inline);
}

.brxe-form .flatpickr:focus {
  background-color: var(--form-input-background-color--focus);
  border-color: var(--focus-outline-color);
  border-radius: var(--form-input-border-radius);
}

.brxe-form .form-field-richtext + .tox-tinymce:focus {
  background-color: var(--form-input-background-color--focus);
  border-color: var(--focus-outline-color);
  border-radius: var(--form-input-border-radius);
}

.brxe-form .bricks-button {
  border-width: var(--form-input-border-width);
  border-color: var(--form-input-border-color);
  border-radius: var(--form-input-border-radius);
}

.brxe-form .choose-files {
  border-width: var(--form-input-border-width);
  border-color: var(--form-input-border-color);
  border-radius: var(--form-input-border-radius);
}

.brxe-form .bricks-button:focus {
  border-color: var(--focus-outline-color);
  border-radius: var(--form-input-border-radius);
}

.brxe-form .choose-files:focus {
  border-color: var(--focus-outline-color);
  border-radius: var(--form-input-border-radius);
}

html {
  background-color: var(--background);
}

body {
  background: none;
}

.bg-primary {
  background-color: var(--primary);
}

.bg-primary-l-1 {
  background-color: var(--primary-l-1);
}

.bg-primary-l-2 {
  background-color: var(--primary-l-2);
}

.bg-primary-l-3 {
  background-color: var(--primary-l-3);
}

.bg-primary-l-4 {
  background-color: var(--primary-l-4);
}

.bg-primary-l-5 {
  background-color: var(--primary-l-5);
}

.bg-primary-l-6 {
  background-color: var(--primary-l-6);
}

.bg-primary-l-7 {
  background-color: var(--primary-l-7);
}

.bg-primary-l-8 {
  background-color: var(--primary-l-8);
}

.bg-primary-l-9 {
  background-color: var(--primary-l-9);
}

.bg-primary-d-1 {
  background-color: var(--primary-d-1);
}

.bg-primary-d-2 {
  background-color: var(--primary-d-2);
}

.bg-primary-d-3 {
  background-color: var(--primary-d-3);
}

.bg-primary-d-4 {
  background-color: var(--primary-d-4);
}

.bg-primary-d-5 {
  background-color: var(--primary-d-5);
}

.bg-primary-d-6 {
  background-color: var(--primary-d-6);
}

.bg-primary-d-7 {
  background-color: var(--primary-d-7);
}

.bg-primary-d-8 {
  background-color: var(--primary-d-8);
}

.bg-primary-d-9 {
  background-color: var(--primary-d-9);
}

.bg-primary-t-1 {
  background-color: var(--primary-t-1);
}

.bg-primary-t-2 {
  background-color: var(--primary-t-2);
}

.bg-primary-t-3 {
  background-color: var(--primary-t-3);
}

.bg-primary-t-4 {
  background-color: var(--primary-t-4);
}

.bg-primary-t-5 {
  background-color: var(--primary-t-5);
}

.bg-primary-t-6 {
  background-color: var(--primary-t-6);
}

.bg-primary-t-7 {
  background-color: var(--primary-t-7);
}

.bg-primary-t-8 {
  background-color: var(--primary-t-8);
}

.bg-primary-t-9 {
  background-color: var(--primary-t-9);
}

.text-primary {
  color: var(--primary);
}

.text-primary-l-1 {
  color: var(--primary-l-1);
}

.text-primary-l-2 {
  color: var(--primary-l-2);
}

.text-primary-l-3 {
  color: var(--primary-l-3);
}

.text-primary-l-4 {
  color: var(--primary-l-4);
}

.text-primary-l-5 {
  color: var(--primary-l-5);
}

.text-primary-l-6 {
  color: var(--primary-l-6);
}

.text-primary-l-7 {
  color: var(--primary-l-7);
}

.text-primary-l-8 {
  color: var(--primary-l-8);
}

.text-primary-l-9 {
  color: var(--primary-l-9);
}

.text-primary-d-1 {
  color: var(--primary-d-1);
}

.text-primary-d-2 {
  color: var(--primary-d-2);
}

.text-primary-d-3 {
  color: var(--primary-d-3);
}

.text-primary-d-4 {
  color: var(--primary-d-4);
}

.text-primary-d-5 {
  color: var(--primary-d-5);
}

.text-primary-d-6 {
  color: var(--primary-d-6);
}

.text-primary-d-7 {
  color: var(--primary-d-7);
}

.text-primary-d-8 {
  color: var(--primary-d-8);
}

.text-primary-d-9 {
  color: var(--primary-d-9);
}

.text-primary-t-1 {
  color: var(--primary-t-1);
}

.text-primary-t-2 {
  color: var(--primary-t-2);
}

.text-primary-t-3 {
  color: var(--primary-t-3);
}

.text-primary-t-4 {
  color: var(--primary-t-4);
}

.text-primary-t-5 {
  color: var(--primary-t-5);
}

.text-primary-t-6 {
  color: var(--primary-t-6);
}

.text-primary-t-7 {
  color: var(--primary-t-7);
}

.text-primary-t-8 {
  color: var(--primary-t-8);
}

.text-primary-t-9 {
  color: var(--primary-t-9);
}

.bg-secondary {
  background-color: var(--secondary);
}

.bg-secondary-l-1 {
  background-color: var(--secondary-l-1);
}

.bg-secondary-l-2 {
  background-color: var(--secondary-l-2);
}

.bg-secondary-l-3 {
  background-color: var(--secondary-l-3);
}

.bg-secondary-l-4 {
  background-color: var(--secondary-l-4);
}

.bg-secondary-l-5 {
  background-color: var(--secondary-l-5);
}

.bg-secondary-l-6 {
  background-color: var(--secondary-l-6);
}

.bg-secondary-l-7 {
  background-color: var(--secondary-l-7);
}

.bg-secondary-l-8 {
  background-color: var(--secondary-l-8);
}

.bg-secondary-l-9 {
  background-color: var(--secondary-l-9);
}

.bg-secondary-d-1 {
  background-color: var(--secondary-d-1);
}

.bg-secondary-d-2 {
  background-color: var(--secondary-d-2);
}

.bg-secondary-d-3 {
  background-color: var(--secondary-d-3);
}

.bg-secondary-d-4 {
  background-color: var(--secondary-d-4);
}

.bg-secondary-d-5 {
  background-color: var(--secondary-d-5);
}

.bg-secondary-d-6 {
  background-color: var(--secondary-d-6);
}

.bg-secondary-d-7 {
  background-color: var(--secondary-d-7);
}

.bg-secondary-d-8 {
  background-color: var(--secondary-d-8);
}

.bg-secondary-d-9 {
  background-color: var(--secondary-d-9);
}

.bg-secondary-t-1 {
  background-color: var(--secondary-t-1);
}

.bg-secondary-t-2 {
  background-color: var(--secondary-t-2);
}

.bg-secondary-t-3 {
  background-color: var(--secondary-t-3);
}

.bg-secondary-t-4 {
  background-color: var(--secondary-t-4);
}

.bg-secondary-t-5 {
  background-color: var(--secondary-t-5);
}

.bg-secondary-t-6 {
  background-color: var(--secondary-t-6);
}

.bg-secondary-t-7 {
  background-color: var(--secondary-t-7);
}

.bg-secondary-t-8 {
  background-color: var(--secondary-t-8);
}

.bg-secondary-t-9 {
  background-color: var(--secondary-t-9);
}

.text-secondary {
  color: var(--secondary);
}

.text-secondary-l-1 {
  color: var(--secondary-l-1);
}

.text-secondary-l-2 {
  color: var(--secondary-l-2);
}

.text-secondary-l-3 {
  color: var(--secondary-l-3);
}

.text-secondary-l-4 {
  color: var(--secondary-l-4);
}

.text-secondary-l-5 {
  color: var(--secondary-l-5);
}

.text-secondary-l-6 {
  color: var(--secondary-l-6);
}

.text-secondary-l-7 {
  color: var(--secondary-l-7);
}

.text-secondary-l-8 {
  color: var(--secondary-l-8);
}

.text-secondary-l-9 {
  color: var(--secondary-l-9);
}

.text-secondary-d-1 {
  color: var(--secondary-d-1);
}

.text-secondary-d-2 {
  color: var(--secondary-d-2);
}

.text-secondary-d-3 {
  color: var(--secondary-d-3);
}

.text-secondary-d-4 {
  color: var(--secondary-d-4);
}

.text-secondary-d-5 {
  color: var(--secondary-d-5);
}

.text-secondary-d-6 {
  color: var(--secondary-d-6);
}

.text-secondary-d-7 {
  color: var(--secondary-d-7);
}

.text-secondary-d-8 {
  color: var(--secondary-d-8);
}

.text-secondary-d-9 {
  color: var(--secondary-d-9);
}

.text-secondary-t-1 {
  color: var(--secondary-t-1);
}

.text-secondary-t-2 {
  color: var(--secondary-t-2);
}

.text-secondary-t-3 {
  color: var(--secondary-t-3);
}

.text-secondary-t-4 {
  color: var(--secondary-t-4);
}

.text-secondary-t-5 {
  color: var(--secondary-t-5);
}

.text-secondary-t-6 {
  color: var(--secondary-t-6);
}

.text-secondary-t-7 {
  color: var(--secondary-t-7);
}

.text-secondary-t-8 {
  color: var(--secondary-t-8);
}

.text-secondary-t-9 {
  color: var(--secondary-t-9);
}

.text-light {
  color: var(--light);
}

.text-light-l-1 {
  color: var(--light-l-1);
}

.text-light-l-2 {
  color: var(--light-l-2);
}

.text-light-l-3 {
  color: var(--light-l-3);
}

.text-light-l-4 {
  color: var(--light-l-4);
}

.text-light-l-5 {
  color: var(--light-l-5);
}

.text-light-l-6 {
  color: var(--light-l-6);
}

.text-light-l-7 {
  color: var(--light-l-7);
}

.text-light-l-8 {
  color: var(--light-l-8);
}

.text-light-l-9 {
  color: var(--light-l-9);
}

.text-light-d-1 {
  color: var(--light-d-1);
}

.text-light-d-2 {
  color: var(--light-d-2);
}

.text-light-d-3 {
  color: var(--light-d-3);
}

.text-light-d-4 {
  color: var(--light-d-4);
}

.text-light-d-5 {
  color: var(--light-d-5);
}

.text-light-d-6 {
  color: var(--light-d-6);
}

.text-light-d-7 {
  color: var(--light-d-7);
}

.text-light-d-8 {
  color: var(--light-d-8);
}

.text-light-d-9 {
  color: var(--light-d-9);
}

.text-light-t-1 {
  color: var(--light-t-1);
}

.text-light-t-2 {
  color: var(--light-t-2);
}

.text-light-t-3 {
  color: var(--light-t-3);
}

.text-light-t-4 {
  color: var(--light-t-4);
}

.text-light-t-5 {
  color: var(--light-t-5);
}

.text-light-t-6 {
  color: var(--light-t-6);
}

.text-light-t-7 {
  color: var(--light-t-7);
}

.text-light-t-8 {
  color: var(--light-t-8);
}

.text-light-t-9 {
  color: var(--light-t-9);
}

.bg-light {
  background-color: var(--light);
}

.bg-light-l-1 {
  background-color: var(--light-l-1);
}

.bg-light-l-2 {
  background-color: var(--light-l-2);
}

.bg-light-l-3 {
  background-color: var(--light-l-3);
}

.bg-light-l-4 {
  background-color: var(--light-l-4);
}

.bg-light-l-5 {
  background-color: var(--light-l-5);
}

.bg-light-l-6 {
  background-color: var(--light-l-6);
}

.bg-light-l-7 {
  background-color: var(--light-l-7);
}

.bg-light-l-8 {
  background-color: var(--light-l-8);
}

.bg-light-l-9 {
  background-color: var(--light-l-9);
}

.bg-light-d-1 {
  background-color: var(--light-d-1);
}

.bg-light-d-2 {
  background-color: var(--light-d-2);
}

.bg-light-d-3 {
  background-color: var(--light-d-3);
}

.bg-light-d-4 {
  background-color: var(--light-d-4);
}

.bg-light-d-5 {
  background-color: var(--light-d-5);
}

.bg-light-d-6 {
  background-color: var(--light-d-6);
}

.bg-light-d-7 {
  background-color: var(--light-d-7);
}

.bg-light-d-8 {
  background-color: var(--light-d-8);
}

.bg-light-d-9 {
  background-color: var(--light-d-9);
}

.bg-light-t-1 {
  background-color: var(--light-t-1);
}

.bg-light-t-2 {
  background-color: var(--light-t-2);
}

.bg-light-t-3 {
  background-color: var(--light-t-3);
}

.bg-light-t-4 {
  background-color: var(--light-t-4);
}

.bg-light-t-5 {
  background-color: var(--light-t-5);
}

.bg-light-t-6 {
  background-color: var(--light-t-6);
}

.bg-light-t-7 {
  background-color: var(--light-t-7);
}

.bg-light-t-8 {
  background-color: var(--light-t-8);
}

.bg-light-t-9 {
  background-color: var(--light-t-9);
}

.bg-dark {
  background-color: var(--dark);
}

.bg-dark-l-1 {
  background-color: var(--dark-l-1);
}

.bg-dark-l-2 {
  background-color: var(--dark-l-2);
}

.bg-dark-l-3 {
  background-color: var(--dark-l-3);
}

.bg-dark-l-4 {
  background-color: var(--dark-l-4);
}

.bg-dark-l-5 {
  background-color: var(--dark-l-5);
}

.bg-dark-l-6 {
  background-color: var(--dark-l-6);
}

.bg-dark-l-7 {
  background-color: var(--dark-l-7);
}

.bg-dark-l-8 {
  background-color: var(--dark-l-8);
}

.bg-dark-l-9 {
  background-color: var(--dark-l-9);
}

.bg-dark-d-1 {
  background-color: var(--dark-d-1);
}

.bg-dark-d-2 {
  background-color: var(--dark-d-2);
}

.bg-dark-d-3 {
  background-color: var(--dark-d-3);
}

.bg-dark-d-4 {
  background-color: var(--dark-d-4);
}

.bg-dark-d-5 {
  background-color: var(--dark-d-5);
}

.bg-dark-d-6 {
  background-color: var(--dark-d-6);
}

.bg-dark-d-7 {
  background-color: var(--dark-d-7);
}

.bg-dark-d-8 {
  background-color: var(--dark-d-8);
}

.bg-dark-d-9 {
  background-color: var(--dark-d-9);
}

.bg-dark-t-1 {
  background-color: var(--dark-t-1);
}

.bg-dark-t-2 {
  background-color: var(--dark-t-2);
}

.bg-dark-t-3 {
  background-color: var(--dark-t-3);
}

.bg-dark-t-4 {
  background-color: var(--dark-t-4);
}

.bg-dark-t-5 {
  background-color: var(--dark-t-5);
}

.bg-dark-t-6 {
  background-color: var(--dark-t-6);
}

.bg-dark-t-7 {
  background-color: var(--dark-t-7);
}

.bg-dark-t-8 {
  background-color: var(--dark-t-8);
}

.bg-dark-t-9 {
  background-color: var(--dark-t-9);
}

.text-dark {
  color: var(--dark);
}

.text-dark-l-1 {
  color: var(--dark-l-1);
}

.text-dark-l-2 {
  color: var(--dark-l-2);
}

.text-dark-l-3 {
  color: var(--dark-l-3);
}

.text-dark-l-4 {
  color: var(--dark-l-4);
}

.text-dark-l-5 {
  color: var(--dark-l-5);
}

.text-dark-l-6 {
  color: var(--dark-l-6);
}

.text-dark-l-7 {
  color: var(--dark-l-7);
}

.text-dark-l-8 {
  color: var(--dark-l-8);
}

.text-dark-l-9 {
  color: var(--dark-l-9);
}

.text-dark-d-1 {
  color: var(--dark-d-1);
}

.text-dark-d-2 {
  color: var(--dark-d-2);
}

.text-dark-d-3 {
  color: var(--dark-d-3);
}

.text-dark-d-4 {
  color: var(--dark-d-4);
}

.text-dark-d-5 {
  color: var(--dark-d-5);
}

.text-dark-d-6 {
  color: var(--dark-d-6);
}

.text-dark-d-7 {
  color: var(--dark-d-7);
}

.text-dark-d-8 {
  color: var(--dark-d-8);
}

.text-dark-d-9 {
  color: var(--dark-d-9);
}

.text-dark-t-1 {
  color: var(--dark-t-1);
}

.text-dark-t-2 {
  color: var(--dark-t-2);
}

.text-dark-t-3 {
  color: var(--dark-t-3);
}

.text-dark-t-4 {
  color: var(--dark-t-4);
}

.text-dark-t-5 {
  color: var(--dark-t-5);
}

.text-dark-t-6 {
  color: var(--dark-t-6);
}

.text-dark-t-7 {
  color: var(--dark-t-7);
}

.text-dark-t-8 {
  color: var(--dark-t-8);
}

.text-dark-t-9 {
  color: var(--dark-t-9);
}

.bg-white {
  background-color: var(--white);
}

.bg-white-t-1 {
  background-color: var(--white-t-1);
}

.bg-white-t-2 {
  background-color: var(--white-t-2);
}

.bg-white-t-3 {
  background-color: var(--white-t-3);
}

.bg-white-t-4 {
  background-color: var(--white-t-4);
}

.bg-white-t-5 {
  background-color: var(--white-t-5);
}

.bg-white-t-6 {
  background-color: var(--white-t-6);
}

.bg-white-t-7 {
  background-color: var(--white-t-7);
}

.bg-white-t-8 {
  background-color: var(--white-t-8);
}

.bg-white-t-9 {
  background-color: var(--white-t-9);
}

.text-white {
  color: var(--white);
}

.text-white-t-1 {
  color: var(--white-t-1);
}

.text-white-t-2 {
  color: var(--white-t-2);
}

.text-white-t-3 {
  color: var(--white-t-3);
}

.text-white-t-4 {
  color: var(--white-t-4);
}

.text-white-t-5 {
  color: var(--white-t-5);
}

.text-white-t-6 {
  color: var(--white-t-6);
}

.text-white-t-7 {
  color: var(--white-t-7);
}

.text-white-t-8 {
  color: var(--white-t-8);
}

.text-white-t-9 {
  color: var(--white-t-9);
}

.cut--out {
  border-start-start-radius: calc(var(--radius) + var(--div-gap, 0px));
  border-start-end-radius: calc(var(--radius) + var(--div-gap, 0px));
}

.cut--out {
  --bg: var(--primary);
  background-color: var(--bg);
}

.cut--out {
  position: absolute;
  background-color: var(--primary);
  block-size: calc(100px + var(--div-gap, 0px));
  inline-size: calc(100px + var(--div-gap, 0px) *2);
}

.cut--out {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.fade--edges {
  --fade-amount: 15%;
  -webkit-mask-image: linear-gradient(to left, transparent, black var(--fade-amount), #000 calc(100% - var(--fade-amount)), transparent);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-image: linear-gradient(to left, transparent, black var(--fade-amount), black calc(100% - var(--fade-amount)), transparent);
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
}

[data-inverted-radius-1-position],
[data-inverted-radius-2-position] {
  --radius: var(--radius-16);
  position: absolute;
  background: var(--bg, var(--white));
  z-index: 1;
  isolation: isolate;
  --slice-top-left: var(--radius) 0 0 0;
  --slice-top-right: 0 var(--radius) 0 0;
  --slice-bottom-right: 0 0 var(--radius) 0;
  --slice-bottom-left: 0 0 0 var(--radius);
  --position-top-left: 0 auto auto 0;
  --position-top-right: 0 0 auto auto;
  --position-bottom-left: auto auto 0 0;
  --position-bottom-right: auto 0 0 auto;
  --position-top-left-outside: 0 auto auto calc(var(--radius) * -1);
  --position-top-right-outside: 0 calc(var(--radius) * -1) auto auto;
  --position-bottom-left-outside: auto 0 0 calc(var(--radius) * -1);
  --position-bottom-right-outside: auto calc(var(--radius) * -1) 0 auto;
  --position-top-outside-left: calc(var(--radius) * -1) auto auto 0;
  --position-top-outside-right: calc(var(--radius) * -1) 0 auto auto;
  --position-bottom-outside-left: auto 0 calc(var(--radius) * -1) 0;
  --position-bottom-outside-right: auto 0 calc(var(--radius) * -1) auto;
  --position-top-outside-left-outside: calc(var(--radius) * -1) auto auto calc(var(--radius) * -1);
  --position-top-outside-right-outside: calc(var(--radius) * -1) calc(var(--radius) * -1) auto auto;
  --position-bottom-outside-left-outside: auto auto calc(var(--radius) * -1) calc(var(--radius) * -1);
  --position-bottom-outside-right-outside: auto calc(var(--radius) * -1) calc(var(--radius) * -1) auto;
  --shadow-bottom-right: var(--radius) var(--radius) 0 var(--radius) var(--bg, var(--white));
  --shadow-bottom-left: calc(var(--radius) * -1) var(--radius) 0 var(--radius) var(--bg, var(--white));
  --shadow-top-right: var(--radius) calc(var(--radius) * -1) 0 var(--radius) var(--bg, var(--white));
  --shadow-top-left: calc(var(--radius) * -1) calc(var(--radius) * -1) 0 var(--radius) var(--bg, var(--white));
  --inverted-radius-1-shadow: var(--shadow-top-left);
  --inverted-radius-2-shadow: var(--shadow-top-left);
}

[data-inverted-radius-1-position="top-left"] {
  --inverted-radius-1-position: var(--position-top-left);
}

[data-inverted-radius-1-position="top-right"] {
  --inverted-radius-1-position: var(--position-top-right);
}

[data-inverted-radius-1-position="bottom-left"] {
  --inverted-radius-1-position: var(--position-bottom-left);
}

[data-inverted-radius-1-position="bottom-right"] {
  --inverted-radius-1-position: var(--position-bottom-right);
}

[data-inverted-radius-1-position="top-outside-left"] {
  --inverted-radius-1-position: var(--position-top-outside-left);
}

[data-inverted-radius-1-position="top-outside-right"] {
  --inverted-radius-1-position: var(--position-top-outside-right);
}

[data-inverted-radius-1-position="bottom-outside-left"] {
  --inverted-radius-1-position: var(--position-bottom-outside-left);
}

[data-inverted-radius-1-position="bottom-outside-right"] {
  --inverted-radius-1-position: var(--position-bottom-outside-right);
}

[data-inverted-radius-1-position="top-left-outside"] {
  --inverted-radius-1-position: var(--position-top-left-outside);
}

[data-inverted-radius-1-position="top-right-outside"] {
  --inverted-radius-1-position: var(--position-top-right-outside);
}

[data-inverted-radius-1-position="bottom-left-outside"] {
  --inverted-radius-1-position: var(--position-bottom-left-outside);
}

[data-inverted-radius-1-position="bottom-right-outside"] {
  --inverted-radius-1-position: var(--position-bottom-right-outside);
}

[data-inverted-radius-1-position="top-outside-left-outside"] {
  --inverted-radius-1-position: var(--position-top-outside-left-outside);
}

[data-inverted-radius-1-position="top-outside-right-outside"] {
  --inverted-radius-1-position: var(--position-top-outside-right-outside);
}

[data-inverted-radius-1-position="bottom-outside-left-outside"] {
  --inverted-radius-1-position: var(--position-bottom-outside-left-outside);
}

[data-inverted-radius-1-position="bottom-outside-right-outside"] {
  --inverted-radius-1-position: var(--position-bottom-outside-right-outside);
}

[data-inverted-radius-2-position="top-left"] {
  --inverted-radius-2-position: var(--position-top-left);
}

[data-inverted-radius-2-position="top-right"] {
  --inverted-radius-2-position: var(--position-top-right);
}

[data-inverted-radius-2-position="bottom-left"] {
  --inverted-radius-2-position: var(--position-bottom-left);
}

[data-inverted-radius-2-position="bottom-right"] {
  --inverted-radius-2-position: var(--position-bottom-right);
}

[data-inverted-radius-2-position="top-outside-left"] {
  --inverted-radius-2-position: var(--position-top-outside-left);
}

[data-inverted-radius-2-position="top-outside-right"] {
  --inverted-radius-2-position: var(--position-top-outside-right);
}

[data-inverted-radius-2-position="bottom-outside-left"] {
  --inverted-radius-2-position: var(--position-bottom-outside-left);
}

[data-inverted-radius-2-position="bottom-outside-right"] {
  --inverted-radius-2-position: var(--position-bottom-outside-right);
}

[data-inverted-radius-2-position="top-left-outside"] {
  --inverted-radius-2-position: var(--position-top-left-outside);
}

[data-inverted-radius-2-position="top-right-outside"] {
  --inverted-radius-2-position: var(--position-top-right-outside);
}

[data-inverted-radius-2-position="bottom-left-outside"] {
  --inverted-radius-2-position: var(--position-bottom-left-outside);
}

[data-inverted-radius-2-position="bottom-right-outside"] {
  --inverted-radius-2-position: var(--position-bottom-right-outside);
}

[data-inverted-radius-2-position="top-outside-left-outside"] {
  --inverted-radius-2-position: var(--position-top-outside-left-outside);
}

[data-inverted-radius-2-position="top-outside-right-outside"] {
  --inverted-radius-2-position: var(--position-top-outside-right-outside);
}

[data-inverted-radius-2-position="bottom-outside-left-outside"] {
  --inverted-radius-2-position: var(--position-bottom-outside-left-outside);
}

[data-inverted-radius-2-position="bottom-outside-right-outside"] {
  --inverted-radius-2-position: var(--position-bottom-outside-right-outside);
}

[data-inverted-radius-1-slice="top-left"] {
  --inverted-radius-1-slice: var(--slice-top-left);
  --inverted-radius-1-shadow: var(--shadow-top-left);
}

[data-inverted-radius-1-slice="top-right"] {
  --inverted-radius-1-slice: var(--slice-top-right);
  --inverted-radius-1-shadow: var(--shadow-top-right);
}

[data-inverted-radius-1-slice="bottom-left"] {
  --inverted-radius-1-slice: var(--slice-bottom-left);
  --inverted-radius-1-shadow: var(--shadow-bottom-left);
}

[data-inverted-radius-1-slice="bottom-right"] {
  --inverted-radius-1-slice: var(--slice-bottom-right);
  --inverted-radius-1-shadow: var(--shadow-bottom-right);
}

[data-inverted-radius-2-slice="top-left"] {
  --inverted-radius-2-slice: var(--slice-top-left);
  --inverted-radius-2-shadow: var(--shadow-top-left);
}

[data-inverted-radius-2-slice="top-right"] {
  --inverted-radius-2-slice: var(--slice-top-right);
  --inverted-radius-2-shadow: var(--shadow-top-right);
}

[data-inverted-radius-2-slice="bottom-left"] {
  --inverted-radius-2-slice: var(--slice-bottom-left);
  --inverted-radius-2-shadow: var(--shadow-bottom-left);
}

[data-inverted-radius-2-slice="bottom-right"] {
  --inverted-radius-2-slice: var(--slice-bottom-right);
  --inverted-radius-2-shadow: var(--shadow-bottom-right);
}

[data-inverted-radius-1-position]::before {
  content: "";
  position: absolute;
  inset: var(--inverted-radius-1-position);
  border-radius: var(--inverted-radius-1-slice);
  box-shadow: var(--inverted-radius-1-shadow);
  width: var(--radius);
  height: var(--radius);
  aspect-ratio: 1;
  z-index: -1;
  background: transparent;
}

[data-inverted-radius-2-position]::after {
  content: "";
  position: absolute;
  inset: var(--inverted-radius-2-position);
  border-radius: var(--inverted-radius-2-slice);
  box-shadow: var(--inverted-radius-2-shadow);
  width: var(--radius);
  height: var(--radius);
  aspect-ratio: 1;
  z-index: -1;
  background: transparent;
}

.nav--underline .brx-nav-nested-items > li > a.brxe-text-link::before,
.nav--underline .brx-nav-nested-items > li.brxe-dropdown::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background-color: var(--primary);
  pointer-events: none;
  z-index: 1;
  transition: width var(--duration--fast) var(--entrance-animation--easing),
    left var(--duration--fast) var(--entrance-animation--easing);
}

.nav--underline .brx-nav-nested-items > li > a.brxe-text-link:hover::before,
.nav--underline .brx-nav-nested-items > li.brxe-dropdown:hover::before {
  width: 100%;
  left: 0;
}

.nav--underline .brx-nav-nested-items > li > a.brxe-text-link[aria-current="page"] {
  color: var(--nav-item-text-hover);
}

.nav--underline .brx-nav-nested-items > li > a.brxe-text-link[aria-current="page"]::before {
  width: 100%;
  left: 0;
}

.nav-btn {
  width: 100%;
}

.off-nest-nav-btn-wrap {
  margin-top: auto;
  padding-left: var(--nav-item-padding-inline);
  padding-right: var(--nav-item-padding-inline);
}

.process-card {
  column-gap: var(--space-s);
  row-gap: var(--space-s);
  text-align: center;
  padding-block-start: var(--space-l);
  padding-inline-end: var(--space-l);
  padding-block-end: var(--space-l);
  padding-inline-start: var(--space-l);
  padding-top: var(--space-24);
  padding-right: var(--space-24);
  padding-bottom: var(--space-24);
  padding-left: var(--space-24);
}

.process-card {
  position: relative;
  isolation: isolate;
}

.process-card:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border: var(--border-width) solid var(--primary);
  border-radius: var(--radius-16);
  -webkit-mask: var(--mask, none);
  mask: var(--mask, none);
}

.process-card:after {
  --counter-font-size: var(--text-28);
  content: counter(process);
  counter-increment: process;
  position: absolute;
  inset: calc(var(--counter-size) / -2) auto auto 50%;
  translate: -50% 0;
  font-size: var(--counter-font-size);
  line-height: 1;
  inline-size: var(--counter-size);
  block-size: var(--counter-size);
  display: grid;
  place-items: center;
  background-color: var(--primary);
  color: var(--light);
}

.process-card__heading {
  font-size: var(--h4);
  margin-top: var(--space-16);
}

.process-grid {
  margin-top: var(--space-64);
}

.process-grid {
  --counter-size: calc(var(--h1)*1.1);
  counter-reset: process;
  grid-template-columns: var(--grid-3);
  grid-auto-rows: minmax(min-content, 1fr);
  row-gap: calc(var(--counter-size)/1);
  column-gap: calc(var(--counter-size)/2);
}

.ruled-grid {
  --gap: 3rem;
  --line-thickness: 1px;
  --line-color: var(--border);
  --line-offset: calc(var(--gap) / 2);
  grid-auto-rows: minmax(min-content, 1fr);
  align-items: stretch;
  gap: var(--gap);
  overflow: hidden;
}

.ruled-grid > * {
  position: relative;
  min-width: 0;
}

.ruled-grid > *::before,
.ruled-grid > *::after {
  content: "";
  position: absolute;
  z-index: 0;
  background-color: var(--line-color);
  pointer-events: none;
}

.ruled-grid > *::after {
  inline-size: 100vw;
  block-size: var(--line-thickness);
  inset-block-start: calc(var(--line-offset) * -1);
  inset-inline-start: 0;
}

.ruled-grid > *::before {
  inline-size: var(--line-thickness);
  block-size: 100vh;
  inset-block-start: 0;
  inset-inline-start: calc(var(--line-offset) * -1);
}

.ruled-grid > * > * {
  position: relative;
  z-index: 1;
}

.split-section {
  flex-direction: row;
}

.split-section__content {
  width: calc(var(--split-col) - max(0px,(100% - var(--content-width-safe))/2));
}

.split-section.justify-end .split-section__content {
  padding-right: var(--gutter);
}

.split-section.justify-start .split-section__content {
  padding-left: var(--gutter);
}

@media (max-width: 991px) {
  .split-section.justify-end .split-section__content {
    padding-right: 0;
  }
  .split-section.justify-start .split-section__content {
    padding-left: 0;
  }
}

.split-section__media {
  width: calc(100% - var(--split-col));
}

.stat-card--bottom-left {
  inset-block-end: 0;
  inset-inline-start: 0;
  border-top-right-radius: var(--radius);
}

.stat-card--bottom-right {
  inset-block-end: 0;
  inset-inline-end: 0;
  border-top-left-radius: var(--radius);
}

.z--1 {
  z-index: -1;
}

.z-0 {
  z-index: 0;
}

.z-1 {
  z-index: 1;
}

.z-10 {
  z-index: 10;
}

.z-100 {
  z-index: 100;
}

.z-1000 {
  z-index: 1000;
}

.z-10000 {
  z-index: 1000;
}

.static {
  position: static;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

.sticky {
  position: sticky;
}

.inset-0 {
  inset: 0;
}

.inset-auto {
  inset: auto;
}

.top-0 {
  top: 0;
}

.top-auto {
  top: auto;
}

.right-0 {
  right: 0;
}

.right-auto {
  right: auto;
}

.bottom-0 {
  bottom: 0;
}

.bottom-auto {
  bottom: auto;
}

.left-0 {
  left: 0;
}

.left-auto {
  left: auto;
}

.aspect-auto {
  aspect-ratio: auto;
}

.aspect-square {
  aspect-ratio: 1 / 1;
}

.aspect-video {
  aspect-ratio: 16 / 9;
}

.aspect-1\/1 {
  aspect-ratio: 1 / 1;
}

.aspect-4\/3 {
  aspect-ratio: 4 / 3;
}

.aspect-3\/2 {
  aspect-ratio: 3 / 2;
}

.aspect-16\/9 {
  aspect-ratio: 16 / 9;
}

.aspect-21\/9 {
  aspect-ratio: 21 / 9;
}

.object-contain {
  object-fit: contain;
}

.object-cover {
  object-fit: cover;
}

.object-fill {
  object-fit: fill;
}

.object-none {
  object-fit: none;
}

.object-scale-down {
  object-fit: scale-down;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-auto {
  overflow: auto;
}

.overflow-visible {
  overflow: visible;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-clip {
  overflow: clip;
}

.cursor-pointer {
  cursor: pointer;
}

.select-none {
  user-select: none;
}

.select-text {
  user-select: text;
}

.select-all {
  user-select: all;
}

.select-auto {
  user-select: auto;
}

.collapse {
  visibility: collapse;
}

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.pointer-events-none {
  pointer-events: none;
}

.pointer-events-auto {
  pointer-events: auto;
}

.flex-row {
  flex-direction: row;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-col {
  flex-direction: column;
}

.flex-col-reverse {
  flex-direction: column-reverse;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.justify-evenly {
  justify-content: space-evenly;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.items-center {
  align-items: center;
}

.items-baseline {
  align-items: baseline;
}

.items-stretch {
  align-items: stretch;
}

.self-auto {
  align-self: auto;
}

.self-start {
  align-self: flex-start;
}

.self-end {
  align-self: flex-end;
}

.self-center {
  align-self: center;
}

.self-baseline {
  align-self: baseline;
}

.self-stretch {
  align-self: stretch;
}

.content-start {
  align-content: flex-start;
}

.content-end {
  align-content: flex-end;
}

.content-center {
  align-content: center;
}

.content-between {
  align-content: space-between;
}

.content-around {
  align-content: space-around;
}

.content-evenly {
  align-content: space-evenly;
}

.content-stretch {
  align-content: stretch;
}

.grow {
  flex-grow: 1;
}

.grow-0 {
  flex-grow: 0;
}

.shrink {
  flex-shrink: 1;
}

.shrink-0 {
  flex-shrink: 0;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-auto {
  flex: 1 1 auto;
}

.flex-initial {
  flex: 0 1 auto;
}

.flex-none {
  flex: none;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

.text-start {
  text-align: start;
}

.text-end {
  text-align: end;
}

.italic {
  font-style: italic;
}

.not-italic {
  font-style: normal;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.normal-case {
  text-transform: none;
}

.underline {
  text-decoration: underline;
}

.overline {
  text-decoration: overline;
}

.line-through {
  text-decoration: line-through;
}

.no-underline {
  text-decoration: none;
}

.whitespace-normal {
  white-space: normal;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.whitespace-pre {
  white-space: pre;
}

.whitespace-pre-line {
  white-space: pre-line;
}

.whitespace-pre-wrap {
  white-space: pre-wrap;
}

.whitespace-break-spaces {
  white-space: break-spaces;
}

.truncate {
  overflow: hidden;
}

.truncate {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-ellipsis {
  text-overflow: ellipsis;
}

.text-clip {
  text-overflow: clip;
}

.break-normal {
  overflow-wrap: normal;
  word-break: normal;
}

.break-all {
  word-break: break-all;
}

.font-thin {
  font-weight: 100;
}

.font-extralight {
  font-weight: 200;
}

.font-light {
  font-weight: 300;
}

.font-normal {
  font-weight: 400;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.font-bold {
  font-weight: 700;
}

.font-extrabold {
  font-weight: 800;
}

.font-black {
  font-weight: 900;
}

.break-words {
  overflow-wrap: break-word;
}

.leading-none {
  line-height: 1;
}

.leading-tight {
  line-height: 1.25;
}

.leading-snug {
  line-height: 1.375;
}

.leading-normal {
  line-height: 1.5;
}

.leading-relaxed {
  line-height: 1.625;
}

.leading-loose {
  line-height: 2;
}

.tracking-tighter {
  letter-spacing: -0.05em;
}

.tracking-tight {
  letter-spacing: -0.025em;
}

.tracking-normal {
  letter-spacing: 0px;
}

.tracking-wide {
  letter-spacing: 0.025em;
}

.tracking-wider {
  letter-spacing: 0.05em;
}

.tracking-widest {
  letter-spacing: 0.1em;
}

.opacity-0 {
  opacity: 0;
}

.opacity-5 {
  opacity: 0.05;
}

.opacity-10 {
  opacity: 0.1;
}

.opacity-20 {
  opacity: 0.2;
}

.opacity-25 {
  opacity: 0.25;
}

.opacity-30 {
  opacity: 0.3;
}

.opacity-40 {
  opacity: 0.4;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-60 {
  opacity: 0.6;
}

.opacity-70 {
  opacity: 0.7;
}

.opacity-75 {
  opacity: 0.75;
}

.opacity-80 {
  opacity: 0.8;
}

.opacity-90 {
  opacity: 0.9;
}

.opacity-95 {
  opacity: 0.95;
}

.opacity-100 {
  opacity: 1;
}

.smart-spacing {
  width: var(--blog-width);
}

.pad-0 {
  padding-top: var(--space-0);
  padding-right: var(--space-0);
  padding-bottom: var(--space-0);
  padding-left: var(--space-0);
}

.pad-inline-0 {
  padding-right: var(--space-0);
  padding-left: var(--space-0);
}

.pad-block-0 {
  padding-top: var(--space-0);
  padding-bottom: var(--space-0);
}

.pad-t-0 {
  padding-top: var(--space-0);
}

.pad-r-0 {
  padding-right: var(--space-0);
}

.pad-b-0 {
  padding-bottom: var(--space-0);
}

.pad-l-0 {
  padding-left: var(--space-0);
}

.pad-2 {
  padding-top: var(--space-2);
  padding-right: var(--space-2);
  padding-bottom: var(--space-2);
  padding-left: var(--space-2);
}

.pad-inline-2 {
  padding-right: var(--space-2);
  padding-left: var(--space-2);
}

.pad-block-2 {
  padding-top: var(--space-2);
  padding-bottom: var(--space-2);
}

.pad-t-2 {
  padding-top: var(--space-2);
}

.pad-r-2 {
  padding-right: var(--space-2);
}

.pad-b-2 {
  padding-bottom: var(--space-2);
}

.pad-l-2 {
  padding-left: var(--space-2);
}

.pad-4 {
  padding-top: var(--space-4);
  padding-right: var(--space-4);
  padding-bottom: var(--space-4);
  padding-left: var(--space-4);
}

.pad-inline-4 {
  padding-right: var(--space-4);
  padding-left: var(--space-4);
}

.pad-block-4 {
  padding-top: var(--space-4);
  padding-bottom: var(--space-4);
}

.pad-t-4 {
  padding-top: var(--space-4);
}

.pad-r-4 {
  padding-right: var(--space-4);
}

.pad-b-4 {
  padding-bottom: var(--space-4);
}

.pad-l-4 {
  padding-left: var(--space-4);
}

.pad-6 {
  padding-top: var(--space-6);
  padding-right: var(--space-6);
  padding-bottom: var(--space-6);
  padding-left: var(--space-6);
}

.pad-inline-6 {
  padding-right: var(--space-6);
  padding-left: var(--space-6);
}

.pad-block-6 {
  padding-top: var(--space-6);
  padding-bottom: var(--space-6);
}

.pad-t-6 {
  padding-top: var(--space-6);
}

.pad-r-6 {
  padding-right: var(--space-6);
}

.pad-b-6 {
  padding-bottom: var(--space-6);
}

.pad-l-6 {
  padding-left: var(--space-6);
}

.pad-8 {
  padding-top: var(--space-8);
  padding-right: var(--space-8);
  padding-bottom: var(--space-8);
  padding-left: var(--space-8);
}

.pad-inline-8 {
  padding-right: var(--space-8);
  padding-left: var(--space-8);
}

.pad-block-8 {
  padding-top: var(--space-8);
  padding-bottom: var(--space-8);
}

.pad-t-8 {
  padding-top: var(--space-8);
}

.pad-r-8 {
  padding-right: var(--space-8);
}

.pad-b-8 {
  padding-bottom: var(--space-8);
}

.pad-l-8 {
  padding-left: var(--space-8);
}

.pad-10 {
  padding-top: var(--space-10);
  padding-right: var(--space-10);
  padding-bottom: var(--space-10);
  padding-left: var(--space-10);
}

.pad-inline-10 {
  padding-right: var(--space-10);
  padding-left: var(--space-10);
}

.pad-block-10 {
  padding-top: var(--space-10);
  padding-bottom: var(--space-10);
}

.pad-t-10 {
  padding-top: var(--space-10);
}

.pad-r-10 {
  padding-right: var(--space-10);
}

.pad-b-10 {
  padding-bottom: var(--space-10);
}

.pad-l-10 {
  padding-left: var(--space-10);
}

.pad-12 {
  padding-top: var(--space-12);
  padding-right: var(--space-12);
  padding-bottom: var(--space-12);
  padding-left: var(--space-12);
}

.pad-inline-12 {
  padding-right: var(--space-12);
  padding-left: var(--space-12);
}

.pad-block-12 {
  padding-top: var(--space-12);
  padding-bottom: var(--space-12);
}

.pad-t-12 {
  padding-top: var(--space-12);
}

.pad-r-12 {
  padding-right: var(--space-12);
}

.pad-b-12 {
  padding-bottom: var(--space-12);
}

.pad-l-12 {
  padding-left: var(--space-12);
}

.pad-14 {
  padding-top: var(--space-14);
  padding-right: var(--space-14);
  padding-bottom: var(--space-14);
  padding-left: var(--space-14);
}

.pad-inline-14 {
  padding-right: var(--space-14);
  padding-left: var(--space-14);
}

.pad-block-14 {
  padding-top: var(--space-14);
  padding-bottom: var(--space-14);
}

.pad-t-14 {
  padding-top: var(--space-14);
}

.pad-r-14 {
  padding-right: var(--space-14);
}

.pad-b-14 {
  padding-bottom: var(--space-14);
}

.pad-l-14 {
  padding-left: var(--space-14);
}

.pad-16 {
  padding-top: var(--space-16);
  padding-right: var(--space-16);
  padding-bottom: var(--space-16);
  padding-left: var(--space-16);
}

.pad-inline-16 {
  padding-right: var(--space-16);
  padding-left: var(--space-16);
}

.pad-block-16 {
  padding-top: var(--space-16);
  padding-bottom: var(--space-16);
}

.pad-t-16 {
  padding-top: var(--space-16);
}

.pad-r-16 {
  padding-right: var(--space-16);
}

.pad-b-16 {
  padding-bottom: var(--space-16);
}

.pad-l-16 {
  padding-left: var(--space-16);
}

.pad-18 {
  padding-top: var(--space-18);
  padding-right: var(--space-18);
  padding-bottom: var(--space-18);
  padding-left: var(--space-18);
}

.pad-inline-18 {
  padding-right: var(--space-18);
  padding-left: var(--space-18);
}

.pad-block-18 {
  padding-top: var(--space-18);
  padding-bottom: var(--space-18);
}

.pad-t-18 {
  padding-top: var(--space-18);
}

.pad-r-18 {
  padding-right: var(--space-18);
}

.pad-b-18 {
  padding-bottom: var(--space-18);
}

.pad-l-18 {
  padding-left: var(--space-18);
}

.pad-20 {
  padding-top: var(--space-20);
  padding-right: var(--space-20);
  padding-bottom: var(--space-20);
  padding-left: var(--space-20);
}

.pad-inline-20 {
  padding-right: var(--space-20);
  padding-left: var(--space-20);
}

.pad-block-20 {
  padding-top: var(--space-20);
  padding-bottom: var(--space-20);
}

.pad-t-20 {
  padding-top: var(--space-20);
}

.pad-r-20 {
  padding-right: var(--space-20);
}

.pad-b-20 {
  padding-bottom: var(--space-20);
}

.pad-l-20 {
  padding-left: var(--space-20);
}

.pad-24 {
  padding-top: var(--space-24);
  padding-right: var(--space-24);
  padding-bottom: var(--space-24);
  padding-left: var(--space-24);
}

.pad-inline-24 {
  padding-right: var(--space-24);
  padding-left: var(--space-24);
}

.pad-block-24 {
  padding-top: var(--space-24);
  padding-bottom: var(--space-24);
}

.pad-t-24 {
  padding-top: var(--space-24);
}

.pad-r-24 {
  padding-right: var(--space-24);
}

.pad-b-24 {
  padding-bottom: var(--space-24);
}

.pad-l-24 {
  padding-left: var(--space-24);
}

.pad-28 {
  padding-top: var(--space-28);
  padding-right: var(--space-28);
  padding-bottom: var(--space-28);
  padding-left: var(--space-28);
}

.pad-inline-28 {
  padding-right: var(--space-28);
  padding-left: var(--space-28);
}

.pad-block-28 {
  padding-top: var(--space-28);
  padding-bottom: var(--space-28);
}

.pad-t-28 {
  padding-top: var(--space-28);
}

.pad-r-28 {
  padding-right: var(--space-28);
}

.pad-b-28 {
  padding-bottom: var(--space-28);
}

.pad-l-28 {
  padding-left: var(--space-28);
}

.pad-32 {
  padding-top: var(--space-32);
  padding-right: var(--space-32);
  padding-bottom: var(--space-32);
  padding-left: var(--space-32);
}

.pad-inline-32 {
  padding-right: var(--space-32);
  padding-left: var(--space-32);
}

.pad-block-32 {
  padding-top: var(--space-32);
  padding-bottom: var(--space-32);
}

.pad-t-32 {
  padding-top: var(--space-32);
}

.pad-r-32 {
  padding-right: var(--space-32);
}

.pad-b-32 {
  padding-bottom: var(--space-32);
}

.pad-l-32 {
  padding-left: var(--space-32);
}

.pad-36 {
  padding-top: var(--space-36);
  padding-right: var(--space-36);
  padding-bottom: var(--space-36);
  padding-left: var(--space-36);
}

.pad-inline-36 {
  padding-right: var(--space-36);
  padding-left: var(--space-36);
}

.pad-block-36 {
  padding-top: var(--space-36);
  padding-bottom: var(--space-36);
}

.pad-t-36 {
  padding-top: var(--space-36);
}

.pad-r-36 {
  padding-right: var(--space-36);
}

.pad-b-36 {
  padding-bottom: var(--space-36);
}

.pad-l-36 {
  padding-left: var(--space-36);
}

.pad-40 {
  padding-top: var(--space-40);
  padding-right: var(--space-40);
  padding-bottom: var(--space-40);
  padding-left: var(--space-40);
}

.pad-inline-40 {
  padding-right: var(--space-40);
  padding-left: var(--space-40);
}

.pad-block-40 {
  padding-top: var(--space-40);
  padding-bottom: var(--space-40);
}

.pad-t-40 {
  padding-top: var(--space-40);
}

.pad-r-40 {
  padding-right: var(--space-40);
}

.pad-b-40 {
  padding-bottom: var(--space-40);
}

.pad-l-40 {
  padding-left: var(--space-40);
}

.pad-44 {
  padding-top: var(--space-44);
  padding-right: var(--space-44);
  padding-bottom: var(--space-44);
  padding-left: var(--space-44);
}

.pad-inline-44 {
  padding-right: var(--space-44);
  padding-left: var(--space-44);
}

.pad-block-44 {
  padding-top: var(--space-44);
  padding-bottom: var(--space-44);
}

.pad-t-44 {
  padding-top: var(--space-44);
}

.pad-r-44 {
  padding-right: var(--space-44);
}

.pad-b-44 {
  padding-bottom: var(--space-44);
}

.pad-l-44 {
  padding-left: var(--space-44);
}

.pad-48 {
  padding-top: var(--space-48);
  padding-right: var(--space-48);
  padding-bottom: var(--space-48);
  padding-left: var(--space-48);
}

.pad-inline-48 {
  padding-right: var(--space-48);
  padding-left: var(--space-48);
}

.pad-block-48 {
  padding-top: var(--space-48);
  padding-bottom: var(--space-48);
}

.pad-t-48 {
  padding-top: var(--space-48);
}

.pad-r-48 {
  padding-right: var(--space-48);
}

.pad-b-48 {
  padding-bottom: var(--space-48);
}

.pad-l-48 {
  padding-left: var(--space-48);
}

.pad-56 {
  padding-top: var(--space-56);
  padding-right: var(--space-56);
  padding-bottom: var(--space-56);
  padding-left: var(--space-56);
}

.pad-inline-56 {
  padding-right: var(--space-56);
  padding-left: var(--space-56);
}

.pad-block-56 {
  padding-top: var(--space-56);
  padding-bottom: var(--space-56);
}

.pad-t-56 {
  padding-top: var(--space-56);
}

.pad-r-56 {
  padding-right: var(--space-56);
}

.pad-b-56 {
  padding-bottom: var(--space-56);
}

.pad-l-56 {
  padding-left: var(--space-56);
}

.pad-64 {
  padding-top: var(--space-64);
  padding-right: var(--space-64);
  padding-bottom: var(--space-64);
  padding-left: var(--space-64);
}

.pad-inline-64 {
  padding-right: var(--space-64);
  padding-left: var(--space-64);
}

.pad-block-64 {
  padding-top: var(--space-64);
  padding-bottom: var(--space-64);
}

.pad-t-64 {
  padding-top: var(--space-64);
}

.pad-r-64 {
  padding-right: var(--space-64);
}

.pad-b-64 {
  padding-bottom: var(--space-64);
}

.pad-l-64 {
  padding-left: var(--space-64);
}

.pad-72 {
  padding-top: var(--space-72);
  padding-right: var(--space-72);
  padding-bottom: var(--space-72);
  padding-left: var(--space-72);
}

.pad-inline-72 {
  padding-right: var(--space-72);
  padding-left: var(--space-72);
}

.pad-block-72 {
  padding-top: var(--space-72);
  padding-bottom: var(--space-72);
}

.pad-t-72 {
  padding-top: var(--space-72);
}

.pad-r-72 {
  padding-right: var(--space-72);
}

.pad-b-72 {
  padding-bottom: var(--space-72);
}

.pad-l-72 {
  padding-left: var(--space-72);
}

.pad-80 {
  padding-top: var(--space-80);
  padding-right: var(--space-80);
  padding-bottom: var(--space-80);
  padding-left: var(--space-80);
}

.pad-inline-80 {
  padding-right: var(--space-80);
  padding-left: var(--space-80);
}

.pad-block-80 {
  padding-top: var(--space-80);
  padding-bottom: var(--space-80);
}

.pad-t-80 {
  padding-top: var(--space-80);
}

.pad-r-80 {
  padding-right: var(--space-80);
}

.pad-b-80 {
  padding-bottom: var(--space-80);
}

.pad-l-80 {
  padding-left: var(--space-80);
}

.pad-96 {
  padding-top: var(--space-96);
  padding-right: var(--space-96);
  padding-bottom: var(--space-96);
  padding-left: var(--space-96);
}

.pad-inline-96 {
  padding-right: var(--space-96);
  padding-left: var(--space-96);
}

.pad-block-96 {
  padding-top: var(--space-96);
  padding-bottom: var(--space-96);
}

.pad-t-96 {
  padding-top: var(--space-96);
}

.pad-r-96 {
  padding-right: var(--space-96);
}

.pad-b-96 {
  padding-bottom: var(--space-96);
}

.pad-l-96 {
  padding-left: var(--space-96);
}

.pad-112 {
  padding-top: var(--space-112);
  padding-right: var(--space-112);
  padding-bottom: var(--space-112);
  padding-left: var(--space-112);
}

.pad-inline-112 {
  padding-right: var(--space-112);
  padding-left: var(--space-112);
}

.pad-block-112 {
  padding-top: var(--space-112);
  padding-bottom: var(--space-112);
}

.pad-t-112 {
  padding-top: var(--space-112);
}

.pad-r-112 {
  padding-right: var(--space-112);
}

.pad-b-112 {
  padding-bottom: var(--space-112);
}

.pad-l-112 {
  padding-left: var(--space-112);
}

.pad-128 {
  padding-top: var(--space-128);
  padding-right: var(--space-128);
  padding-bottom: var(--space-128);
  padding-left: var(--space-128);
}

.pad-inline-128 {
  padding-right: var(--space-128);
  padding-left: var(--space-128);
}

.pad-block-128 {
  padding-top: var(--space-128);
  padding-bottom: var(--space-128);
}

.pad-t-128 {
  padding-top: var(--space-128);
}

.pad-r-128 {
  padding-right: var(--space-128);
}

.pad-b-128 {
  padding-bottom: var(--space-128);
}

.pad-l-128 {
  padding-left: var(--space-128);
}

.mar-0 {
  margin-top: var(--space-0);
  margin-right: var(--space-0);
  margin-bottom: var(--space-0);
  margin-left: var(--space-0);
}

.mar-inline-0 {
  margin-right: var(--space-0);
  margin-left: var(--space-0);
}

.mar-block-0 {
  margin-top: var(--space-0);
  margin-bottom: var(--space-0);
}

.mar-t-0 {
  margin-top: var(--space-0);
}

.mar-r-0 {
  margin-right: var(--space-0);
}

.mar-b-0 {
  margin-bottom: var(--space-0);
}

.mar-l-0 {
  margin-left: var(--space-0);
}

.mar-2 {
  margin-top: var(--space-2);
  margin-right: var(--space-2);
  margin-bottom: var(--space-2);
  margin-left: var(--space-2);
}

.mar-inline-2 {
  margin-right: var(--space-2);
  margin-left: var(--space-2);
}

.mar-block-2 {
  margin-top: var(--space-2);
  margin-bottom: var(--space-2);
}

.mar-t-2 {
  margin-top: var(--space-2);
}

.mar-r-2 {
  margin-right: var(--space-2);
}

.mar-b-2 {
  margin-bottom: var(--space-2);
}

.mar-l-2 {
  margin-left: var(--space-2);
}

.mar-4 {
  margin-top: var(--space-4);
  margin-right: var(--space-4);
  margin-bottom: var(--space-4);
  margin-left: var(--space-4);
}

.mar-inline-4 {
  margin-right: var(--space-4);
  margin-left: var(--space-4);
}

.mar-block-4 {
  margin-top: var(--space-4);
  margin-bottom: var(--space-4);
}

.mar-t-4 {
  margin-top: var(--space-4);
}

.mar-r-4 {
  margin-right: var(--space-4);
}

.mar-b-4 {
  margin-bottom: var(--space-4);
}

.mar-l-4 {
  margin-left: var(--space-4);
}

.mar-6 {
  margin-top: var(--space-6);
  margin-right: var(--space-6);
  margin-bottom: var(--space-6);
  margin-left: var(--space-6);
}

.mar-inline-6 {
  margin-right: var(--space-6);
  margin-left: var(--space-6);
}

.mar-block-6 {
  margin-top: var(--space-6);
  margin-bottom: var(--space-6);
}

.mar-t-6 {
  margin-top: var(--space-6);
}

.mar-r-6 {
  margin-right: var(--space-6);
}

.mar-b-6 {
  margin-bottom: var(--space-6);
}

.mar-l-6 {
  margin-left: var(--space-6);
}

.mar-8 {
  margin-top: var(--space-8);
  margin-right: var(--space-8);
  margin-bottom: var(--space-8);
  margin-left: var(--space-8);
}

.mar-inline-8 {
  margin-right: var(--space-8);
  margin-left: var(--space-8);
}

.mar-block-8 {
  margin-top: var(--space-8);
  margin-bottom: var(--space-8);
}

.mar-t-8 {
  margin-top: var(--space-8);
}

.mar-r-8 {
  margin-right: var(--space-8);
}

.mar-b-8 {
  margin-bottom: var(--space-8);
}

.mar-l-8 {
  margin-left: var(--space-8);
}

.mar-10 {
  margin-top: var(--space-10);
  margin-right: var(--space-10);
  margin-bottom: var(--space-10);
  margin-left: var(--space-10);
}

.mar-inline-10 {
  margin-right: var(--space-10);
  margin-left: var(--space-10);
}

.mar-block-10 {
  margin-top: var(--space-10);
  margin-bottom: var(--space-10);
}

.mar-t-10 {
  margin-top: var(--space-10);
}

.mar-r-10 {
  margin-right: var(--space-10);
}

.mar-b-10 {
  margin-bottom: var(--space-10);
}

.mar-l-10 {
  margin-left: var(--space-10);
}

.mar-12 {
  margin-top: var(--space-12);
  margin-right: var(--space-12);
  margin-bottom: var(--space-12);
  margin-left: var(--space-12);
}

.mar-inline-12 {
  margin-right: var(--space-12);
  margin-left: var(--space-12);
}

.mar-block-12 {
  margin-top: var(--space-12);
  margin-bottom: var(--space-12);
}

.mar-t-12 {
  margin-top: var(--space-12);
}

.mar-r-12 {
  margin-right: var(--space-12);
}

.mar-b-12 {
  margin-bottom: var(--space-12);
}

.mar-l-12 {
  margin-left: var(--space-12);
}

.mar-14 {
  margin-top: var(--space-14);
  margin-right: var(--space-14);
  margin-bottom: var(--space-14);
  margin-left: var(--space-14);
}

.mar-inline-14 {
  margin-right: var(--space-14);
  margin-left: var(--space-14);
}

.mar-block-14 {
  margin-top: var(--space-14);
  margin-bottom: var(--space-14);
}

.mar-t-14 {
  margin-top: var(--space-14);
}

.mar-r-14 {
  margin-right: var(--space-14);
}

.mar-b-14 {
  margin-bottom: var(--space-14);
}

.mar-l-14 {
  margin-left: var(--space-14);
}

.mar-16 {
  margin-top: var(--space-16);
  margin-right: var(--space-16);
  margin-bottom: var(--space-16);
  margin-left: var(--space-16);
}

.mar-inline-16 {
  margin-right: var(--space-16);
  margin-left: var(--space-16);
}

.mar-block-16 {
  margin-top: var(--space-16);
  margin-bottom: var(--space-16);
}

.mar-t-16 {
  margin-top: var(--space-16);
}

.mar-r-16 {
  margin-right: var(--space-16);
}

.mar-b-16 {
  margin-bottom: var(--space-16);
}

.mar-l-16 {
  margin-left: var(--space-16);
}

.mar-18 {
  margin-top: var(--space-18);
  margin-right: var(--space-18);
  margin-bottom: var(--space-18);
  margin-left: var(--space-18);
}

.mar-inline-18 {
  margin-right: var(--space-18);
  margin-left: var(--space-18);
}

.mar-block-18 {
  margin-top: var(--space-18);
  margin-bottom: var(--space-18);
}

.mar-t-18 {
  margin-top: var(--space-18);
}

.mar-r-18 {
  margin-right: var(--space-18);
}

.mar-b-18 {
  margin-bottom: var(--space-18);
}

.mar-l-18 {
  margin-left: var(--space-18);
}

.mar-20 {
  margin-top: var(--space-20);
  margin-right: var(--space-20);
  margin-bottom: var(--space-20);
  margin-left: var(--space-20);
}

.mar-inline-20 {
  margin-right: var(--space-20);
  margin-left: var(--space-20);
}

.mar-block-20 {
  margin-top: var(--space-20);
  margin-bottom: var(--space-20);
}

.mar-t-20 {
  margin-top: var(--space-20);
}

.mar-r-20 {
  margin-right: var(--space-20);
}

.mar-b-20 {
  margin-bottom: var(--space-20);
}

.mar-l-20 {
  margin-left: var(--space-20);
}

.mar-24 {
  margin-top: var(--space-24);
  margin-right: var(--space-24);
  margin-bottom: var(--space-24);
  margin-left: var(--space-24);
}

.mar-inline-24 {
  margin-right: var(--space-24);
  margin-left: var(--space-24);
}

.mar-block-24 {
  margin-top: var(--space-24);
  margin-bottom: var(--space-24);
}

.mar-t-24 {
  margin-top: var(--space-24);
}

.mar-r-24 {
  margin-right: var(--space-24);
}

.mar-b-24 {
  margin-bottom: var(--space-24);
}

.mar-l-24 {
  margin-left: var(--space-24);
}

.mar-28 {
  margin-top: var(--space-28);
  margin-right: var(--space-28);
  margin-bottom: var(--space-28);
  margin-left: var(--space-28);
}

.mar-inline-28 {
  margin-right: var(--space-28);
  margin-left: var(--space-28);
}

.mar-block-28 {
  margin-top: var(--space-28);
  margin-bottom: var(--space-28);
}

.mar-t-28 {
  margin-top: var(--space-28);
}

.mar-r-28 {
  margin-right: var(--space-28);
}

.mar-b-28 {
  margin-bottom: var(--space-28);
}

.mar-l-28 {
  margin-left: var(--space-28);
}

.mar-32 {
  margin-top: var(--space-32);
  margin-right: var(--space-32);
  margin-bottom: var(--space-32);
  margin-left: var(--space-32);
}

.mar-inline-32 {
  margin-right: var(--space-32);
  margin-left: var(--space-32);
}

.mar-block-32 {
  margin-top: var(--space-32);
  margin-bottom: var(--space-32);
}

.mar-t-32 {
  margin-top: var(--space-32);
}

.mar-r-32 {
  margin-right: var(--space-32);
}

.mar-b-32 {
  margin-bottom: var(--space-32);
}

.mar-l-32 {
  margin-left: var(--space-32);
}

.mar-36 {
  margin-top: var(--space-36);
  margin-right: var(--space-36);
  margin-bottom: var(--space-36);
  margin-left: var(--space-36);
}

.mar-inline-36 {
  margin-right: var(--space-36);
  margin-left: var(--space-36);
}

.mar-block-36 {
  margin-top: var(--space-36);
  margin-bottom: var(--space-36);
}

.mar-t-36 {
  margin-top: var(--space-36);
}

.mar-r-36 {
  margin-right: var(--space-36);
}

.mar-b-36 {
  margin-bottom: var(--space-36);
}

.mar-l-36 {
  margin-left: var(--space-36);
}

.mar-40 {
  margin-top: var(--space-40);
  margin-right: var(--space-40);
  margin-bottom: var(--space-40);
  margin-left: var(--space-40);
}

.mar-inline-40 {
  margin-right: var(--space-40);
  margin-left: var(--space-40);
}

.mar-block-40 {
  margin-top: var(--space-40);
  margin-bottom: var(--space-40);
}

.mar-t-40 {
  margin-top: var(--space-40);
}

.mar-r-40 {
  margin-right: var(--space-40);
}

.mar-b-40 {
  margin-bottom: var(--space-40);
}

.mar-l-40 {
  margin-left: var(--space-40);
}

.mar-44 {
  margin-top: var(--space-44);
  margin-right: var(--space-44);
  margin-bottom: var(--space-44);
  margin-left: var(--space-44);
}

.mar-inline-44 {
  margin-right: var(--space-44);
  margin-left: var(--space-44);
}

.mar-block-44 {
  margin-top: var(--space-44);
  margin-bottom: var(--space-44);
}

.mar-t-44 {
  margin-top: var(--space-44);
}

.mar-r-44 {
  margin-right: var(--space-44);
}

.mar-b-44 {
  margin-bottom: var(--space-44);
}

.mar-l-44 {
  margin-left: var(--space-44);
}

.mar-48 {
  margin-top: var(--space-48);
  margin-right: var(--space-48);
  margin-bottom: var(--space-48);
  margin-left: var(--space-48);
}

.mar-inline-48 {
  margin-right: var(--space-48);
  margin-left: var(--space-48);
}

.mar-block-48 {
  margin-top: var(--space-48);
  margin-bottom: var(--space-48);
}

.mar-t-48 {
  margin-top: var(--space-48);
}

.mar-r-48 {
  margin-right: var(--space-48);
}

.mar-b-48 {
  margin-bottom: var(--space-48);
}

.mar-l-48 {
  margin-left: var(--space-48);
}

.mar-56 {
  margin-top: var(--space-56);
  margin-right: var(--space-56);
  margin-bottom: var(--space-56);
  margin-left: var(--space-56);
}

.mar-inline-56 {
  margin-right: var(--space-56);
  margin-left: var(--space-56);
}

.mar-block-56 {
  margin-top: var(--space-56);
  margin-bottom: var(--space-56);
}

.mar-t-56 {
  margin-top: var(--space-56);
}

.mar-r-56 {
  margin-right: var(--space-56);
}

.mar-b-56 {
  margin-bottom: var(--space-56);
}

.mar-l-56 {
  margin-left: var(--space-56);
}

.mar-64 {
  margin-top: var(--space-64);
  margin-right: var(--space-64);
  margin-bottom: var(--space-64);
  margin-left: var(--space-64);
}

.mar-inline-64 {
  margin-right: var(--space-64);
  margin-left: var(--space-64);
}

.mar-block-64 {
  margin-top: var(--space-64);
  margin-bottom: var(--space-64);
}

.mar-t-64 {
  margin-top: var(--space-64);
}

.mar-r-64 {
  margin-right: var(--space-64);
}

.mar-b-64 {
  margin-bottom: var(--space-64);
}

.mar-l-64 {
  margin-left: var(--space-64);
}

.mar-72 {
  margin-top: var(--space-72);
  margin-right: var(--space-72);
  margin-bottom: var(--space-72);
  margin-left: var(--space-72);
}

.mar-inline-72 {
  margin-right: var(--space-72);
  margin-left: var(--space-72);
}

.mar-block-72 {
  margin-top: var(--space-72);
  margin-bottom: var(--space-72);
}

.mar-t-72 {
  margin-top: var(--space-72);
}

.mar-r-72 {
  margin-right: var(--space-72);
}

.mar-b-72 {
  margin-bottom: var(--space-72);
}

.mar-l-72 {
  margin-left: var(--space-72);
}

.mar-80 {
  margin-top: var(--space-80);
  margin-right: var(--space-80);
  margin-bottom: var(--space-80);
  margin-left: var(--space-80);
}

.mar-inline-80 {
  margin-right: var(--space-80);
  margin-left: var(--space-80);
}

.mar-block-80 {
  margin-top: var(--space-80);
  margin-bottom: var(--space-80);
}

.mar-t-80 {
  margin-top: var(--space-80);
}

.mar-r-80 {
  margin-right: var(--space-80);
}

.mar-b-80 {
  margin-bottom: var(--space-80);
}

.mar-l-80 {
  margin-left: var(--space-80);
}

.mar-96 {
  margin-top: var(--space-96);
  margin-right: var(--space-96);
  margin-bottom: var(--space-96);
  margin-left: var(--space-96);
}

.mar-inline-96 {
  margin-right: var(--space-96);
  margin-left: var(--space-96);
}

.mar-block-96 {
  margin-top: var(--space-96);
  margin-bottom: var(--space-96);
}

.mar-t-96 {
  margin-top: var(--space-96);
}

.mar-r-96 {
  margin-right: var(--space-96);
}

.mar-b-96 {
  margin-bottom: var(--space-96);
}

.mar-l-96 {
  margin-left: var(--space-96);
}

.mar-112 {
  margin-top: var(--space-112);
  margin-right: var(--space-112);
  margin-bottom: var(--space-112);
  margin-left: var(--space-112);
}

.mar-inline-112 {
  margin-right: var(--space-112);
  margin-left: var(--space-112);
}

.mar-block-112 {
  margin-top: var(--space-112);
  margin-bottom: var(--space-112);
}

.mar-t-112 {
  margin-top: var(--space-112);
}

.mar-r-112 {
  margin-right: var(--space-112);
}

.mar-b-112 {
  margin-bottom: var(--space-112);
}

.mar-l-112 {
  margin-left: var(--space-112);
}

.mar-128 {
  margin-top: var(--space-128);
  margin-right: var(--space-128);
  margin-bottom: var(--space-128);
  margin-left: var(--space-128);
}

.mar-inline-128 {
  margin-right: var(--space-128);
  margin-left: var(--space-128);
}

.mar-block-128 {
  margin-top: var(--space-128);
  margin-bottom: var(--space-128);
}

.mar-t-128 {
  margin-top: var(--space-128);
}

.mar-r-128 {
  margin-right: var(--space-128);
}

.mar-b-128 {
  margin-bottom: var(--space-128);
}

.mar-l-128 {
  margin-left: var(--space-128);
}

.gap-0 {
  column-gap: var(--space-0);
  row-gap: var(--space-0);
}

.gap-col-0 {
  column-gap: var(--space-0);
}

.gap-row-0 {
  row-gap: var(--space-0);
}

.gap-2 {
  column-gap: var(--space-2);
  row-gap: var(--space-2);
}

.gap-col-2 {
  column-gap: var(--space-2);
}

.gap-row-2 {
  row-gap: var(--space-2);
}

.gap-4 {
  column-gap: var(--space-4);
  row-gap: var(--space-4);
}

.gap-col-4 {
  column-gap: var(--space-4);
}

.gap-row-4 {
  row-gap: var(--space-4);
}

.gap-6 {
  column-gap: var(--space-6);
  row-gap: var(--space-6);
}

.gap-col-6 {
  column-gap: var(--space-6);
}

.gap-row-6 {
  row-gap: var(--space-6);
}

.gap-8 {
  column-gap: var(--space-8);
  row-gap: var(--space-8);
}

.gap-col-8 {
  column-gap: var(--space-8);
}

.gap-row-8 {
  row-gap: var(--space-8);
}

.gap-10 {
  column-gap: var(--space-10);
  row-gap: var(--space-10);
}

.gap-col-10 {
  column-gap: var(--space-10);
}

.gap-row-10 {
  row-gap: var(--space-10);
}

.gap-12 {
  column-gap: var(--space-12);
  row-gap: var(--space-12);
}

.gap-col-12 {
  column-gap: var(--space-12);
}

.gap-row-12 {
  row-gap: var(--space-12);
}

.gap-14 {
  column-gap: var(--space-14);
  row-gap: var(--space-14);
}

.gap-col-14 {
  column-gap: var(--space-14);
}

.gap-row-14 {
  row-gap: var(--space-14);
}

.gap-16 {
  column-gap: var(--space-16);
  row-gap: var(--space-16);
}

.gap-col-16 {
  column-gap: var(--space-16);
}

.gap-row-16 {
  row-gap: var(--space-16);
}

.gap-18 {
  column-gap: var(--space-18);
  row-gap: var(--space-18);
}

.gap-col-18 {
  column-gap: var(--space-18);
}

.gap-row-18 {
  row-gap: var(--space-18);
}

.gap-20 {
  column-gap: var(--space-20);
  row-gap: var(--space-20);
}

.gap-col-20 {
  column-gap: var(--space-20);
}

.gap-row-20 {
  row-gap: var(--space-20);
}

.gap-24 {
  column-gap: var(--space-24);
  row-gap: var(--space-24);
}

.gap-col-24 {
  column-gap: var(--space-24);
}

.gap-row-24 {
  row-gap: var(--space-24);
}

.gap-28 {
  column-gap: var(--space-28);
  row-gap: var(--space-28);
}

.gap-col-28 {
  column-gap: var(--space-28);
}

.gap-row-28 {
  row-gap: var(--space-28);
}

.gap-32 {
  column-gap: var(--space-32);
  row-gap: var(--space-32);
}

.gap-col-32 {
  column-gap: var(--space-32);
}

.gap-row-32 {
  row-gap: var(--space-32);
}

.gap-36 {
  column-gap: var(--space-36);
  row-gap: var(--space-36);
}

.gap-col-36 {
  column-gap: var(--space-36);
}

.gap-row-36 {
  row-gap: var(--space-36);
}

.gap-40 {
  column-gap: var(--space-40);
  row-gap: var(--space-40);
}

.gap-col-40 {
  column-gap: var(--space-40);
}

.gap-row-40 {
  row-gap: var(--space-40);
}

.gap-44 {
  column-gap: var(--space-44);
  row-gap: var(--space-44);
}

.gap-col-44 {
  column-gap: var(--space-44);
}

.gap-row-44 {
  row-gap: var(--space-44);
}

.gap-48 {
  column-gap: var(--space-48);
  row-gap: var(--space-48);
}

.gap-col-48 {
  column-gap: var(--space-48);
}

.gap-row-48 {
  row-gap: var(--space-48);
}

.gap-56 {
  column-gap: var(--space-56);
  row-gap: var(--space-56);
}

.gap-col-56 {
  column-gap: var(--space-56);
}

.gap-row-56 {
  row-gap: var(--space-56);
}

.gap-64 {
  column-gap: var(--space-64);
  row-gap: var(--space-64);
}

.gap-col-64 {
  column-gap: var(--space-64);
}

.gap-row-64 {
  row-gap: var(--space-64);
}

.gap-72 {
  column-gap: var(--space-72);
  row-gap: var(--space-72);
}

.gap-col-72 {
  column-gap: var(--space-72);
}

.gap-row-72 {
  row-gap: var(--space-72);
}

.gap-80 {
  column-gap: var(--space-80);
  row-gap: var(--space-80);
}

.gap-col-80 {
  column-gap: var(--space-80);
}

.gap-row-80 {
  row-gap: var(--space-80);
}

.gap-96 {
  column-gap: var(--space-96);
  row-gap: var(--space-96);
}

.gap-col-96 {
  column-gap: var(--space-96);
}

.gap-row-96 {
  row-gap: var(--space-96);
}

.gap-112 {
  column-gap: var(--space-112);
  row-gap: var(--space-112);
}

.gap-col-112 {
  column-gap: var(--space-112);
}

.gap-row-112 {
  row-gap: var(--space-112);
}

.gap-128 {
  column-gap: var(--space-128);
  row-gap: var(--space-128);
}

.gap-col-128 {
  column-gap: var(--space-128);
}

.gap-row-128 {
  row-gap: var(--space-128);
}

.w-full {
  width: 100%;
}

.w-fit {
  width: fit-content;
}

.w-min {
  width: min-content;
}

.w-max {
  width: max-content;
}

.w-screen {
  width: 100vw;
}

.h-full {
  height: 100%;
}

.h-fit {
  height: fit-content;
}

.h-min {
  height: min-content;
}

.h-max {
  height: max-content;
}

.h-screen {
  height: 100vh;
}

.rad-0 {
  border-top-left-radius: var(--radius-0);
  border-top-right-radius: var(--radius-0);
  border-bottom-right-radius: var(--radius-0);
  border-bottom-left-radius: var(--radius-0);
}

.rad-2 {
  border-top-left-radius: var(--radius-2);
  border-top-right-radius: var(--radius-2);
  border-bottom-right-radius: var(--radius-2);
  border-bottom-left-radius: var(--radius-2);
}

.rad-4 {
  border-top-left-radius: var(--radius-4);
  border-top-right-radius: var(--radius-4);
  border-bottom-right-radius: var(--radius-4);
  border-bottom-left-radius: var(--radius-4);
}

.rad-6 {
  border-top-left-radius: var(--radius-6);
  border-top-right-radius: var(--radius-6);
  border-bottom-right-radius: var(--radius-6);
  border-bottom-left-radius: var(--radius-6);
}

.rad-8 {
  border-top-left-radius: var(--radius-8);
  border-top-right-radius: var(--radius-8);
  border-bottom-right-radius: var(--radius-8);
  border-bottom-left-radius: var(--radius-8);
}

.w-dscreen {
  width: 100dvw;
}

.rad-10 {
  border-top-left-radius: var(--radius-10);
  border-top-right-radius: var(--radius-10);
  border-bottom-right-radius: var(--radius-10);
  border-bottom-left-radius: var(--radius-10);
}

.rad-12 {
  border-top-left-radius: var(--radius-12);
  border-top-right-radius: var(--radius-12);
  border-bottom-right-radius: var(--radius-12);
  border-bottom-left-radius: var(--radius-12);
}

.rad-14 {
  border-top-left-radius: var(--radius-14);
  border-top-right-radius: var(--radius-14);
  border-bottom-right-radius: var(--radius-14);
  border-bottom-left-radius: var(--radius-14);
}

.rad-16 {
  border-top-left-radius: var(--radius-16);
  border-top-right-radius: var(--radius-16);
  border-bottom-right-radius: var(--radius-16);
  border-bottom-left-radius: var(--radius-16);
}

.rad-18 {
  border-top-left-radius: var(--radius-18);
  border-top-right-radius: var(--radius-18);
  border-bottom-right-radius: var(--radius-18);
  border-bottom-left-radius: var(--radius-18);
}

.h-dscreen {
  height: 100dvh;
}

.rad-20 {
  border-top-left-radius: var(--radius-20);
  border-top-right-radius: var(--radius-20);
  border-bottom-right-radius: var(--radius-20);
  border-bottom-left-radius: var(--radius-20);
}

.rad-24 {
  border-top-left-radius: var(--radius-24);
  border-top-right-radius: var(--radius-24);
  border-bottom-right-radius: var(--radius-24);
  border-bottom-left-radius: var(--radius-24);
}

.rad-28 {
  border-top-left-radius: var(--radius-28);
  border-top-right-radius: var(--radius-28);
  border-bottom-right-radius: var(--radius-28);
  border-bottom-left-radius: var(--radius-28);
}

.rad-32 {
  border-top-left-radius: var(--radius-32);
  border-top-right-radius: var(--radius-32);
  border-bottom-right-radius: var(--radius-32);
  border-bottom-left-radius: var(--radius-32);
}

.rad-t-0 {
  border-top-left-radius: var(--radius-0);
  border-top-right-radius: var(--radius-0);
}

.rad-t-2 {
  border-top-left-radius: var(--radius-2);
  border-top-right-radius: var(--radius-2);
}

.rad-t-4 {
  border-top-left-radius: var(--radius-4);
  border-top-right-radius: var(--radius-4);
}

.rad-t-6 {
  border-top-left-radius: var(--radius-6);
  border-top-right-radius: var(--radius-6);
}

.rad-t-8 {
  border-top-left-radius: var(--radius-8);
  border-top-right-radius: var(--radius-8);
}

.rad-t-10 {
  border-top-left-radius: var(--radius-10);
  border-top-right-radius: var(--radius-10);
}

.rad-t-12 {
  border-top-left-radius: var(--radius-12);
  border-top-right-radius: var(--radius-12);
}

.rad-t-14 {
  border-top-left-radius: var(--radius-14);
  border-top-right-radius: var(--radius-14);
}

.rad-t-16 {
  border-top-left-radius: var(--radius-16);
  border-top-right-radius: var(--radius-16);
}

.rad-t-18 {
  border-top-left-radius: var(--radius-18);
  border-top-right-radius: var(--radius-18);
}

.rad-t-20 {
  border-top-left-radius: var(--radius-20);
  border-top-right-radius: var(--radius-20);
}

.rad-t-24 {
  border-top-left-radius: var(--radius-24);
  border-top-right-radius: var(--radius-24);
}

.rad-t-28 {
  border-top-left-radius: var(--radius-28);
  border-top-right-radius: var(--radius-28);
}

.rad-t-32 {
  border-top-left-radius: var(--radius-32);
  border-top-right-radius: var(--radius-32);
}

.rad-r-0 {
  border-top-right-radius: var(--radius-0);
  border-bottom-right-radius: var(--radius-0);
}

.rad-r-2 {
  border-top-right-radius: var(--radius-2);
  border-bottom-right-radius: var(--radius-2);
}

.rad-r-4 {
  border-top-right-radius: var(--radius-4);
  border-bottom-right-radius: var(--radius-4);
}

.rad-r-6 {
  border-top-right-radius: var(--radius-6);
  border-bottom-right-radius: var(--radius-6);
}

.rad-r-8 {
  border-top-right-radius: var(--radius-8);
  border-bottom-right-radius: var(--radius-8);
}

.rad-r-10 {
  border-top-right-radius: var(--radius-10);
  border-bottom-right-radius: var(--radius-10);
}

.rad-r-12 {
  border-top-right-radius: var(--radius-12);
  border-bottom-right-radius: var(--radius-12);
}

.rad-r-14 {
  border-top-right-radius: var(--radius-14);
  border-bottom-right-radius: var(--radius-14);
}

.rad-r-16 {
  border-top-right-radius: var(--radius-16);
  border-bottom-right-radius: var(--radius-16);
}

.rad-r-18 {
  border-top-right-radius: var(--radius-18);
  border-bottom-right-radius: var(--radius-18);
}

.rad-r-20 {
  border-top-right-radius: var(--radius-20);
  border-bottom-right-radius: var(--radius-20);
}

.rad-r-24 {
  border-top-right-radius: var(--radius-24);
  border-bottom-right-radius: var(--radius-24);
}

.rad-r-28 {
  border-top-right-radius: var(--radius-28);
  border-bottom-right-radius: var(--radius-28);
}

.rad-r-32 {
  border-top-right-radius: var(--radius-32);
  border-bottom-right-radius: var(--radius-32);
}

.rad-b-0 {
  border-bottom-right-radius: var(--radius-0);
  border-bottom-left-radius: var(--radius-0);
}

.rad-b-2 {
  border-bottom-right-radius: var(--radius-2);
  border-bottom-left-radius: var(--radius-2);
}

.rad-b-4 {
  border-bottom-right-radius: var(--radius-4);
  border-bottom-left-radius: var(--radius-4);
}

.rad-b-6 {
  border-bottom-right-radius: var(--radius-6);
  border-bottom-left-radius: var(--radius-6);
}

.rad-b-8 {
  border-bottom-right-radius: var(--radius-8);
  border-bottom-left-radius: var(--radius-8);
}

.rad-b-10 {
  border-bottom-right-radius: var(--radius-10);
  border-bottom-left-radius: var(--radius-10);
}

.rad-b-12 {
  border-bottom-right-radius: var(--radius-12);
  border-bottom-left-radius: var(--radius-12);
}

.rad-b-14 {
  border-bottom-right-radius: var(--radius-14);
  border-bottom-left-radius: var(--radius-14);
}

.rad-b-16 {
  border-bottom-right-radius: var(--radius-16);
  border-bottom-left-radius: var(--radius-16);
}

.rad-b-18 {
  border-bottom-right-radius: var(--radius-18);
  border-bottom-left-radius: var(--radius-18);
}

.rad-b-20 {
  border-bottom-right-radius: var(--radius-20);
  border-bottom-left-radius: var(--radius-20);
}

.rad-b-24 {
  border-bottom-right-radius: var(--radius-24);
  border-bottom-left-radius: var(--radius-24);
}

.rad-b-28 {
  border-bottom-right-radius: var(--radius-28);
  border-bottom-left-radius: var(--radius-28);
}

.rad-b-32 {
  border-bottom-right-radius: var(--radius-32);
  border-bottom-left-radius: var(--radius-32);
}

.rad-l-0 {
  border-bottom-left-radius: var(--radius-0);
  border-top-left-radius: var(--radius-0);
}

.rad-l-2 {
  border-bottom-left-radius: var(--radius-2);
  border-top-left-radius: var(--radius-2);
}

.rad-l-4 {
  border-bottom-left-radius: var(--radius-4);
  border-top-left-radius: var(--radius-4);
}

.rad-l-6 {
  border-bottom-left-radius: var(--radius-6);
  border-top-left-radius: var(--radius-6);
}

.rad-l-8 {
  border-bottom-left-radius: var(--radius-8);
  border-top-left-radius: var(--radius-8);
}

.rad-l-10 {
  border-bottom-left-radius: var(--radius-10);
  border-top-left-radius: var(--radius-10);
}

.rad-l-12 {
  border-bottom-left-radius: var(--radius-12);
  border-top-left-radius: var(--radius-12);
}

.rad-l-14 {
  border-bottom-left-radius: var(--radius-14);
  border-top-left-radius: var(--radius-14);
}

.rad-l-16 {
  border-bottom-left-radius: var(--radius-16);
  border-top-left-radius: var(--radius-16);
}

.rad-l-18 {
  border-bottom-left-radius: var(--radius-18);
  border-top-left-radius: var(--radius-18);
}

.rad-l-20 {
  border-bottom-left-radius: var(--radius-20);
  border-top-left-radius: var(--radius-20);
}

.rad-l-24 {
  border-bottom-left-radius: var(--radius-24);
  border-top-left-radius: var(--radius-24);
}

.rad-l-28 {
  border-bottom-left-radius: var(--radius-28);
  border-top-left-radius: var(--radius-28);
}

.rad-l-32 {
  border-bottom-left-radius: var(--radius-32);
  border-top-left-radius: var(--radius-32);
}

.rad-tl-0 {
  border-top-left-radius: var(--radius-0);
}

.rad-tl-2 {
  border-top-left-radius: var(--radius-2);
}

.rad-tl-4 {
  border-top-left-radius: var(--radius-4);
}

.rad-tl-6 {
  border-top-left-radius: var(--radius-6);
}

.rad-tl-8 {
  border-top-left-radius: var(--radius-8);
}

.rad-tl-10 {
  border-top-left-radius: var(--radius-10);
}

.rad-tl-12 {
  border-top-left-radius: var(--radius-12);
}

.rad-tl-14 {
  border-top-left-radius: var(--radius-14);
}

.rad-tl-16 {
  border-top-left-radius: var(--radius-16);
}

.rad-tl-18 {
  border-top-left-radius: var(--radius-18);
}

.rad-tl-20 {
  border-top-left-radius: var(--radius-20);
}

.rad-tl-24 {
  border-top-left-radius: var(--radius-24);
}

.rad-tl-28 {
  border-top-left-radius: var(--radius-28);
}

.rad-tl-32 {
  border-top-left-radius: var(--radius-32);
}

.rad-tr-0 {
  border-top-right-radius: var(--radius-0);
}

.rad-tr-2 {
  border-top-right-radius: var(--radius-2);
}

.rad-tr-4 {
  border-top-right-radius: var(--radius-4);
}

.rad-tr-6 {
  border-top-right-radius: var(--radius-6);
}

.rad-tr-8 {
  border-top-right-radius: var(--radius-8);
}

.rad-tr-10 {
  border-top-right-radius: var(--radius-10);
}

.rad-tr-12 {
  border-top-right-radius: var(--radius-12);
}

.rad-tr-14 {
  border-top-right-radius: var(--radius-14);
}

.rad-tr-16 {
  border-top-right-radius: var(--radius-16);
}

.rad-tr-18 {
  border-top-right-radius: var(--radius-18);
}

.rad-tr-20 {
  border-top-right-radius: var(--radius-20);
}

.rad-tr-24 {
  border-top-right-radius: var(--radius-24);
}

.rad-tr-28 {
  border-top-right-radius: var(--radius-28);
}

.rad-tr-32 {
  border-top-right-radius: var(--radius-32);
}

.rad-br-0 {
  border-bottom-right-radius: var(--radius-0);
}

.rad-br-2 {
  border-bottom-right-radius: var(--radius-2);
}

.rad-br-4 {
  border-bottom-right-radius: var(--radius-4);
}

.rad-br-6 {
  border-bottom-right-radius: var(--radius-6);
}

.rad-br-8 {
  border-bottom-right-radius: var(--radius-8);
}

.rad-br-10 {
  border-bottom-right-radius: var(--radius-10);
}

.rad-br-12 {
  border-bottom-right-radius: var(--radius-12);
}

.rad-br-14 {
  border-bottom-right-radius: var(--radius-14);
}

.rad-br-16 {
  border-bottom-right-radius: var(--radius-16);
}

.rad-br-18 {
  border-bottom-right-radius: var(--radius-18);
}

.rad-br-20 {
  border-bottom-right-radius: var(--radius-20);
}

.rad-br-24 {
  border-bottom-right-radius: var(--radius-24);
}

.rad-br-28 {
  border-bottom-right-radius: var(--radius-28);
}

.rad-br-32 {
  border-bottom-right-radius: var(--radius-32);
}

.rad-bl-0 {
  border-bottom-left-radius: var(--radius-0);
}

.rad-bl-2 {
  border-bottom-left-radius: var(--radius-2);
}

.rad-bl-4 {
  border-bottom-left-radius: var(--radius-4);
}

.rad-bl-6 {
  border-bottom-left-radius: var(--radius-6);
}

.rad-bl-8 {
  border-bottom-left-radius: var(--radius-8);
}

.rad-bl-10 {
  border-bottom-left-radius: var(--radius-10);
}

.rad-bl-12 {
  border-bottom-left-radius: var(--radius-12);
}

.rad-bl-14 {
  border-bottom-left-radius: var(--radius-14);
}

.rad-bl-16 {
  border-bottom-left-radius: var(--radius-16);
}

.rad-bl-18 {
  border-bottom-left-radius: var(--radius-18);
}

.rad-bl-20 {
  border-bottom-left-radius: var(--radius-20);
}

.rad-bl-24 {
  border-bottom-left-radius: var(--radius-24);
}

.rad-bl-28 {
  border-bottom-left-radius: var(--radius-28);
}

.rad-bl-32 {
  border-bottom-left-radius: var(--radius-32);
}

.rad-full {
  border-top-left-radius: var(--radius-full);
  border-top-right-radius: var(--radius-full);
  border-bottom-right-radius: var(--radius-full);
  border-bottom-left-radius: var(--radius-full);
}

.bricks-is-frontend .anim-delay--fast:not(:has(.anim-child)),
.bricks-is-frontend .anim-delay--fast .anim-child {
  --animation-delay: var(--duration--fast);
}

.bricks-is-frontend .anim-delay--medium:not(:has(.anim-child)),
.bricks-is-frontend .anim-delay--medium .anim-child {
  --animation-delay: var(--duration--medium);
}

.bricks-is-frontend .anim-delay--slow:not(:has(.anim-child)),
.bricks-is-frontend .anim-delay--slow .anim-child {
  --animation-delay: var(--duration--slow);
}

.bricks-is-frontend .anim-distance--l:not(:has(.anim-child)),
.bricks-is-frontend .anim-distance--l .anim-child {
  --animation-distance: var(--distance--l, 40px);
}

.bricks-is-frontend .anim-distance--m:not(:has(.anim-child)),
.bricks-is-frontend .anim-distance--m .anim-child {
  --animation-distance: var(--distance--m, 15px);
}

.bricks-is-frontend .anim-distance--s:not(:has(.anim-child)),
.bricks-is-frontend .anim-distance--s .anim-child {
  --animation-distance: var(--distance--s, 4px);
}

.bricks-is-frontend .anim-duration--fast:not(:has(.anim-child)),
.bricks-is-frontend .anim-duration--fast .anim-child {
  --animation-duration: var(--duration--fast, 200ms);
  --reveal-duration: var(--duration--fast, 200ms);
  --reveal-with-layer-duration: var(--duration--fast, 200ms);
}

.bricks-is-frontend .anim-duration--medium:not(:has(.anim-child)),
.bricks-is-frontend .anim-duration--medium .anim-child {
  --animation-duration: var(--duration--medium, 800ms);
  --reveal-duration: var(--duration--medium, 800ms);
  --reveal-with-layer-duration: var(--duration--medium, 800ms);
}

.bricks-is-frontend .anim-duration--slow:not(:has(.anim-child)),
.bricks-is-frontend .anim-duration--slow .anim-child {
  --animation-duration: var(--duration--slow, 1500ms);
  --reveal-duration: var(--duration--slow, 1500ms);
  --reveal-with-layer-duration: var(--duration--slow, 1500ms);
}

.bricks-is-frontend .anim-effect-bounce-in:not(:has(.anim-child)),
.bricks-is-frontend .anim-effect-bounce-in .anim-child {
  --animation-name: bounceInAnimation;
  --animation-fill-mode: both;
}

@keyframes bounceInAnimation {
  0% {
    transform: translateY(-500px);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    transform: translateY(0);
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    transform: translateY(-65px);
    animation-timing-function: ease-in;
  }
  72% {
    transform: translateY(0);
    animation-timing-function: ease-out;
  }
  81% {
    transform: translateY(-28px);
    animation-timing-function: ease-in;
  }
  90% {
    transform: translateY(0);
    animation-timing-function: ease-out;
  }
  95% {
    transform: translateY(-8px);
    animation-timing-function: ease-in;
  }
  100% {
    transform: translateY(0);
    animation-timing-function: ease-out;
    opacity: 1;
  }
}

.bricks-is-frontend .anim-effect-fade-in:not(:has(.anim-child)),
.bricks-is-frontend .anim-effect-fade-in .anim-child {
  --translate: 0, 0, 0;
}

.bricks-is-frontend .anim-effect-flip:not(:has(.anim-child)),
.bricks-is-frontend .anim-effect-flip .anim-child {
  --_rotate-x: var(--rotate-x, -180deg);
  --animation-name: flipAnimation;
  --animation-easing: cubic-bezier(0.250, 0.460, 0.450, 0.940);
  --animation-fill-mode: both;
}

@keyframes flipAnimation {
  0% {
    transform: rotateX(var(--_rotate-x));
  }
  100% {
    transform: rotateX(0);
    opacity: 1;
  }
}

.bricks-is-frontend .anim-effect-puff-in:not(:has(.anim-child)),
.bricks-is-frontend .anim-effect-puff-in .anim-child {
  --_scale: var(--scale, 2);
  --_blur: var(--blur, 4px);
  --animation-name: puffInAnimation;
  --animation-fill-mode: both;
  --animation-easing: cubic-bezier(0.470, 0.000, 0.745, 0.715);
}

@keyframes puffInAnimation {
  0% {
    transform: scale(var(--_scale));
    filter: blur(var(--_blur));
    opacity: 0;
  }
  100% {
    transform: scale(1);
    filter: blur(0px);
    opacity: 1;
  }
}

.bricks-is-frontend .anim-effect-roll-in:not(:has(.anim-child)),
.bricks-is-frontend .anim-effect-roll-in .anim-child {
  --_translate-x: var(--translate-x, -800px);
  --_rotate: var(--rotate, -540deg);
  --animation-name: rollInAnimation;
  --animation-easing: ease-out;
  --animation-fill-mode: both;
}

@keyframes rollInAnimation {
  0% {
    transform: translateX(var(--_translate-x)) rotate(var(--_rotate));
    opacity: 0;
  }
  100% {
    transform: translateX(0) rotate(0deg);
    opacity: 1;
  }
}

.bricks-is-frontend .anim-effect-rotate-scale:not(:has(.anim-child)),
.bricks-is-frontend .anim-effect-rotate-scale .anim-child {
  --_rotate-scale: var(--rotate-scale, 2);
  --_rotate-z--half: var(--rotate-z--half, 180deg);
  --_rotate-z--end: var(--rotate-z--end, 360deg);
  --animation-name: rotateScaleAnimation;
  --animation-fill-mode: both;
}

@keyframes rotateScaleAnimation {
  0% {
    transform: scale(1) rotateZ(0);
  }
  50% {
    transform: scale(var(--_rotate-scale)) rotateZ(var(--_rotate-z--half));
  }
  100% {
    transform: scale(1) rotateZ(var(--_rotate-z--end));
    opacity: 1;
  }
}

.bricks-is-frontend .anim-effect-rotate1:not(:has(.anim-child)),
.bricks-is-frontend .anim-effect-rotate1 .anim-child {
  --_rotate: var(--rotate, 0);
  --animation-name: rotate1Animation;
  --animation-easing: cubic-bezier(0.250, 0.460, 0.450, 0.940);
  --animation-fill-mode: both;
}

@keyframes rotate1Animation {
  from {
    transform: rotate(var(--_rotate));
  }
  to {
    transform: rotate(360deg);
    opacity: 1;
  }
}

.bricks-is-frontend .anim-effect-rotate2:not(:has(.anim-child)),
.bricks-is-frontend .anim-effect-rotate2 .anim-child {
  --_rotate: var(--rotate, -45deg);
  --animation-name: rotate2Animation;
  --animation-easing: cubic-bezier(0.250, 0.460, 0.450, 0.940);
  --animation-fill-mode: both;
}

@keyframes rotate2Animation {
  0% {
    transform: rotate(var(--_rotate));
    opacity: 0;
  }
  100% {
    transform: rotate(0);
    opacity: 1;
  }
}

.bricks-is-frontend .anim-effect-scale-down:not(:has(.anim-child)),
.bricks-is-frontend .anim-effect-scale-down .anim-child {
  --_scale: var(--scale, 2);
  --animation-name: scaleDownAnimation;
  --animation-easing: cubic-bezier(0.250, 0.460, 0.450, 0.940);
  --animation-fill-mode: both;
}

@keyframes scaleDownAnimation {
  from {
    transform: scale(var(--_scale));
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

.bricks-is-frontend .anim-effect-scale-up:not(:has(.anim-child)),
.bricks-is-frontend .anim-effect-scale-up .anim-child {
  --_scale: var(--scale, 0);
  --animation-name: scaleUpAnimation;
  --animation-easing: cubic-bezier(0.250, 0.460, 0.450, 0.940);
  --animation-fill-mode: both;
}

@keyframes scaleUpAnimation {
  from {
    transform: scale(var(--_scale));
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

.bricks-is-frontend .anim-effect-slide--bottom-to-top:not(:has(.anim-child)),
.bricks-is-frontend .anim-effect-slide--bottom-to-top .anim-child {
  --translate: 0, var(--animation-distance), 0;
}

.bricks-is-frontend .anim-effect-slide--left-to-right:not(:has(.anim-child)),
.bricks-is-frontend .anim-effect-slide--left-to-right .anim-child {
  --translate: calc(var(--animation-distance) * -1), 0, 0;
}

.bricks-is-frontend .anim-effect-slide--right-to-left:not(:has(.anim-child)),
.bricks-is-frontend .anim-effect-slide--right-to-left .anim-child {
  --translate: var(--animation-distance, 15px), 0, 0;
}

.bricks-is-frontend .anim-effect-slide--top-to-bottom:not(:has(.anim-child)),
.bricks-is-frontend .anim-effect-slide--top-to-bottom .anim-child {
  --translate: 0, calc(var(--animation-distance, 15px) * -1), 0;
}

.bricks-is-frontend .anim-effect-slit-in:not(:has(.anim-child)),
.bricks-is-frontend .anim-effect-slit-in .anim-child {
  --_translate-z--start: var(--translate-z--start, -800px);
  --_rotate-y--start: var(--rotate-y--start, 90deg);
  --_translate-z--half: var(--translate-z--half, -160px);
  --_rotate-y--half: var(--rotate-y--half, 87deg);
  --animation-name: slitInAnimation;
  --animation-easing: ease-out;
  --animation-fill-mode: both;
}

@keyframes slitInAnimation {
  0% {
    transform: translateZ(var(--_translate-z--start)) rotateY(var(--_rotate-y--start));
    opacity: 0;
  }
  54% {
    transform: translateZ(var(--_translate-z--half)) rotateY(var(--_rotate-y--half));
    opacity: 1;
  }
  100% {
    transform: translateZ(0) rotateY(0);
    opacity: 1;
  }
}

.bricks-is-frontend .anim-effect-swing-in:not(:has(.anim-child)),
.bricks-is-frontend .anim-effect-swing-in .anim-child {
  --_rotate-x: var(--rotate-x, -100deg);
  --_origin: var(--origin, top);
  --animation-name: swingInAnimation;
  --animation-easing: cubic-bezier(0.175, 0.885, 0.320, 1.275);
  --animation-fill-mode: both;
}

@keyframes swingInAnimation {
  0% {
    transform: rotateX(var(--_rotate-x));
    transform-origin: var(--_origin);
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    transform-origin: var(--_origin);
    opacity: 1;
  }
}

.bricks-is-frontend .anim-effect-swirl-in:not(:has(.anim-child)),
.bricks-is-frontend .anim-effect-swirl-in .anim-child {
  --_rotate: var(--rotate, -540deg);
  --_scale: var(--scale, 0);
  --animation-name: swirlInAnimation;
  --animation-easing: ease-out;
  --animation-fill-mode: both;
}

@keyframes swirlInAnimation {
  0% {
    transform: rotate(var(--_rotate)) scale(var(--_scale));
    opacity: 0;
  }
  100% {
    transform: rotate(0) scale(1);
    opacity: 1;
  }
}

.bricks-is-frontend .anim-effect-tilt-in:not(:has(.anim-child)),
.bricks-is-frontend .anim-effect-tilt-in .anim-child {
  --_rotate-y: var(--rotate-y, 30deg);
  --_translate-y: var(--translate-y, -300px);
  --_skew-y: var(--skew-y, -30deg);
  --animation-name: tiltinAnimation;
  --animation-easing: cubic-bezier(0.250, 0.460, 0.450, 0.940);
  --animation-fill-mode: both;
}

@keyframes tiltinAnimation {
  0% {
    transform: rotateY(var(--_rotate-y)) translateY(var(--_translate-y)) skewY(var(--_skew-y));
    opacity: 0;
  }
  100% {
    transform: rotateY(0deg) translateY(0) skewY(0deg);
    opacity: 1;
  }
}

.anim-stagger > * {
  --animation-delay-multiplier: var(--index, 0);
  --animation-delay: var(--entrance-animation-stagger--delay);
}

.bricks-is-frontend .anim-stagger--0:not(:has(.anim-child)),
.bricks-is-frontend .anim-stagger--0 .anim-child {
  --animation-delay-multiplier: 0;
}

.bricks-is-frontend .anim-stagger--1:not(:has(.anim-child)),
.bricks-is-frontend .anim-stagger--1 .anim-child {
  --animation-delay-multiplier: 1;
}

.bricks-is-frontend .anim-stagger--2:not(:has(.anim-child)),
.bricks-is-frontend .anim-stagger--2 .anim-child {
  --animation-delay-multiplier: 2;
}

.bricks-is-frontend .anim-stagger--3:not(:has(.anim-child)),
.bricks-is-frontend .anim-stagger--3 .anim-child {
  --animation-delay-multiplier: 3;
}

.bricks-is-frontend .anim-stagger--4:not(:has(.anim-child)),
.bricks-is-frontend .anim-stagger--4 .anim-child {
  --animation-delay-multiplier: 4;
}

.bricks-is-frontend .anim-stagger--5:not(:has(.anim-child)),
.bricks-is-frontend .anim-stagger--5 .anim-child {
  --animation-delay-multiplier: 5;
}

.bricks-is-frontend .anim-stagger--6:not(:has(.anim-child)),
.bricks-is-frontend .anim-stagger--6 .anim-child {
  --animation-delay-multiplier: 6;
}

.bricks-is-frontend .anim-stagger--7:not(:has(.anim-child)),
.bricks-is-frontend .anim-stagger--7 .anim-child {
  --animation-delay-multiplier: 7;
}

.bricks-is-frontend .anim-stagger--8:not(:has(.anim-child)),
.bricks-is-frontend .anim-stagger--8 .anim-child {
  --animation-delay-multiplier: 8;
}

.bricks-is-frontend .anim-trigger--enter {
  &:not(.anim-group),
   &.anim-group .anim-child {
    --_animation-name: var(--animation-name, animationDefault);
    --_animation-distance: var(--animation-distance, var(--entrance-animation--distance));
    --_translate-default: 0, var(--_animation-distance), 0;
    --_animation-easing: var(--animation-easing, var(--entrance-animation--easing));
    --_animation-image-easing: var(--animation-image-easing, var(--entrance-animation--image-easing, ease));
    --_animation-layer-easing: var(--animation-layer-easing, var(--entrance-animation--layer-easing, ease));
    --_animation-delay: var(--animation-delay, var(--entrance-animation--delay));
    --_animation-delay-multiplier: var(--animation-delay-multiplier, 1);
    --_animation-duration: var(--animation-duration, var(--entrance-animation--duration));
    --_animation-fill-mode: var(--animation-fill-mode, forwards);
    --_reveal-clip-path: var(--reveal-clip-path, polygon(0 0, 100% 0, 100% 0, 0 0));
    --_reveal-duration: var(--reveal-duration, var(--entrance-animation-reveal--duration));
    --_reveal-with-layer-duration: var(--reveal-with-layer-duration, var(--entrance-animation-reveal-with-layer--duration));
    --_layer-bg-color: var(--layer-bg-color, var(--entrance-animation--layer-bg-color, var(--primary)));
    --_layer-animation: var(--layer-animation);
    --_layer-transform-origin--start: var(--layer-transform-origin--start);
    --_layer-transform-origin--end: var(--layer-transform-origin--end);
    --_layer-scale--start: var(--layer-scale--start);
    opacity: 0;
  }
  &:not(.anim-group).entered,
   &.anim-group.entered .anim-child {
    animation-name: var(--_animation-name);
    animation-delay: calc(var(--_animation-delay-multiplier) * var(--_animation-delay));
    animation-duration: var(--_animation-duration);
    animation-timing-function: var(--_animation-easing);
    animation-fill-mode: var(--_animation-fill-mode);
  }
  &.entered[class*=reveal--],
   &.entered [class*=reveal--] {
    &:not(.anim-group),
     .anim-child {
      --animation-name: revealClipPathAnimation;
      --animation-easing: cubic-bezier(0.77, 0, 0.175, 1);
      --animation-duration: var(--_reveal-duration);
      --translate: 0, 0, 0;
      &>* {
        animation-name: revealImgAnimation1;
        animation-delay: calc(var(--_animation-delay-multiplier) * var(--_animation-delay));
        animation-duration: var(--_reveal-duration);
        animation-timing-function: var(--_animation-image-easing);
        animation-fill-mode: forwards;
        will-change: transform, clip-path, opacity;
        backface-visibility: hidden;
      }
    }
  }
  &.entered[class*=reveal-with-layer--],
   &.entered [class*=reveal-with-layer--] {
    --layer-animation: revealLayerAnimation;
    --animation-name: unset;
    --translate: 0, 0, 0;
    opacity: 1 !important;
    transform: scale(0);
    overflow: hidden;
    will-change: transform, opacity;
    &>* {
      position: relative;
      transform: scale(0);
      opacity: 0;
      animation-name: revealImgAnimation2;
      animation-delay: calc(var(--_animation-delay-multiplier) * var(--_animation-delay));
      animation-duration: var(--_reveal-with-layer-duration);
      animation-timing-function: var(--_animation-image-easing);
      animation-fill-mode: forwards;
      will-change: transform, opacity;
      backface-visibility: hidden;
    }
    &::before {
      content: "";
      position: absolute;
      inset: 0;
      background: var(--_layer-bg-color);
      animation-name: var(--_layer-animation);
      animation-delay: calc(var(--_animation-delay-multiplier) * var(--_animation-delay));
      animation-duration: var(--_reveal-with-layer-duration);
      animation-timing-function: var(--_animation-layer-easing);
      animation-fill-mode: forwards;
      transform-origin: var(--_layer-transform-origin--start);
      z-index: 2;
      will-change: transform;
      backface-visibility: hidden;
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  .anim-trigger--enter.entered,
   .anim-trigger--enter.entered [class*=reveal--],
   .anim-trigger--enter.entered [class*=reveal-with-layer--],
   .anim-trigger--enter.entered [class*=reveal-with-layer--]::before {
    animation-duration: 0.01ms !important;
    animation-delay: 0.01ms !important;
  }
  .bricks-is-frontend .anim-trigger--enter {
    opacity: 1 !important;
  }
}

@keyframes animationDefault {
  from {
    transform: translate3d(var(--translate, var(--_translate-default)));
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes revealClipPathAnimation {
  0% {
    opacity: 1;
    clip-path: var(--_reveal-clip-path);
  }
  100% {
    opacity: 1;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}

@keyframes revealLayerAnimation {
  0% {
    transform: scale3d(var(--_layer-scale--start));
  }
  45% {
    transform: scale3d(1, 1, 1);
  }
  55% {
    transform: scale3d(1, 1, 1);
    transform-origin: var(--_layer-transform-origin--start);
  }
  56% {
    transform-origin: var(--_layer-transform-origin--end);
  }
  100% {
    transform: scale3d(var(--_layer-scale--start));
  }
}

@keyframes revealImgAnimation1 {
  0% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes revealImgAnimation2 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  40% {
    transform: scale(0);
    opacity: 0;
  }
  60% {
    transform: scale(1.1);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.bricks-is-frontend .anim-trigger--hover {
  &:not(.anim-group),
   &.anim-group .anim-child {
    --_animation-name: var(--animation-name, animationDefault);
    --_animation-distance: var(--animation-distance, var(--entrance-animation--distance));
    --_translate-default: 0, var(--_animation-distance), 0;
    --_animation-easing: var(--animation-easing, var(--entrance-animation--easing));
    --_animation-image-easing: var(--animation-image-easing, var(--entrance-animation--image-easing, ease));
    --_animation-layer-easing: var(--animation-layer-easing, var(--entrance-animation--layer-easing, ease));
    --_animation-delay: var(--animation-delay, var(--entrance-animation--delay));
    --_animation-delay-multiplier: var(--animation-delay-multiplier, 1);
    --_animation-duration: var(--animation-duration, var(--entrance-animation--duration));
    --_animation-fill-mode: var(--animation-fill-mode, forwards);
    --_reveal-clip-path: var(--reveal-clip-path, polygon(0 0, 100% 0, 100% 0, 0 0));
    --_reveal-duration: var(--reveal-duration, var(--entrance-animation-reveal--duration));
    --_reveal-with-layer-duration: var(--reveal-with-layer-duration, var(--entrance-animation-reveal-with-layer--duration));
    --_layer-bg-color: var(--layer-bg-color, var(--entrance-animation--layer-bg-color, var(--primary)));
    --_layer-animation: var(--layer-animation);
    --_layer-transform-origin--start: var(--layer-transform-origin--start);
    --_layer-transform-origin--end: var(--layer-transform-origin--end);
    --_layer-scale--start: var(--layer-scale--start);
    opacity: 0;
  }
  &:not(.anim-group).hovered,
   &.anim-group.hovered .anim-child {
    animation-name: var(--_animation-name);
    animation-delay: calc(var(--_animation-delay-multiplier) * var(--_animation-delay));
    animation-duration: var(--_animation-duration);
    animation-timing-function: var(--_animation-easing);
    animation-fill-mode: var(--_animation-fill-mode);
  }
  &.hovered[class*=reveal--],
   &.hovered [class*=reveal--] {
    &:not(.anim-group),
     .anim-child {
      --animation-name: revealClipPathAnimation;
      --animation-easing: cubic-bezier(0.77, 0, 0.175, 1);
      --animation-duration: var(--_reveal-duration);
      --translate: 0, 0, 0;
      &>* {
        animation-name: revealImgAnimation1;
        animation-delay: calc(var(--_animation-delay-multiplier) * var(--_animation-delay));
        animation-duration: var(--_reveal-duration);
        animation-timing-function: var(--_animation-image-easing);
        animation-fill-mode: forwards;
        will-change: transform, clip-path, opacity;
        backface-visibility: hidden;
      }
    }
  }
  &.hovered[class*=reveal-with-layer--],
   &.hovered [class*=reveal-with-layer--] {
    --layer-animation: revealLayerAnimation;
    --animation-name: unset;
    --translate: 0, 0, 0;
    opacity: 1 !important;
    transform: scale(0);
    overflow: hidden;
    will-change: transform, opacity;
    &>* {
      position: relative;
      transform: scale(0);
      opacity: 0;
      animation-name: revealImgAnimation2;
      animation-delay: calc(var(--_animation-delay-multiplier) * var(--_animation-delay));
      animation-duration: var(--_reveal-with-layer-duration);
      animation-timing-function: var(--_animation-image-easing);
      animation-fill-mode: forwards;
      will-change: transform, opacity;
      backface-visibility: hidden;
    }
    &::before {
      content: "";
      position: absolute;
      inset: 0;
      background: var(--_layer-bg-color);
      animation-name: var(--_layer-animation);
      animation-delay: calc(var(--_animation-delay-multiplier) * var(--_animation-delay));
      animation-duration: var(--_reveal-with-layer-duration);
      animation-timing-function: var(--_animation-layer-easing);
      animation-fill-mode: forwards;
      transform-origin: var(--_layer-transform-origin--start);
      z-index: 2;
      will-change: transform;
      backface-visibility: hidden;
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  .anim-trigger--hover.hovered,
   .anim-trigger--hover.hovered [class*=reveal--],
   .anim-trigger--hover.hovered [class*=reveal-with-layer--],
   .anim-trigger--hover.hovered [class*=reveal-with-layer--]::before {
    animation-duration: 0.01ms !important;
    animation-delay: 0.01ms !important;
  }
  .bricks-is-frontend .anim-trigger--hover {
    opacity: 1 !important;
  }
}

@keyframes animationDefault {
  from {
    transform: translate3d(var(--translate, var(--_translate-default)));
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes revealClipPathAnimation {
  0% {
    opacity: 1;
    clip-path: var(--_reveal-clip-path);
  }
  100% {
    opacity: 1;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}

@keyframes revealLayerAnimation {
  0% {
    transform: scale3d(var(--_layer-scale--start));
  }
  45% {
    transform: scale3d(1, 1, 1);
  }
  55% {
    transform: scale3d(1, 1, 1);
    transform-origin: var(--_layer-transform-origin--start);
  }
  56% {
    transform-origin: var(--_layer-transform-origin--end);
  }
  100% {
    transform: scale3d(var(--_layer-scale--start));
  }
}

@keyframes revealImgAnimation1 {
  0% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes revealImgAnimation2 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  40% {
    transform: scale(0);
    opacity: 0;
  }
  60% {
    transform: scale(1.1);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.bricks-is-frontend .reveal--bottom-to-top:not(:has(.anim-child)),
.bricks-is-frontend .reveal--bottom-to-top .anim-child {
  --animation-name: revealClipPathAnimation;
  --animation-easing: cubic-bezier(0.77, 0, 0.175, 1);
  --reveal-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
  --translate: 0, 0, 0;
}

.bricks-is-frontend .reveal--left-to-right:not(:has(.anim-child)),
.bricks-is-frontend .reveal--left-to-right .anim-child {
  --reveal-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
}

.bricks-is-frontend .reveal--right-to-left:not(:has(.anim-child)),
.bricks-is-frontend .reveal--right-to-left .anim-child {
  --reveal-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}

.bricks-is-frontend .reveal--top-to-bottom:not(:has(.anim-child)),
.bricks-is-frontend .reveal--top-to-bottom .anim-child {
  --reveal-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
}

.bricks-is-frontend .reveal-with-layer--bottom-to-top {
  --layer-transform-origin--start: 100% 100%;
  --layer-transform-origin--end: 0% 100%;
  --layer-scale--start: 1,0,1;
}

.bricks-is-frontend .reveal-with-layer--left-to-right {
  --layer-transform-origin--start: 0% 0%;
  --layer-transform-origin--end: 0% 100%;
  --layer-scale--start: 0,1,1;
}

.bricks-is-frontend .reveal-with-layer--right-to-left {
  --layer-transform-origin--start: 100% 100%;
  --layer-transform-origin--end: 100% 0%;
  --layer-scale--start: 0,1,1;
}

.bricks-is-frontend .reveal-with-layer--top-to-bottom {
  --layer-transform-origin--start: 0% 0%;
  --layer-transform-origin--end: 100% 0%;
  --layer-scale--start: 1,0,1;
}

.sg__card {
  padding-top: var(--sg-border-width);
  padding-right: var(--sg-border-width);
  padding-bottom: var(--sg-border-width);
  padding-left: var(--sg-border-width);
  background-color: var(--dark-semi-light);
  border-top-left-radius: calc(var(--border-radius) + var(--sg-border-width));
  border-top-right-radius: calc(var(--border-radius) + var(--sg-border-width));
  border-bottom-right-radius: calc(var(--border-radius) + var(--sg-border-width));
  border-bottom-left-radius: calc(var(--border-radius) + var(--sg-border-width));
  position: relative;
  overflow: hidden;
  z-index: 0;
}

.sg__card {
  --sg-border-width: 0.2rem;
  --border-radius: var(--radius-18);
  --border-glow-size: 600px;
  --border-glow-color: white;
  --border-glow-opacity: 0.9;
  --card-glow-size: 800px;
  --card-glow-color: white;
  --card-glow-opacity: 0.1;
}

.sg__card::after,
.sg__content::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  opacity: 0;
  transition: opacity 500ms;
  pointer-events: none;
}

.sg__card::after {
  background: radial-gradient(
    var(--border-glow-size) circle at var(--mouse-x, 50%) var(--mouse-y, 50%),
    var(--border-glow-color),
    transparent 40%
  );
}

.sg__content::after {
  background: radial-gradient(
    var(--card-glow-size) circle at var(--mouse-x, 50%) var(--mouse-y, 50%),
    var(--card-glow-color),
    transparent 40%
  );
}

#sg__grid:hover .sg__card::after {
  opacity: var(--border-glow-opacity);
}

.sg__card:hover .sg__content::after {
  opacity: var(--card-glow-opacity);
}

.sg__content {
  color: var(--light);
  background-color: var(--light-ultra-dark);
  padding-top: var(--space-24);
  padding-right: var(--space-24);
  padding-bottom: var(--space-24);
  padding-left: var(--space-24);
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
  z-index: 2;
}

.sgc-card-grid {
  display: grid;
  grid-template-columns: var(--grid-3);
}

.shadow-1 {
  box-shadow: var(--shadow-1);
}

.shadow-2 {
  box-shadow: var(--shadow-2);
}

.shadow-3 {
  box-shadow: var(--shadow-3);
}

.shadow-4 {
  box-shadow: var(--shadow-4);
}

.shadow-5 {
  box-shadow: var(--shadow-5);
}

.grid {
  display: grid;
}

.grid-1 {
  grid-template-columns: var(--grid-1);
}

.grid-1-2 {
  grid-template-columns: var(--grid-1-2);
}

.grid-1-3 {
  grid-template-columns: var(--grid-1-3);
}

.grid-1-4 {
  grid-template-columns: var(--grid-1-4);
}

.grid-10 {
  grid-template-columns: var(--grid-10);
}

.grid-11 {
  grid-template-columns: var(--grid-11);
}

.grid-12 {
  grid-template-columns: var(--grid-12);
}

.grid-2 {
  grid-template-columns: var(--grid-2);
}

.grid-2-1 {
  grid-template-columns: var(--grid-2-1);
}

.grid-2-3 {
  grid-template-columns: var(--grid-2-3);
}

.grid-3 {
  grid-template-columns: var(--grid-3);
}

.grid-3-1 {
  grid-template-columns: var(--grid-3-1);
}

.grid-3-2 {
  grid-template-columns: var(--grid-3-2);
}

.grid-3-4 {
  grid-template-columns: var(--grid-3-4);
}

.grid-4 {
  grid-template-columns: var(--grid-4);
}

.grid-4-1 {
  grid-template-columns: var(--grid-4-1);
}

.grid-4-3 {
  grid-template-columns: var(--grid-4-3);
}

.grid-5 {
  grid-template-columns: var(--grid-5);
}

.grid-6 {
  grid-template-columns: var(--grid-6);
}

.grid-7 {
  grid-template-columns: var(--grid-7);
}

.grid-8 {
  grid-template-columns: var(--grid-8);
}

.grid-9 {
  grid-template-columns: var(--grid-9);
}

.grid-auto-10 {
  grid-template-columns: var(--grid-auto-10);
}

.grid-auto-11 {
  grid-template-columns: var(--grid-auto-11);
}

.grid-auto-12 {
  grid-template-columns: var(--grid-auto-12);
}

.grid-auto-2 {
  grid-template-columns: var(--grid-auto-2);
}

.grid-auto-3 {
  grid-template-columns: var(--grid-auto-3);
}

.grid-auto-4 {
  grid-template-columns: var(--grid-auto-4);
}

.grid-auto-5 {
  grid-template-columns: var(--grid-auto-5);
}

.grid-auto-6 {
  grid-template-columns: var(--grid-auto-6);
}

.grid-auto-7 {
  grid-template-columns: var(--grid-auto-7);
}

.grid-auto-8 {
  grid-template-columns: var(--grid-auto-8);
}

.grid-auto-9 {
  grid-template-columns: var(--grid-auto-9);
}

.grid-auto-fill {
  grid-template-columns: var(--grid-auto-fill);
}

.grid-auto-fit {
  grid-template-columns: var(--grid-auto-fit);
}

.nest-nav {
  width: auto;
}

.nest-nav .brx-nav-nested-items {
  gap: var(--nav-items-gap);
}

.nest-nav .brx-nav-nested-items > li > a, .nest-nav .brx-nav-nested-items > li > .brx-submenu-toggle {
  color: var(--nav-item-text);
  font-size: var(--nav-top-item-font-size);
  text-transform: capitalize;
}

.nest-nav .brx-submenu-toggle {
  gap: var(--scale-6);
}

.nest-nav .brx-dropdown-content {
  box-shadow: var(--shadow-2);
}

.nest-nav > ul > li > a,
.nest-nav .brx-nav-nested-items > li > .brx-submenu-toggle,
.nest-nav .brx-nav-nested-items > li > a {
  padding: var(--nav-top-item-padding-block) var(--nav-top-item-padding-inline);
  line-height: var(--nav-top-item-font-size);
  color: var(--nav-item-text);
  background-color: var(--nav-item-bg);
}

.brx-submenu-toggle {
  width: 100%;
  justify-content: space-between;
}

.brx-submenu-toggle button[aria-expanded] > * {
  transition: 0.25s !important;
}

.nest-nav__items > a, .nest-nav__items > li {
  line-height: var(--nav-top-item-font-size);
  color: var(--nav-item-text);
  background-color: var(--nav-item-bg);
}

.nest-nav__dropdown li {
  outline: none;
  padding: var(--nav-item-padding-block) var(--nav-item-padding-inline);
  color: var(--nav-dropdown-item-text);
  background-color: var(--nav-dropdown-item-bg);
}

.nest-nav__dropdown li:hover {
  color: var(--nav-dropdown-item-text-hover);
  background-color: var(--nav-dropdown-item-bg-hover);
}

.nest-nav__dropdown .brx-submenu-toggle {
  justify-content: space-between;
}

.nest-nav .brx-submenu-toggle button[aria-expanded="true"] > * {
  transform: rotateZ(180deg);
}

.brxe-dropdown:not(.open) .brx-dropdown-content {
  pointer-events: none;
}

.nest-nav__content > li + li {
  border-top: 1px solid var(--light-d-1);
}

.nest-nav__mega-menu.brx-has-megamenu .brx-dropdown-content > li {
  width: var(--content-width-safe);
  margin: auto;
  padding: var(--megamenu-padding-block) var(--megamenu-padding-inline);
  background-color: var(--megamenu-bg);
}

.nest-nav__mega-menu.brx-has-megamenu .brx-dropdown-content {
  box-shadow: none !important;
  background-color: transparent;
}

:where(.brx-nav-nested-items > .brxe-dropdown > .brx-dropdown-content) {
  transform: translateY(var(--scale-24));
}

:where(.brx-nav-nested-items > .brxe-dropdown.open > .brx-dropdown-content) {
  transform: translateY(0);
}

.nest-nav__nav-grid {
  display: grid;
  grid-template-columns: var(--grid-auto-4);
}

.nest-nav__toggle-open {
  z-index: 999;
}

.nest-nav__toggle-open {
  --ham-bg: var(--ham-light);
  --ham-bg-active: var(--ham-primary);
  --ham-border-color: var(--ham-light);
  --ham-stroke: var(--ham-primary);
  --ham-stroke-active: var(--ham-light);
  --ham-border-width: 2px;
  --ham-border-radius: var(--radius-10);
  --ham-icon-size: var(--scale-48);
  --ham-stroke-width: 5px;
  --ham-duration: 400ms;
  --ham-ease: ease;
  z-index: 999;
  -webkit-tap-highlight-color: transparent;
  background: var(--ham-bg);
  border: var(--ham-border-width)
    solid
    var(--border-color);
  border-radius: var(--ham-border-radius);
  transition: background var(--ham-duration) var(--ham-ease),
    border-color var(--ham-duration) var(--ham-ease);
}

.is-active.nest-nav__toggle-open {
  background: var(--ham-bg-active);
  border-color: var(--ham-bg-active);
}

.is-active .line {
  stroke: var(--ham-stroke-active);
}

svg.ham {
  width: var(--ham-icon-size);
  z-index: 999;
}

.ham {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: transform var(--ham-duration) var(--ham-ease);
}

.line {
  fill: none;
  stroke: var(--ham-stroke);
  stroke-width: var(--ham-stroke-width);
  stroke-linecap: round;
  transition: stroke var(--ham-duration) var(--ham-ease),
    stroke-dasharray var(--ham-duration) var(--ham-ease),
    stroke-dashoffset var(--ham-duration) var(--ham-ease);
}

.is-active .hamRotate {
  transform: rotate(45deg);
}

.is-active .hamRotate180 {
  transform: rotate(180deg);
}

.ham1 .top {
  stroke-dasharray: 40 139;
}

.ham1 .bottom {
  stroke-dasharray: 40 180;
}

.is-active .ham1 .top {
  stroke-dashoffset: -98px;
}

.is-active .ham1 .bottom {
  stroke-dashoffset: -138px;
}

.ham2 .top,
.ham2 .bottom {
  stroke-dasharray: 40 121;
}

.is-active .ham2 .top,
.is-active .ham2 .bottom {
  stroke-dashoffset: -102px;
}

.ham3 .top {
  stroke-dasharray: 40 130;
}

.ham3 .middle {
  stroke-dasharray: 40 140;
}

.ham3 .bottom {
  stroke-dasharray: 40 205;
}

.is-active .ham3 .top {
  stroke-dasharray: 75 130;
  stroke-dashoffset: -63px;
}

.is-active .ham3 .middle {
  stroke-dashoffset: -102px;
}

.is-active .ham3 .bottom {
  stroke-dasharray: 110 205;
  stroke-dashoffset: -86px;
}

.ham4 .top,
.ham4 .bottom {
  stroke-dasharray: 40 121;
}

.is-active .ham4 .top,
.is-active .ham4 .bottom {
  stroke-dashoffset: -68px;
}

.ham5 .top,
.ham5 .bottom {
  stroke-dasharray: 40 82;
}

.is-active .ham5 .top,
.is-active .ham5 .bottom {
  stroke-dasharray: 14 82;
  stroke-dashoffset: -72px;
}

.ham6 .top,
.ham6 .bottom {
  stroke-dasharray: 40 172;
}

.ham6 .middle {
  stroke-dasharray: 40 111;
}

.is-active .ham6 .top,
.is-active .ham6 .bottom {
  stroke-dashoffset: -132px;
}

.is-active .ham6 .middle {
  stroke-dashoffset: -71px;
}

.ham7 .top {
  stroke-dasharray: 40 82;
}

.ham7 .middle {
  stroke-dasharray: 40 111;
}

.ham7 .bottom {
  stroke-dasharray: 40 161;
}

.is-active .ham7 .top {
  stroke-dasharray: 17 82;
  stroke-dashoffset: -62px;
}

.is-active .ham7 .middle {
  stroke-dashoffset: 23px;
}

.is-active .ham7 .bottom {
  stroke-dashoffset: -83px;
}

.ham8 .top {
  stroke-dasharray: 40 160;
}

.ham8 .middle {
  stroke-dasharray: 40 142;
  transform-origin: 50%;
  transition: transform var(--ham-duration) var(--ham-ease),
    stroke-dashoffset var(--ham-duration) var(--ham-ease);
}

.ham8 .bottom {
  stroke-dasharray: 40 85;
  transform-origin: 50%;
  transition: transform var(--ham-duration) var(--ham-ease),
    stroke-dashoffset var(--ham-duration) var(--ham-ease);
}

.is-active .ham8 .top {
  stroke-dashoffset: -64px;
}

.is-active .ham8 .middle {
  transform: rotate(90deg);
}

.is-active .ham8 .bottom {
  stroke-dashoffset: -64px;
}

.dropdown-back {
  font-weight: 600;
  text-transform: capitalize;
}

.brx-dropdown-content > li:first-child:has(.dropdown-back, .brx-multilevel-back) {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--header-height);
  display: flex;
  border: none;
  align-items: center;
  border-bottom: var(--nav-border-default);
  font-weight: 600;
  text-transform: capitalize;
}

.brx-dropdown-content > li:first-child:has(.dropdown-back, .brx-multilevel-back)::before {
  --arrow-weight: 0.5px;
  content: "";
  display: block;
  width: var(--scale-24);
  height: var(--scale-24);
  margin-left: calc(var(--space-6) * -1);
  background: var(--primary);
  mask: var(--svg--arrow) calc(50% + var(--arrow-weight)) 50% / 100% 100% no-repeat,
    var(--svg--arrow) calc(50% - var(--arrow-weight)) 50% / 100% 100% no-repeat,
    var(--svg--arrow) 50% calc(50% + var(--arrow-weight)) / 100% 100% no-repeat,
    var(--svg--arrow) 50% calc(50% - var(--arrow-weight)) / 100% 100% no-repeat,
    var(--svg--arrow) center / 100% 100% no-repeat;
  transform: rotate(180deg) scale(1.069);
}

.nav__center {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
}

.o-1 {
  order: 1;
}

.o-2 {
  order: 2;
}

.o-3 {
  order: 3;
}

.o-4 {
  order: 4;
}

.o-5 {
  order: 5;
}

.o-6 {
  order: 6;
}

.o-7 {
  order: 7;
}

.o-8 {
  order: 8;
}

.o-9 {
  order: 9;
}

.o-10 {
  order: 10;
}

.w-auto {
  width: auto;
}

.h1 {
  font-size: var(--h1);
}

.h2 {
  font-size: var(--h2);
}

.h3 {
  font-size: var(--h3);
}

.h4 {
  font-size: var(--h4);
}

.h5 {
  font-size: var(--h5);
}

.h6 {
  font-size: var(--h6);
}

.text-28 {
  font-size: var(--text-28);
}

.text-24 {
  font-size: var(--text-24);
}

.text-20 {
  font-size: var(--text-20);
}

.text-18 {
  font-size: var(--text-18);
}

.text-16 {
  font-size: var(--text-16);
}

.text-14 {
  font-size: var(--text-14);
}

.text-12 {
  font-size: var(--text-12);
}

.text-10 {
  font-size: var(--text-10);
}

.w-2 {
  width: min(100%, var(--width-2));
}

.w-4 {
  width: min(100%, var(--width-4));
}

.w-6 {
  width: min(100%, var(--width-6));
}

.w-8 {
  width: min(100%, var(--width-8));
}

.w-10 {
  width: min(100%, var(--width-10));
}

.w-12 {
  width: min(100%, var(--width-12));
}

.w-14 {
  width: min(100%, var(--width-14));
}

.w-16 {
  width: min(100%, var(--width-16));
}

.w-18 {
  width: min(100%, var(--width-18));
}

.w-20 {
  width: min(100%, var(--width-20));
}

.w-24 {
  width: min(100%, var(--width-24));
}

.w-28 {
  width: min(100%, var(--width-28));
}

.w-32 {
  width: min(100%, var(--width-32));
}

.w-36 {
  width: min(100%, var(--width-36));
}

.w-40 {
  width: min(100%, var(--width-40));
}

.w-44 {
  width: min(100%, var(--width-44));
}

.w-48 {
  width: min(100%, var(--width-48));
}

.w-56 {
  width: min(100%, var(--width-56));
}

.w-64 {
  width: min(100%, var(--width-64));
}

.w-72 {
  width: min(100%, var(--width-72));
}

.w-80 {
  width: min(100%, var(--width-80));
}

.w-96 {
  width: min(100%, var(--width-96));
}

.w-112 {
  width: min(100%, var(--width-112));
}

.w-128 {
  width: min(100%, var(--width-128));
}

.w-144 {
  width: min(100%, var(--width-144));
}

.w-160 {
  width: min(100%, var(--width-160));
}

.w-176 {
  width: min(100%, var(--width-176));
}

.w-192 {
  width: min(100%, var(--width-192));
}

.w-208 {
  width: min(100%, var(--width-208));
}

.w-224 {
  width: min(100%, var(--width-224));
}

.w-240 {
  width: min(100%, var(--width-240));
}

.w-256 {
  width: min(100%, var(--width-256));
}

.w-288 {
  width: min(100%, var(--width-288));
}

.w-320 {
  width: min(100%, var(--width-320));
}

.w-384 {
  width: min(100%, var(--width-384));
}

.w-448 {
  width: min(100%, var(--width-448));
}

.w-512 {
  width: min(100%, var(--width-512));
}

.w-640 {
  width: min(100%, var(--width-640));
}

.w-768 {
  width: min(100%, var(--width-768));
}

.w-896 {
  width: min(100%, var(--width-896));
}

.w-1024 {
  width: min(100%, var(--width-1024));
}

.w-1280 {
  width: min(100%, var(--width-1280));
}

.w-1440 {
  width: min(100%, var(--width-1440));
}

.w-1600 {
  width: min(100%, var(--width-1600));
}

.w-1920 {
  width: min(100%, var(--width-1920));
}

.w-2560 {
  width: min(100%, var(--width-2560));
}

.flex {
  display: flex;
}

/* Flex alignment utilities */
.items-center {
  align-items: center;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-stretch {
  align-items: stretch;
}
.items-baseline {
  align-items: baseline;
}

.justify-center {
  justify-content: center;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.justify-evenly {
  justify-content: space-evenly;
}

/* Gap utilities */
.gap-2 {
  gap: var(--space-2);
}
.gap-4 {
  gap: var(--space-4);
}
.gap-6 {
  gap: var(--space-6);
}
.gap-8 {
  gap: var(--space-8);
}
.gap-12 {
  gap: var(--space-12);
}
.gap-16 {
  gap: var(--space-16);
}
.gap-24 {
  gap: var(--space-24);
}
.gap-32 {
  gap: var(--space-32);
}

/* Padding utilities */
.pad-0 {
  padding: 0;
}
.pad-2 {
  padding: var(--space-2);
}
.pad-4 {
  padding: var(--space-4);
}
.pad-6 {
  padding: var(--space-6);
}
.pad-8 {
  padding: var(--space-8);
}
.pad-12 {
  padding: var(--space-12);
}
.pad-16 {
  padding: var(--space-16);
}
.pad-24 {
  padding: var(--space-24);
}
.pad-32 {
  padding: var(--space-32);
}
.pad-48 {
  padding: var(--space-48);
}
.pad-64 {
  padding: var(--space-64);
}

.pad-x-4 {
  padding-left: var(--space-4);
  padding-right: var(--space-4);
}
.pad-x-8 {
  padding-left: var(--space-8);
  padding-right: var(--space-8);
}
.pad-x-12 {
  padding-left: var(--space-12);
  padding-right: var(--space-12);
}
.pad-x-16 {
  padding-left: var(--space-16);
  padding-right: var(--space-16);
}
.pad-x-24 {
  padding-left: var(--space-24);
  padding-right: var(--space-24);
}
.pad-x-32 {
  padding-left: var(--space-32);
  padding-right: var(--space-32);
}

.pad-y-4 {
  padding-top: var(--space-4);
  padding-bottom: var(--space-4);
}
.pad-y-8 {
  padding-top: var(--space-8);
  padding-bottom: var(--space-8);
}
.pad-y-12 {
  padding-top: var(--space-12);
  padding-bottom: var(--space-12);
}
.pad-y-16 {
  padding-top: var(--space-16);
  padding-bottom: var(--space-16);
}
.pad-y-24 {
  padding-top: var(--space-24);
  padding-bottom: var(--space-24);
}
.pad-y-32 {
  padding-top: var(--space-32);
  padding-bottom: var(--space-32);
}

/* Block/Inline padding utilities (for logical properties) */
.pad-block-4 {
  padding-block: var(--space-4);
}
.pad-block-8 {
  padding-block: var(--space-8);
}
.pad-block-12 {
  padding-block: var(--space-12);
}
.pad-block-16 {
  padding-block: var(--space-16);
}
.pad-block-24 {
  padding-block: var(--space-24);
}
.pad-block-32 {
  padding-block: var(--space-32);
}

.pad-inline-4 {
  padding-inline: var(--space-4);
}
.pad-inline-8 {
  padding-inline: var(--space-8);
}
.pad-inline-12 {
  padding-inline: var(--space-12);
}
.pad-inline-16 {
  padding-inline: var(--space-16);
}
.pad-inline-24 {
  padding-inline: var(--space-24);
}
.pad-inline-32 {
  padding-inline: var(--space-32);
}

/* Margin utilities */
.margin-0 {
  margin: 0;
}
.margin-4 {
  margin: var(--space-4);
}
.margin-8 {
  margin: var(--space-8);
}
.margin-12 {
  margin: var(--space-12);
}
.margin-16 {
  margin: var(--space-16);
}
.margin-24 {
  margin: var(--space-24);
}
.margin-32 {
  margin: var(--space-32);
}
.margin-auto {
  margin: auto;
}

.margin-x-4 {
  margin-left: var(--space-4);
  margin-right: var(--space-4);
}
.margin-x-8 {
  margin-left: var(--space-8);
  margin-right: var(--space-8);
}
.margin-x-12 {
  margin-left: var(--space-12);
  margin-right: var(--space-12);
}
.margin-x-16 {
  margin-left: var(--space-16);
  margin-right: var(--space-16);
}
.margin-x-24 {
  margin-left: var(--space-24);
  margin-right: var(--space-24);
}
.margin-x-32 {
  margin-left: var(--space-32);
  margin-right: var(--space-32);
}
.margin-x-auto {
  margin-left: auto;
  margin-right: auto;
}

.margin-y-4 {
  margin-top: var(--space-4);
  margin-bottom: var(--space-4);
}
.margin-y-8 {
  margin-top: var(--space-8);
  margin-bottom: var(--space-8);
}
.margin-y-12 {
  margin-top: var(--space-12);
  margin-bottom: var(--space-12);
}
.margin-y-16 {
  margin-top: var(--space-16);
  margin-bottom: var(--space-16);
}
.margin-y-24 {
  margin-top: var(--space-24);
  margin-bottom: var(--space-24);
}
.margin-y-32 {
  margin-top: var(--space-32);
  margin-bottom: var(--space-32);
}

/* Width utilities */
.w-full {
  width: 100%;
}
.w-auto {
  width: auto;
}
.w-1\/2 {
  width: 50%;
}
.w-1\/3 {
  width: 33.333333%;
}
.w-2\/3 {
  width: 66.666667%;
}
.w-1\/4 {
  width: both;
}
.w-3\/4 {
  width: 75%;
}

.max-w-none {
  max-width: none;
}
.max-w-xs {
  max-width: 20rem;
}
.max-w-sm {
  max-width: 24rem;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-xl {
  max-width: 36rem;
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-3xl {
  max-width: 48rem;
}
.max-w-4xl {
  max-width: 56rem;
}
.max-w-5xl {
  max-width: 64rem;
}
.max-w-6xl {
  max-width: 72rem;
}
.max-w-7xl {
  max-width: 80rem;
}
.max-w-screen-sm {
  max-width: 640px;
}
.max-w-screen-md {
  max-width: 768px;
}
.max-w-screen-lg {
  max-width: 1024px;
}
.max-w-screen-xl {
  max-width: 1280px;
}
.max-w-screen-2xl {
  max-width: 1536px;
}

/* Background color utilities */
.bg-white {
  background-color: #ffffff;
}
.bg-gray-50 {
  background-color: #f9fafb;
}
.bg-gray-100 {
  background-color: #f3f4f6;
}
.bg-gray-200 {
  background-color: #e5e7eb;
}
.bg-gray-300 {
  background-color: #d1d5db;
}
.bg-gray-400 {
  background-color: #9ca3af;
}
.bg-gray-500 {
  background-color: #6b7280;
}
.bg-gray-600 {
  background-color: #4b5563;
}
.bg-gray-700 {
  background-color: #374151;
}
.bg-gray-800 {
  background-color: #1f2937;
}
.bg-gray-900 {
  background-color: #111827;
}

.bg-blue-50 {
  background-color: #eff6ff;
}
.bg-blue-100 {
  background-color: #dbeafe;
}
.bg-blue-200 {
  background-color: #bfdbfe;
}
.bg-blue-300 {
  background-color: #93c5fd;
}
.bg-blue-400 {
  background-color: #60a5fa;
}
.bg-blue-500 {
  background-color: #3b82f6;
}
.bg-blue-600 {
  background-color: #2563eb;
}
.bg-blue-700 {
  background-color: #1d4ed8;
}
.bg-blue-800 {
  background-color: #1e40af;
}
.bg-blue-900 {
  background-color: #1e3a8a;
}

/* Text color utilities */
.text-white {
  color: #ffffff;
}
.text-gray-50 {
  color: #f9fafb;
}
.text-gray-100 {
  color: #f3f4f6;
}
.text-gray-200 {
  color: #e5e7eb;
}
.text-gray-300 {
  color: #d1d5db;
}
.text-gray-400 {
  color: #9ca3af;
}
.text-gray-500 {
  color: #6b7280;
}
.text-gray-600 {
  color: #4b5563;
}
.text-gray-700 {
  color: #374151;
}
.text-gray-800 {
  color: #1f2937;
}
.text-gray-900 {
  color: #111827;
}

.text-blue-50 {
  color: #eff6ff;
}
.text-blue-100 {
  color: #dbeafe;
}
.text-blue-200 {
  color: #bfdbfe;
}
.text-blue-300 {
  color: #93c5fd;
}
.text-blue-400 {
  color: #60a5fa;
}
.text-blue-500 {
  color: #3b82f6;
}
.text-blue-600 {
  color: #2563eb;
}
.text-blue-700 {
  color: #1d4ed8;
}
.text-blue-800 {
  color: #1e40af;
}
.text-blue-900 {
  color: #1e3a8a;
}

/* Border radius utilities */
.rounded-none {
  border-radius: 0;
}
.rounded-sm {
  border-radius: 0.125rem;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-full {
  border-radius: 9999px;
}

/* Shadow utilities */
.shadow-none {
  box-shadow: none;
}
.shadow-sm {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.shadow {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
.shadow-md {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.shadow-lg {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.shadow-xl {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.shadow-2xl {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

/* Text size utility classes */
.text-10 {
  font-size: var(--text-10);
}
.text-12 {
  font-size: var(--text-12);
}
.text-14 {
  font-size: var(--text-14);
}
.text-16 {
  font-size: var(--text-16);
}
.text-18 {
  font-size: var(--text-18);
}
.text-20 {
  font-size: var(--text-20);
}
.text-24 {
  font-size: var(--text-24);
}
.text-28 {
  font-size: var(--text-28);
}
.text-32 {
  font-size: var(--text-32);
}
.text-36 {
  font-size: var(--text-36);
}
.text-40 {
  font-size: var(--text-40);
}
.text-48 {
  font-size: var(--text-48);
}
.text-56 {
  font-size: var(--text-56);
}
.text-64 {
  font-size: var(--text-64);
}
.text-72 {
  font-size: var(--text-72);
}
.text-80 {
  font-size: var(--text-80);
}
.text-96 {
  font-size: var(--text-96);
}

/* Semantic text size utility classes */
.text-xs {
  font-size: var(--text-xs);
}
.text-sm {
  font-size: var(--text-sm);
}
.text-base {
  font-size: var(--text-base);
}
.text-lg {
  font-size: var(--text-lg);
}
.text-xl {
  font-size: var(--text-xl);
}
.text-2xl {
  font-size: var(--text-2xl);
}
.text-3xl {
  font-size: var(--text-3xl);
}
.text-4xl {
  font-size: var(--text-4xl);
}
.text-5xl {
  font-size: var(--text-5xl);
}
.text-6xl {
  font-size: var(--text-6xl);
}
.text-7xl {
  font-size: var(--text-7xl);
}
.text-8xl {
  font-size: var(--text-8xl);
}
.text-9xl {
  font-size: var(--text-9xl);
}

/* Font weight utility classes */
.font-thin {
  font-weight: var(--font-thin);
}
.font-extralight {
  font-weight: var(--font-extralight);
}
.font-light {
  font-weight: var(--font-light);
}
.font-normal {
  font-weight: var(--font-normal);
}
.font-medium {
  font-weight: var(--font-medium);
}
.font-semibold {
  font-weight: var(--font-semibold);
}
.font-bold {
  font-weight: var(--font-bold);
}
.font-extrabold {
  font-weight: var(--font-extrabold);
}
.font-black {
  font-weight: var(--font-black);
}

/* Text alignment utilities */
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-justify {
  text-align: justify;
}

/* Responsive utilities */
/* Mobile-first: Styles apply to all screens by default */
/* Tablet and above */
@media (min-width: 768px) {
  .md\\:grid-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .md\\:grid-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .md\\:grid-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .md\\:flex {
    display: flex;
  }
  .md\\:hidden {
    display: none;
  }
  .md\\:block {
    display: block;
  }
}

/* Desktop and above */
@media (min-width: 1024px) {
  .lg\\:grid-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .lg\\:grid-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .lg\\:grid-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .lg\\:flex {
    display: flex;
  }
  .lg\\:hidden {
    display: none;
  }
  .lg\\:block {
    display: block;
  }
  .lg\\:max-w-screen-xl {
    max-width: 1280px;
  }
}

/* Extra large screens */
@media (min-width: 1280px) {
  .xl\\:grid-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .xl\\:grid-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .xl\\:grid-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .xl\\:flex {
    display: flex;
  }
}

.bg-surface {
  background-color: var(--surface);
}

.h-2 {
  height: min(100dvh, var(--height-2));
}

.h-4 {
  height: min(100dvh, var(--height-4));
}

.h-6 {
  height: min(100dvh, var(--height-6));
}

.h-8 {
  height: min(100dvh, var(--height-8));
}

.h-10 {
  height: min(100dvh, var(--height-10));
}

.h-12 {
  height: min(100dvh, var(--height-12));
}

.h-14 {
  height: min(100dvh, var(--height-14));
}

.h-16 {
  height: min(100dvh, var(--height-16));
}

.h-18 {
  height: min(100dvh, var(--height-18));
}

.h-20 {
  height: min(100dvh, var(--height-20));
}

.h-24 {
  height: min(100dvh, var(--height-24));
}

.h-28 {
  height: min(100dvh, var(--height-28));
}

.h-32 {
  height: min(100dvh, var(--height-32));
}

.h-36 {
  height: min(100dvh, var(--height-36));
}

.h-40 {
  height: min(100dvh, var(--height-40));
}

.h-44 {
  height: min(100dvh, var(--height-44));
}

.h-48 {
  height: min(100dvh, var(--height-48));
}

.h-56 {
  height: min(100dvh, var(--height-56));
}

.h-64 {
  height: min(100dvh, var(--height-64));
}

.h-72 {
  height: min(100dvh, var(--height-72));
}

.h-80 {
  height: min(100dvh, var(--height-80));
}

.h-96 {
  height: min(100dvh, var(--height-96));
}

.h-112 {
  height: min(100dvh, var(--height-112));
}

.h-128 {
  height: min(100dvh, var(--height-128));
}

.h-144 {
  height: min(100dvh, var(--height-144));
}

.h-160 {
  height: min(100dvh, var(--height-160));
}

.h-176 {
  height: min(100dvh, var(--height-176));
}

.h-192 {
  height: min(100dvh, var(--height-192));
}

.h-208 {
  height: min(100dvh, var(--height-208));
}

.h-224 {
  height: min(100dvh, var(--height-224));
}

.h-240 {
  height: min(100dvh, var(--height-240));
}

.h-256 {
  height: min(100dvh, var(--height-256));
}

.h-288 {
  height: min(100dvh, var(--height-288));
}

.h-320 {
  height: min(100dvh, var(--height-320));
}

.h-384 {
  height: min(100dvh, var(--height-384));
}

.h-448 {
  height: min(100dvh, var(--height-448));
}

.h-512 {
  height: min(100dvh, var(--height-512));
}

.h-640 {
  height: min(100dvh, var(--height-640));
}

.h-768 {
  height: min(100dvh, var(--height-768));
}

.h-896 {
  height: min(100dvh, var(--height-896));
}

.h-1024 {
  height: min(100dvh, var(--height-1024));
}

.h-1280 {
  height: min(100dvh, var(--height-1280));
}

.h-1440 {
  height: min(100dvh, var(--height-1440));
}

.h-1600 {
  height: min(100dvh, var(--height-1600));
}

.h-1920 {
  height: min(100dvh, var(--height-1920));
}

.h-2560 {
  height: min(100dvh, var(--height-2560));
}

.text-wrap {
  text-wrap: wrap;
}

.text-nowrap {
  text-wrap: nowrap;
}

.text-balance {
  text-wrap: balance;
}

.text-pretty {
  text-wrap: pretty;
}

.text-stable {
  text-wrap: stable;
}

@media (max-width: 500px) {
  :has(.brx-submenu-toggle > button[aria-expanded="true"]) .hide-on-submenu {
    opacity: 0;
    visibility: hidden;
  }
}

.place-center {
  place-items: center;
}

.logo-width {
  width: 257px;
  height: 45px;
  transform: scale(0.7);
}

@media (max-width: 1279px) {
  .grid-1-2-xl {
    grid-template-columns: var(--grid-1-2);
  }
  .grid-1-3-xl {
    grid-template-columns: var(--grid-1-3);
  }
  .grid-1-4-xl {
    grid-template-columns: var(--grid-1-4);
  }
  .grid-1-xl {
    grid-template-columns: var(--grid-1);
  }
  .grid-10-xl {
    grid-template-columns: var(--grid-10);
  }
  .grid-11-xl {
    grid-template-columns: var(--grid-11);
  }
  .grid-12-xl {
    grid-template-columns: var(--grid-12);
  }
  .grid-2-1-xl {
    grid-template-columns: var(--grid-2-1);
  }
  .grid-2-3-xl {
    grid-template-columns: var(--grid-2-3);
  }
  .grid-2-xl {
    grid-template-columns: var(--grid-2);
  }
  .grid-3-1-xl {
    grid-template-columns: var(--grid-3-1);
  }
  .grid-3-2-xl {
    grid-template-columns: var(--grid-3-2);
  }
  .grid-3-4-xl {
    grid-template-columns: var(--grid-3-4);
  }
  .grid-3-xl {
    grid-template-columns: var(--grid-3);
  }
  .grid-4-1-xl {
    grid-template-columns: var(--grid-4-1);
  }
  .grid-4-3-xl {
    grid-template-columns: var(--grid-4-3);
  }
  .grid-4-xl {
    grid-template-columns: var(--grid-4);
  }
  .grid-5-xl {
    grid-template-columns: var(--grid-5);
  }
  .grid-6-xl {
    grid-template-columns: var(--grid-6);
  }
  .grid-7-xl {
    grid-template-columns: var(--grid-7);
  }
  .grid-8-xl {
    grid-template-columns: var(--grid-8);
  }
  .grid-9-xl {
    grid-template-columns: var(--grid-9);
  }
  .grid-auto-10-xl {
    grid-template-columns: var(--grid-auto-10);
  }
  .grid-auto-11-xl {
    grid-template-columns: var(--grid-auto-11);
  }
  .grid-auto-12-xl {
    grid-template-columns: var(--grid-auto-12);
  }
  .grid-auto-2-xl {
    grid-template-columns: var(--grid-auto-2);
  }
  .grid-auto-3-xl {
    grid-template-columns: var(--grid-auto-3);
  }
  .grid-auto-4-xl {
    grid-template-columns: var(--grid-auto-4);
  }
  .grid-auto-5-xl {
    grid-template-columns: var(--grid-auto-5);
  }
  .grid-auto-6-xl {
    grid-template-columns: var(--grid-auto-6);
  }
  .grid-auto-7-xl {
    grid-template-columns: var(--grid-auto-7);
  }
  .grid-auto-8-xl {
    grid-template-columns: var(--grid-auto-8);
  }
  .grid-auto-9-xl {
    grid-template-columns: var(--grid-auto-9);
  }
  .grid-auto-fill-xl {
    grid-template-columns: var(--grid-auto-fill);
  }
  .grid-auto-fit-xl {
    grid-template-columns: var(--grid-auto-fit);
  }
  .nest-nav__toggle-open[data-menu-label="true"] {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: var(--space-4);
    padding-left: calc(var(--ham-icon-size) / 4);
    font-size: var(--text-18);
  }
  .nest-nav__toggle-open[data-menu-label="true"]::before {
    content: "Menu";
    display: inline-block;
    opacity: 1;
    transform: translateY(0);
    color: var(--ham-stroke);
    transition: opacity var(--ham-duration) var(--ham-ease),
        transform var(--ham-duration) var(--ham-ease),
        color var(--ham-duration) var(--ham-ease);
  }
  .nest-nav__toggle-open[data-menu-label="true"].is-active::before {
    content: "Close";
    color: var(--ham-stroke-active);
  }
  .nav__center {
    grid-template-columns: auto auto;
  }
  .dis-none-xl {
    display: none;
  }
  .o-1-xl {
    order: 1;
  }
  .o-2-xl {
    order: 2;
  }
  .o-3-xl {
    order: 3;
  }
  .o-4-xl {
    order: 4;
  }
  .o-5-xl {
    order: 5;
  }
  .o-6-xl {
    order: 6;
  }
  .o-7-xl {
    order: 7;
  }
  .o-8-xl {
    order: 8;
  }
  .o-9-xl {
    order: 9;
  }
  .o-10-xl {
    order: 10;
  }
}

@media (max-width: 991px) {
  .split-section__media {
    width: 100%;
  }
  .grid-1-2-l {
    grid-template-columns: var(--grid-1-2);
  }
  .grid-1-3-l {
    grid-template-columns: var(--grid-1-3);
  }
  .grid-1-4-l {
    grid-template-columns: var(--grid-1-4);
  }
  .grid-1-l {
    grid-template-columns: var(--grid-1);
  }
  .grid-10-l {
    grid-template-columns: var(--grid-10);
  }
  .grid-11-l {
    grid-template-columns: var(--grid-11);
  }
  .grid-12-l {
    grid-template-columns: var(--grid-12);
  }
  .grid-2-1-l {
    grid-template-columns: var(--grid-2-1);
  }
  .grid-2-3-l {
    grid-template-columns: var(--grid-2-3);
  }
  .grid-2-l {
    grid-template-columns: var(--grid-2);
  }
  .grid-3-1-l {
    grid-template-columns: var(--grid-3-1);
  }
  .grid-3-2-l {
    grid-template-columns: var(--grid-3-2);
  }
  .grid-3-4-l {
    grid-template-columns: var(--grid-3-4);
  }
  .grid-3-l {
    grid-template-columns: var(--grid-3);
  }
  .grid-4-1-l {
    grid-template-columns: var(--grid-4-1);
  }
  .grid-4-3-l {
    grid-template-columns: var(--grid-4-3);
  }
  .grid-4-l {
    grid-template-columns: var(--grid-4);
  }
  .grid-5-l {
    grid-template-columns: var(--grid-5);
  }
  .grid-6-l {
    grid-template-columns: var(--grid-6);
  }
  .grid-7-l {
    grid-template-columns: var(--grid-7);
  }
  .grid-8-l {
    grid-template-columns: var(--grid-8);
  }
  .grid-9-l {
    grid-template-columns: var(--grid-9);
  }
  .grid-auto-10-l {
    grid-template-columns: var(--grid-auto-10);
  }
  .grid-auto-11-l {
    grid-template-columns: var(--grid-auto-11);
  }
  .grid-auto-12-l {
    grid-template-columns: var(--grid-auto-12);
  }
  .grid-auto-2-l {
    grid-template-columns: var(--grid-auto-2);
  }
  .grid-auto-3-l {
    grid-template-columns: var(--grid-auto-3);
  }
  .grid-auto-4-l {
    grid-template-columns: var(--grid-auto-4);
  }
  .grid-auto-5-l {
    grid-template-columns: var(--grid-auto-5);
  }
  .grid-auto-6-l {
    grid-template-columns: var(--grid-auto-6);
  }
  .grid-auto-7-l {
    grid-template-columns: var(--grid-auto-7);
  }
  .grid-auto-8-l {
    grid-template-columns: var(--grid-auto-8);
  }
  .grid-auto-9-l {
    grid-template-columns: var(--grid-auto-9);
  }
  .grid-auto-fill-l {
    grid-template-columns: var(--grid-auto-fill);
  }
  .grid-auto-fit-l {
    grid-template-columns: var(--grid-auto-fit);
  }
  .o-1-xl {
    order: 1;
  }
  .o-1-l {
    order: 1;
  }
  .o-2-xl {
    order: 2;
  }
  .o-2-l {
    order: 2;
  }
  .o-3-xl {
    order: 3;
  }
  .o-3-l {
    order: 3;
  }
  .o-4-xl {
    order: 4;
  }
  .o-4-l {
    order: 4;
  }
  .o-5-xl {
    order: 5;
  }
  .o-5-l {
    order: 5;
  }
  .o-6-xl {
    order: 6;
  }
  .o-6-l {
    order: 6;
  }
  .o-7-xl {
    order: 7;
  }
  .o-7-l {
    order: 7;
  }
  .o-8-xl {
    order: 8;
  }
  .o-8-l {
    order: 8;
  }
  .o-9-xl {
    order: 9;
  }
  .o-9-l {
    order: 9;
  }
  .o-10-xl {
    order: 10;
  }
  .o-10-l {
    order: 10;
  }
}

@media (max-width: 767px) {
  .grid-1-2-m {
    grid-template-columns: var(--grid-1-2);
  }
  .grid-1-3-m {
    grid-template-columns: var(--grid-1-3);
  }
  .grid-1-4-m {
    grid-template-columns: var(--grid-1-4);
  }
  .grid-1-m {
    grid-template-columns: var(--grid-1);
  }
  .grid-10-m {
    grid-template-columns: var(--grid-10);
  }
  .grid-11-m {
    grid-template-columns: var(--grid-11);
  }
  .grid-12-m {
    grid-template-columns: var(--grid-12);
  }
  .grid-2-1-m {
    grid-template-columns: var(--grid-2-1);
  }
  .grid-2-3-m {
    grid-template-columns: var(--grid-2-3);
  }
  .grid-2-m {
    grid-template-columns: var(--grid-2);
  }
  .grid-3-1-m {
    grid-template-columns: var(--grid-3-1);
  }
  .grid-3-2-m {
    grid-template-columns: var(--grid-3-2);
  }
  .grid-3-4-m {
    grid-template-columns: var(--grid-3-4);
  }
  .grid-3-m {
    grid-template-columns: var(--grid-3);
  }
  .grid-4-1-m {
    grid-template-columns: var(--grid-4-1);
  }
  .grid-4-3-m {
    grid-template-columns: var(--grid-4-3);
  }
  .grid-4-m {
    grid-template-columns: var(--grid-4);
  }
  .grid-5-m {
    grid-template-columns: var(--grid-5);
  }
  .grid-6-m {
    grid-template-columns: var(--grid-6);
  }
  .grid-7-m {
    grid-template-columns: var(--grid-7);
  }
  .grid-8-m {
    grid-template-columns: var(--grid-8);
  }
  .grid-9-m {
    grid-template-columns: var(--grid-9);
  }
  .grid-auto-10-m {
    grid-template-columns: var(--grid-auto-10);
  }
  .grid-auto-11-m {
    grid-template-columns: var(--grid-auto-11);
  }
  .grid-auto-12-m {
    grid-template-columns: var(--grid-auto-12);
  }
  .grid-auto-2-m {
    grid-template-columns: var(--grid-auto-2);
  }
  .grid-auto-3-m {
    grid-template-columns: var(--grid-auto-3);
  }
  .grid-auto-4-m {
    grid-template-columns: var(--grid-auto-4);
  }
  .grid-auto-5-m {
    grid-template-columns: var(--grid-auto-5);
  }
  .grid-auto-6-m {
    grid-template-columns: var(--grid-auto-6);
  }
  .grid-auto-7-m {
    grid-template-columns: var(--grid-auto-7);
  }
  .grid-auto-8-m {
    grid-template-columns: var(--grid-auto-8);
  }
  .grid-auto-9-m {
    grid-template-columns: var(--grid-auto-9);
  }
  .grid-auto-fill-m {
    grid-template-columns: var(--grid-auto-fill);
  }
  .grid-auto-fit-m {
    grid-template-columns: var(--grid-auto-fit);
  }
  .o-1-m {
    order: 1;
  }
  .o-2-m {
    order: 2;
  }
  .o-3-m {
    order: 3;
  }
  .o-4-m {
    order: 4;
  }
  .o-5-m {
    order: 5;
  }
  .o-6-m {
    order: 6;
  }
  .o-7-m {
    order: 7;
  }
  .o-8-m {
    order: 8;
  }
  .o-9-m {
    order: 9;
  }
  .o-10-m {
    order: 10;
  }
}

@media (max-width: 478px) {
  .grid-1-2-s {
    grid-template-columns: var(--grid-1-2);
  }
  .grid-1-3-s {
    grid-template-columns: var(--grid-1-3);
  }
  .grid-1-4-s {
    grid-template-columns: var(--grid-1-4);
  }
  .grid-1-s {
    grid-template-columns: var(--grid-1);
  }
  .grid-10-s {
    grid-template-columns: var(--grid-10);
  }
  .grid-11-s {
    grid-template-columns: var(--grid-11);
  }
  .grid-12-s {
    grid-template-columns: var(--grid-12);
  }
  .grid-2-1-s {
    grid-template-columns: var(--grid-2-1);
  }
  .grid-2-3-s {
    grid-template-columns: var(--grid-2-3);
  }
  .grid-2-s {
    grid-template-columns: var(--grid-2);
  }
  .grid-3-1-s {
    grid-template-columns: var(--grid-3-1);
  }
  .grid-3-2-s {
    grid-template-columns: var(--grid-3-2);
  }
  .grid-3-4-s {
    grid-template-columns: var(--grid-3-4);
  }
  .grid-3-s {
    grid-template-columns: var(--grid-3);
  }
  .grid-4-1-s {
    grid-template-columns: var(--grid-4-1);
  }
  .grid-4-3-s {
    grid-template-columns: var(--grid-4-3);
  }
  .grid-4-s {
    grid-template-columns: var(--grid-4);
  }
  .grid-5-s {
    grid-template-columns: var(--grid-5);
  }
  .grid-6-s {
    grid-template-columns: var(--grid-6);
  }
  .grid-7-s {
    grid-template-columns: var(--grid-7);
  }
  .grid-8-s {
    grid-template-columns: var(--grid-8);
  }
  .grid-9-s {
    grid-template-columns: var(--grid-9);
  }
  .grid-auto-10-s {
    grid-template-columns: var(--grid-auto-10);
  }
  .grid-auto-11-s {
    grid-template-columns: var(--grid-auto-11);
  }
  .grid-auto-12-s {
    grid-template-columns: var(--grid-auto-12);
  }
  .grid-auto-2-s {
    grid-template-columns: var(--grid-auto-2);
  }
  .grid-auto-3-s {
    grid-template-columns: var(--grid-auto-3);
  }
  .grid-auto-4-s {
    grid-template-columns: var(--grid-auto-4);
  }
  .grid-auto-5-s {
    grid-template-columns: var(--grid-auto-5);
  }
  .grid-auto-6-s {
    grid-template-columns: var(--grid-auto-6);
  }
  .grid-auto-7-s {
    grid-template-columns: var(--grid-auto-7);
  }
  .grid-auto-8-s {
    grid-template-columns: var(--grid-auto-8);
  }
  .grid-auto-9-s {
    grid-template-columns: var(--grid-auto-9);
  }
  .grid-auto-fill-s {
    grid-template-columns: var(--grid-auto-fill);
  }
  .grid-auto-fit-s {
    grid-template-columns: var(--grid-auto-fit);
  }
  .o-1-s {
    order: 1;
  }
  .o-2-s {
    order: 2;
  }
  .o-3-s {
    order: 3;
  }
  .o-4-s {
    order: 4;
  }
  .o-5-s {
    order: 5;
  }
  .o-6-s {
    order: 6;
  }
  .o-7-s {
    order: 7;
  }
  .o-8-s {
    order: 8;
  }
  .o-9-s {
    order: 9;
  }
  .o-10-s {
    order: 10;
  }
}

/* Integration defaults. JS may supply pointer coordinates and animation states. */

html {
  font-size: 62.5%;
}

:root {
  --space-s: var(--space-16);
  --space-l: var(--space-32);
  --nav-dropdown-hover-foreground: var(--primary-ultra-dark);
  --grid-auto-12: repeat(auto-fit, minmax(min(100%, max(calc((var(--content-width) - 11 * var(--grid-gap)) / 12 * var(--grid-auto-aggressiveness)), calc((100% - 11 * var(--grid-gap)) / 12))), 1fr));
  --btn-success-color: var(--black);
  --btn-success-color--hover: var(--black);
  --btn-success-outline-color: var(--success-d-4);
  --btn-success-outline-color--hover: var(--black);
  --btn-warning-color: var(--black);
  --btn-warning-color--hover: var(--black);
  --btn-warning-outline-color: var(--warning-d-4);
  --btn-warning-outline-color--hover: var(--black);
  --btn-danger-background: var(--danger-d-2);
  --btn-danger-border-color: var(--danger-d-2);
  --btn-danger-background--hover: var(--danger-d-3);
  --btn-danger-border-color--hover: var(--danger-d-3);
  --btn-danger-outline-color: var(--danger-d-2);
  --btn-danger-outline-border-color: var(--danger-d-2);
  --btn-danger-outline-background--hover: var(--danger-d-3);
  --btn-danger-outline-border-color--hover: var(--danger-d-3);
}

:root[data-brx-theme="dark"] {
  --border: var(--white-t-2);
  --form-label-color: var(--dark);
  --form-input-color: var(--dark);
  --form-input-background-color: var(--light-d-1);
  --form-input-border-color: var(--white-t-4);
  --form-placeholder-color: var(--white-t-6);
  --form-input-color--focus: var(--dark);
  --form-input-background-color--focus: var(--light-d-2);
  --form-focus-outline-color: var(--primary-d-6);
  --focus-outline-color: var(--primary-d-6);
  --btn-success-outline-color: var(--success-l-3);
  --btn-warning-outline-color: var(--warning-l-3);
  --btn-danger-outline-color: var(--danger-l-3);
  --nav-dropdown-hover-foreground: var(--white);
}

:where(.brxe-text, .brxe-text-basic, .brxe-shortcode) :where(ul, ol) {
  padding-inline-start: var(--list-indent-spacing);
}

:where(.brxe-text, .brxe-text-basic, .brxe-shortcode) ul > li {
  list-style-type: disc;
}

:where(.brxe-text, .brxe-text-basic, .brxe-shortcode) ol > li {
  list-style-type: decimal;
}

:where(.brxe-text, .brxe-text-basic, .brxe-shortcode) ul ul > li {
  list-style-type: circle;
}

.process-card {
  gap: var(--space-s);
}

.process-card::after {
  color: var(--primary-ultra-dark);
}

.sg__content {
  position: relative;
}

:where([class^="grid-"], [class*=" grid-"], .process-grid, .ruled-grid) {
  display: grid;
}

.bricks-is-frontend .anim-trigger--enter:not(.anim-group),
.bricks-is-frontend .anim-trigger--enter.anim-group .anim-child,
.bricks-is-frontend .anim-trigger--hover:not(.anim-group),
.bricks-is-frontend .anim-trigger--hover.anim-group .anim-child {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .bricks-is-frontend .anim-trigger--enter, .bricks-is-frontend .anim-trigger--hover, .bricks-is-frontend .anim-child {
    opacity: 1 !important;
    animation: none !important;
    clip-path: none !important;
  }
}


/* Final safe defaults for optional component and animation inputs. */
:root {
  --animation-image-easing: var(--entrance-animation--image-easing, ease);
  --animation-layer-easing: var(--entrance-animation--layer-easing, ease);
  --blur: 4px;
  --div-gap: 0px;
  --index: 0;
  --layer-bg-color: var(--entrance-animation--layer-bg-color, var(--primary));
  --mask: none;
  --mouse-x: 50%;
  --mouse-y: 50%;
  --origin: top;
  --rotate: 0deg;
  --rotate-scale: 1;
  --rotate-x: 0deg;
  --rotate-y: 0deg;
  --rotate-y--half: 87deg;
  --rotate-y--start: 90deg;
  --rotate-z--end: 360deg;
  --rotate-z--half: 180deg;
  --scale: 1;
  --skew-y: 0deg;
  --translate-x: 0px;
  --translate-y: 0px;
  --translate-z--half: -160px;
  --translate-z--start: -800px;
}

/* ==========================================================================
   Component layer — reusable page-level patterns.
   Promoted from the Davefolio homepage (previously inline page CSS).
   ========================================================================== */

/* Accessibility */
.skip-link {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: var(--space-16);
  z-index: 10000;
  padding: var(--space-8) var(--space-16);
  background: var(--dark);
  color: var(--light);
  font-size: var(--text-14);
  font-weight: 600;
  border-radius: 0 0 var(--radius-8) var(--radius-8);
  transform: translateY(-300%);
  text-decoration: none;
}

.skip-link:focus {
  transform: none;
}

/* Section eyebrow (label above headings) */
.eyebrow {
  display: flex;
  align-items: center;
  gap: var(--space-12);
  font-size: var(--text-12);
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--primary-d-3);
}

.eyebrow::before {
  content: "";
  inline-size: var(--space-32);
  block-size: 2px;
  background: var(--primary);
  flex: none;
}

/* Tag / pill label */
.tag {
  display: inline-flex;
  align-items: center;
  gap: var(--space-8);
  padding: var(--space-8) var(--space-16);
  border: var(--border-width) var(--border-type) var(--border-color);
  border-radius: var(--radius-full);
  font-size: var(--text-14);
  font-weight: 500;
  color: var(--dark);
  background: var(--card);
  white-space: nowrap;
}

.tag-dot {
  inline-size: var(--space-8);
  block-size: var(--space-8);
  border-radius: var(--radius-full);
  background: var(--success);
  flex: none;
}

/* Generic surface card */
.card {
  background: var(--card);
  border: var(--border-width) var(--border-type) var(--border-color);
  border-radius: var(--radius-16);
}

/* Horizontal rule / section divider */
.rule {
  border: 0;
  border-block-start: var(--border-width) var(--border-type) var(--border-color);
  margin: 0;
}

/* Code window */
.codeblock {
  background: var(--dark);
  color: var(--light);
  border-radius: var(--radius-16);
  overflow: hidden;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  font-size: var(--text-14);
  line-height: 1.7;
  box-shadow: var(--shadow-4);
}

.codeblock-bar {
  display: flex;
  align-items: center;
  gap: var(--space-8);
  padding: var(--space-12) var(--space-16);
  border-block-end: 1px solid var(--white-t-2);
}

.codeblock-bar span {
  inline-size: var(--space-12);
  block-size: var(--space-12);
  border-radius: var(--radius-full);
}

.codeblock-bar span:nth-child(1) {
  background: var(--danger);
}

.codeblock-bar span:nth-child(2) {
  background: var(--warning);
}

.codeblock-bar span:nth-child(3) {
  background: var(--success);
}

.codeblock pre {
  margin: 0;
  padding: var(--space-20) var(--space-24);
  overflow-x: auto;
}

.codeblock .tok-k {
  color: var(--secondary-l-3);
}

.codeblock .tok-s {
  color: var(--success-light);
}

.codeblock .tok-f {
  color: var(--primary-l-4);
}

.codeblock .tok-c {
  color: var(--light-d-5);
}

/* Browser preview mockup */
.preview {
  display: flex;
  flex-direction: column;
  min-block-size: 280px;
}

.preview-bar {
  display: flex;
  align-items: center;
  gap: var(--space-8);
  padding: var(--space-12) var(--space-16);
}

.preview-bar i {
  inline-size: var(--space-10);
  block-size: var(--space-10);
  border-radius: var(--radius-full);
  flex: none;
}

.preview-bar i:nth-child(1) {
  background: var(--danger);
}

.preview-bar i:nth-child(2) {
  background: var(--warning);
}

.preview-bar i:nth-child(3) {
  background: var(--success);
}

.preview-url {
  flex: 1;
  margin-inline-start: var(--space-8);
  padding: var(--space-4) var(--space-12);
  border-radius: var(--radius-full);
  font-size: var(--text-12);
  line-height: 1.6;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.preview-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--space-12);
  padding: var(--space-8) var(--space-20) var(--space-20);
}

.preview-line {
  block-size: var(--space-8);
  border-radius: var(--radius-full);
}

.preview-pill {
  align-self: flex-start;
  padding: var(--space-6) var(--space-20);
  border-radius: var(--radius-full);
  font-size: var(--text-12);
  font-weight: 700;
}

.preview-tiles {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-12);
}

.preview-tile {
  border-radius: var(--radius-8);
  min-block-size: 72px;
}

/* Navigation */
.nav-links {
  display: flex;
  align-items: center;
  gap: var(--nav-items-gap);
  list-style: none;
  margin: 0;
  padding: 0;
}

.nav-links a {
  color: var(--nav-item-text);
  font-size: var(--text-14);
  font-weight: 500;
  text-decoration: none;
}

.nav-links a:hover {
  color: var(--nav-item-text-hover);
}

.nav-mobile {
  display: none;
}

.nav-mobile summary {
  list-style: none;
  cursor: pointer;
  font-size: var(--text-14);
  font-weight: 600;
  color: var(--nav-item-text);
  padding: var(--space-8) var(--space-16);
  border: var(--border-width) var(--border-type) var(--border-color);
  border-radius: var(--radius-8);
}

.nav-mobile summary::-webkit-details-marker {
  display: none;
}

.nav-mobile[open] summary {
  color: var(--nav-item-text-hover);
  border-color: var(--primary);
}

.nav-mobile-panel {
  position: absolute;
  inset-block-start: 100%;
  inset-inline: 0;
  background: var(--card);
  border-block-end: var(--border-width) var(--border-type) var(--border-color);
  padding: var(--space-16) var(--gutter) var(--space-24);
}

.nav-mobile-panel .nav-links {
  flex-direction: column;
  align-items: stretch;
  gap: 0;
}

.nav-mobile-panel .nav-links a {
  display: block;
  padding: var(--space-12) 0;
  font-size: var(--text-16);
}

@media (max-width: 991px) {
  .nav-desktop {
    display: none;
  }

  .nav-mobile {
    display: block;
  }
}

/* Footer */
.footer-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--space-12);
}

.footer-list a {
  color: var(--light);
  text-decoration: none;
  font-size: var(--text-16);
}

.footer-list a:hover {
  color: var(--primary-l-4);
}

.footer-plain {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--space-12);
}

.footer-plain li {
  color: var(--light);
  font-size: var(--text-14);
}

.footer-heading {
  font-size: var(--text-14);
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--light-d-4);
  margin: 0 0 var(--space-16);
}