@charset "UTF-8";
/*! styles.scss | BorderMatch HTML Version | CSS Ninja 2023 */
/* ==========================================================================
SCSS Imports for HTML Version
========================================================================== */
:root {
  --danger: rgb(230, 41, 100);
  --dark: rgb(40, 50, 82);
  --info: rgb(3, 152, 226);
  --link: rgb(72, 95, 199);
  --primary: rgb(46, 49, 255);
  --success: rgb(6, 214, 158);
  --warning: rgb(250, 173, 66);
  --white: rgb(255, 255, 255);
}

:root {
  --danger--color-invert: rgb(255, 255, 255);
  --danger--dark-color: rgb(210, 25, 83);
  --danger--light-color: rgb(253, 237, 242);
  --dark--800--lighten: rgb(53, 67, 109);
  --dark--color-invert: rgb(255, 255, 255);
  --info--color-invert: rgb(255, 255, 255);
  --info--dark-color: rgb(3, 135, 201);
  --info--light-color: rgb(235, 248, 255);
  --link--color-invert: rgb(255, 255, 255);
  --link--dark-color: rgb(56, 79, 184);
  --link--light-color: rgb(239, 241, 250);
  --primary--color-invert: rgb(255, 255, 255);
  --primary--dark-color: rgb(5, 9, 255);
  --primary--light-color: rgb(235, 235, 255);
  --success--color-invert: rgb(255, 255, 255);
  --success--dark-color: rgb(4, 144, 106);
  --success--light-color: rgb(235, 254, 249);
  --warning--color-invert: rgba(0, 0, 0, 0.7);
  --warning--dark-color: rgb(144, 85, 4);
  --warning--light-color: rgb(255, 246, 235);
  --white--800--lighten: rgb(255, 255, 255);
}

/**
 * This mixin create CSS variables with distinct HSL layers.
 */
:root {
  --body-color: var(--dark-text);
  --white: #fff;
  --white-smoke: #fcfcfc;
  --placeholder: #cecece;
  --border: #e3e3e3;
  --border-hover: #d4cfcf;
  --primary--color-invert: var(--white-smoke);
  --placeload-nuance-from: rgb(0 0 0 / 7%);
  --placeload-nuance-to: rgb(0 0 0 / 15%);
  --placeload-dark-nuance-from: rgb(255 255 255 / 15%);
  --placeload-dark-nuance-to: rgb(255 255 255 / 24%);
  --primary-h: 259;
  --primary-s: 84%;
  --primary-l: 56%;
  --primary: hsl(var(--primary-h) var(--primary-s) var(--primary-l));
  --secondary-h: 188;
  --secondary-s: 77%;
  --secondary-l: 77%;
  --secondary: hsl(var(--secondary-h) var(--secondary-s) var(--secondary-l));
  --accent-h: 270;
  --accent-s: 100%;
  --accent-l: 50%;
  --accent: hsl(var(--accent-h) var(--accent-s) var(--accent-l));
  --light-h: 210;
  --light-s: 100%;
  --light-l: 98%;
  --light: hsl(var(--light-h) var(--light-s) var(--light-l));
  --purple-h: 261;
  --purple-s: 32%;
  --purple-l: 55%;
  --purple: hsl(var(--purple-h) var(--purple-s) var(--purple-l));
  --blue-h: 198;
  --blue-s: 100%;
  --blue-l: 61%;
  --blue: hsl(var(--blue-h) var(--blue-s) var(--blue-l));
  --red-h: 345;
  --red-s: 94%;
  --red-l: 57%;
  --red: hsl(var(--red-h) var(--red-s) var(--red-l));
  --orange-h: 19;
  --orange-s: 100%;
  --orange-l: 75%;
  --orange: hsl(var(--orange-h) var(--orange-s) var(--orange-l));
  --yellow-h: 43;
  --yellow-s: 100%;
  --yellow-l: 72%;
  --yellow: hsl(var(--yellow-h) var(--yellow-s) var(--yellow-l));
  --green-h: 113;
  --green-s: 59%;
  --green-l: 71%;
  --green: hsl(var(--green-h) var(--green-s) var(--green-l));
  --pink-h: 344;
  --pink-s: 100%;
  --pink-l: 81%;
  --pink: hsl(var(--pink-h) var(--pink-s) var(--pink-l));
  --light-blue-h: 196;
  --light-blue-s: 84%;
  --light-blue-l: 71%;
  --light-blue: hsl(var(--light-blue-h) var(--light-blue-s) var(--light-blue-l));
  --lime-h: 168;
  --lime-s: 56%;
  --lime-l: 72%;
  --lime: hsl(var(--lime-h) var(--lime-s) var(--lime-l));
  --dark-h: 226;
  --dark-s: 34%;
  --dark-l: 24%;
  --dark: hsl(var(--dark-h) var(--dark-s) var(--dark-l));
  --link-h: 229;
  --link-s: 53%;
  --link-l: 53%;
  --link: hsl(var(--link-h) var(--link-s) var(--link-l));
  --info-h: 200;
  --info-s: 97%;
  --info-l: 45%;
  --info: hsl(var(--info-h) var(--info-s) var(--info-l));
  --success-h: 164;
  --success-s: 95%;
  --success-l: 43%;
  --success: hsl(var(--success-h) var(--success-s) var(--success-l));
  --warning-h: 35;
  --warning-s: 95%;
  --warning-l: 62%;
  --warning: hsl(var(--warning-h) var(--warning-s) var(--warning-l));
  --danger-h: 341;
  --danger-s: 79%;
  --danger-l: 53%;
  --danger: hsl(var(--danger-h) var(--danger-s) var(--danger-l));
  --smoke-white-h: 0;
  --smoke-white-s: 0%;
  --smoke-white-l: 99%;
  --smoke-white: hsl(var(--smoke-white-h) var(--smoke-white-s) var(--smoke-white-l));
  --placeholder-h: 0;
  --placeholder-s: 0%;
  --placeholder-l: 81%;
  --placeholder: hsl(var(--placeholder-h) var(--placeholder-s) var(--placeholder-l));
  --muted-grey-h: 0;
  --muted-grey-s: 0%;
  --muted-grey-l: 60%;
  --muted-grey: hsl(var(--muted-grey-h) var(--muted-grey-s) var(--muted-grey-l));
  --fade-grey-h: 0;
  --fade-grey-s: 0%;
  --fade-grey-l: 93%;
  --fade-grey: hsl(var(--fade-grey-h) var(--fade-grey-s) var(--fade-grey-l));
  --widget-grey-h: 228;
  --widget-grey-s: 33%;
  --widget-grey-l: 97%;
  --widget-grey: hsl(var(--widget-grey-h) var(--widget-grey-s) var(--widget-grey-l));
  --dark-text-h: 226;
  --dark-text-s: 34%;
  --dark-text-l: 24%;
  --dark-text: hsl(var(--dark-text-h) var(--dark-text-s) var(--dark-text-l));
  --medium-text-h: 229;
  --medium-text-s: 11%;
  --medium-text-l: 51%;
  --medium-text: hsl(var(--medium-text-h) var(--medium-text-s) var(--medium-text-l));
  --light-text-h: 232;
  --light-text-s: 14%;
  --light-text-l: 68%;
  --light-text: hsl(var(--light-text-h) var(--light-text-s) var(--light-text-l));
  --night-h: 240;
  --night-s: 33%;
  --night-l: 6%;
  --night: hsl(var(--night-h) var(--night-s) var(--night-l));
}

.is-dark {
  --primary-h: 159; /* Hue        */
  --primary-s: 85%; /* Saturation */
  --primary-l: 43%; /* Lightness  */
}

:root {
  --javascript-h: 53;
  --javascript-s: 93%;
  --javascript-l: 54%;
  --javascript: hsl(var(--javascript-h) var(--javascript-s) var(--javascript-l));
  --angular-h: 2;
  --angular-s: 82%;
  --angular-l: 48%;
  --angular: hsl(var(--angular-h) var(--angular-s) var(--angular-l));
  --reactjs-h: 189;
  --reactjs-s: 100%;
  --reactjs-l: 50%;
  --reactjs: hsl(var(--reactjs-h) var(--reactjs-s) var(--reactjs-l));
  --android-h: 74;
  --android-s: 55%;
  --android-l: 50%;
  --android: hsl(var(--android-h) var(--android-s) var(--android-l));
  --swift-h: 4;
  --swift-s: 86%;
  --swift-l: 56%;
  --swift: hsl(var(--swift-h) var(--swift-s) var(--swift-l));
  --vuejs-h: 152;
  --vuejs-s: 44%;
  --vuejs-l: 52%;
  --vuejs: hsl(var(--vuejs-h) var(--vuejs-s) var(--vuejs-l));
  --wordpress-h: 199;
  --wordpress-s: 65%;
  --wordpress-l: 37%;
  --wordpress: hsl(var(--wordpress-h) var(--wordpress-s) var(--wordpress-l));
  --csharp-h: 305;
  --csharp-s: 36%;
  --csharp-l: 45%;
  --csharp: hsl(var(--csharp-h) var(--csharp-s) var(--csharp-l));
  --nodejs-h: 103;
  --nodejs-s: 50%;
  --nodejs-l: 53%;
  --nodejs: hsl(var(--nodejs-h) var(--nodejs-s) var(--nodejs-l));
  --html-h: 18;
  --html-s: 88%;
  --html-l: 55%;
  --html: hsl(var(--html-h) var(--html-s) var(--html-l));
  --facebook-h: 221;
  --facebook-s: 44%;
  --facebook-l: 41%;
  --facebook: hsl(var(--facebook-h) var(--facebook-s) var(--facebook-l));
  --twitter-h: 194;
  --twitter-s: 100%;
  --twitter-l: 56%;
  --twitter: hsl(var(--twitter-h) var(--twitter-s) var(--twitter-l));
  --linkedin-h: 199;
  --linkedin-s: 100%;
  --linkedin-l: 36%;
  --linkedin: hsl(var(--linkedin-h) var(--linkedin-s) var(--linkedin-l));
  --tumblr-h: 214;
  --tumblr-s: 27%;
  --tumblr-l: 28%;
  --tumblr: hsl(var(--tumblr-h) var(--tumblr-s) var(--tumblr-l));
  --github-h: 0;
  --github-s: 0%;
  --github-l: 27%;
  --github: hsl(var(--github-h) var(--github-s) var(--github-l));
  --dribbble-h: 337;
  --dribbble-s: 79%;
  --dribbble-l: 61%;
  --dribbble: hsl(var(--dribbble-h) var(--dribbble-s) var(--dribbble-l));
  --google-plus-h: 7;
  --google-plus-s: 64%;
  --google-plus-l: 52%;
  --google-plus: hsl(var(--google-plus-h) var(--google-plus-s) var(--google-plus-l));
  --youtube-h: 358;
  --youtube-s: 79%;
  --youtube-l: 45%;
  --youtube: hsl(var(--youtube-h) var(--youtube-s) var(--youtube-l));
  --reddit-h: 16;
  --reddit-s: 100%;
  --reddit-l: 50%;
  --reddit: hsl(var(--reddit-h) var(--reddit-s) var(--reddit-l));
  --invision-h: 345;
  --invision-s: 100%;
  --invision-l: 60%;
  --invision: hsl(var(--invision-h) var(--invision-s) var(--invision-l));
  --amazon-h: 36;
  --amazon-s: 100%;
  --amazon-l: 50%;
  --amazon: hsl(var(--amazon-h) var(--amazon-s) var(--amazon-l));
  --instagram-h: 340;
  --instagram-s: 75%;
  --instagram-l: 54%;
  --instagram: hsl(var(--instagram-h) var(--instagram-s) var(--instagram-l));
}

:root {
  /**
   * primary
   */
  --primary-dark-1: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 1%)
  );
  --primary-dark-2: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 2%)
  );
  --primary-dark-3: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 3%)
  );
  --primary-dark-4: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 4%)
  );
  --primary-dark-5: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 5%)
  );
  --primary-dark-6: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 6%)
  );
  --primary-dark-7: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 7%)
  );
  --primary-dark-8: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 8%)
  );
  --primary-dark-9: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 9%)
  );
  --primary-dark-10: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 10%)
  );
  --primary-dark-11: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 11%)
  );
  --primary-dark-12: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 12%)
  );
  --primary-dark-13: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 13%)
  );
  --primary-dark-14: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 14%)
  );
  --primary-dark-15: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 15%)
  );
  --primary-dark-16: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 16%)
  );
  --primary-dark-18: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 18%)
  );
  --primary-dark-20: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 20%)
  );
  --primary-dark-22: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 22%)
  );
  --primary-dark-24: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 24%)
  );
  --primary-dark-26: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 26%)
  );
  --primary-dark-28: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 28%)
  );
  --primary-dark-30: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 30%)
  );
  --primary-dark-35: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 35%)
  );
  --primary-dark-40: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 40%)
  );
  --primary-dark-42: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 42%)
  );
  --primary-dark-45: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 45%)
  );
  --primary-dark-48: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 48%)
  );
  --primary-dark-50: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 50%)
  );
  --primary-dark-60: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 60%)
  );
  --primary-dark-70: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 70%)
  );
  --primary-dark-80: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 80%)
  );
  --primary-dark-90: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) - 90%)
  );
  --primary-light-1: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 1%)
  );
  --primary-light-2: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 2%)
  );
  --primary-light-3: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 3%)
  );
  --primary-light-4: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 4%)
  );
  --primary-light-5: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 5%)
  );
  --primary-light-6: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 6%)
  );
  --primary-light-7: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 7%)
  );
  --primary-light-8: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 8%)
  );
  --primary-light-9: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 9%)
  );
  --primary-light-10: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 10%)
  );
  --primary-light-11: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 11%)
  );
  --primary-light-12: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 12%)
  );
  --primary-light-13: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 13%)
  );
  --primary-light-14: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 14%)
  );
  --primary-light-15: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 15%)
  );
  --primary-light-16: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 16%)
  );
  --primary-light-18: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 18%)
  );
  --primary-light-20: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 20%)
  );
  --primary-light-22: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 22%)
  );
  --primary-light-24: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 24%)
  );
  --primary-light-26: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 26%)
  );
  --primary-light-28: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 28%)
  );
  --primary-light-30: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 30%)
  );
  --primary-light-35: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 35%)
  );
  --primary-light-40: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 40%)
  );
  --primary-light-42: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 42%)
  );
  --primary-light-45: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 45%)
  );
  --primary-light-48: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 48%)
  );
  --primary-light-50: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 50%)
  );
  --primary-light-60: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 60%)
  );
  --primary-light-70: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 70%)
  );
  --primary-light-80: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 80%)
  );
  --primary-light-90: hsl(
    var(--primary-h) var(--primary-s) calc(var(--primary-l) + 90%)
  );
  /**
   * secondary colors
   */
  --secondary-light-1: hsl(
    var(--secondary-h)
      var(--secondary-s)
      calc(var(--secondary-l) + 1%)
  );
  --secondary-light-2: hsl(
    var(--secondary-h)
      var(--secondary-s)
      calc(var(--secondary-l) + 2%)
  );
  --secondary-light-3: hsl(
    var(--secondary-h)
      var(--secondary-s)
      calc(var(--secondary-l) + 3%)
  );
  --secondary-light-4: hsl(
    var(--secondary-h)
      var(--secondary-s)
      calc(var(--secondary-l) + 4%)
  );
  --secondary-light-5: hsl(
    var(--secondary-h)
      var(--secondary-s)
      calc(var(--secondary-l) + 5%)
  );
  --secondary-light-6: hsl(
    var(--secondary-h)
      var(--secondary-s)
      calc(var(--secondary-l) + 6%)
  );
  --secondary-light-7: hsl(
    var(--secondary-h)
      var(--secondary-s)
      calc(var(--secondary-l) + 7%)
  );
  --secondary-light-8: hsl(
    var(--secondary-h)
      var(--secondary-s)
      calc(var(--secondary-l) + 8%)
  );
  --secondary-light-9: hsl(
    var(--secondary-h)
      var(--secondary-s)
      calc(var(--secondary-l) + 9%)
  );
  --secondary-light-10: hsl(
    var(--secondary-h)
      var(--secondary-s)
      calc(var(--secondary-l) + 10%)
  );
  --secondary-light-11: hsl(
    var(--secondary-h)
      var(--secondary-s)
      calc(var(--secondary-l) + 11%)
  );
  --secondary-light-12: hsl(
    var(--secondary-h)
      var(--secondary-s)
      calc(var(--secondary-l) + 12%)
  );
  --secondary-light-13: hsl(
    var(--secondary-h)
      var(--secondary-s)
      calc(var(--secondary-l) + 13%)
  );
  --secondary-light-14: hsl(
    var(--secondary-h)
      var(--secondary-s)
      calc(var(--secondary-l) + 14%)
  );
  --secondary-light-15: hsl(
    var(--secondary-h)
      var(--secondary-s)
      calc(var(--secondary-l) + 15%)
  );
  --secondary-light-16: hsl(
    var(--secondary-h)
      var(--secondary-s)
      calc(var(--secondary-l) + 16%)
  );
  --secondary-light-18: hsl(
    var(--secondary-h)
      var(--secondary-s)
      calc(var(--secondary-l) + 18%)
  );
  --secondary-light-20: hsl(
    var(--secondary-h)
      var(--secondary-s)
      calc(var(--secondary-l) + 20%)
  );
  --secondary-light-22: hsl(
    var(--secondary-h)
      var(--secondary-s)
      calc(var(--secondary-l) + 22%)
  );
  --secondary-light-24: hsl(
    var(--secondary-h)
      var(--secondary-s)
      calc(var(--secondary-l) + 24%)
  );
  --secondary-light-26: hsl(
    var(--secondary-h)
      var(--secondary-s)
      calc(var(--secondary-l) + 26%)
  );
  --secondary-light-28: hsl(
    var(--secondary-h)
      var(--secondary-s)
      calc(var(--secondary-l) + 28%)
  );
  --secondary-light-30: hsl(
    var(--secondary-h)
      var(--secondary-s)
      calc(var(--secondary-l) + 30%)
  );
  --secondary-light-35: hsl(
    var(--secondary-h)
      var(--secondary-s)
      calc(var(--secondary-l) + 35%)
  );
  --secondary-light-40: hsl(
    var(--secondary-h)
      var(--secondary-s)
      calc(var(--secondary-l) + 40%)
  );
  --secondary-light-42: hsl(
    var(--secondary-h)
      var(--secondary-s)
      calc(var(--secondary-l) + 42%)
  );
  --secondary-light-45: hsl(
    var(--secondary-h)
      var(--secondary-s)
      calc(var(--secondary-l) + 45%)
  );
  --secondary-light-48: hsl(
    var(--secondary-h)
      var(--secondary-s)
      calc(var(--secondary-l) + 48%)
  );
  --secondary-light-50: hsl(
    var(--secondary-h)
      var(--secondary-s)
      calc(var(--secondary-l) + 50%)
  );
  --secondary-light-60: hsl(
    var(--secondary-h)
      var(--secondary-s)
      calc(var(--secondary-l) + 60%)
  );
  --secondary-light-70: hsl(
    var(--secondary-h)
      var(--secondary-s)
      calc(var(--secondary-l) + 70%)
  );
  --secondary-light-80: hsl(
    var(--secondary-h)
      var(--secondary-s)
      calc(var(--secondary-l) + 80%)
  );
  --secondary-light-90: hsl(
    var(--secondary-h)
      var(--secondary-s)
      calc(var(--secondary-l) + 90%)
  );
  /**
   * primary-grey colors
   */
  --primary-grey-dark-4: hsl(
    var(--primary-grey-h)
      var(--primary-grey-s)
      calc(var(--primary-grey-l) - 4%)
  );
  --primary-grey-dark-5: hsl(
    var(--primary-grey-h)
      var(--primary-grey-s)
      calc(var(--primary-grey-l) - 5%)
  );
  --primary-grey-dark-8: hsl(
    var(--primary-grey-h)
      var(--primary-grey-s)
      calc(var(--primary-grey-l) - 8%)
  );
  --primary-grey-dark-10: hsl(
    var(--primary-grey-h)
      var(--primary-grey-s)
      calc(var(--primary-grey-l) - 10%)
  );
  --primary-grey-dark-15: hsl(
    var(--primary-grey-h)
      var(--primary-grey-s)
      calc(var(--primary-grey-l) - 15%)
  );
  --primary-grey-dark-20: hsl(
    var(--primary-grey-h)
      var(--primary-grey-s)
      calc(var(--primary-grey-l) - 20%)
  );
  --primary-grey-dark-30: hsl(
    var(--primary-grey-h)
      var(--primary-grey-s)
      calc(var(--primary-grey-l) - 30%)
  );
  --primary-grey-dark-35: hsl(
    var(--primary-grey-h)
      var(--primary-grey-s)
      calc(var(--primary-grey-l) - 35%)
  );
  --primary-grey-dark-40: hsl(
    var(--primary-grey-h)
      var(--primary-grey-s)
      calc(var(--primary-grey-l) - 40%)
  );
  --primary-grey-light-2: hsl(
    var(--primary-grey-h)
      var(--primary-grey-s)
      calc(var(--primary-grey-l) + 2%)
  );
  --primary-grey-light-3: hsl(
    var(--primary-grey-h)
      var(--primary-grey-s)
      calc(var(--primary-grey-l) + 3%)
  );
  --primary-grey-light-5: hsl(
    var(--primary-grey-h)
      var(--primary-grey-s)
      calc(var(--primary-grey-l) + 5%)
  );
  --primary-grey-light-6: hsl(
    var(--primary-grey-h)
      var(--primary-grey-s)
      calc(var(--primary-grey-l) + 6%)
  );
  --primary-grey-light-10: hsl(
    var(--primary-grey-h)
      var(--primary-grey-s)
      calc(var(--primary-grey-l) + 10%)
  );
  /**
   * danger colors
   */
  --danger-light-20: hsl(
    var(--danger-h) var(--danger-s) calc(var(--danger-l) + 20%)
  );
  --danger-light-24: hsl(
    var(--danger-h) var(--danger-s) calc(var(--danger-l) + 24%)
  );
  --danger-light-36: hsl(
    var(--danger-h) var(--danger-s) calc(var(--danger-l) + 36%)
  );
  --danger-light-40: hsl(
    var(--danger-h) var(--danger-s) calc(var(--danger-l) + 40%)
  );
  /**
   * warning colors
   */
  --warning-light-20: hsl(
    var(--warning-h) var(--warning-s) calc(var(--warning-l) + 20%)
  );
  --warning-light-24: hsl(
    var(--warning-h) var(--warning-s) calc(var(--warning-l) + 24%)
  );
  --warning-light-32: hsl(
    var(--warning-h) var(--warning-s) calc(var(--warning-l) + 32%)
  );
  /**
   * info colors
   */
  --info-shadow-from: hsl(var(--info-h) var(--info-s) var(--info-l) / 42%);
  --info-shadow-to: hsl(var(--info-h) var(--info-s) var(--info-l) / 20%);
  --info-light-20: hsl(
    var(--info-h) var(--info-s) calc(var(--info-l) + 20%)
  );
  --info-light-24: hsl(
    var(--info-h) var(--info-s) calc(var(--info-l) + 24%)
  );
  --info-light-45: hsl(
    var(--info-h) var(--info-s) calc(var(--info-l) + 45%)
  );
  /**
   * success colors
   */
  --success-light-20: hsl(
    var(--success-h) var(--success-s) calc(var(--success-l) + 20%)
  );
  --success-light-24: hsl(
    var(--success-h) var(--success-s) calc(var(--success-l) + 24%)
  );
  --success-light-40: hsl(
    var(--success-h) var(--success-s) calc(var(--success-l) + 40%)
  );
  --success-light-45: hsl(
    var(--success-h) var(--success-s) calc(var(--success-l) + 45%)
  );
  --success-light-48: hsl(
    var(--success-h) var(--success-s) calc(var(--success-l) + 48%)
  );
  /**
   * purple colors
   */
  --purple-light-36: hsl(
    var(--purple-h) var(--purple-s) calc(var(--purple-l) + 36%)
  );
  --purple-light-38: hsl(
    var(--purple-h) var(--purple-s) calc(var(--purple-l) + 38%)
  );
  /**
   * lime
   */
  --lime-dark-1: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 1%)
  );
  --lime-dark-2: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 2%)
  );
  --lime-dark-3: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 3%)
  );
  --lime-dark-4: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 4%)
  );
  --lime-dark-5: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 5%)
  );
  --lime-dark-6: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 6%)
  );
  --lime-dark-7: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 7%)
  );
  --lime-dark-8: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 8%)
  );
  --lime-dark-9: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 9%)
  );
  --lime-dark-10: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 10%)
  );
  --lime-dark-11: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 11%)
  );
  --lime-dark-12: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 12%)
  );
  --lime-dark-13: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 13%)
  );
  --lime-dark-14: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 14%)
  );
  --lime-dark-15: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 15%)
  );
  --lime-dark-16: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 16%)
  );
  --lime-dark-18: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 18%)
  );
  --lime-dark-20: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 20%)
  );
  --lime-dark-22: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 22%)
  );
  --lime-dark-24: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 24%)
  );
  --lime-dark-26: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 26%)
  );
  --lime-dark-28: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 28%)
  );
  --lime-dark-30: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 30%)
  );
  --lime-dark-35: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 35%)
  );
  --lime-dark-40: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 40%)
  );
  --lime-dark-42: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 42%)
  );
  --lime-dark-45: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 45%)
  );
  --lime-dark-48: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 48%)
  );
  --lime-dark-50: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 50%)
  );
  --lime-dark-60: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 60%)
  );
  --lime-dark-70: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 70%)
  );
  --lime-dark-80: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 80%)
  );
  --lime-dark-90: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) - 90%)
  );
  --lime-light-1: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 1%)
  );
  --lime-light-2: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 2%)
  );
  --lime-light-3: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 3%)
  );
  --lime-light-4: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 4%)
  );
  --lime-light-5: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 5%)
  );
  --lime-light-6: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 6%)
  );
  --lime-light-7: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 7%)
  );
  --lime-light-8: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 8%)
  );
  --lime-light-9: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 9%)
  );
  --lime-light-10: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 10%)
  );
  --lime-light-11: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 11%)
  );
  --lime-light-12: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 12%)
  );
  --lime-light-13: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 13%)
  );
  --lime-light-14: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 14%)
  );
  --lime-light-15: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 15%)
  );
  --lime-light-16: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 16%)
  );
  --lime-light-18: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 18%)
  );
  --lime-light-20: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 20%)
  );
  --lime-light-22: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 22%)
  );
  --lime-light-24: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 24%)
  );
  --lime-light-26: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 26%)
  );
  --lime-light-28: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 28%)
  );
  --lime-light-30: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 30%)
  );
  --lime-light-35: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 35%)
  );
  --lime-light-40: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 40%)
  );
  --lime-light-42: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 42%)
  );
  --lime-light-45: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 45%)
  );
  --lime-light-48: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 48%)
  );
  --lime-light-50: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 50%)
  );
  --lime-light-60: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 60%)
  );
  --lime-light-70: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 70%)
  );
  --lime-light-80: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 80%)
  );
  --lime-light-90: hsl(
    var(--lime-h) var(--lime-s) calc(var(--lime-l) + 90%)
  );
  /**
   * blue colors
   */
  --blue-light-32: hsl(
    var(--blue-h) var(--blue-s) calc(var(--blue-l) + 32%)
  );
  --blue-light-34: hsl(
    var(--blue-h) var(--blue-s) calc(var(--blue-l) + 34%)
  );
  /**
   * red colors
   */
  --red-light-38: hsl(
    var(--red-h) var(--red-s) calc(var(--red-l) + 38%)
  );
  /**
   * orange colors
   */
  --orange-light-18: hsl(
    var(--orange-h) var(--orange-s) calc(var(--orange-l) + 18%)
  );
  --orange-light-20: hsl(
    var(--orange-h) var(--orange-s) calc(var(--orange-l) + 20%)
  );
  /**
   * yellow colors
   */
  --yellow-dark-8: hsl(
    var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - 8%)
  );
  --yellow-light-22: hsl(
    var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) + 22%)
  );
  /**
   * green colors
   */
  --green-light-15: hsl(
    var(--green-h) var(--green-s) calc(var(--green-l) + 15%)
  );
  --green-light-22: hsl(
    var(--green-h) var(--green-s) calc(var(--green-l) + 22%)
  );
  --green-light-23: hsl(
    var(--green-h) var(--green-s) calc(var(--green-l) + 23%)
  );
  /**
   * smoke-white colors
   */
  --smoke-white-dark-2: hsl(
    var(--smoke-white-h)
      var(--smoke-white-s)
      calc(var(--smoke-white-l) - 2%)
  );
  --smoke-white-dark-8: hsl(
    var(--smoke-white-h)
      var(--smoke-white-s)
      calc(var(--smoke-white-l) - 8%)
  );
  --smoke-white-dark-10: hsl(
    var(--smoke-white-h)
      var(--smoke-white-s)
      calc(var(--smoke-white-l) - 10%)
  );
  --smoke-white-dark-16: hsl(
    var(--smoke-white-h)
      var(--smoke-white-s)
      calc(var(--smoke-white-l) - 16%)
  );
  --smoke-white-light-2: hsl(
    var(--smoke-white-h)
      var(--smoke-white-s)
      calc(var(--smoke-white-l) + 2%)
  );
  /**
   * placeholder colors
   */
  --placeholder-dark-8: hsl(
    var(--placeholder-h)
      var(--placeholder-s)
      calc(var(--placeholder-l) - 8%)
  );
  --placeholder-light-10: hsl(
    var(--placeholder-h)
      var(--placeholder-s)
      calc(var(--placeholder-l) + 10%)
  );
  --placeholder-light-16: hsl(
    var(--placeholder-h)
      var(--placeholder-s)
      calc(var(--placeholder-l) + 16%)
  );
  /**
   * border colors
   */
  --border-dark-25: hsl(
    var(--border-h) var(--border-s) calc(var(--border-l) - 25%)
  );
  --border-light-14: hsl(
    var(--border-h) var(--border-s) calc(var(--border-l) + 14%)
  );
  --border-light-15: hsl(
    var(--border-h) var(--border-s) calc(var(--border-l) + 15%)
  );
  /**
   * muted-grey colors
   */
  --muted-grey-dark-25: hsl(
    var(--muted-grey-h)
      var(--muted-grey-s)
      calc(var(--muted-grey-l) - 25%)
  );
  --muted-grey-light-14: hsl(
    var(--muted-grey-h)
      var(--muted-grey-s)
      calc(var(--muted-grey-l) + 14%)
  );
  --muted-grey-light-15: hsl(
    var(--muted-grey-h)
      var(--muted-grey-s)
      calc(var(--muted-grey-l) + 15%)
  );
  /**
   * fade-grey colors
   */
  --fade-grey-dark-2: hsl(
    var(--fade-grey-h)
      var(--fade-grey-s)
      calc(var(--fade-grey-l) - 2%)
  );
  --fade-grey-dark-3: hsl(
    var(--fade-grey-h)
      var(--fade-grey-s)
      calc(var(--fade-grey-l) - 3%)
  );
  --fade-grey-dark-4: hsl(
    var(--fade-grey-h)
      var(--fade-grey-s)
      calc(var(--fade-grey-l) - 4%)
  );
  --fade-grey-dark-5: hsl(
    var(--fade-grey-h)
      var(--fade-grey-s)
      calc(var(--fade-grey-l) - 5%)
  );
  --fade-grey-dark-6: hsl(
    var(--fade-grey-h)
      var(--fade-grey-s)
      calc(var(--fade-grey-l) - 6%)
  );
  --fade-grey-dark-8: hsl(
    var(--fade-grey-h)
      var(--fade-grey-s)
      calc(var(--fade-grey-l) - 8%)
  );
  --fade-grey-light-2: hsl(
    var(--fade-grey-h)
      var(--fade-grey-s)
      calc(var(--fade-grey-l) + 2%)
  );
  --fade-grey-light-3: hsl(
    var(--fade-grey-h)
      var(--fade-grey-s)
      calc(var(--fade-grey-l) + 3%)
  );
  --fade-grey-light-4: hsl(
    var(--fade-grey-h)
      var(--fade-grey-s)
      calc(var(--fade-grey-l) + 4%)
  );
  --fade-grey-light-5: hsl(
    var(--fade-grey-h)
      var(--fade-grey-s)
      calc(var(--fade-grey-l) + 5%)
  );
  --fade-grey-light-6: hsl(
    var(--fade-grey-h)
      var(--fade-grey-s)
      calc(var(--fade-grey-l) + 6%)
  );
  /**
   * widget-grey colors
   */
  --widget-grey-dark-1: hsl(
    var(--widget-grey-h)
      var(--widget-grey-s)
      calc(var(--widget-grey-l) - 1%)
  );
  --widget-grey-dark-2: hsl(
    var(--widget-grey-h)
      var(--widget-grey-s)
      calc(var(--widget-grey-l) - 2%)
  );
  --widget-grey-dark-3: hsl(
    var(--widget-grey-h)
      var(--widget-grey-s)
      calc(var(--widget-grey-l) - 3%)
  );
  --widget-grey-dark-4: hsl(
    var(--widget-grey-h)
      var(--widget-grey-s)
      calc(var(--widget-grey-l) - 4%)
  );
  --widget-grey-dark-8: hsl(
    var(--widget-grey-h)
      var(--widget-grey-s)
      calc(var(--widget-grey-l) - 8%)
  );
  --widget-grey-dark-12: hsl(
    var(--widget-grey-h)
      var(--widget-grey-s)
      calc(var(--widget-grey-l) - 12%)
  );
  --widget-grey-light-1: hsl(
    var(--widget-grey-h)
      var(--widget-grey-s)
      calc(var(--widget-grey-l) + 1%)
  );
  /**
   * dark-dark-text colors
   */
  --dark-dark-text-light-14: hsl(
    var(--dark-dark-text-h)
      var(--dark-dark-text-s)
      calc(var(--dark-dark-text-l) + 14%)
  );
  /**
   * dark-text colors
   */
  --dark-text-light-18: hsl(
    var(--dark-text-h)
      var(--dark-text-s)
      calc(var(--dark-text-l) + 18%)
  );
  --dark-text-light-25: hsl(
    var(--dark-text-h)
      var(--dark-text-s)
      calc(var(--dark-text-l) + 25%)
  );
  --dark-text-light-35: hsl(
    var(--dark-text-h)
      var(--dark-text-s)
      calc(var(--dark-text-l) + 35%)
  );
  /**
   * light-text colors
   */
  --light-text-dark-2: hsl(
    var(--light-text-h)
      var(--light-text-s)
      calc(var(--light-text-l) - 2%)
  );
  --light-text-dark-4: hsl(
    var(--light-text-h)
      var(--light-text-s)
      calc(var(--light-text-l) - 4%)
  );
  --light-text-dark-5: hsl(
    var(--light-text-h)
      var(--light-text-s)
      calc(var(--light-text-l) - 5%)
  );
  --light-text-dark-6: hsl(
    var(--light-text-h)
      var(--light-text-s)
      calc(var(--light-text-l) - 6%)
  );
  --light-text-dark-8: hsl(
    var(--light-text-h)
      var(--light-text-s)
      calc(var(--light-text-l) - 8%)
  );
  --light-text-dark-10: hsl(
    var(--light-text-h)
      var(--light-text-s)
      calc(var(--light-text-l) - 10%)
  );
  --light-text-dark-12: hsl(
    var(--light-text-h)
      var(--light-text-s)
      calc(var(--light-text-l) - 12%)
  );
  --light-text-dark-20: hsl(
    var(--light-text-h)
      var(--light-text-s)
      calc(var(--light-text-l) - 20%)
  );
  --light-text-dark-22: hsl(
    var(--light-text-h)
      var(--light-text-s)
      calc(var(--light-text-l) - 22%)
  );
  --light-text-light-2: hsl(
    var(--light-text-h)
      var(--light-text-s)
      calc(var(--light-text-l) + 2%)
  );
  --light-text-light-5: hsl(
    var(--light-text-h)
      var(--light-text-s)
      calc(var(--light-text-l) + 5%)
  );
  --light-text-light-6: hsl(
    var(--light-text-h)
      var(--light-text-s)
      calc(var(--light-text-l) + 6%)
  );
  --light-text-light-12: hsl(
    var(--light-text-h)
      var(--light-text-s)
      calc(var(--light-text-l) + 12%)
  );
  --light-text-light-15: hsl(
    var(--light-text-h)
      var(--light-text-s)
      calc(var(--light-text-l) + 15%)
  );
  --night-dark-1: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) - 1%)
  );
  --night-dark-2: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) - 2%)
  );
  --night-dark-3: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) - 3%)
  );
  --night-dark-4: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) - 4%)
  );
  --night-dark-5: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) - 5%)
  );
  --night-dark-6: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) - 6%)
  );
  --night-dark-7: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) - 7%)
  );
  --night-dark-8: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) - 8%)
  );
  --night-dark-9: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) - 9%)
  );
  --night-dark-10: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) - 10%)
  );
  --night-dark-11: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) - 11%)
  );
  --night-dark-12: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) - 12%)
  );
  --night-dark-13: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) - 13%)
  );
  --night-dark-14: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) - 14%)
  );
  --night-dark-15: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) - 15%)
  );
  --night-dark-16: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) - 16%)
  );
  --night-dark-18: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) - 18%)
  );
  --night-dark-20: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) - 20%)
  );
  --night-dark-22: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) - 22%)
  );
  --night-dark-24: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) - 24%)
  );
  --night-dark-26: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) - 26%)
  );
  --night-dark-28: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) - 28%)
  );
  --night-dark-30: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) - 30%)
  );
  --night-dark-35: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) - 35%)
  );
  --night-dark-40: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) - 40%)
  );
  --night-dark-42: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) - 42%)
  );
  --night-dark-45: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) - 45%)
  );
  --night-dark-48: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) - 48%)
  );
  --night-dark-50: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) - 50%)
  );
  --night-dark-60: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) - 60%)
  );
  --night-dark-70: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) - 70%)
  );
  --night-dark-80: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) - 80%)
  );
  --night-dark-90: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) - 90%)
  );
  --night-light-1: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) + 1%)
  );
  --night-light-2: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) + 2%)
  );
  --night-light-3: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) + 3%)
  );
  --night-light-4: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) + 4%)
  );
  --night-light-5: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) + 5%)
  );
  --night-light-6: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) + 6%)
  );
  --night-light-7: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) + 7%)
  );
  --night-light-8: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) + 8%)
  );
  --night-light-9: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) + 9%)
  );
  --night-light-10: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) + 10%)
  );
  --night-light-11: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) + 11%)
  );
  --night-light-12: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) + 12%)
  );
  --night-light-13: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) + 13%)
  );
  --night-light-14: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) + 14%)
  );
  --night-light-15: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) + 15%)
  );
  --night-light-16: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) + 16%)
  );
  --night-light-18: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) + 18%)
  );
  --night-light-20: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) + 20%)
  );
  --night-light-22: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) + 22%)
  );
  --night-light-24: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) + 24%)
  );
  --night-light-26: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) + 26%)
  );
  --night-light-28: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) + 28%)
  );
  --night-light-30: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) + 30%)
  );
  --night-light-35: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) + 35%)
  );
  --night-light-40: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) + 40%)
  );
  --night-light-42: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) + 42%)
  );
  --night-light-45: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) + 45%)
  );
  --night-light-48: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) + 48%)
  );
  --night-light-50: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) + 50%)
  );
  --night-light-60: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) + 60%)
  );
  --night-light-70: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) + 70%)
  );
  --night-light-80: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) + 80%)
  );
  --night-light-90: hsl(
    var(--night-h) var(--night-s) calc(var(--night-l) + 90%)
  );
}

/*! _shadows.scss | BorderMatch | Css ninja 2020-2021 */
/*
    1. Base Shadows
    2. State Shadows
    3. Stack Shadows
    4. Brand Shadows
    5. Additional Colors Shadows
*/
/* ==========================================================================
1. Base Shadows
========================================================================== */
:root {
  --base-shadow: rgb(0 0 0 / 12%);
  --light-box-shadow: -1px 3px 10px 0 rgb(0 0 0 / 6%);
  --light-box-shadow-md: -1px 3px 10px 0 rgb(0 0 0 / 12%);
  --primary-shadow-from: hsl(
    var(--primary-h) var(--primary-s) var(--primary-l) / 42%
  );
  --primary-shadow-to: hsl(
    var(--primary-h) var(--primary-s) var(--primary-l) / 20%
  );
  --primary-box-shadow: 0 14px 26px -12px var(--primary-shadow-from),
    0 4px 23px 0 var(--base-shadow),
    0 8px 10px -5px var(--primary-shadow-to) !important;
  --secondary-shadow-from: hsl(
    var(--secondary-h) var(--secondary-s) var(--secondary-l) / 42%
  );
  --secondary-shadow-to: hsl(
    var(--secondary-h) var(--secondary-s) var(--secondary-l) / 20%
  );
  --secondary-box-shadow: 0 14px 26px -12px var(--secondary-shadow-from),
    0 4px 23px 0 var(--base-shadow),
    0 8px 10px -5px var(--secondary-shadow-to) !important;
  --danger-shadow-from: hsl(
    var(--danger-h) var(--danger-s) var(--danger-l) / 42%
  );
  --danger-shadow-to: hsl(
    var(--danger-h) var(--danger-s) var(--danger-l) / 20%
  );
  --danger-box-shadow: 0 14px 26px -12px var(--danger-shadow-from),
    0 4px 23px 0 var(--base-shadow),
    0 8px 10px -5px var(--danger-shadow-to) !important;
  --warning-shadow-from: hsl(
    var(--warning-h) var(--warning-s) var(--warning-l) / 42%
  );
  --warning-shadow-to: hsl(
    var(--warning-h) var(--warning-s) var(--warning-l) / 20%
  );
  --warning-box-shadow: 0 14px 26px -12px var(--warning-shadow-from),
    0 4px 23px 0 var(--base-shadow),
    0 8px 10px -5px var(--warning-shadow-to) !important;
  --info-shadow-from: hsl(
    var(--info-h) var(--info-s) var(--info-l) / 42%
  );
  --info-shadow-to: hsl(
    var(--info-h) var(--info-s) var(--info-l) / 20%
  );
  --info-box-shadow: 0 14px 26px -12px var(--info-shadow-from),
    0 4px 23px 0 var(--base-shadow),
    0 8px 10px -5px var(--info-shadow-to) !important;
  --success-shadow-from: hsl(
    var(--success-h) var(--success-s) var(--success-l) / 42%
  );
  --success-shadow-to: hsl(
    var(--success-h) var(--success-s) var(--success-l) / 20%
  );
  --success-box-shadow: 0 14px 26px -12px var(--success-shadow-from),
    0 4px 23px 0 var(--base-shadow),
    0 8px 10px -5px var(--success-shadow-to) !important;
  --purple-shadow-from: hsl(
    var(--purple-h) var(--purple-s) var(--purple-l) / 42%
  );
  --purple-shadow-to: hsl(
    var(--purple-h) var(--purple-s) var(--purple-l) / 20%
  );
  --purple-box-shadow: 0 14px 26px -12px var(--purple-shadow-from),
    0 4px 23px 0 var(--base-shadow),
    0 8px 10px -5px var(--purple-shadow-to) !important;
  --blue-shadow-from: hsl(
    var(--blue-h) var(--blue-s) var(--blue-l) / 42%
  );
  --blue-shadow-to: hsl(
    var(--blue-h) var(--blue-s) var(--blue-l) / 20%
  );
  --blue-box-shadow: 0 14px 26px -12px var(--blue-shadow-from),
    0 4px 23px 0 var(--base-shadow),
    0 8px 10px -5px var(--blue-shadow-to) !important;
  --red-shadow-from: hsl(
    var(--red-h) var(--red-s) var(--red-l) / 42%
  );
  --red-shadow-to: hsl(
    var(--red-h) var(--red-s) var(--red-l) / 20%
  );
  --red-box-shadow: 0 14px 26px -12px var(--red-shadow-from),
    0 4px 23px 0 var(--base-shadow),
    0 8px 10px -5px var(--red-shadow-to) !important;
  --orange-shadow-from: hsl(
    var(--orange-h) var(--orange-s) var(--orange-l) / 42%
  );
  --orange-shadow-to: hsl(
    var(--orange-h) var(--orange-s) var(--orange-l) / 20%
  );
  --orange-box-shadow: 0 14px 26px -12px var(--orange-shadow-from),
    0 4px 23px 0 var(--base-shadow),
    0 8px 10px -5px var(--orange-shadow-to) !important;
  --yellow-shadow-from: hsl(
    var(--yellow-h) var(--yellow-s) var(--yellow-l) / 42%
  );
  --yellow-shadow-to: hsl(
    var(--yellow-h) var(--yellow-s) var(--yellow-l) / 20%
  );
  --yellow-box-shadow: 0 14px 26px -12px var(--yellow-shadow-from),
    0 4px 23px 0 var(--base-shadow),
    0 8px 10px -5px var(--yellow-shadow-to) !important;
  --green-shadow-from: hsl(
    var(--green-h) var(--green-s) var(--green-l) / 42%
  );
  --green-shadow-to: hsl(
    var(--green-h) var(--green-s) var(--green-l) / 20%
  );
  --green-box-shadow: 0 14px 26px -12px var(--green-shadow-from),
    0 4px 23px 0 var(--base-shadow),
    0 8px 10px -5px var(--green-shadow-to) !important;
  --github-shadow-from: hsl(
    var(--github-h) var(--github-s) var(--github-l) / 42%
  );
  --github-shadow-to: hsl(
    var(--github-h) var(--github-s) var(--github-l) / 20%
  );
  --github-box-shadow: 0 14px 26px -12px var(--github-shadow-from),
    0 4px 23px 0 var(--base-shadow),
    0 8px 10px -5px var(--github-shadow-to) !important;
  --invision-shadow-from: hsl(
    var(--invision-h) var(--invision-s) var(--invision-l) / 42%
  );
  --invision-shadow-to: hsl(
    var(--invision-h) var(--invision-s) var(--invision-l) / 20%
  );
  --invision-box-shadow: 0 14px 26px -12px var(--invision-shadow-from),
    0 4px 23px 0 var(--base-shadow),
    0 8px 10px -5px var(--invision-shadow-to) !important;
  --facebook-shadow-from: hsl(
    var(--facebook-h) var(--facebook-s) var(--facebook-l) / 42%
  );
  --facebook-shadow-to: hsl(
    var(--facebook-h) var(--facebook-s) var(--facebook-l) / 20%
  );
  --facebook-box-shadow: 0 14px 26px -12px var(--facebook-shadow-from),
    0 4px 23px 0 var(--base-shadow),
    0 8px 10px -5px var(--facebook-shadow-to) !important;
  --amazon-shadow-from: hsl(
    var(--amazon-h) var(--amazon-s) var(--amazon-l) / 42%
  );
  --amazon-shadow-to: hsl(
    var(--amazon-h) var(--amazon-s) var(--amazon-l) / 20%
  );
  --amazon-box-shadow: 0 14px 26px -12px var(--amazon-shadow-from),
    0 4px 23px 0 var(--base-shadow),
    0 8px 10px -5px var(--amazon-shadow-to) !important;
  --twitter-shadow-from: hsl(
    var(--twitter-h) var(--twitter-s) var(--twitter-l) / 42%
  );
  --twitter-shadow-to: hsl(
    var(--twitter-h) var(--twitter-s) var(--twitter-l) / 20%
  );
  --twitter-box-shadow: 0 14px 26px -12px var(--twitter-shadow-from),
    0 4px 23px 0 var(--base-shadow),
    0 8px 10px -5px var(--twitter-shadow-to) !important;
  --angular-shadow-from: hsl(
    var(--angular-h) var(--angular-s) var(--angular-l) / 42%
  );
  --angular-shadow-to: hsl(
    var(--angular-h) var(--angular-s) var(--angular-l) / 20%
  );
  --angular-box-shadow: 0 14px 26px -12px var(--angular-shadow-from),
    0 4px 23px 0 var(--base-shadow),
    0 8px 10px -5px var(--angular-shadow-to) !important;
  --linkedin-shadow-from: hsl(
    var(--linkedin-h) var(--linkedin-s) var(--linkedin-l) / 42%
  );
  --linkedin-shadow-to: hsl(
    var(--linkedin-h) var(--linkedin-s) var(--linkedin-l) / 20%
  );
  --linkedin-box-shadow: 0 14px 26px -12px var(--linkedin-shadow-from),
    0 4px 23px 0 var(--base-shadow),
    0 8px 10px -5px var(--linkedin-shadow-to) !important;
}

:root {
  --font: "Inter", sans-serif;
  --font-alt: "Inter", sans-serif;
  --font-monospace: "Fira Code", monospace;
  --font-size: 16px;
}

:root {
  --html-bg-color: var(--white);
}

.is-dark {
  --html-bg-color: var(--night-light-3);
}

:root {
  --wrap-bg-color: var(--white);
  --wrap-bg-color-heavy: var(--white);
  --wrap-border-color: var(--border);
  --wrap-muted-color: var(--widget-grey);
  --wrap-inverted-color: var(--blue-grey);
  --wrap-inverted-bg: var(--white);
}

.is-dark {
  --wrap-bg-color: var(--night-light-8);
  --wrap-bg-color-heavy: var(--night-light-4);
  --wrap-border-color: var(--night-light-16);
  --wrap-muted-color: var(--night-light-12);
  --wrap-inverted-color: var(--white-smoke);
  --wrap-inverted-bg: var(--night-light-8);
}

:root {
  --title-color: var(--dark-text);
  --title-color-inverted: var(--white-smoke);
  --shadow-title-color: #000;
  --subtitle-color: var(--medium-text);
  --subtitle-color-inverted: var(--light-text);
  --paragraph-color: var(--medium-text);
  --paragraph-color-inverted: var(--light-text);
  --code-bg-color: var(--widget-grey);
  --code-color: var(--success);
}

.is-dark {
  --title-color: var(--white-smoke);
  --shadow-title-color: #fff;
  --subtitle-color: var(--light-text);
  --code-bg-color: var(--night-light-14);
  --code-color: var(--success);
}

:root {
  --button-base-color: var(--dark-text);
  --button-base-bg-color: var(--white);
  --button-base-border-color: var(--border);
  --button-base-border-color-hover: var(--border-hover);
  --button-base-shadow: var(--light-box-shadow);
  --button-light-color: var(--dark-text);
  --button-light-color-inverted: var(--white);
  --button-light-bg-color: var(--widget-grey);
  --button-light-bg-color-inverted: var(--white);
  --button-light-border-color: var(--widget-grey);
  --button-light-border-color-inverted: var(--white);
  --button-primary-color: var(--white);
  --button-primary-color-inverted: var(--primary);
  --button-primary-bg-color: var(--primary);
  --button-primary-bg-color-hover: var(--primary-light-4);
  --button-primary-border-color: var(--primary);
  --button-primary-border-color-hover: var(--primary-light-4);
  --button-secondary-color: var(--white);
  --button-secondary-color-inverted: var(--secondary);
  --button-secondary-bg-color: var(--secondary);
  --button-secondary-bg-color-hover: var(--secondary-light-4);
  --button-secondary-border-color: var(--secondary);
  --button-secondary-border-color-hover: var(--secondary-light-4);
  --button-success-color: var(--white);
  --button-success-color-inverted: var(--success);
  --button-success-bg-color: var(--success);
  --button-success-bg-color-hover: var(--success-light-4);
  --button-success-border-color: var(--success);
  --button-success-border-color-hover: var(--success-light-4);
  --button-info-color: var(--white);
  --button-info-color-inverted: var(--info);
  --button-info-bg-color: var(--info);
  --button-info-bg-color-hover: var(--info-light-4);
  --button-info-border-color: var(--info);
  --button-info-border-color-hover: var(--info-light-4);
  --button-warning-color: var(--white);
  --button-warning-color-inverted: var(--warning);
  --button-warning-bg-color: var(--warning);
  --button-warning-bg-color-hover: var(--warning-light-4);
  --button-warning-border-color: var(--warning);
  --button-warning-border-color-hover: var(--warning-light-4);
  --button-danger-color: var(--white);
  --button-danger-color-inverted: var(--danger);
  --button-danger-bg-color: var(--danger);
  --button-danger-bg-color-hover: var(--danger-light-4);
  --button-danger-border-color: var(--danger);
  --button-danger-border-color-hover: var(--danger-light-4);
}

.is-dark {
  --button-base-color: var(--white-smoke);
  --button-base-bg-color: var(--night-light-6);
  --button-base-border-color: var(--night-light-14);
  --button-base-border-color-hover: var(--night-light-24);
  --button-light-color: var(--white-smoke);
  --button-light-bg-color: var(--night-light-10);
  --button-light-border-color: var(--night-light-10);
  --button-light-color-inverted-hover: var(--dark-text);
}

:root {
  --card-bg-color: var(--white);
  --card-grey-bg-color: var(--widget-grey);
  --card-border-color: var(--border);
}

.is-dark {
  --card-bg-color: var(--night-light-8);
  --card-grey-bg-color: var(--night-light-8);
  --card-border-color: var(--night-light-16);
}

:root {
  --dropdown-bg-color: var(--white);
  --dropdown-border-color: var(--border);
  --dropdown-bg-color-hover: var(--widget-grey);
}

.is-dark {
  --dropdown-bg-color: var(--night-light-8);
  --dropdown-border-color: var(--night-light-16);
  --dropdown-bg-color-hover: var(--night-light-12);
}

:root {
  --tag-default-bg-color: var(--widget-grey);
  --tag-default-color: var(--dark-text);
  --tag-solid-bg-color: var(--white);
  --tag-solid-border-color: var(--border);
}

.is-dark {
  --tag-default-bg-color: var(--night-light-12);
  --tag-default-color: var(--light-text);
  --tag-solid-bg-color: var(--night-light-10);
  --tag-solid-border-color: var(--night-light-16);
}

:root {
  --input-base-color: var(--medium-text);
  --input-inverted-color: var(--white-smoke);
  --input-base-bg-color: var(--white);
  --input-inverted-bg-color: var(--dark-light-5);
  --input-base-border-color: var(--border);
  --input-base-border-color-hover: var(--border-hover);
  --input-base-focus-color: var(--border-hover);
  --input-inverted-border-color: var(--dark-light-12);
  --input-inverted-border-color-hover: var(--dark-light-16);
  --input-inverted-focus-color: var(--border-hover);
  --input-inverted-placeholder-color: var(--dark-light-24);
  --input-base-shadow: var(--light-box-shadow);
  --input-form-icon-color: var(--placeholder);
  --input-placeholder-color: var(--placeholder);
  --input-label-color: var(--light-text);
  --input-form-button-bg-color: var(--white);
  --input-form-button-border-color: var(--border);
  --input-form-button-color: var(--medium-text);
}

.is-dark {
  --input-base-color: var(--light-text);
  --input-base-bg-color: var(--night-light-6);
  --input-inverted-bg-color: var(--night-light-8);
  --input-base-border-color: var(--night-light-14);
  --input-base-border-color-hover: var(--night-light-24);
  --input-base-focus-color: var(--primary);
  --input-inverted-border-color: var(--night-light-16);
  --input-inverted-border-color-hover: var(--night-light-20);
  --input-inverted-focus-color: var(--primary);
  --input-form-icon-color: var(--medium-text);
  --input-placeholder-color: var(--night-light-30);
  --input-form-button-bg-color: var(--night-light-14);
  --input-form-button-border-color: var(--night-light-22);
}

:root {
  --hero-bg-color: var(--white);
  --hero-grey-bg-color: var(--widget-grey);
  --hero-benefits-color: var(--dark-text);
}

.is-dark {
  --hero-bg-color: var(--night-light-3);
  --hero-benefits-color: var(--light-text);
  --hero-grey-bg-color: var(--night-light-1);
}

:root {
  --section-bg-color: var(--white);
  --section-bg-color-grey: #F6F9FE;
  --section-bg-color-dark: var(--dark-bg);
  --section-border-color: var(--border);
}

.is-dark {
  --section-bg-color: var(--night-light-3);
  --section-bg-color-dark: var(--night-light-1);
  --section-bg-color-grey: var(--night-light-1);
  --section-border-color: var(--night-light-16);
}

:root {
  --footer-default-bg-color: var(--widget-grey);
  --footer-light-bg-color: var(--white);
  --footer-light-link-color: var(--medium-text);
  --footer-light-link-color-hover: var(--primary);
  --footer-light-border-color: var(--border);
  --footer-dark-bg-color: var(--dark);
  --footer-dark-heading-color: var(--white-smoke);
  --footer-dark-link-color: var(--light-text);
  --footer-dark-link-color-hover: var(--primary-light-8);
  --footer-dark-border-color: var(--dark-border);
}

.is-dark {
  --footer-default-bg-color: var(--night-light-6);
  --footer-light-bg-color: var(--night-light-8);
  --footer-dark-bg-color: var(--night-light-6);
  --footer-dark-border-color: var(--night-light-8);
}

:root {
  --navbar-bg-color: var(--white);
  --navbar-bg-color-solid: var(--white);
  --navbar-border-color: var(--border);
  --navbar-link-color: var(--dark-text);
  --navbar-link-color-medium: var(--medium-text);
  --navbar-link-color-inverted: var(--white-smoke);
  --megamenu-heading-color: var(--dark-text);
  --megamenu-close-color: var(--dark-text);
  --navbar-dropdown-item-hover-bg: var(--widget-grey);
}

.is-dark {
  --navbar-bg-color: var(--night-dark-4);
  --navbar-bg-color-solid: var(--night);
  --navbar-border-color: var(--night-light-12);
  --navbar-link-color: var(--light-text);
  --navbar-link-color-medium: var(--light-text);
  --navbar-link-color-inverted: var(--white-smoke);
  --megamenu-heading-color: var(--white-smoke);
  --megamenu-close-color: var(--light-text);
  --navbar-dropdown-item-hover-bg: var(--night-light-8);
}

:root {
  --hero-square-primary-bg-color: var(--light);
  --hero-square-primary-bg-color: var(--primary-light-35);
}

/*
Theses variables are used to map bulma variables to our css variables
Some colors are not here because they are overriden with bulma-css-var package.
*/
/* ==========================================================================
2. Global colors
========================================================================== */
/* ==========================================================================
4. Fonts
========================================================================== */
/* ==========================================================================
5. Layout
========================================================================== */
.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis, .file-cta,
.file-name, .select select, .textarea, .input, .button {
  -moz-appearance: none;
  -webkit-appearance: none;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: none;
  display: inline-flex;
  font-size: 1rem;
  height: 2.5em;
  justify-content: flex-start;
  line-height: 1.5;
  padding-bottom: calc(0.5em - 1px);
  padding-left: calc(0.75em - 1px);
  padding-right: calc(0.75em - 1px);
  padding-top: calc(0.5em - 1px);
  position: relative;
  vertical-align: top;
}
.pagination-previous:focus,
.pagination-next:focus,
.pagination-link:focus,
.pagination-ellipsis:focus, .file-cta:focus,
.file-name:focus, .select select:focus, .textarea:focus, .input:focus, .button:focus, .is-focused.pagination-previous,
.is-focused.pagination-next,
.is-focused.pagination-link,
.is-focused.pagination-ellipsis, .is-focused.file-cta,
.is-focused.file-name, .select select.is-focused, .is-focused.textarea, .is-focused.input, .is-focused.button, .pagination-previous:active,
.pagination-next:active,
.pagination-link:active,
.pagination-ellipsis:active, .file-cta:active,
.file-name:active, .select select:active, .textarea:active, .input:active, .button:active, .is-active.pagination-previous,
.is-active.pagination-next,
.is-active.pagination-link,
.is-active.pagination-ellipsis, .is-active.file-cta,
.is-active.file-name, .select select.is-active, .is-active.textarea, .is-active.input, .is-active.button {
  outline: none;
}
[disabled].pagination-previous,
[disabled].pagination-next,
[disabled].pagination-link,
[disabled].pagination-ellipsis, [disabled].file-cta,
[disabled].file-name, .select select[disabled], [disabled].textarea, [disabled].input, [disabled].button, fieldset[disabled] .pagination-previous,
fieldset[disabled] .pagination-next,
fieldset[disabled] .pagination-link,
fieldset[disabled] .pagination-ellipsis, fieldset[disabled] .file-cta,
fieldset[disabled] .file-name, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .textarea, fieldset[disabled] .input, fieldset[disabled] .button {
  cursor: not-allowed;
}

.is-unselectable, .tabs, .pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis, .breadcrumb, .file, .button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.navbar-link:not(.is-arrowless)::after, .select:not(.is-multiple):not(.is-loading)::after {
  border: 3px solid transparent;
  border-radius: 2px;
  border-right: 0;
  border-top: 0;
  content: " ";
  display: block;
  height: 0.625em;
  margin-top: -0.4375em;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: rotate(-45deg);
  transform-origin: center;
  width: 0.625em;
}

.tabs:not(:last-child), .pagination:not(:last-child), .message:not(:last-child), .level:not(:last-child), .breadcrumb:not(:last-child), .block:not(:last-child), .title:not(:last-child),
.subtitle:not(:last-child), .table-container:not(:last-child), .table:not(:last-child), .progress:not(:last-child), .notification:not(:last-child), .content:not(:last-child), .box:not(:last-child) {
  margin-bottom: 1.5rem;
}

.modal-close, .delete {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: hsla(0, 0%, 4%, 0.2);
  border: none;
  border-radius: 9999px;
  cursor: pointer;
  pointer-events: auto;
  display: inline-block;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 0;
  height: 20px;
  max-height: 20px;
  max-width: 20px;
  min-height: 20px;
  min-width: 20px;
  outline: none;
  position: relative;
  vertical-align: top;
  width: 20px;
}
.modal-close::before, .delete::before, .modal-close::after, .delete::after {
  background-color: var(--white);
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform-origin: center center;
}
.modal-close::before, .delete::before {
  height: 2px;
  width: 50%;
}
.modal-close::after, .delete::after {
  height: 50%;
  width: 2px;
}
.modal-close:hover, .delete:hover, .modal-close:focus, .delete:focus {
  background-color: hsla(0, 0%, 4%, 0.3);
}
.modal-close:active, .delete:active {
  background-color: hsla(0, 0%, 4%, 0.4);
}
.is-small.modal-close, .is-small.delete {
  height: 16px;
  max-height: 16px;
  max-width: 16px;
  min-height: 16px;
  min-width: 16px;
  width: 16px;
}
.is-medium.modal-close, .is-medium.delete {
  height: 24px;
  max-height: 24px;
  max-width: 24px;
  min-height: 24px;
  min-width: 24px;
  width: 24px;
}
.is-large.modal-close, .is-large.delete {
  height: 32px;
  max-height: 32px;
  max-width: 32px;
  min-height: 32px;
  min-width: 32px;
  width: 32px;
}

.loader:after, .control.is-loading::after, .select.is-loading::after, .loader, .button.is-loading::after {
  animation: spinAround 500ms infinite linear;
  border: 2px solid hsl(0, 0%, 86%);
  border-radius: 9999px;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 1em;
  position: relative;
  width: 1em;
}

.hero-video, .is-overlay, .modal-background, .modal, .image.is-square img,
.image.is-square .has-ratio, .image.is-1by1 img,
.image.is-1by1 .has-ratio, .image.is-5by4 img,
.image.is-5by4 .has-ratio, .image.is-4by3 img,
.image.is-4by3 .has-ratio, .image.is-3by2 img,
.image.is-3by2 .has-ratio, .image.is-5by3 img,
.image.is-5by3 .has-ratio, .image.is-16by9 img,
.image.is-16by9 .has-ratio, .image.is-2by1 img,
.image.is-2by1 .has-ratio, .image.is-3by1 img,
.image.is-3by1 .has-ratio, .image.is-4by5 img,
.image.is-4by5 .has-ratio, .image.is-3by4 img,
.image.is-3by4 .has-ratio, .image.is-2by3 img,
.image.is-2by3 .has-ratio, .image.is-3by5 img,
.image.is-3by5 .has-ratio, .image.is-9by16 img,
.image.is-9by16 .has-ratio, .image.is-1by2 img,
.image.is-1by2 .has-ratio, .image.is-1by3 img,
.image.is-1by3 .has-ratio {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.navbar-burger {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: none;
  color: currentColor;
  font-family: inherit;
  font-size: 1em;
  margin: 0;
  padding: 0;
}

/* Bulma Base */
/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

ul {
  list-style: none;
}

button,
input,
select,
textarea {
  margin: 0;
}

html {
  box-sizing: border-box;
}

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

img,
video {
  height: auto;
  max-width: 100%;
}

iframe {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}
td:not([align]),
th:not([align]) {
  text-align: inherit;
}

html {
  background-color: var(--white);
  font-size: var(--font-size);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  min-width: 300px;
  overflow-x: hidden;
  overflow-y: scroll;
  text-rendering: optimizeLegibility;
  text-size-adjust: 100%;
}

article,
aside,
figure,
footer,
header,
hgroup,
section {
  display: block;
}

body,
button,
input,
optgroup,
select,
textarea {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

code,
pre {
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: auto;
  font-family: monospace;
}

body {
  color: var(--body-color);
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
}

a {
  color: var(--link);
  cursor: pointer;
  text-decoration: none;
}
a strong {
  color: currentColor;
}
a:hover {
  color: hsl(0, 0%, 21%);
}

code {
  background-color: hsl(0, 0%, 96%);
  color: hsl(348, 86%, 46%);
  font-size: 0.875em;
  font-weight: normal;
  padding: 0.25em 0.5em 0.25em;
}

hr {
  background-color: hsl(0, 0%, 96%);
  border: none;
  display: block;
  height: 2px;
  margin: 1.5rem 0;
}

img {
  height: auto;
  max-width: 100%;
}

input[type=checkbox],
input[type=radio] {
  vertical-align: baseline;
}

small {
  font-size: 0.875em;
}

span {
  font-style: inherit;
  font-weight: inherit;
}

strong {
  color: hsl(0, 0%, 21%);
  font-weight: 700;
}

fieldset {
  border: none;
}

pre {
  -webkit-overflow-scrolling: touch;
  background-color: hsl(0, 0%, 96%);
  color: hsl(0, 0%, 29%);
  font-size: 0.875em;
  overflow-x: auto;
  padding: 1.25rem 1.5rem;
  white-space: pre;
  word-wrap: normal;
}
pre code {
  background-color: transparent;
  color: currentColor;
  font-size: 1em;
  padding: 0;
}

table td,
table th {
  vertical-align: top;
}
table td:not([align]),
table th:not([align]) {
  text-align: inherit;
}
table th {
  color: hsl(0, 0%, 21%);
}

@keyframes spinAround {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
/* Bulma Elements */
.box {
  background-color: var(--white);
  border-radius: 6px;
  box-shadow: 0 0.5em 1em -0.125em hsla(0, 0%, 4%, 0.1), 0 0px 0 1px hsla(0, 0%, 4%, 0.02);
  color: hsl(0, 0%, 29%);
  display: block;
  padding: 1.25rem;
}

a.box:hover, a.box:focus {
  box-shadow: 0 0.5em 1em -0.125em hsla(0, 0%, 4%, 0.1), 0 0 0 1px var(--link);
}
a.box:active {
  box-shadow: inset 0 1px 2px hsla(0, 0%, 4%, 0.2), 0 0 0 1px var(--link);
}

.button {
  background-color: var(--white);
  border-color: var(--border);
  border-width: 1px;
  color: hsl(0, 0%, 21%);
  cursor: pointer;
  justify-content: center;
  padding-bottom: calc(0.5em - 1px);
  padding-left: 1em;
  padding-right: 1em;
  padding-top: calc(0.5em - 1px);
  text-align: center;
  white-space: nowrap;
}
.button strong {
  color: inherit;
}
.button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large {
  height: 1.5em;
  width: 1.5em;
}
.button .icon:first-child:not(:last-child) {
  margin-left: calc(-0.5em - 1px);
  margin-right: 0.25em;
}
.button .icon:last-child:not(:first-child) {
  margin-left: 0.25em;
  margin-right: calc(-0.5em - 1px);
}
.button .icon:first-child:last-child {
  margin-left: calc(-0.5em - 1px);
  margin-right: calc(-0.5em - 1px);
}
.button:hover, .button.is-hovered {
  border-color: hsl(0, 0%, 71%);
  color: hsl(0, 0%, 21%);
}
.button:focus, .button.is-focused {
  border-color: hsl(229, 53%, 53%);
  color: hsl(0, 0%, 21%);
}
.button:focus:not(:active), .button.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em var(--link);
}
.button:active, .button.is-active {
  border-color: hsl(0, 0%, 29%);
  color: hsl(0, 0%, 21%);
}
.button.is-text {
  background-color: transparent;
  border-color: transparent;
  color: hsl(0, 0%, 29%);
  text-decoration: underline;
}
.button.is-text:hover, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text.is-focused {
  background-color: hsl(0, 0%, 96%);
  color: hsl(0, 0%, 21%);
}
.button.is-text:active, .button.is-text.is-active {
  background-color: hsl(0, 0%, 91%);
  color: hsl(0, 0%, 21%);
}
.button.is-text[disabled], fieldset[disabled] .button.is-text {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}
.button.is-ghost {
  background: none;
  border-color: transparent;
  color: var(--link);
  text-decoration: none;
}
.button.is-ghost:hover, .button.is-ghost.is-hovered {
  color: var(--link);
  text-decoration: underline;
}
.button.is-white {
  background-color: var(--white);
  border-color: transparent;
  color: hsl(0, 0%, 4%);
}
.button.is-white:hover, .button.is-white.is-hovered {
  background-color: var(--white);
  border-color: transparent;
  color: hsl(0, 0%, 4%);
}
.button.is-white:focus, .button.is-white.is-focused {
  border-color: transparent;
  color: hsl(0, 0%, 4%);
}
.button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em var(--white);
}
.button.is-white:active, .button.is-white.is-active {
  background-color: var(--white);
  border-color: transparent;
  color: hsl(0, 0%, 4%);
}
.button.is-white[disabled], fieldset[disabled] .button.is-white {
  background-color: var(--white);
  border-color: var(--white);
  box-shadow: none;
}
.button.is-white.is-inverted {
  background-color: hsl(0, 0%, 4%);
  color: var(--white);
}
.button.is-white.is-inverted:hover, .button.is-white.is-inverted.is-hovered {
  background-color: hsl(0, 0%, -1%);
}
.button.is-white.is-inverted[disabled], fieldset[disabled] .button.is-white.is-inverted {
  background-color: hsl(0, 0%, 4%);
  border-color: transparent;
  box-shadow: none;
  color: var(--white);
}
.button.is-white.is-loading::after {
  border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important;
}
.button.is-white.is-outlined {
  background-color: transparent;
  border-color: var(--white);
  color: var(--white);
}
.button.is-white.is-outlined:hover, .button.is-white.is-outlined.is-hovered, .button.is-white.is-outlined:focus, .button.is-white.is-outlined.is-focused {
  background-color: var(--white);
  border-color: var(--white);
  color: hsl(0, 0%, 4%);
}
.button.is-white.is-outlined.is-loading::after {
  border-color: transparent transparent var(--white) var(--white) !important;
}
.button.is-white.is-outlined.is-loading:hover::after, .button.is-white.is-outlined.is-loading.is-hovered::after, .button.is-white.is-outlined.is-loading:focus::after, .button.is-white.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important;
}
.button.is-white.is-outlined[disabled], fieldset[disabled] .button.is-white.is-outlined {
  background-color: transparent;
  border-color: var(--white);
  box-shadow: none;
  color: var(--white);
}
.button.is-white.is-inverted.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 4%);
  color: hsl(0, 0%, 4%);
}
.button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined.is-hovered, .button.is-white.is-inverted.is-outlined:focus, .button.is-white.is-inverted.is-outlined.is-focused {
  background-color: hsl(0, 0%, 4%);
  color: var(--white);
}
.button.is-white.is-inverted.is-outlined.is-loading:hover::after, .button.is-white.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-white.is-inverted.is-outlined.is-loading:focus::after, .button.is-white.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--white) var(--white) !important;
}
.button.is-white.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-white.is-inverted.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 4%);
  box-shadow: none;
  color: hsl(0, 0%, 4%);
}
.button.is-black {
  background-color: hsl(0, 0%, 4%);
  border-color: transparent;
  color: var(--white);
}
.button.is-black:hover, .button.is-black.is-hovered {
  background-color: hsl(0, 0%, 1.5%);
  border-color: transparent;
  color: var(--white);
}
.button.is-black:focus, .button.is-black.is-focused {
  border-color: transparent;
  color: var(--white);
}
.button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em hsla(0, 0%, 4%, 0.25);
}
.button.is-black:active, .button.is-black.is-active {
  background-color: hsl(0, 0%, -1%);
  border-color: transparent;
  color: var(--white);
}
.button.is-black[disabled], fieldset[disabled] .button.is-black {
  background-color: hsl(0, 0%, 4%);
  border-color: hsl(0, 0%, 4%);
  box-shadow: none;
}
.button.is-black.is-inverted {
  background-color: var(--white);
  color: hsl(0, 0%, 4%);
}
.button.is-black.is-inverted:hover, .button.is-black.is-inverted.is-hovered {
  background-color: var(--white);
}
.button.is-black.is-inverted[disabled], fieldset[disabled] .button.is-black.is-inverted {
  background-color: var(--white);
  border-color: transparent;
  box-shadow: none;
  color: hsl(0, 0%, 4%);
}
.button.is-black.is-loading::after {
  border-color: transparent transparent var(--white) var(--white) !important;
}
.button.is-black.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 4%);
  color: hsl(0, 0%, 4%);
}
.button.is-black.is-outlined:hover, .button.is-black.is-outlined.is-hovered, .button.is-black.is-outlined:focus, .button.is-black.is-outlined.is-focused {
  background-color: hsl(0, 0%, 4%);
  border-color: hsl(0, 0%, 4%);
  color: var(--white);
}
.button.is-black.is-outlined.is-loading::after {
  border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important;
}
.button.is-black.is-outlined.is-loading:hover::after, .button.is-black.is-outlined.is-loading.is-hovered::after, .button.is-black.is-outlined.is-loading:focus::after, .button.is-black.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--white) var(--white) !important;
}
.button.is-black.is-outlined[disabled], fieldset[disabled] .button.is-black.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 4%);
  box-shadow: none;
  color: hsl(0, 0%, 4%);
}
.button.is-black.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--white);
  color: var(--white);
}
.button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined.is-hovered, .button.is-black.is-inverted.is-outlined:focus, .button.is-black.is-inverted.is-outlined.is-focused {
  background-color: var(--white);
  color: hsl(0, 0%, 4%);
}
.button.is-black.is-inverted.is-outlined.is-loading:hover::after, .button.is-black.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-black.is-inverted.is-outlined.is-loading:focus::after, .button.is-black.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important;
}
.button.is-black.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-black.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--white);
  box-shadow: none;
  color: var(--white);
}
.button.is-light {
  background-color: hsl(0, 0%, 96%);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-light:hover, .button.is-light.is-hovered {
  background-color: hsl(0, 0%, 93.5%);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-light:focus, .button.is-light.is-focused {
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-light:focus:not(:active), .button.is-light.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em hsla(0, 0%, 96%, 0.25);
}
.button.is-light:active, .button.is-light.is-active {
  background-color: hsl(0, 0%, 91%);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-light[disabled], fieldset[disabled] .button.is-light {
  background-color: hsl(0, 0%, 96%);
  border-color: hsl(0, 0%, 96%);
  box-shadow: none;
}
.button.is-light.is-inverted {
  background-color: rgba(0, 0, 0, 0.7);
  color: hsl(0, 0%, 96%);
}
.button.is-light.is-inverted:hover, .button.is-light.is-inverted.is-hovered {
  background-color: hsla(0, 0%, -5%, 0.7);
}
.button.is-light.is-inverted[disabled], fieldset[disabled] .button.is-light.is-inverted {
  background-color: rgba(0, 0, 0, 0.7);
  border-color: transparent;
  box-shadow: none;
  color: hsl(0, 0%, 96%);
}
.button.is-light.is-loading::after {
  border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}
.button.is-light.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 96%);
  color: hsl(0, 0%, 96%);
}
.button.is-light.is-outlined:hover, .button.is-light.is-outlined.is-hovered, .button.is-light.is-outlined:focus, .button.is-light.is-outlined.is-focused {
  background-color: hsl(0, 0%, 96%);
  border-color: hsl(0, 0%, 96%);
  color: rgba(0, 0, 0, 0.7);
}
.button.is-light.is-outlined.is-loading::after {
  border-color: transparent transparent hsl(0, 0%, 96%) hsl(0, 0%, 96%) !important;
}
.button.is-light.is-outlined.is-loading:hover::after, .button.is-light.is-outlined.is-loading.is-hovered::after, .button.is-light.is-outlined.is-loading:focus::after, .button.is-light.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}
.button.is-light.is-outlined[disabled], fieldset[disabled] .button.is-light.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 96%);
  box-shadow: none;
  color: hsl(0, 0%, 96%);
}
.button.is-light.is-inverted.is-outlined {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.7);
  color: rgba(0, 0, 0, 0.7);
}
.button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined.is-hovered, .button.is-light.is-inverted.is-outlined:focus, .button.is-light.is-inverted.is-outlined.is-focused {
  background-color: rgba(0, 0, 0, 0.7);
  color: hsl(0, 0%, 96%);
}
.button.is-light.is-inverted.is-outlined.is-loading:hover::after, .button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-light.is-inverted.is-outlined.is-loading:focus::after, .button.is-light.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent hsl(0, 0%, 96%) hsl(0, 0%, 96%) !important;
}
.button.is-light.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-light.is-inverted.is-outlined {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.7);
  box-shadow: none;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-dark {
  background-color: var(--dark);
  border-color: transparent;
  color: var(--dark--color-invert);
}
.button.is-dark:hover, .button.is-dark.is-hovered {
  background-color: var(--dark);
  border-color: transparent;
  color: var(--dark--color-invert);
}
.button.is-dark:focus, .button.is-dark.is-focused {
  border-color: transparent;
  color: var(--dark--color-invert);
}
.button.is-dark:focus:not(:active), .button.is-dark.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em var(--dark);
}
.button.is-dark:active, .button.is-dark.is-active {
  background-color: var(--dark);
  border-color: transparent;
  color: var(--dark--color-invert);
}
.button.is-dark[disabled], fieldset[disabled] .button.is-dark {
  background-color: var(--dark);
  border-color: var(--dark);
  box-shadow: none;
}
.button.is-dark.is-inverted {
  background-color: var(--dark--color-invert);
  color: var(--dark);
}
.button.is-dark.is-inverted:hover, .button.is-dark.is-inverted.is-hovered {
  background-color: var(--dark--color-invert);
}
.button.is-dark.is-inverted[disabled], fieldset[disabled] .button.is-dark.is-inverted {
  background-color: var(--dark--color-invert);
  border-color: transparent;
  box-shadow: none;
  color: var(--dark);
}
.button.is-dark.is-loading::after {
  border-color: transparent transparent var(--dark--color-invert) var(--dark--color-invert) !important;
}
.button.is-dark.is-outlined {
  background-color: transparent;
  border-color: var(--dark);
  color: var(--dark);
}
.button.is-dark.is-outlined:hover, .button.is-dark.is-outlined.is-hovered, .button.is-dark.is-outlined:focus, .button.is-dark.is-outlined.is-focused {
  background-color: var(--dark);
  border-color: var(--dark);
  color: var(--dark--color-invert);
}
.button.is-dark.is-outlined.is-loading::after {
  border-color: transparent transparent var(--dark) var(--dark) !important;
}
.button.is-dark.is-outlined.is-loading:hover::after, .button.is-dark.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-outlined.is-loading:focus::after, .button.is-dark.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--dark--color-invert) var(--dark--color-invert) !important;
}
.button.is-dark.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-outlined {
  background-color: transparent;
  border-color: var(--dark);
  box-shadow: none;
  color: var(--dark);
}
.button.is-dark.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--dark--color-invert);
  color: var(--dark--color-invert);
}
.button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined.is-hovered, .button.is-dark.is-inverted.is-outlined:focus, .button.is-dark.is-inverted.is-outlined.is-focused {
  background-color: var(--dark--color-invert);
  color: var(--dark);
}
.button.is-dark.is-inverted.is-outlined.is-loading:hover::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-inverted.is-outlined.is-loading:focus::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--dark) var(--dark) !important;
}
.button.is-dark.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--dark--color-invert);
  box-shadow: none;
  color: var(--dark--color-invert);
}
.button.is-primary {
  background-color: var(--primary);
  border-color: transparent;
  color: var(--primary--color-invert);
}
.button.is-primary:hover, .button.is-primary.is-hovered {
  background-color: var(--primary);
  border-color: transparent;
  color: var(--primary--color-invert);
}
.button.is-primary:focus, .button.is-primary.is-focused {
  border-color: transparent;
  color: var(--primary--color-invert);
}
.button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em var(--primary);
}
.button.is-primary:active, .button.is-primary.is-active {
  background-color: var(--primary);
  border-color: transparent;
  color: var(--primary--color-invert);
}
.button.is-primary[disabled], fieldset[disabled] .button.is-primary {
  background-color: var(--primary);
  border-color: var(--primary);
  box-shadow: none;
}
.button.is-primary.is-inverted {
  background-color: var(--primary--color-invert);
  color: var(--primary);
}
.button.is-primary.is-inverted:hover, .button.is-primary.is-inverted.is-hovered {
  background-color: var(--primary--color-invert);
}
.button.is-primary.is-inverted[disabled], fieldset[disabled] .button.is-primary.is-inverted {
  background-color: var(--primary--color-invert);
  border-color: transparent;
  box-shadow: none;
  color: var(--primary);
}
.button.is-primary.is-loading::after {
  border-color: transparent transparent var(--primary--color-invert) var(--primary--color-invert) !important;
}
.button.is-primary.is-outlined {
  background-color: transparent;
  border-color: var(--primary);
  color: var(--primary);
}
.button.is-primary.is-outlined:hover, .button.is-primary.is-outlined.is-hovered, .button.is-primary.is-outlined:focus, .button.is-primary.is-outlined.is-focused {
  background-color: var(--primary);
  border-color: var(--primary);
  color: var(--primary--color-invert);
}
.button.is-primary.is-outlined.is-loading::after {
  border-color: transparent transparent var(--primary) var(--primary) !important;
}
.button.is-primary.is-outlined.is-loading:hover::after, .button.is-primary.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-outlined.is-loading:focus::after, .button.is-primary.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--primary--color-invert) var(--primary--color-invert) !important;
}
.button.is-primary.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-outlined {
  background-color: transparent;
  border-color: var(--primary);
  box-shadow: none;
  color: var(--primary);
}
.button.is-primary.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--primary--color-invert);
  color: var(--primary--color-invert);
}
.button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined.is-hovered, .button.is-primary.is-inverted.is-outlined:focus, .button.is-primary.is-inverted.is-outlined.is-focused {
  background-color: var(--primary--color-invert);
  color: var(--primary);
}
.button.is-primary.is-inverted.is-outlined.is-loading:hover::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-inverted.is-outlined.is-loading:focus::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--primary) var(--primary) !important;
}
.button.is-primary.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--primary--color-invert);
  box-shadow: none;
  color: var(--primary--color-invert);
}
.button.is-primary.is-light {
  background-color: var(--primary--light-color);
  color: var(--primary--dark-color);
}
.button.is-primary.is-light:hover, .button.is-primary.is-light.is-hovered {
  background-color: var(--primary--light-color);
  border-color: transparent;
  color: var(--primary--dark-color);
}
.button.is-primary.is-light:active, .button.is-primary.is-light.is-active {
  background-color: var(--primary--light-color);
  border-color: transparent;
  color: var(--primary--dark-color);
}
.button.is-link {
  background-color: var(--link);
  border-color: transparent;
  color: var(--link--color-invert);
}
.button.is-link:hover, .button.is-link.is-hovered {
  background-color: var(--link);
  border-color: transparent;
  color: var(--link--color-invert);
}
.button.is-link:focus, .button.is-link.is-focused {
  border-color: transparent;
  color: var(--link--color-invert);
}
.button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em var(--link);
}
.button.is-link:active, .button.is-link.is-active {
  background-color: var(--link);
  border-color: transparent;
  color: var(--link--color-invert);
}
.button.is-link[disabled], fieldset[disabled] .button.is-link {
  background-color: var(--link);
  border-color: var(--link);
  box-shadow: none;
}
.button.is-link.is-inverted {
  background-color: var(--link--color-invert);
  color: var(--link);
}
.button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered {
  background-color: var(--link--color-invert);
}
.button.is-link.is-inverted[disabled], fieldset[disabled] .button.is-link.is-inverted {
  background-color: var(--link--color-invert);
  border-color: transparent;
  box-shadow: none;
  color: var(--link);
}
.button.is-link.is-loading::after {
  border-color: transparent transparent var(--link--color-invert) var(--link--color-invert) !important;
}
.button.is-link.is-outlined {
  background-color: transparent;
  border-color: var(--link);
  color: var(--link);
}
.button.is-link.is-outlined:hover, .button.is-link.is-outlined.is-hovered, .button.is-link.is-outlined:focus, .button.is-link.is-outlined.is-focused {
  background-color: var(--link);
  border-color: var(--link);
  color: var(--link--color-invert);
}
.button.is-link.is-outlined.is-loading::after {
  border-color: transparent transparent var(--link) var(--link) !important;
}
.button.is-link.is-outlined.is-loading:hover::after, .button.is-link.is-outlined.is-loading.is-hovered::after, .button.is-link.is-outlined.is-loading:focus::after, .button.is-link.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--link--color-invert) var(--link--color-invert) !important;
}
.button.is-link.is-outlined[disabled], fieldset[disabled] .button.is-link.is-outlined {
  background-color: transparent;
  border-color: var(--link);
  box-shadow: none;
  color: var(--link);
}
.button.is-link.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--link--color-invert);
  color: var(--link--color-invert);
}
.button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined.is-hovered, .button.is-link.is-inverted.is-outlined:focus, .button.is-link.is-inverted.is-outlined.is-focused {
  background-color: var(--link--color-invert);
  color: var(--link);
}
.button.is-link.is-inverted.is-outlined.is-loading:hover::after, .button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-link.is-inverted.is-outlined.is-loading:focus::after, .button.is-link.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--link) var(--link) !important;
}
.button.is-link.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-link.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--link--color-invert);
  box-shadow: none;
  color: var(--link--color-invert);
}
.button.is-link.is-light {
  background-color: var(--link--light-color);
  color: var(--link--dark-color);
}
.button.is-link.is-light:hover, .button.is-link.is-light.is-hovered {
  background-color: var(--link--light-color);
  border-color: transparent;
  color: var(--link--dark-color);
}
.button.is-link.is-light:active, .button.is-link.is-light.is-active {
  background-color: var(--link--light-color);
  border-color: transparent;
  color: var(--link--dark-color);
}
.button.is-info {
  background-color: var(--info);
  border-color: transparent;
  color: var(--info--color-invert);
}
.button.is-info:hover, .button.is-info.is-hovered {
  background-color: var(--info);
  border-color: transparent;
  color: var(--info--color-invert);
}
.button.is-info:focus, .button.is-info.is-focused {
  border-color: transparent;
  color: var(--info--color-invert);
}
.button.is-info:focus:not(:active), .button.is-info.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em var(--info);
}
.button.is-info:active, .button.is-info.is-active {
  background-color: var(--info);
  border-color: transparent;
  color: var(--info--color-invert);
}
.button.is-info[disabled], fieldset[disabled] .button.is-info {
  background-color: var(--info);
  border-color: var(--info);
  box-shadow: none;
}
.button.is-info.is-inverted {
  background-color: var(--info--color-invert);
  color: var(--info);
}
.button.is-info.is-inverted:hover, .button.is-info.is-inverted.is-hovered {
  background-color: var(--info--color-invert);
}
.button.is-info.is-inverted[disabled], fieldset[disabled] .button.is-info.is-inverted {
  background-color: var(--info--color-invert);
  border-color: transparent;
  box-shadow: none;
  color: var(--info);
}
.button.is-info.is-loading::after {
  border-color: transparent transparent var(--info--color-invert) var(--info--color-invert) !important;
}
.button.is-info.is-outlined {
  background-color: transparent;
  border-color: var(--info);
  color: var(--info);
}
.button.is-info.is-outlined:hover, .button.is-info.is-outlined.is-hovered, .button.is-info.is-outlined:focus, .button.is-info.is-outlined.is-focused {
  background-color: var(--info);
  border-color: var(--info);
  color: var(--info--color-invert);
}
.button.is-info.is-outlined.is-loading::after {
  border-color: transparent transparent var(--info) var(--info) !important;
}
.button.is-info.is-outlined.is-loading:hover::after, .button.is-info.is-outlined.is-loading.is-hovered::after, .button.is-info.is-outlined.is-loading:focus::after, .button.is-info.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--info--color-invert) var(--info--color-invert) !important;
}
.button.is-info.is-outlined[disabled], fieldset[disabled] .button.is-info.is-outlined {
  background-color: transparent;
  border-color: var(--info);
  box-shadow: none;
  color: var(--info);
}
.button.is-info.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--info--color-invert);
  color: var(--info--color-invert);
}
.button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined.is-hovered, .button.is-info.is-inverted.is-outlined:focus, .button.is-info.is-inverted.is-outlined.is-focused {
  background-color: var(--info--color-invert);
  color: var(--info);
}
.button.is-info.is-inverted.is-outlined.is-loading:hover::after, .button.is-info.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-info.is-inverted.is-outlined.is-loading:focus::after, .button.is-info.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--info) var(--info) !important;
}
.button.is-info.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-info.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--info--color-invert);
  box-shadow: none;
  color: var(--info--color-invert);
}
.button.is-info.is-light {
  background-color: var(--info--light-color);
  color: var(--info--dark-color);
}
.button.is-info.is-light:hover, .button.is-info.is-light.is-hovered {
  background-color: var(--info--light-color);
  border-color: transparent;
  color: var(--info--dark-color);
}
.button.is-info.is-light:active, .button.is-info.is-light.is-active {
  background-color: var(--info--light-color);
  border-color: transparent;
  color: var(--info--dark-color);
}
.button.is-success {
  background-color: var(--success);
  border-color: transparent;
  color: var(--success--color-invert);
}
.button.is-success:hover, .button.is-success.is-hovered {
  background-color: var(--success);
  border-color: transparent;
  color: var(--success--color-invert);
}
.button.is-success:focus, .button.is-success.is-focused {
  border-color: transparent;
  color: var(--success--color-invert);
}
.button.is-success:focus:not(:active), .button.is-success.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em var(--success);
}
.button.is-success:active, .button.is-success.is-active {
  background-color: var(--success);
  border-color: transparent;
  color: var(--success--color-invert);
}
.button.is-success[disabled], fieldset[disabled] .button.is-success {
  background-color: var(--success);
  border-color: var(--success);
  box-shadow: none;
}
.button.is-success.is-inverted {
  background-color: var(--success--color-invert);
  color: var(--success);
}
.button.is-success.is-inverted:hover, .button.is-success.is-inverted.is-hovered {
  background-color: var(--success--color-invert);
}
.button.is-success.is-inverted[disabled], fieldset[disabled] .button.is-success.is-inverted {
  background-color: var(--success--color-invert);
  border-color: transparent;
  box-shadow: none;
  color: var(--success);
}
.button.is-success.is-loading::after {
  border-color: transparent transparent var(--success--color-invert) var(--success--color-invert) !important;
}
.button.is-success.is-outlined {
  background-color: transparent;
  border-color: var(--success);
  color: var(--success);
}
.button.is-success.is-outlined:hover, .button.is-success.is-outlined.is-hovered, .button.is-success.is-outlined:focus, .button.is-success.is-outlined.is-focused {
  background-color: var(--success);
  border-color: var(--success);
  color: var(--success--color-invert);
}
.button.is-success.is-outlined.is-loading::after {
  border-color: transparent transparent var(--success) var(--success) !important;
}
.button.is-success.is-outlined.is-loading:hover::after, .button.is-success.is-outlined.is-loading.is-hovered::after, .button.is-success.is-outlined.is-loading:focus::after, .button.is-success.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--success--color-invert) var(--success--color-invert) !important;
}
.button.is-success.is-outlined[disabled], fieldset[disabled] .button.is-success.is-outlined {
  background-color: transparent;
  border-color: var(--success);
  box-shadow: none;
  color: var(--success);
}
.button.is-success.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--success--color-invert);
  color: var(--success--color-invert);
}
.button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined.is-hovered, .button.is-success.is-inverted.is-outlined:focus, .button.is-success.is-inverted.is-outlined.is-focused {
  background-color: var(--success--color-invert);
  color: var(--success);
}
.button.is-success.is-inverted.is-outlined.is-loading:hover::after, .button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-success.is-inverted.is-outlined.is-loading:focus::after, .button.is-success.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--success) var(--success) !important;
}
.button.is-success.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-success.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--success--color-invert);
  box-shadow: none;
  color: var(--success--color-invert);
}
.button.is-success.is-light {
  background-color: var(--success--light-color);
  color: var(--success--dark-color);
}
.button.is-success.is-light:hover, .button.is-success.is-light.is-hovered {
  background-color: var(--success--light-color);
  border-color: transparent;
  color: var(--success--dark-color);
}
.button.is-success.is-light:active, .button.is-success.is-light.is-active {
  background-color: var(--success--light-color);
  border-color: transparent;
  color: var(--success--dark-color);
}
.button.is-warning {
  background-color: var(--warning);
  border-color: transparent;
  color: var(--warning--color-invert);
}
.button.is-warning:hover, .button.is-warning.is-hovered {
  background-color: var(--warning);
  border-color: transparent;
  color: var(--warning--color-invert);
}
.button.is-warning:focus, .button.is-warning.is-focused {
  border-color: transparent;
  color: var(--warning--color-invert);
}
.button.is-warning:focus:not(:active), .button.is-warning.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em var(--warning);
}
.button.is-warning:active, .button.is-warning.is-active {
  background-color: var(--warning);
  border-color: transparent;
  color: var(--warning--color-invert);
}
.button.is-warning[disabled], fieldset[disabled] .button.is-warning {
  background-color: var(--warning);
  border-color: var(--warning);
  box-shadow: none;
}
.button.is-warning.is-inverted {
  background-color: var(--warning--color-invert);
  color: var(--warning);
}
.button.is-warning.is-inverted:hover, .button.is-warning.is-inverted.is-hovered {
  background-color: var(--warning--color-invert);
}
.button.is-warning.is-inverted[disabled], fieldset[disabled] .button.is-warning.is-inverted {
  background-color: var(--warning--color-invert);
  border-color: transparent;
  box-shadow: none;
  color: var(--warning);
}
.button.is-warning.is-loading::after {
  border-color: transparent transparent var(--warning--color-invert) var(--warning--color-invert) !important;
}
.button.is-warning.is-outlined {
  background-color: transparent;
  border-color: var(--warning);
  color: var(--warning);
}
.button.is-warning.is-outlined:hover, .button.is-warning.is-outlined.is-hovered, .button.is-warning.is-outlined:focus, .button.is-warning.is-outlined.is-focused {
  background-color: var(--warning);
  border-color: var(--warning);
  color: var(--warning--color-invert);
}
.button.is-warning.is-outlined.is-loading::after {
  border-color: transparent transparent var(--warning) var(--warning) !important;
}
.button.is-warning.is-outlined.is-loading:hover::after, .button.is-warning.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-outlined.is-loading:focus::after, .button.is-warning.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--warning--color-invert) var(--warning--color-invert) !important;
}
.button.is-warning.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-outlined {
  background-color: transparent;
  border-color: var(--warning);
  box-shadow: none;
  color: var(--warning);
}
.button.is-warning.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--warning--color-invert);
  color: var(--warning--color-invert);
}
.button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined.is-hovered, .button.is-warning.is-inverted.is-outlined:focus, .button.is-warning.is-inverted.is-outlined.is-focused {
  background-color: var(--warning--color-invert);
  color: var(--warning);
}
.button.is-warning.is-inverted.is-outlined.is-loading:hover::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-inverted.is-outlined.is-loading:focus::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--warning) var(--warning) !important;
}
.button.is-warning.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--warning--color-invert);
  box-shadow: none;
  color: var(--warning--color-invert);
}
.button.is-warning.is-light {
  background-color: var(--warning--light-color);
  color: var(--warning--dark-color);
}
.button.is-warning.is-light:hover, .button.is-warning.is-light.is-hovered {
  background-color: var(--warning--light-color);
  border-color: transparent;
  color: var(--warning--dark-color);
}
.button.is-warning.is-light:active, .button.is-warning.is-light.is-active {
  background-color: var(--warning--light-color);
  border-color: transparent;
  color: var(--warning--dark-color);
}
.button.is-danger {
  background-color: var(--danger);
  border-color: transparent;
  color: var(--danger--color-invert);
}
.button.is-danger:hover, .button.is-danger.is-hovered {
  background-color: var(--danger);
  border-color: transparent;
  color: var(--danger--color-invert);
}
.button.is-danger:focus, .button.is-danger.is-focused {
  border-color: transparent;
  color: var(--danger--color-invert);
}
.button.is-danger:focus:not(:active), .button.is-danger.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em var(--danger);
}
.button.is-danger:active, .button.is-danger.is-active {
  background-color: var(--danger);
  border-color: transparent;
  color: var(--danger--color-invert);
}
.button.is-danger[disabled], fieldset[disabled] .button.is-danger {
  background-color: var(--danger);
  border-color: var(--danger);
  box-shadow: none;
}
.button.is-danger.is-inverted {
  background-color: var(--danger--color-invert);
  color: var(--danger);
}
.button.is-danger.is-inverted:hover, .button.is-danger.is-inverted.is-hovered {
  background-color: var(--danger--color-invert);
}
.button.is-danger.is-inverted[disabled], fieldset[disabled] .button.is-danger.is-inverted {
  background-color: var(--danger--color-invert);
  border-color: transparent;
  box-shadow: none;
  color: var(--danger);
}
.button.is-danger.is-loading::after {
  border-color: transparent transparent var(--danger--color-invert) var(--danger--color-invert) !important;
}
.button.is-danger.is-outlined {
  background-color: transparent;
  border-color: var(--danger);
  color: var(--danger);
}
.button.is-danger.is-outlined:hover, .button.is-danger.is-outlined.is-hovered, .button.is-danger.is-outlined:focus, .button.is-danger.is-outlined.is-focused {
  background-color: var(--danger);
  border-color: var(--danger);
  color: var(--danger--color-invert);
}
.button.is-danger.is-outlined.is-loading::after {
  border-color: transparent transparent var(--danger) var(--danger) !important;
}
.button.is-danger.is-outlined.is-loading:hover::after, .button.is-danger.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-outlined.is-loading:focus::after, .button.is-danger.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--danger--color-invert) var(--danger--color-invert) !important;
}
.button.is-danger.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-outlined {
  background-color: transparent;
  border-color: var(--danger);
  box-shadow: none;
  color: var(--danger);
}
.button.is-danger.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--danger--color-invert);
  color: var(--danger--color-invert);
}
.button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined.is-hovered, .button.is-danger.is-inverted.is-outlined:focus, .button.is-danger.is-inverted.is-outlined.is-focused {
  background-color: var(--danger--color-invert);
  color: var(--danger);
}
.button.is-danger.is-inverted.is-outlined.is-loading:hover::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-inverted.is-outlined.is-loading:focus::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent var(--danger) var(--danger) !important;
}
.button.is-danger.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-inverted.is-outlined {
  background-color: transparent;
  border-color: var(--danger--color-invert);
  box-shadow: none;
  color: var(--danger--color-invert);
}
.button.is-danger.is-light {
  background-color: var(--danger--light-color);
  color: var(--danger--dark-color);
}
.button.is-danger.is-light:hover, .button.is-danger.is-light.is-hovered {
  background-color: var(--danger--light-color);
  border-color: transparent;
  color: var(--danger--dark-color);
}
.button.is-danger.is-light:active, .button.is-danger.is-light.is-active {
  background-color: var(--danger--light-color);
  border-color: transparent;
  color: var(--danger--dark-color);
}
.button.is-small:not(.is-rounded) {
  border-radius: 2px;
}
.button.is-small {
  font-size: 0.75rem;
}
.button.is-normal {
  font-size: 1rem;
}
.button.is-medium {
  font-size: 1.25rem;
}
.button.is-large {
  font-size: 1.5rem;
}
.button[disabled], fieldset[disabled] .button {
  background-color: var(--white);
  border-color: var(--border);
  box-shadow: none;
  opacity: 0.5;
}
.button.is-fullwidth {
  display: flex;
  width: 100%;
}
.button.is-loading {
  color: transparent !important;
  pointer-events: none;
}
.button.is-loading::after {
  position: absolute;
  left: calc(50% - 1em * 0.5);
  top: calc(50% - 1em * 0.5);
  position: absolute !important;
}
.button.is-static {
  background-color: hsl(0, 0%, 96%);
  border-color: var(--border);
  color: hsl(0, 0%, 48%);
  box-shadow: none;
  pointer-events: none;
}
.button.is-rounded {
  border-radius: 9999px;
  padding-left: calc(1em + 0.25em);
  padding-right: calc(1em + 0.25em);
}

.buttons {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.buttons .button {
  margin-bottom: 0.5rem;
}
.buttons .button:not(:last-child):not(.is-fullwidth) {
  margin-right: 0.5rem;
}
.buttons:last-child {
  margin-bottom: -0.5rem;
}
.buttons:not(:last-child) {
  margin-bottom: 1rem;
}
.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded) {
  border-radius: 2px;
}
.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) {
  font-size: 0.75rem;
}
.buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) {
  font-size: 1.25rem;
}
.buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) {
  font-size: 1.5rem;
}
.buttons.has-addons .button:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.buttons.has-addons .button:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  margin-right: -1px;
}
.buttons.has-addons .button:last-child {
  margin-right: 0;
}
.buttons.has-addons .button:hover, .buttons.has-addons .button.is-hovered {
  z-index: 2;
}
.buttons.has-addons .button:focus, .buttons.has-addons .button.is-focused, .buttons.has-addons .button:active, .buttons.has-addons .button.is-active, .buttons.has-addons .button.is-selected {
  z-index: 3;
}
.buttons.has-addons .button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-selected:hover {
  z-index: 4;
}
.buttons.has-addons .button.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}
.buttons.is-centered {
  justify-content: center;
}
.buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.buttons.is-right {
  justify-content: flex-end;
}
.buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

@media screen and (max-width: 768px) {
  .button.is-responsive.is-small {
    font-size: 0.5625rem;
  }
  .button.is-responsive,
  .button.is-responsive.is-normal {
    font-size: 0.65625rem;
  }
  .button.is-responsive.is-medium {
    font-size: 0.75rem;
  }
  .button.is-responsive.is-large {
    font-size: 1rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .button.is-responsive.is-small {
    font-size: 0.65625rem;
  }
  .button.is-responsive,
  .button.is-responsive.is-normal {
    font-size: 0.75rem;
  }
  .button.is-responsive.is-medium {
    font-size: 1rem;
  }
  .button.is-responsive.is-large {
    font-size: 1.25rem;
  }
}
.container {
  flex-grow: 1;
  margin: 0 auto;
  position: relative;
  width: auto;
}
.container.is-fluid {
  max-width: none !important;
  padding-left: 32px;
  padding-right: 32px;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .container {
    max-width: 960px;
  }
}
@media screen and (max-width: 1215px) {
  .container.is-widescreen:not(.is-max-desktop) {
    max-width: 1152px;
  }
}
@media screen and (min-width: 1216px) {
  .container:not(.is-max-desktop) {
    max-width: 1152px;
  }
}

.content li + li {
  margin-top: 0.25em;
}
.content p:not(:last-child),
.content dl:not(:last-child),
.content ol:not(:last-child),
.content ul:not(:last-child),
.content blockquote:not(:last-child),
.content pre:not(:last-child),
.content table:not(:last-child) {
  margin-bottom: 1em;
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
  color: hsl(0, 0%, 21%);
  font-weight: 600;
  line-height: 1.125;
}
.content h1 {
  font-size: 2em;
  margin-bottom: 0.5em;
}
.content h1:not(:first-child) {
  margin-top: 1em;
}
.content h2 {
  font-size: 1.75em;
  margin-bottom: 0.5714em;
}
.content h2:not(:first-child) {
  margin-top: 1.1428em;
}
.content h3 {
  font-size: 1.5em;
  margin-bottom: 0.6666em;
}
.content h3:not(:first-child) {
  margin-top: 1.3333em;
}
.content h4 {
  font-size: 1.25em;
  margin-bottom: 0.8em;
}
.content h5 {
  font-size: 1.125em;
  margin-bottom: 0.8888em;
}
.content h6 {
  font-size: 1em;
  margin-bottom: 1em;
}
.content blockquote {
  background-color: hsl(0, 0%, 96%);
  border-left: 5px solid var(--border);
  padding: 1.25em 1.5em;
}
.content ol {
  list-style-position: outside;
  margin-left: 2em;
  margin-top: 1em;
}
.content ol:not([type]) {
  list-style-type: decimal;
}
.content ol:not([type]).is-lower-alpha {
  list-style-type: lower-alpha;
}
.content ol:not([type]).is-lower-roman {
  list-style-type: lower-roman;
}
.content ol:not([type]).is-upper-alpha {
  list-style-type: upper-alpha;
}
.content ol:not([type]).is-upper-roman {
  list-style-type: upper-roman;
}
.content ul {
  list-style: disc outside;
  margin-left: 2em;
  margin-top: 1em;
}
.content ul ul {
  list-style-type: circle;
  margin-top: 0.5em;
}
.content ul ul ul {
  list-style-type: square;
}
.content dd {
  margin-left: 2em;
}
.content figure {
  margin-left: 2em;
  margin-right: 2em;
  text-align: center;
}
.content figure:not(:first-child) {
  margin-top: 2em;
}
.content figure:not(:last-child) {
  margin-bottom: 2em;
}
.content figure img {
  display: inline-block;
}
.content figure figcaption {
  font-style: italic;
}
.content pre {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  padding: 1.25em 1.5em;
  white-space: pre;
  word-wrap: normal;
}
.content sup,
.content sub {
  font-size: 75%;
}
.content table {
  width: 100%;
}
.content table td,
.content table th {
  border: 1px solid var(--border);
  border-width: 0 0 1px;
  padding: 0.5em 0.75em;
  vertical-align: top;
}
.content table th {
  color: hsl(0, 0%, 21%);
}
.content table th:not([align]) {
  text-align: inherit;
}
.content table thead td,
.content table thead th {
  border-width: 0 0 2px;
  color: hsl(0, 0%, 21%);
}
.content table tfoot td,
.content table tfoot th {
  border-width: 2px 0 0;
  color: hsl(0, 0%, 21%);
}
.content table tbody tr:last-child td,
.content table tbody tr:last-child th {
  border-bottom-width: 0;
}
.content .tabs li + li {
  margin-top: 0;
}
.content.is-small {
  font-size: 0.75rem;
}
.content.is-normal {
  font-size: 1rem;
}
.content.is-medium {
  font-size: 1.25rem;
}
.content.is-large {
  font-size: 1.5rem;
}

.icon {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  height: 1.5rem;
  width: 1.5rem;
}
.icon.is-small {
  height: 1rem;
  width: 1rem;
}
.icon.is-medium {
  height: 2rem;
  width: 2rem;
}
.icon.is-large {
  height: 3rem;
  width: 3rem;
}

.icon-text {
  align-items: flex-start;
  color: inherit;
  display: inline-flex;
  flex-wrap: wrap;
  line-height: 1.5rem;
  vertical-align: top;
}
.icon-text .icon {
  flex-grow: 0;
  flex-shrink: 0;
}
.icon-text .icon:not(:last-child) {
  margin-right: 0.25em;
}
.icon-text .icon:not(:first-child) {
  margin-left: 0.25em;
}

div.icon-text {
  display: flex;
}

.image {
  display: block;
  position: relative;
}
.image img {
  display: block;
  height: auto;
  width: 100%;
}
.image img.is-rounded {
  border-radius: 9999px;
}
.image.is-fullwidth {
  width: 100%;
}
.image.is-square img,
.image.is-square .has-ratio, .image.is-1by1 img,
.image.is-1by1 .has-ratio, .image.is-5by4 img,
.image.is-5by4 .has-ratio, .image.is-4by3 img,
.image.is-4by3 .has-ratio, .image.is-3by2 img,
.image.is-3by2 .has-ratio, .image.is-5by3 img,
.image.is-5by3 .has-ratio, .image.is-16by9 img,
.image.is-16by9 .has-ratio, .image.is-2by1 img,
.image.is-2by1 .has-ratio, .image.is-3by1 img,
.image.is-3by1 .has-ratio, .image.is-4by5 img,
.image.is-4by5 .has-ratio, .image.is-3by4 img,
.image.is-3by4 .has-ratio, .image.is-2by3 img,
.image.is-2by3 .has-ratio, .image.is-3by5 img,
.image.is-3by5 .has-ratio, .image.is-9by16 img,
.image.is-9by16 .has-ratio, .image.is-1by2 img,
.image.is-1by2 .has-ratio, .image.is-1by3 img,
.image.is-1by3 .has-ratio {
  height: 100%;
  width: 100%;
}
.image.is-square, .image.is-1by1 {
  padding-top: 100%;
}
.image.is-5by4 {
  padding-top: 80%;
}
.image.is-4by3 {
  padding-top: 75%;
}
.image.is-3by2 {
  padding-top: 66.6666%;
}
.image.is-5by3 {
  padding-top: 60%;
}
.image.is-16by9 {
  padding-top: 56.25%;
}
.image.is-2by1 {
  padding-top: 50%;
}
.image.is-3by1 {
  padding-top: 33.3333%;
}
.image.is-4by5 {
  padding-top: 125%;
}
.image.is-3by4 {
  padding-top: 133.3333%;
}
.image.is-2by3 {
  padding-top: 150%;
}
.image.is-3by5 {
  padding-top: 166.6666%;
}
.image.is-9by16 {
  padding-top: 177.7777%;
}
.image.is-1by2 {
  padding-top: 200%;
}
.image.is-1by3 {
  padding-top: 300%;
}
.image.is-16x16 {
  height: 16px;
  width: 16px;
}
.image.is-24x24 {
  height: 24px;
  width: 24px;
}
.image.is-32x32 {
  height: 32px;
  width: 32px;
}
.image.is-48x48 {
  height: 48px;
  width: 48px;
}
.image.is-64x64 {
  height: 64px;
  width: 64px;
}
.image.is-96x96 {
  height: 96px;
  width: 96px;
}
.image.is-128x128 {
  height: 128px;
  width: 128px;
}

.notification {
  background-color: hsl(0, 0%, 96%);
  border-radius: 4px;
  position: relative;
  padding: 1.25rem 2.5rem 1.25rem 1.5rem;
}
.notification a:not(.button):not(.dropdown-item) {
  color: currentColor;
  text-decoration: underline;
}
.notification strong {
  color: currentColor;
}
.notification code,
.notification pre {
  background: var(--white);
}
.notification pre code {
  background: transparent;
}
.notification > .delete {
  right: 0.5rem;
  position: absolute;
  top: 0.5rem;
}
.notification .title,
.notification .subtitle,
.notification .content {
  color: currentColor;
}
.notification.is-white {
  background-color: var(--white);
  color: hsl(0, 0%, 4%);
}
.notification.is-black {
  background-color: hsl(0, 0%, 4%);
  color: var(--white);
}
.notification.is-light {
  background-color: hsl(0, 0%, 96%);
  color: rgba(0, 0, 0, 0.7);
}
.notification.is-dark {
  background-color: var(--dark);
  color: var(--dark--color-invert);
}
.notification.is-primary {
  background-color: var(--primary);
  color: var(--primary--color-invert);
}
.notification.is-primary.is-light {
  background-color: var(--primary--light-color);
  color: var(--primary--dark-color);
}
.notification.is-link {
  background-color: var(--link);
  color: var(--link--color-invert);
}
.notification.is-link.is-light {
  background-color: var(--link--light-color);
  color: var(--link--dark-color);
}
.notification.is-info {
  background-color: var(--info);
  color: var(--info--color-invert);
}
.notification.is-info.is-light {
  background-color: var(--info--light-color);
  color: var(--info--dark-color);
}
.notification.is-success {
  background-color: var(--success);
  color: var(--success--color-invert);
}
.notification.is-success.is-light {
  background-color: var(--success--light-color);
  color: var(--success--dark-color);
}
.notification.is-warning {
  background-color: var(--warning);
  color: var(--warning--color-invert);
}
.notification.is-warning.is-light {
  background-color: var(--warning--light-color);
  color: var(--warning--dark-color);
}
.notification.is-danger {
  background-color: var(--danger);
  color: var(--danger--color-invert);
}
.notification.is-danger.is-light {
  background-color: var(--danger--light-color);
  color: var(--danger--dark-color);
}

.progress {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  border-radius: 9999px;
  display: block;
  height: 1rem;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
.progress::-webkit-progress-bar {
  background-color: hsl(0, 0%, 93%);
}
.progress::-webkit-progress-value {
  background-color: hsl(0, 0%, 29%);
}
.progress::-moz-progress-bar {
  background-color: hsl(0, 0%, 29%);
}
.progress::-ms-fill {
  background-color: hsl(0, 0%, 29%);
  border: none;
}
.progress.is-white::-webkit-progress-value {
  background-color: var(--white);
}
.progress.is-white::-moz-progress-bar {
  background-color: var(--white);
}
.progress.is-white::-ms-fill {
  background-color: var(--white);
}
.progress.is-white:indeterminate {
  background-image: linear-gradient(to right, var(--white) 30%, hsl(0, 0%, 93%) 30%);
}
.progress.is-black::-webkit-progress-value {
  background-color: hsl(0, 0%, 4%);
}
.progress.is-black::-moz-progress-bar {
  background-color: hsl(0, 0%, 4%);
}
.progress.is-black::-ms-fill {
  background-color: hsl(0, 0%, 4%);
}
.progress.is-black:indeterminate {
  background-image: linear-gradient(to right, hsl(0, 0%, 4%) 30%, hsl(0, 0%, 93%) 30%);
}
.progress.is-light::-webkit-progress-value {
  background-color: hsl(0, 0%, 96%);
}
.progress.is-light::-moz-progress-bar {
  background-color: hsl(0, 0%, 96%);
}
.progress.is-light::-ms-fill {
  background-color: hsl(0, 0%, 96%);
}
.progress.is-light:indeterminate {
  background-image: linear-gradient(to right, hsl(0, 0%, 96%) 30%, hsl(0, 0%, 93%) 30%);
}
.progress.is-dark::-webkit-progress-value {
  background-color: var(--dark);
}
.progress.is-dark::-moz-progress-bar {
  background-color: var(--dark);
}
.progress.is-dark::-ms-fill {
  background-color: var(--dark);
}
.progress.is-dark:indeterminate {
  background-image: linear-gradient(to right, var(--dark) 30%, hsl(0, 0%, 93%) 30%);
}
.progress.is-primary::-webkit-progress-value {
  background-color: var(--primary);
}
.progress.is-primary::-moz-progress-bar {
  background-color: var(--primary);
}
.progress.is-primary::-ms-fill {
  background-color: var(--primary);
}
.progress.is-primary:indeterminate {
  background-image: linear-gradient(to right, var(--primary) 30%, hsl(0, 0%, 93%) 30%);
}
.progress.is-link::-webkit-progress-value {
  background-color: var(--link);
}
.progress.is-link::-moz-progress-bar {
  background-color: var(--link);
}
.progress.is-link::-ms-fill {
  background-color: var(--link);
}
.progress.is-link:indeterminate {
  background-image: linear-gradient(to right, var(--link) 30%, hsl(0, 0%, 93%) 30%);
}
.progress.is-info::-webkit-progress-value {
  background-color: var(--info);
}
.progress.is-info::-moz-progress-bar {
  background-color: var(--info);
}
.progress.is-info::-ms-fill {
  background-color: var(--info);
}
.progress.is-info:indeterminate {
  background-image: linear-gradient(to right, var(--info) 30%, hsl(0, 0%, 93%) 30%);
}
.progress.is-success::-webkit-progress-value {
  background-color: var(--success);
}
.progress.is-success::-moz-progress-bar {
  background-color: var(--success);
}
.progress.is-success::-ms-fill {
  background-color: var(--success);
}
.progress.is-success:indeterminate {
  background-image: linear-gradient(to right, var(--success) 30%, hsl(0, 0%, 93%) 30%);
}
.progress.is-warning::-webkit-progress-value {
  background-color: var(--warning);
}
.progress.is-warning::-moz-progress-bar {
  background-color: var(--warning);
}
.progress.is-warning::-ms-fill {
  background-color: var(--warning);
}
.progress.is-warning:indeterminate {
  background-image: linear-gradient(to right, var(--warning) 30%, hsl(0, 0%, 93%) 30%);
}
.progress.is-danger::-webkit-progress-value {
  background-color: var(--danger);
}
.progress.is-danger::-moz-progress-bar {
  background-color: var(--danger);
}
.progress.is-danger::-ms-fill {
  background-color: var(--danger);
}
.progress.is-danger:indeterminate {
  background-image: linear-gradient(to right, var(--danger) 30%, hsl(0, 0%, 93%) 30%);
}
.progress:indeterminate {
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: moveIndeterminate;
  animation-timing-function: linear;
  background-color: hsl(0, 0%, 93%);
  background-image: linear-gradient(to right, hsl(0, 0%, 29%) 30%, hsl(0, 0%, 93%) 30%);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 150% 150%;
}
.progress:indeterminate::-webkit-progress-bar {
  background-color: transparent;
}
.progress:indeterminate::-moz-progress-bar {
  background-color: transparent;
}
.progress:indeterminate::-ms-fill {
  animation-name: none;
}
.progress.is-small {
  height: 0.75rem;
}
.progress.is-medium {
  height: 1.25rem;
}
.progress.is-large {
  height: 1.5rem;
}

@keyframes moveIndeterminate {
  from {
    background-position: 200% 0;
  }
  to {
    background-position: -200% 0;
  }
}
.table {
  background-color: var(--white);
  color: hsl(0, 0%, 21%);
}
.table td,
.table th {
  border: 1px solid var(--border);
  border-width: 0 0 1px;
  padding: 0.5em 0.75em;
  vertical-align: top;
}
.table td.is-white,
.table th.is-white {
  background-color: var(--white);
  border-color: var(--white);
  color: hsl(0, 0%, 4%);
}
.table td.is-black,
.table th.is-black {
  background-color: hsl(0, 0%, 4%);
  border-color: hsl(0, 0%, 4%);
  color: var(--white);
}
.table td.is-light,
.table th.is-light {
  background-color: hsl(0, 0%, 96%);
  border-color: hsl(0, 0%, 96%);
  color: rgba(0, 0, 0, 0.7);
}
.table td.is-dark,
.table th.is-dark {
  background-color: var(--dark);
  border-color: var(--dark);
  color: var(--dark--color-invert);
}
.table td.is-primary,
.table th.is-primary {
  background-color: var(--primary);
  border-color: var(--primary);
  color: var(--primary--color-invert);
}
.table td.is-link,
.table th.is-link {
  background-color: var(--link);
  border-color: var(--link);
  color: var(--link--color-invert);
}
.table td.is-info,
.table th.is-info {
  background-color: var(--info);
  border-color: var(--info);
  color: var(--info--color-invert);
}
.table td.is-success,
.table th.is-success {
  background-color: var(--success);
  border-color: var(--success);
  color: var(--success--color-invert);
}
.table td.is-warning,
.table th.is-warning {
  background-color: var(--warning);
  border-color: var(--warning);
  color: var(--warning--color-invert);
}
.table td.is-danger,
.table th.is-danger {
  background-color: var(--danger);
  border-color: var(--danger);
  color: var(--danger--color-invert);
}
.table td.is-narrow,
.table th.is-narrow {
  white-space: nowrap;
  width: 1%;
}
.table td.is-selected,
.table th.is-selected {
  background-color: var(--primary);
  color: var(--primary--color-invert);
}
.table td.is-selected a,
.table td.is-selected strong,
.table th.is-selected a,
.table th.is-selected strong {
  color: currentColor;
}
.table td.is-vcentered,
.table th.is-vcentered {
  vertical-align: middle;
}
.table th {
  color: hsl(0, 0%, 21%);
}
.table th:not([align]) {
  text-align: left;
}
.table tr.is-selected {
  background-color: var(--primary);
  color: var(--primary--color-invert);
}
.table tr.is-selected a,
.table tr.is-selected strong {
  color: currentColor;
}
.table tr.is-selected td,
.table tr.is-selected th {
  border-color: var(--primary--color-invert);
  color: currentColor;
}
.table thead {
  background-color: transparent;
}
.table thead td,
.table thead th {
  border-width: 0 0 2px;
  color: hsl(0, 0%, 21%);
}
.table tfoot {
  background-color: transparent;
}
.table tfoot td,
.table tfoot th {
  border-width: 2px 0 0;
  color: hsl(0, 0%, 21%);
}
.table tbody {
  background-color: transparent;
}
.table tbody tr:last-child td,
.table tbody tr:last-child th {
  border-bottom-width: 0;
}
.table.is-bordered td,
.table.is-bordered th {
  border-width: 1px;
}
.table.is-bordered tr:last-child td,
.table.is-bordered tr:last-child th {
  border-bottom-width: 1px;
}
.table.is-fullwidth {
  width: 100%;
}
.table.is-hoverable tbody tr:not(.is-selected):hover {
  background-color: hsl(0, 0%, 98%);
}
.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
  background-color: hsl(0, 0%, 98%);
}
.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) {
  background-color: hsl(0, 0%, 96%);
}
.table.is-narrow td,
.table.is-narrow th {
  padding: 0.25em 0.5em;
}
.table.is-striped tbody tr:not(.is-selected):nth-child(even) {
  background-color: hsl(0, 0%, 98%);
}

.table-container {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  overflow-y: hidden;
  max-width: 100%;
}

.tags {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.tags .tag {
  margin-bottom: 0.5rem;
}
.tags .tag:not(:last-child) {
  margin-right: 0.5rem;
}
.tags:last-child {
  margin-bottom: -0.5rem;
}
.tags:not(:last-child) {
  margin-bottom: 1rem;
}
.tags.are-medium .tag:not(.is-normal):not(.is-large) {
  font-size: 1rem;
}
.tags.are-large .tag:not(.is-normal):not(.is-medium) {
  font-size: 1.25rem;
}
.tags.is-centered {
  justify-content: center;
}
.tags.is-centered .tag {
  margin-right: 0.25rem;
  margin-left: 0.25rem;
}
.tags.is-right {
  justify-content: flex-end;
}
.tags.is-right .tag:not(:first-child) {
  margin-left: 0.5rem;
}
.tags.is-right .tag:not(:last-child) {
  margin-right: 0;
}
.tags.has-addons .tag {
  margin-right: 0;
}
.tags.has-addons .tag:not(:first-child) {
  margin-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tags.has-addons .tag:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.tag:not(body) {
  align-items: center;
  background-color: hsl(0, 0%, 96%);
  border-radius: 4px;
  color: hsl(0, 0%, 29%);
  display: inline-flex;
  font-size: 0.75rem;
  height: 2em;
  justify-content: center;
  line-height: 1.5;
  padding-left: 0.75em;
  padding-right: 0.75em;
  white-space: nowrap;
}
.tag:not(body) .delete {
  margin-left: 0.25rem;
  margin-right: -0.375rem;
}
.tag:not(body).is-white {
  background-color: var(--white);
  color: hsl(0, 0%, 4%);
}
.tag:not(body).is-black {
  background-color: hsl(0, 0%, 4%);
  color: var(--white);
}
.tag:not(body).is-light {
  background-color: hsl(0, 0%, 96%);
  color: rgba(0, 0, 0, 0.7);
}
.tag:not(body).is-dark {
  background-color: var(--dark);
  color: var(--dark--color-invert);
}
.tag:not(body).is-primary {
  background-color: var(--primary);
  color: var(--primary--color-invert);
}
.tag:not(body).is-primary.is-light {
  background-color: var(--primary--light-color);
  color: var(--primary--dark-color);
}
.tag:not(body).is-link {
  background-color: var(--link);
  color: var(--link--color-invert);
}
.tag:not(body).is-link.is-light {
  background-color: var(--link--light-color);
  color: var(--link--dark-color);
}
.tag:not(body).is-info {
  background-color: var(--info);
  color: var(--info--color-invert);
}
.tag:not(body).is-info.is-light {
  background-color: var(--info--light-color);
  color: var(--info--dark-color);
}
.tag:not(body).is-success {
  background-color: var(--success);
  color: var(--success--color-invert);
}
.tag:not(body).is-success.is-light {
  background-color: var(--success--light-color);
  color: var(--success--dark-color);
}
.tag:not(body).is-warning {
  background-color: var(--warning);
  color: var(--warning--color-invert);
}
.tag:not(body).is-warning.is-light {
  background-color: var(--warning--light-color);
  color: var(--warning--dark-color);
}
.tag:not(body).is-danger {
  background-color: var(--danger);
  color: var(--danger--color-invert);
}
.tag:not(body).is-danger.is-light {
  background-color: var(--danger--light-color);
  color: var(--danger--dark-color);
}
.tag:not(body).is-normal {
  font-size: 0.75rem;
}
.tag:not(body).is-medium {
  font-size: 1rem;
}
.tag:not(body).is-large {
  font-size: 1.25rem;
}
.tag:not(body) .icon:first-child:not(:last-child) {
  margin-left: -0.375em;
  margin-right: 0.1875em;
}
.tag:not(body) .icon:last-child:not(:first-child) {
  margin-left: 0.1875em;
  margin-right: -0.375em;
}
.tag:not(body) .icon:first-child:last-child {
  margin-left: -0.375em;
  margin-right: -0.375em;
}
.tag:not(body).is-delete {
  margin-left: 1px;
  padding: 0;
  position: relative;
  width: 2em;
}
.tag:not(body).is-delete::before, .tag:not(body).is-delete::after {
  background-color: currentColor;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform-origin: center center;
}
.tag:not(body).is-delete::before {
  height: 1px;
  width: 50%;
}
.tag:not(body).is-delete::after {
  height: 50%;
  width: 1px;
}
.tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus {
  background-color: hsl(0, 0%, 91%);
}
.tag:not(body).is-delete:active {
  background-color: hsl(0, 0%, 86%);
}
.tag:not(body).is-rounded {
  border-radius: 9999px;
}

a.tag:hover {
  text-decoration: underline;
}

.title,
.subtitle {
  word-break: break-word;
}
.title em,
.title span,
.subtitle em,
.subtitle span {
  font-weight: inherit;
}
.title sub,
.subtitle sub {
  font-size: 0.75em;
}
.title sup,
.subtitle sup {
  font-size: 0.75em;
}
.title .tag,
.subtitle .tag {
  vertical-align: middle;
}

.title {
  color: hsl(0, 0%, 21%);
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.125;
}
.title strong {
  color: inherit;
  font-weight: inherit;
}
.title:not(.is-spaced) + .subtitle {
  margin-top: -1.25rem;
}
.title.is-1 {
  font-size: 3rem;
}
.title.is-2 {
  font-size: 2.5rem;
}
.title.is-3 {
  font-size: 2rem;
}
.title.is-4 {
  font-size: 1.5rem;
}
.title.is-5 {
  font-size: 1.25rem;
}
.title.is-6 {
  font-size: 1rem;
}
.title.is-7 {
  font-size: 0.75rem;
}

.subtitle {
  color: hsl(0, 0%, 29%);
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.25;
}
.subtitle strong {
  color: hsl(0, 0%, 21%);
  font-weight: 600;
}
.subtitle:not(.is-spaced) + .title {
  margin-top: -1.25rem;
}
.subtitle.is-1 {
  font-size: 3rem;
}
.subtitle.is-2 {
  font-size: 2.5rem;
}
.subtitle.is-3 {
  font-size: 2rem;
}
.subtitle.is-4 {
  font-size: 1.5rem;
}
.subtitle.is-5 {
  font-size: 1.25rem;
}
.subtitle.is-6 {
  font-size: 1rem;
}
.subtitle.is-7 {
  font-size: 0.75rem;
}

.heading {
  display: block;
  font-size: 11px;
  letter-spacing: 1px;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.number {
  align-items: center;
  background-color: hsl(0, 0%, 96%);
  border-radius: 9999px;
  display: inline-flex;
  font-size: 1.25rem;
  height: 2em;
  justify-content: center;
  margin-right: 1.5rem;
  min-width: 2.5em;
  padding: 0.25rem 0.5rem;
  text-align: center;
  vertical-align: top;
}

/* Bulma Form */
.select select, .textarea, .input {
  background-color: var(--white);
  border-color: var(--border);
  border-radius: 4px;
  color: hsl(0, 0%, 21%);
}
.select select::-moz-placeholder, .textarea::-moz-placeholder, .input::-moz-placeholder {
  color: hsla(0, 0%, 21%, 0.3);
}
.select select::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .input::-webkit-input-placeholder {
  color: hsla(0, 0%, 21%, 0.3);
}
.select select:-moz-placeholder, .textarea:-moz-placeholder, .input:-moz-placeholder {
  color: hsla(0, 0%, 21%, 0.3);
}
.select select:-ms-input-placeholder, .textarea:-ms-input-placeholder, .input:-ms-input-placeholder {
  color: hsla(0, 0%, 21%, 0.3);
}
.select select:hover, .textarea:hover, .input:hover, .select select.is-hovered, .is-hovered.textarea, .is-hovered.input {
  border-color: hsl(0, 0%, 71%);
}
.select select:focus, .textarea:focus, .input:focus, .select select.is-focused, .is-focused.textarea, .is-focused.input, .select select:active, .textarea:active, .input:active, .select select.is-active, .is-active.textarea, .is-active.input {
  border-color: var(--link);
  box-shadow: 0 0 0 0.125em var(--link);
}
.select select[disabled], [disabled].textarea, [disabled].input, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .textarea, fieldset[disabled] .input {
  background-color: hsl(0, 0%, 96%);
  border-color: hsl(0, 0%, 96%);
  box-shadow: none;
  color: hsl(0, 0%, 48%);
}
.select select[disabled]::-moz-placeholder, [disabled].textarea::-moz-placeholder, [disabled].input::-moz-placeholder, fieldset[disabled] .select select::-moz-placeholder, .select fieldset[disabled] select::-moz-placeholder, fieldset[disabled] .textarea::-moz-placeholder, fieldset[disabled] .input::-moz-placeholder {
  color: hsla(0, 0%, 48%, 0.3);
}
.select select[disabled]::-webkit-input-placeholder, [disabled].textarea::-webkit-input-placeholder, [disabled].input::-webkit-input-placeholder, fieldset[disabled] .select select::-webkit-input-placeholder, .select fieldset[disabled] select::-webkit-input-placeholder, fieldset[disabled] .textarea::-webkit-input-placeholder, fieldset[disabled] .input::-webkit-input-placeholder {
  color: hsla(0, 0%, 48%, 0.3);
}
.select select[disabled]:-moz-placeholder, [disabled].textarea:-moz-placeholder, [disabled].input:-moz-placeholder, fieldset[disabled] .select select:-moz-placeholder, .select fieldset[disabled] select:-moz-placeholder, fieldset[disabled] .textarea:-moz-placeholder, fieldset[disabled] .input:-moz-placeholder {
  color: hsla(0, 0%, 48%, 0.3);
}
.select select[disabled]:-ms-input-placeholder, [disabled].textarea:-ms-input-placeholder, [disabled].input:-ms-input-placeholder, fieldset[disabled] .select select:-ms-input-placeholder, .select fieldset[disabled] select:-ms-input-placeholder, fieldset[disabled] .textarea:-ms-input-placeholder, fieldset[disabled] .input:-ms-input-placeholder {
  color: hsla(0, 0%, 48%, 0.3);
}

.textarea, .input {
  box-shadow: inset 0 0.0625em 0.125em hsla(0, 0%, 4%, 0.05);
  max-width: 100%;
  width: 100%;
}
[readonly].textarea, [readonly].input {
  box-shadow: none;
}
.is-white.textarea, .is-white.input {
  border-color: var(--white);
}
.is-white.textarea:focus, .is-white.input:focus, .is-white.is-focused.textarea, .is-white.is-focused.input, .is-white.textarea:active, .is-white.input:active, .is-white.is-active.textarea, .is-white.is-active.input {
  box-shadow: 0 0 0 0.125em var(--white);
}
.is-black.textarea, .is-black.input {
  border-color: hsl(0, 0%, 4%);
}
.is-black.textarea:focus, .is-black.input:focus, .is-black.is-focused.textarea, .is-black.is-focused.input, .is-black.textarea:active, .is-black.input:active, .is-black.is-active.textarea, .is-black.is-active.input {
  box-shadow: 0 0 0 0.125em hsla(0, 0%, 4%, 0.25);
}
.is-light.textarea, .is-light.input {
  border-color: hsl(0, 0%, 96%);
}
.is-light.textarea:focus, .is-light.input:focus, .is-light.is-focused.textarea, .is-light.is-focused.input, .is-light.textarea:active, .is-light.input:active, .is-light.is-active.textarea, .is-light.is-active.input {
  box-shadow: 0 0 0 0.125em hsla(0, 0%, 96%, 0.25);
}
.is-dark.textarea, .is-dark.input {
  border-color: var(--dark);
}
.is-dark.textarea:focus, .is-dark.input:focus, .is-dark.is-focused.textarea, .is-dark.is-focused.input, .is-dark.textarea:active, .is-dark.input:active, .is-dark.is-active.textarea, .is-dark.is-active.input {
  box-shadow: 0 0 0 0.125em var(--dark);
}
.is-primary.textarea, .is-primary.input {
  border-color: var(--primary);
}
.is-primary.textarea:focus, .is-primary.input:focus, .is-primary.is-focused.textarea, .is-primary.is-focused.input, .is-primary.textarea:active, .is-primary.input:active, .is-primary.is-active.textarea, .is-primary.is-active.input {
  box-shadow: 0 0 0 0.125em var(--primary);
}
.is-link.textarea, .is-link.input {
  border-color: var(--link);
}
.is-link.textarea:focus, .is-link.input:focus, .is-link.is-focused.textarea, .is-link.is-focused.input, .is-link.textarea:active, .is-link.input:active, .is-link.is-active.textarea, .is-link.is-active.input {
  box-shadow: 0 0 0 0.125em var(--link);
}
.is-info.textarea, .is-info.input {
  border-color: var(--info);
}
.is-info.textarea:focus, .is-info.input:focus, .is-info.is-focused.textarea, .is-info.is-focused.input, .is-info.textarea:active, .is-info.input:active, .is-info.is-active.textarea, .is-info.is-active.input {
  box-shadow: 0 0 0 0.125em var(--info);
}
.is-success.textarea, .is-success.input {
  border-color: var(--success);
}
.is-success.textarea:focus, .is-success.input:focus, .is-success.is-focused.textarea, .is-success.is-focused.input, .is-success.textarea:active, .is-success.input:active, .is-success.is-active.textarea, .is-success.is-active.input {
  box-shadow: 0 0 0 0.125em var(--success);
}
.is-warning.textarea, .is-warning.input {
  border-color: var(--warning);
}
.is-warning.textarea:focus, .is-warning.input:focus, .is-warning.is-focused.textarea, .is-warning.is-focused.input, .is-warning.textarea:active, .is-warning.input:active, .is-warning.is-active.textarea, .is-warning.is-active.input {
  box-shadow: 0 0 0 0.125em var(--warning);
}
.is-danger.textarea, .is-danger.input {
  border-color: var(--danger);
}
.is-danger.textarea:focus, .is-danger.input:focus, .is-danger.is-focused.textarea, .is-danger.is-focused.input, .is-danger.textarea:active, .is-danger.input:active, .is-danger.is-active.textarea, .is-danger.is-active.input {
  box-shadow: 0 0 0 0.125em var(--danger);
}
.is-small.textarea, .is-small.input {
  border-radius: 2px;
  font-size: 0.75rem;
}
.is-medium.textarea, .is-medium.input {
  font-size: 1.25rem;
}
.is-large.textarea, .is-large.input {
  font-size: 1.5rem;
}
.is-fullwidth.textarea, .is-fullwidth.input {
  display: block;
  width: 100%;
}
.is-inline.textarea, .is-inline.input {
  display: inline;
  width: auto;
}

.input.is-rounded {
  border-radius: 9999px;
  padding-left: calc(calc(0.75em - 1px) + 0.375em);
  padding-right: calc(calc(0.75em - 1px) + 0.375em);
}
.input.is-static {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
}

.textarea {
  display: block;
  max-width: 100%;
  min-width: 100%;
  padding: calc(0.75em - 1px);
  resize: vertical;
}
.textarea:not([rows]) {
  max-height: 40em;
  min-height: 8em;
}
.textarea[rows] {
  height: initial;
}
.textarea.has-fixed-size {
  resize: none;
}

.radio, .checkbox {
  cursor: pointer;
  display: inline-block;
  line-height: 1.25;
  position: relative;
}
.radio input, .checkbox input {
  cursor: pointer;
}
.radio:hover, .checkbox:hover {
  color: hsl(0, 0%, 21%);
}
[disabled].radio, [disabled].checkbox, fieldset[disabled] .radio, fieldset[disabled] .checkbox,
.radio input[disabled],
.checkbox input[disabled] {
  color: hsl(0, 0%, 48%);
  cursor: not-allowed;
}

.radio + .radio {
  margin-left: 0.5em;
}

.select {
  display: inline-block;
  max-width: 100%;
  position: relative;
  vertical-align: top;
}
.select:not(.is-multiple) {
  height: 2.5em;
}
.select:not(.is-multiple):not(.is-loading)::after {
  border-color: var(--link);
  right: 1.125em;
  z-index: 4;
}
.select.is-rounded select {
  border-radius: 9999px;
  padding-left: 1em;
}
.select select {
  cursor: pointer;
  display: block;
  font-size: 1em;
  max-width: 100%;
  outline: none;
}
.select select::-ms-expand {
  display: none;
}
.select select[disabled]:hover, fieldset[disabled] .select select:hover {
  border-color: hsl(0, 0%, 96%);
}
.select select:not([multiple]) {
  padding-right: 2.5em;
}
.select select[multiple] {
  height: auto;
  padding: 0;
}
.select select[multiple] option {
  padding: 0.5em 1em;
}
.select:not(.is-multiple):not(.is-loading):hover::after {
  border-color: hsl(0, 0%, 21%);
}
.select.is-white:not(:hover)::after {
  border-color: var(--white);
}
.select.is-white select {
  border-color: var(--white);
}
.select.is-white select:hover, .select.is-white select.is-hovered {
  border-color: var(--white);
}
.select.is-white select:focus, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select.is-active {
  box-shadow: 0 0 0 0.125em var(--white);
}
.select.is-black:not(:hover)::after {
  border-color: hsl(0, 0%, 4%);
}
.select.is-black select {
  border-color: hsl(0, 0%, 4%);
}
.select.is-black select:hover, .select.is-black select.is-hovered {
  border-color: hsl(0, 0%, -1%);
}
.select.is-black select:focus, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select.is-active {
  box-shadow: 0 0 0 0.125em hsla(0, 0%, 4%, 0.25);
}
.select.is-light:not(:hover)::after {
  border-color: hsl(0, 0%, 96%);
}
.select.is-light select {
  border-color: hsl(0, 0%, 96%);
}
.select.is-light select:hover, .select.is-light select.is-hovered {
  border-color: hsl(0, 0%, 91%);
}
.select.is-light select:focus, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select.is-active {
  box-shadow: 0 0 0 0.125em hsla(0, 0%, 96%, 0.25);
}
.select.is-dark:not(:hover)::after {
  border-color: var(--dark);
}
.select.is-dark select {
  border-color: var(--dark);
}
.select.is-dark select:hover, .select.is-dark select.is-hovered {
  border-color: var(--dark);
}
.select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active {
  box-shadow: 0 0 0 0.125em var(--dark);
}
.select.is-primary:not(:hover)::after {
  border-color: var(--primary);
}
.select.is-primary select {
  border-color: var(--primary);
}
.select.is-primary select:hover, .select.is-primary select.is-hovered {
  border-color: var(--primary);
}
.select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active {
  box-shadow: 0 0 0 0.125em var(--primary);
}
.select.is-link:not(:hover)::after {
  border-color: var(--link);
}
.select.is-link select {
  border-color: var(--link);
}
.select.is-link select:hover, .select.is-link select.is-hovered {
  border-color: var(--link);
}
.select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active {
  box-shadow: 0 0 0 0.125em var(--link);
}
.select.is-info:not(:hover)::after {
  border-color: var(--info);
}
.select.is-info select {
  border-color: var(--info);
}
.select.is-info select:hover, .select.is-info select.is-hovered {
  border-color: var(--info);
}
.select.is-info select:focus, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select.is-active {
  box-shadow: 0 0 0 0.125em var(--info);
}
.select.is-success:not(:hover)::after {
  border-color: var(--success);
}
.select.is-success select {
  border-color: var(--success);
}
.select.is-success select:hover, .select.is-success select.is-hovered {
  border-color: var(--success);
}
.select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active {
  box-shadow: 0 0 0 0.125em var(--success);
}
.select.is-warning:not(:hover)::after {
  border-color: var(--warning);
}
.select.is-warning select {
  border-color: var(--warning);
}
.select.is-warning select:hover, .select.is-warning select.is-hovered {
  border-color: var(--warning);
}
.select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active {
  box-shadow: 0 0 0 0.125em var(--warning);
}
.select.is-danger:not(:hover)::after {
  border-color: var(--danger);
}
.select.is-danger select {
  border-color: var(--danger);
}
.select.is-danger select:hover, .select.is-danger select.is-hovered {
  border-color: var(--danger);
}
.select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active {
  box-shadow: 0 0 0 0.125em var(--danger);
}
.select.is-small {
  border-radius: 2px;
  font-size: 0.75rem;
}
.select.is-medium {
  font-size: 1.25rem;
}
.select.is-large {
  font-size: 1.5rem;
}
.select.is-disabled::after {
  border-color: hsl(0, 0%, 48%) !important;
  opacity: 0.5;
}
.select.is-fullwidth {
  width: 100%;
}
.select.is-fullwidth select {
  width: 100%;
}
.select.is-loading::after {
  margin-top: 0;
  position: absolute;
  right: 0.625em;
  top: 0.625em;
  transform: none;
}
.select.is-loading.is-small:after {
  font-size: 0.75rem;
}
.select.is-loading.is-medium:after {
  font-size: 1.25rem;
}
.select.is-loading.is-large:after {
  font-size: 1.5rem;
}

.file {
  align-items: stretch;
  display: flex;
  justify-content: flex-start;
  position: relative;
}
.file.is-white .file-cta {
  background-color: var(--white);
  border-color: transparent;
  color: hsl(0, 0%, 4%);
}
.file.is-white:hover .file-cta, .file.is-white.is-hovered .file-cta {
  background-color: var(--white);
  border-color: transparent;
  color: hsl(0, 0%, 4%);
}
.file.is-white:focus .file-cta, .file.is-white.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em var(--white);
  color: hsl(0, 0%, 4%);
}
.file.is-white:active .file-cta, .file.is-white.is-active .file-cta {
  background-color: var(--white);
  border-color: transparent;
  color: hsl(0, 0%, 4%);
}
.file.is-black .file-cta {
  background-color: hsl(0, 0%, 4%);
  border-color: transparent;
  color: var(--white);
}
.file.is-black:hover .file-cta, .file.is-black.is-hovered .file-cta {
  background-color: hsl(0, 0%, 1.5%);
  border-color: transparent;
  color: var(--white);
}
.file.is-black:focus .file-cta, .file.is-black.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em hsla(0, 0%, 4%, 0.25);
  color: var(--white);
}
.file.is-black:active .file-cta, .file.is-black.is-active .file-cta {
  background-color: hsl(0, 0%, -1%);
  border-color: transparent;
  color: var(--white);
}
.file.is-light .file-cta {
  background-color: hsl(0, 0%, 96%);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.file.is-light:hover .file-cta, .file.is-light.is-hovered .file-cta {
  background-color: hsl(0, 0%, 93.5%);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.file.is-light:focus .file-cta, .file.is-light.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em hsla(0, 0%, 96%, 0.25);
  color: rgba(0, 0, 0, 0.7);
}
.file.is-light:active .file-cta, .file.is-light.is-active .file-cta {
  background-color: hsl(0, 0%, 91%);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.file.is-dark .file-cta {
  background-color: var(--dark);
  border-color: transparent;
  color: var(--dark--color-invert);
}
.file.is-dark:hover .file-cta, .file.is-dark.is-hovered .file-cta {
  background-color: var(--dark);
  border-color: transparent;
  color: var(--dark--color-invert);
}
.file.is-dark:focus .file-cta, .file.is-dark.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em var(--dark);
  color: var(--dark--color-invert);
}
.file.is-dark:active .file-cta, .file.is-dark.is-active .file-cta {
  background-color: var(--dark);
  border-color: transparent;
  color: var(--dark--color-invert);
}
.file.is-primary .file-cta {
  background-color: var(--primary);
  border-color: transparent;
  color: var(--primary--color-invert);
}
.file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta {
  background-color: var(--primary);
  border-color: transparent;
  color: var(--primary--color-invert);
}
.file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em var(--primary);
  color: var(--primary--color-invert);
}
.file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta {
  background-color: var(--primary);
  border-color: transparent;
  color: var(--primary--color-invert);
}
.file.is-link .file-cta {
  background-color: var(--link);
  border-color: transparent;
  color: var(--link--color-invert);
}
.file.is-link:hover .file-cta, .file.is-link.is-hovered .file-cta {
  background-color: var(--link);
  border-color: transparent;
  color: var(--link--color-invert);
}
.file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em var(--link);
  color: var(--link--color-invert);
}
.file.is-link:active .file-cta, .file.is-link.is-active .file-cta {
  background-color: var(--link);
  border-color: transparent;
  color: var(--link--color-invert);
}
.file.is-info .file-cta {
  background-color: var(--info);
  border-color: transparent;
  color: var(--info--color-invert);
}
.file.is-info:hover .file-cta, .file.is-info.is-hovered .file-cta {
  background-color: var(--info);
  border-color: transparent;
  color: var(--info--color-invert);
}
.file.is-info:focus .file-cta, .file.is-info.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em var(--info);
  color: var(--info--color-invert);
}
.file.is-info:active .file-cta, .file.is-info.is-active .file-cta {
  background-color: var(--info);
  border-color: transparent;
  color: var(--info--color-invert);
}
.file.is-success .file-cta {
  background-color: var(--success);
  border-color: transparent;
  color: var(--success--color-invert);
}
.file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta {
  background-color: var(--success);
  border-color: transparent;
  color: var(--success--color-invert);
}
.file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em var(--success);
  color: var(--success--color-invert);
}
.file.is-success:active .file-cta, .file.is-success.is-active .file-cta {
  background-color: var(--success);
  border-color: transparent;
  color: var(--success--color-invert);
}
.file.is-warning .file-cta {
  background-color: var(--warning);
  border-color: transparent;
  color: var(--warning--color-invert);
}
.file.is-warning:hover .file-cta, .file.is-warning.is-hovered .file-cta {
  background-color: var(--warning);
  border-color: transparent;
  color: var(--warning--color-invert);
}
.file.is-warning:focus .file-cta, .file.is-warning.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em var(--warning);
  color: var(--warning--color-invert);
}
.file.is-warning:active .file-cta, .file.is-warning.is-active .file-cta {
  background-color: var(--warning);
  border-color: transparent;
  color: var(--warning--color-invert);
}
.file.is-danger .file-cta {
  background-color: var(--danger);
  border-color: transparent;
  color: var(--danger--color-invert);
}
.file.is-danger:hover .file-cta, .file.is-danger.is-hovered .file-cta {
  background-color: var(--danger);
  border-color: transparent;
  color: var(--danger--color-invert);
}
.file.is-danger:focus .file-cta, .file.is-danger.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em var(--danger);
  color: var(--danger--color-invert);
}
.file.is-danger:active .file-cta, .file.is-danger.is-active .file-cta {
  background-color: var(--danger);
  border-color: transparent;
  color: var(--danger--color-invert);
}
.file.is-small {
  font-size: 0.75rem;
}
.file.is-normal {
  font-size: 1rem;
}
.file.is-medium {
  font-size: 1.25rem;
}
.file.is-medium .file-icon .fa {
  font-size: 21px;
}
.file.is-large {
  font-size: 1.5rem;
}
.file.is-large .file-icon .fa {
  font-size: 28px;
}
.file.has-name .file-cta {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.file.has-name .file-name {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.file.has-name.is-empty .file-cta {
  border-radius: 4px;
}
.file.has-name.is-empty .file-name {
  display: none;
}
.file.is-boxed .file-label {
  flex-direction: column;
}
.file.is-boxed .file-cta {
  flex-direction: column;
  height: auto;
  padding: 1em 3em;
}
.file.is-boxed .file-name {
  border-width: 0 1px 1px;
}
.file.is-boxed .file-icon {
  height: 1.5em;
  width: 1.5em;
}
.file.is-boxed .file-icon .fa {
  font-size: 21px;
}
.file.is-boxed.is-small .file-icon .fa {
  font-size: 14px;
}
.file.is-boxed.is-medium .file-icon .fa {
  font-size: 28px;
}
.file.is-boxed.is-large .file-icon .fa {
  font-size: 35px;
}
.file.is-boxed.has-name .file-cta {
  border-radius: 4px 4px 0 0;
}
.file.is-boxed.has-name .file-name {
  border-radius: 0 0 4px 4px;
  border-width: 0 1px 1px;
}
.file.is-centered {
  justify-content: center;
}
.file.is-fullwidth .file-label {
  width: 100%;
}
.file.is-fullwidth .file-name {
  flex-grow: 1;
  max-width: none;
}
.file.is-right {
  justify-content: flex-end;
}
.file.is-right .file-cta {
  border-radius: 0 4px 4px 0;
}
.file.is-right .file-name {
  border-radius: 4px 0 0 4px;
  border-width: 1px 0 1px 1px;
  order: -1;
}

.file-label {
  align-items: stretch;
  display: flex;
  cursor: pointer;
  justify-content: flex-start;
  overflow: hidden;
  position: relative;
}
.file-label:hover .file-cta {
  background-color: hsl(0, 0%, 93.5%);
  color: hsl(0, 0%, 21%);
}
.file-label:hover .file-name {
  border-color: var(--border);
}
.file-label:active .file-cta {
  background-color: hsl(0, 0%, 91%);
  color: hsl(0, 0%, 21%);
}
.file-label:active .file-name {
  border-color: var(--border);
}

.file-input {
  height: 100%;
  left: 0;
  opacity: 0;
  outline: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.file-cta,
.file-name {
  border-color: var(--border);
  border-radius: 4px;
  font-size: 1em;
  padding-left: 1em;
  padding-right: 1em;
  white-space: nowrap;
}

.file-cta {
  background-color: hsl(0, 0%, 96%);
  color: hsl(0, 0%, 29%);
}

.file-name {
  border-color: var(--border);
  border-style: solid;
  border-width: 1px 1px 1px 0;
  display: block;
  max-width: 16em;
  overflow: hidden;
  text-align: inherit;
  text-overflow: ellipsis;
}

.file-icon {
  align-items: center;
  display: flex;
  height: 1em;
  justify-content: center;
  margin-right: 0.5em;
  width: 1em;
}
.file-icon .fa {
  font-size: 14px;
}

.label {
  color: hsl(0, 0%, 21%);
  display: block;
  font-size: 1rem;
  font-weight: 700;
}
.label:not(:last-child) {
  margin-bottom: 0.5em;
}
.label.is-small {
  font-size: 0.75rem;
}
.label.is-medium {
  font-size: 1.25rem;
}
.label.is-large {
  font-size: 1.5rem;
}

.help {
  display: block;
  font-size: 0.75rem;
  margin-top: 0.25rem;
}
.help.is-white {
  color: var(--white);
}
.help.is-black {
  color: hsl(0, 0%, 4%);
}
.help.is-light {
  color: hsl(0, 0%, 96%);
}
.help.is-dark {
  color: var(--dark);
}
.help.is-primary {
  color: var(--primary);
}
.help.is-link {
  color: var(--link);
}
.help.is-info {
  color: var(--info);
}
.help.is-success {
  color: var(--success);
}
.help.is-warning {
  color: var(--warning);
}
.help.is-danger {
  color: var(--danger);
}

.field:not(:last-child) {
  margin-bottom: 0.75rem;
}
.field.has-addons {
  display: flex;
  justify-content: flex-start;
}
.field.has-addons .control:not(:last-child) {
  margin-right: -1px;
}
.field.has-addons .control:not(:first-child):not(:last-child) .button,
.field.has-addons .control:not(:first-child):not(:last-child) .input,
.field.has-addons .control:not(:first-child):not(:last-child) .select select {
  border-radius: 0;
}
.field.has-addons .control:first-child:not(:only-child) .button,
.field.has-addons .control:first-child:not(:only-child) .input,
.field.has-addons .control:first-child:not(:only-child) .select select {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.field.has-addons .control:last-child:not(:only-child) .button,
.field.has-addons .control:last-child:not(:only-child) .input,
.field.has-addons .control:last-child:not(:only-child) .select select {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .button:not([disabled]).is-hovered,
.field.has-addons .control .input:not([disabled]):hover,
.field.has-addons .control .input:not([disabled]).is-hovered,
.field.has-addons .control .select select:not([disabled]):hover,
.field.has-addons .control .select select:not([disabled]).is-hovered {
  z-index: 2;
}
.field.has-addons .control .button:not([disabled]):focus, .field.has-addons .control .button:not([disabled]).is-focused, .field.has-addons .control .button:not([disabled]):active, .field.has-addons .control .button:not([disabled]).is-active,
.field.has-addons .control .input:not([disabled]):focus,
.field.has-addons .control .input:not([disabled]).is-focused,
.field.has-addons .control .input:not([disabled]):active,
.field.has-addons .control .input:not([disabled]).is-active,
.field.has-addons .control .select select:not([disabled]):focus,
.field.has-addons .control .select select:not([disabled]).is-focused,
.field.has-addons .control .select select:not([disabled]):active,
.field.has-addons .control .select select:not([disabled]).is-active {
  z-index: 3;
}
.field.has-addons .control .button:not([disabled]):focus:hover, .field.has-addons .control .button:not([disabled]).is-focused:hover, .field.has-addons .control .button:not([disabled]):active:hover, .field.has-addons .control .button:not([disabled]).is-active:hover,
.field.has-addons .control .input:not([disabled]):focus:hover,
.field.has-addons .control .input:not([disabled]).is-focused:hover,
.field.has-addons .control .input:not([disabled]):active:hover,
.field.has-addons .control .input:not([disabled]).is-active:hover,
.field.has-addons .control .select select:not([disabled]):focus:hover,
.field.has-addons .control .select select:not([disabled]).is-focused:hover,
.field.has-addons .control .select select:not([disabled]):active:hover,
.field.has-addons .control .select select:not([disabled]).is-active:hover {
  z-index: 4;
}
.field.has-addons .control.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}
.field.has-addons.has-addons-centered {
  justify-content: center;
}
.field.has-addons.has-addons-right {
  justify-content: flex-end;
}
.field.has-addons.has-addons-fullwidth .control {
  flex-grow: 1;
  flex-shrink: 0;
}
.field.is-grouped {
  display: flex;
  justify-content: flex-start;
}
.field.is-grouped > .control {
  flex-shrink: 0;
}
.field.is-grouped > .control:not(:last-child) {
  margin-bottom: 0;
  margin-right: 0.75rem;
}
.field.is-grouped > .control.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}
.field.is-grouped.is-grouped-centered {
  justify-content: center;
}
.field.is-grouped.is-grouped-right {
  justify-content: flex-end;
}
.field.is-grouped.is-grouped-multiline {
  flex-wrap: wrap;
}
.field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) {
  margin-bottom: 0.75rem;
}
.field.is-grouped.is-grouped-multiline:last-child {
  margin-bottom: -0.75rem;
}
.field.is-grouped.is-grouped-multiline:not(:last-child) {
  margin-bottom: 0;
}
@media screen and (min-width: 769px), print {
  .field.is-horizontal {
    display: flex;
  }
}

.field-label .label {
  font-size: inherit;
}
@media screen and (max-width: 768px) {
  .field-label {
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .field-label {
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
    margin-right: 1.5rem;
    text-align: right;
  }
  .field-label.is-small {
    font-size: 0.75rem;
    padding-top: 0.375em;
  }
  .field-label.is-normal {
    padding-top: 0.375em;
  }
  .field-label.is-medium {
    font-size: 1.25rem;
    padding-top: 0.375em;
  }
  .field-label.is-large {
    font-size: 1.5rem;
    padding-top: 0.375em;
  }
}

.field-body .field .field {
  margin-bottom: 0;
}
@media screen and (min-width: 769px), print {
  .field-body {
    display: flex;
    flex-basis: 0;
    flex-grow: 5;
    flex-shrink: 1;
  }
  .field-body .field {
    margin-bottom: 0;
  }
  .field-body > .field {
    flex-shrink: 1;
  }
  .field-body > .field:not(.is-narrow) {
    flex-grow: 1;
  }
  .field-body > .field:not(:last-child) {
    margin-right: 0.75rem;
  }
}

.control {
  box-sizing: border-box;
  clear: both;
  font-size: 1rem;
  position: relative;
  text-align: inherit;
}
.control.has-icons-left .input:focus ~ .icon,
.control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon,
.control.has-icons-right .select:focus ~ .icon {
  color: hsl(0, 0%, 29%);
}
.control.has-icons-left .input.is-small ~ .icon,
.control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon,
.control.has-icons-right .select.is-small ~ .icon {
  font-size: 0.75rem;
}
.control.has-icons-left .input.is-medium ~ .icon,
.control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon,
.control.has-icons-right .select.is-medium ~ .icon {
  font-size: 1.25rem;
}
.control.has-icons-left .input.is-large ~ .icon,
.control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon,
.control.has-icons-right .select.is-large ~ .icon {
  font-size: 1.5rem;
}
.control.has-icons-left .icon, .control.has-icons-right .icon {
  color: var(--border);
  height: 2.5em;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 2.5em;
  z-index: 4;
}
.control.has-icons-left .input,
.control.has-icons-left .select select {
  padding-left: 2.5em;
}
.control.has-icons-left .icon.is-left {
  left: 0;
}
.control.has-icons-right .input,
.control.has-icons-right .select select {
  padding-right: 2.5em;
}
.control.has-icons-right .icon.is-right {
  right: 0;
}
.control.is-loading::after {
  position: absolute !important;
  right: 0.625em;
  top: 0.625em;
  z-index: 4;
}
.control.is-loading.is-small:after {
  font-size: 0.75rem;
}
.control.is-loading.is-medium:after {
  font-size: 1.25rem;
}
.control.is-loading.is-large:after {
  font-size: 1.5rem;
}

/* Bulma Components */
.breadcrumb {
  font-size: 1rem;
  white-space: nowrap;
}
.breadcrumb a {
  align-items: center;
  color: var(--link);
  display: flex;
  justify-content: center;
  padding: 0 0.75em;
}
.breadcrumb a:hover {
  color: hsl(0, 0%, 21%);
}
.breadcrumb li {
  align-items: center;
  display: flex;
}
.breadcrumb li:first-child a {
  padding-left: 0;
}
.breadcrumb li.is-active a {
  color: hsl(0, 0%, 21%);
  cursor: default;
  pointer-events: none;
}
.breadcrumb li + li::before {
  color: hsl(0, 0%, 71%);
  content: "/";
}
.breadcrumb ul,
.breadcrumb ol {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.breadcrumb .icon:first-child {
  margin-right: 0.5em;
}
.breadcrumb .icon:last-child {
  margin-left: 0.5em;
}
.breadcrumb.is-centered ol,
.breadcrumb.is-centered ul {
  justify-content: center;
}
.breadcrumb.is-right ol,
.breadcrumb.is-right ul {
  justify-content: flex-end;
}
.breadcrumb.is-small {
  font-size: 0.75rem;
}
.breadcrumb.is-medium {
  font-size: 1.25rem;
}
.breadcrumb.is-large {
  font-size: 1.5rem;
}
.breadcrumb.has-arrow-separator li + li::before {
  content: "→";
}
.breadcrumb.has-bullet-separator li + li::before {
  content: "•";
}
.breadcrumb.has-dot-separator li + li::before {
  content: "·";
}
.breadcrumb.has-succeeds-separator li + li::before {
  content: "≻";
}

.card {
  background-color: var(--white);
  border-radius: 0.25rem;
  box-shadow: 0 0.5em 1em -0.125em hsla(0, 0%, 4%, 0.1), 0 0px 0 1px hsla(0, 0%, 4%, 0.02);
  color: hsl(0, 0%, 29%);
  max-width: 100%;
  position: relative;
}

.card-footer:first-child, .card-content:first-child, .card-header:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.card-footer:last-child, .card-content:last-child, .card-header:last-child {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.card-header {
  background-color: transparent;
  align-items: stretch;
  box-shadow: 0 0.125em 0.25em hsla(0, 0%, 4%, 0.1);
  display: flex;
}

.card-header-title {
  align-items: center;
  color: hsl(0, 0%, 21%);
  display: flex;
  flex-grow: 1;
  font-weight: 700;
  padding: 0.75rem 1rem;
}
.card-header-title.is-centered {
  justify-content: center;
}

.card-header-icon {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: none;
  color: currentColor;
  font-family: inherit;
  font-size: 1em;
  margin: 0;
  padding: 0;
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 0.75rem 1rem;
}

.card-image {
  display: block;
  position: relative;
}
.card-image:first-child img {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.card-image:last-child img {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.card-content {
  background-color: transparent;
  padding: 1.5rem;
}

.card-footer {
  background-color: transparent;
  border-top: 1px solid hsl(0, 0%, 93%);
  align-items: stretch;
  display: flex;
}

.card-footer-item {
  align-items: center;
  display: flex;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: center;
  padding: 0.75rem;
}
.card-footer-item:not(:last-child) {
  border-right: 1px solid hsl(0, 0%, 93%);
}

.card .media:not(:last-child) {
  margin-bottom: 1.5rem;
}

.dropdown {
  display: inline-flex;
  position: relative;
  vertical-align: top;
}
.dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu {
  display: block;
}
.dropdown.is-right .dropdown-menu {
  left: auto;
  right: 0;
}
.dropdown.is-up .dropdown-menu {
  bottom: 100%;
  padding-bottom: 4px;
  padding-top: initial;
  top: auto;
}

.dropdown-menu {
  display: none;
  left: 0;
  min-width: 12rem;
  padding-top: 4px;
  position: absolute;
  top: 100%;
  z-index: 20;
}

.dropdown-content {
  background-color: var(--white);
  border-radius: 4px;
  box-shadow: 0 0.5em 1em -0.125em hsla(0, 0%, 4%, 0.1), 0 0px 0 1px hsla(0, 0%, 4%, 0.02);
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}

.dropdown-item {
  color: hsl(0, 0%, 29%);
  display: block;
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 0.375rem 1rem;
  position: relative;
}

a.dropdown-item,
button.dropdown-item {
  padding-right: 3rem;
  text-align: inherit;
  white-space: nowrap;
  width: 100%;
}
a.dropdown-item:hover,
button.dropdown-item:hover {
  background-color: hsl(0, 0%, 96%);
  color: hsl(0, 0%, 4%);
}
a.dropdown-item.is-active,
button.dropdown-item.is-active {
  background-color: var(--link);
  color: var(--link--color-invert);
}

.dropdown-divider {
  background-color: hsl(0, 0%, 93%);
  border: none;
  display: block;
  height: 1px;
  margin: 0.5rem 0;
}

.level {
  align-items: center;
  justify-content: space-between;
}
.level code {
  border-radius: 4px;
}
.level img {
  display: inline-block;
  vertical-align: top;
}
.level.is-mobile {
  display: flex;
}
.level.is-mobile .level-left,
.level.is-mobile .level-right {
  display: flex;
}
.level.is-mobile .level-left + .level-right {
  margin-top: 0;
}
.level.is-mobile .level-item:not(:last-child) {
  margin-bottom: 0;
  margin-right: 0.75rem;
}
.level.is-mobile .level-item:not(.is-narrow) {
  flex-grow: 1;
}
@media screen and (min-width: 769px), print {
  .level {
    display: flex;
  }
  .level > .level-item:not(.is-narrow) {
    flex-grow: 1;
  }
}

.level-item {
  align-items: center;
  display: flex;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
}
.level-item .title,
.level-item .subtitle {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .level-item:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}

.level-left,
.level-right {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}
.level-left .level-item.is-flexible,
.level-right .level-item.is-flexible {
  flex-grow: 1;
}
@media screen and (min-width: 769px), print {
  .level-left .level-item:not(:last-child),
  .level-right .level-item:not(:last-child) {
    margin-right: 0.75rem;
  }
}

.level-left {
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .level-left + .level-right {
    margin-top: 1.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .level-left {
    display: flex;
  }
}

.level-right {
  align-items: center;
  justify-content: flex-end;
}
@media screen and (min-width: 769px), print {
  .level-right {
    display: flex;
  }
}

.media {
  align-items: flex-start;
  display: flex;
  text-align: inherit;
}
.media .content:not(:last-child) {
  margin-bottom: 0.75rem;
}
.media .media {
  border-top: 1px solid var(--border);
  display: flex;
  padding-top: 0.75rem;
}
.media .media .content:not(:last-child),
.media .media .control:not(:last-child) {
  margin-bottom: 0.5rem;
}
.media .media .media {
  padding-top: 0.5rem;
}
.media .media .media + .media {
  margin-top: 0.5rem;
}
.media + .media {
  border-top: 1px solid var(--border);
  margin-top: 1rem;
  padding-top: 1rem;
}
.media.is-large + .media {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
}

.media-left,
.media-right {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}

.media-left {
  margin-right: 1rem;
}

.media-right {
  margin-left: 1rem;
}

.media-content {
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  text-align: inherit;
}

@media screen and (max-width: 768px) {
  .media-content {
    overflow-x: auto;
  }
}
.menu {
  font-size: 1rem;
}
.menu.is-small {
  font-size: 0.75rem;
}
.menu.is-medium {
  font-size: 1.25rem;
}
.menu.is-large {
  font-size: 1.5rem;
}

.menu-list {
  line-height: 1.25;
}
.menu-list a {
  border-radius: 2px;
  color: hsl(0, 0%, 29%);
  display: block;
  padding: 0.5em 0.75em;
}
.menu-list a:hover {
  background-color: hsl(0, 0%, 96%);
  color: hsl(0, 0%, 21%);
}
.menu-list a.is-active {
  background-color: var(--link);
  color: var(--link--color-invert);
}
.menu-list li ul {
  border-left: 1px solid var(--border);
  margin: 0.75em;
  padding-left: 0.75em;
}

.menu-label {
  color: hsl(0, 0%, 48%);
  font-size: 0.75em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.menu-label:not(:first-child) {
  margin-top: 1em;
}
.menu-label:not(:last-child) {
  margin-bottom: 1em;
}

.message {
  background-color: hsl(0, 0%, 96%);
  border-radius: 4px;
  font-size: 1rem;
}
.message strong {
  color: currentColor;
}
.message a:not(.button):not(.tag):not(.dropdown-item) {
  color: currentColor;
  text-decoration: underline;
}
.message.is-small {
  font-size: 0.75rem;
}
.message.is-medium {
  font-size: 1.25rem;
}
.message.is-large {
  font-size: 1.5rem;
}
.message.is-white {
  background-color: var(--white--800--lighten);
}
.message.is-white .message-header {
  background-color: var(--white);
  color: hsl(0, 0%, 4%);
}
.message.is-white .message-body {
  border-color: var(--white);
}
.message.is-black {
  background-color: hsl(0, 0%, 98%);
}
.message.is-black .message-header {
  background-color: hsl(0, 0%, 4%);
  color: var(--white);
}
.message.is-black .message-body {
  border-color: hsl(0, 0%, 4%);
}
.message.is-light {
  background-color: hsl(0, 0%, 98%);
}
.message.is-light .message-header {
  background-color: hsl(0, 0%, 96%);
  color: rgba(0, 0, 0, 0.7);
}
.message.is-light .message-body {
  border-color: hsl(0, 0%, 96%);
}
.message.is-dark {
  background-color: var(--dark--800--lighten);
}
.message.is-dark .message-header {
  background-color: var(--dark);
  color: var(--dark--color-invert);
}
.message.is-dark .message-body {
  border-color: var(--dark);
}
.message.is-primary {
  background-color: var(--primary--light-color);
}
.message.is-primary .message-header {
  background-color: var(--primary);
  color: var(--primary--color-invert);
}
.message.is-primary .message-body {
  border-color: var(--primary);
  color: var(--primary--dark-color);
}
.message.is-link {
  background-color: var(--link--light-color);
}
.message.is-link .message-header {
  background-color: var(--link);
  color: var(--link--color-invert);
}
.message.is-link .message-body {
  border-color: var(--link);
  color: var(--link--dark-color);
}
.message.is-info {
  background-color: var(--info--light-color);
}
.message.is-info .message-header {
  background-color: var(--info);
  color: var(--info--color-invert);
}
.message.is-info .message-body {
  border-color: var(--info);
  color: var(--info--dark-color);
}
.message.is-success {
  background-color: var(--success--light-color);
}
.message.is-success .message-header {
  background-color: var(--success);
  color: var(--success--color-invert);
}
.message.is-success .message-body {
  border-color: var(--success);
  color: var(--success--dark-color);
}
.message.is-warning {
  background-color: var(--warning--light-color);
}
.message.is-warning .message-header {
  background-color: var(--warning);
  color: var(--warning--color-invert);
}
.message.is-warning .message-body {
  border-color: var(--warning);
  color: var(--warning--dark-color);
}
.message.is-danger {
  background-color: var(--danger--light-color);
}
.message.is-danger .message-header {
  background-color: var(--danger);
  color: var(--danger--color-invert);
}
.message.is-danger .message-body {
  border-color: var(--danger);
  color: var(--danger--dark-color);
}

.message-header {
  align-items: center;
  background-color: hsl(0, 0%, 29%);
  border-radius: 4px 4px 0 0;
  color: #fff;
  display: flex;
  font-weight: 700;
  justify-content: space-between;
  line-height: 1.25;
  padding: 0.75em 1em;
  position: relative;
}
.message-header .delete {
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 0.75em;
}
.message-header + .message-body {
  border-width: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.message-body {
  border-color: var(--border);
  border-radius: 4px;
  border-style: solid;
  border-width: 0 0 0 4px;
  color: hsl(0, 0%, 29%);
  padding: 1.25em 1.5em;
}
.message-body code,
.message-body pre {
  background-color: var(--white);
}
.message-body pre code {
  background-color: transparent;
}

.modal {
  align-items: center;
  display: none;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  position: fixed;
  z-index: 40;
}
.modal.is-active {
  display: flex;
}

.modal-background {
  background-color: hsla(0, 0%, 4%, 0.86);
}

.modal-content,
.modal-card {
  margin: 0 20px;
  max-height: calc(100vh - 160px);
  overflow: auto;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .modal-content,
  .modal-card {
    margin: 0 auto;
    max-height: calc(100vh - 40px);
    width: 640px;
  }
}

.modal-close {
  background: none;
  height: 40px;
  position: fixed;
  right: 20px;
  top: 20px;
  width: 40px;
}

.modal-card {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 40px);
  overflow: hidden;
  -ms-overflow-y: visible;
}

.modal-card-head,
.modal-card-foot {
  align-items: center;
  background-color: hsl(0, 0%, 96%);
  display: flex;
  flex-shrink: 0;
  justify-content: flex-start;
  padding: 20px;
  position: relative;
}

.modal-card-head {
  border-bottom: 1px solid var(--border);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.modal-card-title {
  color: hsl(0, 0%, 21%);
  flex-grow: 1;
  flex-shrink: 0;
  font-size: 1.5rem;
  line-height: 1;
}

.modal-card-foot {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top: 1px solid var(--border);
}
.modal-card-foot .button:not(:last-child) {
  margin-right: 0.5em;
}

.modal-card-body {
  -webkit-overflow-scrolling: touch;
  background-color: var(--white);
  flex-grow: 1;
  flex-shrink: 1;
  overflow: auto;
  padding: 20px;
}

.navbar {
  background-color: var(--white);
  min-height: 3.25rem;
  position: relative;
  z-index: 30;
}
.navbar.is-white {
  background-color: var(--white);
  color: hsl(0, 0%, 4%);
}
.navbar.is-white .navbar-brand > .navbar-item,
.navbar.is-white .navbar-brand .navbar-link {
  color: hsl(0, 0%, 4%);
}
.navbar.is-white .navbar-brand > a.navbar-item:focus, .navbar.is-white .navbar-brand > a.navbar-item:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active,
.navbar.is-white .navbar-brand .navbar-link:focus,
.navbar.is-white .navbar-brand .navbar-link:hover,
.navbar.is-white .navbar-brand .navbar-link.is-active {
  background-color: var(--white);
  color: hsl(0, 0%, 4%);
}
.navbar.is-white .navbar-brand .navbar-link::after {
  border-color: hsl(0, 0%, 4%);
}
.navbar.is-white .navbar-burger {
  color: hsl(0, 0%, 4%);
}
@media screen and (min-width: 1024px) {
  .navbar.is-white .navbar-start > .navbar-item,
  .navbar.is-white .navbar-start .navbar-link,
  .navbar.is-white .navbar-end > .navbar-item,
  .navbar.is-white .navbar-end .navbar-link {
    color: hsl(0, 0%, 4%);
  }
  .navbar.is-white .navbar-start > a.navbar-item:focus, .navbar.is-white .navbar-start > a.navbar-item:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active,
  .navbar.is-white .navbar-start .navbar-link:focus,
  .navbar.is-white .navbar-start .navbar-link:hover,
  .navbar.is-white .navbar-start .navbar-link.is-active,
  .navbar.is-white .navbar-end > a.navbar-item:focus,
  .navbar.is-white .navbar-end > a.navbar-item:hover,
  .navbar.is-white .navbar-end > a.navbar-item.is-active,
  .navbar.is-white .navbar-end .navbar-link:focus,
  .navbar.is-white .navbar-end .navbar-link:hover,
  .navbar.is-white .navbar-end .navbar-link.is-active {
    background-color: var(--white);
    color: hsl(0, 0%, 4%);
  }
  .navbar.is-white .navbar-start .navbar-link::after,
  .navbar.is-white .navbar-end .navbar-link::after {
    border-color: hsl(0, 0%, 4%);
  }
  .navbar.is-white .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: var(--white);
    color: hsl(0, 0%, 4%);
  }
  .navbar.is-white .navbar-dropdown a.navbar-item.is-active {
    background-color: var(--white);
    color: hsl(0, 0%, 4%);
  }
}
.navbar.is-black {
  background-color: hsl(0, 0%, 4%);
  color: var(--white);
}
.navbar.is-black .navbar-brand > .navbar-item,
.navbar.is-black .navbar-brand .navbar-link {
  color: var(--white);
}
.navbar.is-black .navbar-brand > a.navbar-item:focus, .navbar.is-black .navbar-brand > a.navbar-item:hover, .navbar.is-black .navbar-brand > a.navbar-item.is-active,
.navbar.is-black .navbar-brand .navbar-link:focus,
.navbar.is-black .navbar-brand .navbar-link:hover,
.navbar.is-black .navbar-brand .navbar-link.is-active {
  background-color: hsl(0, 0%, -1%);
  color: var(--white);
}
.navbar.is-black .navbar-brand .navbar-link::after {
  border-color: var(--white);
}
.navbar.is-black .navbar-burger {
  color: var(--white);
}
@media screen and (min-width: 1024px) {
  .navbar.is-black .navbar-start > .navbar-item,
  .navbar.is-black .navbar-start .navbar-link,
  .navbar.is-black .navbar-end > .navbar-item,
  .navbar.is-black .navbar-end .navbar-link {
    color: var(--white);
  }
  .navbar.is-black .navbar-start > a.navbar-item:focus, .navbar.is-black .navbar-start > a.navbar-item:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active,
  .navbar.is-black .navbar-start .navbar-link:focus,
  .navbar.is-black .navbar-start .navbar-link:hover,
  .navbar.is-black .navbar-start .navbar-link.is-active,
  .navbar.is-black .navbar-end > a.navbar-item:focus,
  .navbar.is-black .navbar-end > a.navbar-item:hover,
  .navbar.is-black .navbar-end > a.navbar-item.is-active,
  .navbar.is-black .navbar-end .navbar-link:focus,
  .navbar.is-black .navbar-end .navbar-link:hover,
  .navbar.is-black .navbar-end .navbar-link.is-active {
    background-color: hsl(0, 0%, -1%);
    color: var(--white);
  }
  .navbar.is-black .navbar-start .navbar-link::after,
  .navbar.is-black .navbar-end .navbar-link::after {
    border-color: var(--white);
  }
  .navbar.is-black .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: hsl(0, 0%, -1%);
    color: var(--white);
  }
  .navbar.is-black .navbar-dropdown a.navbar-item.is-active {
    background-color: hsl(0, 0%, 4%);
    color: var(--white);
  }
}
.navbar.is-light {
  background-color: hsl(0, 0%, 96%);
  color: rgba(0, 0, 0, 0.7);
}
.navbar.is-light .navbar-brand > .navbar-item,
.navbar.is-light .navbar-brand .navbar-link {
  color: rgba(0, 0, 0, 0.7);
}
.navbar.is-light .navbar-brand > a.navbar-item:focus, .navbar.is-light .navbar-brand > a.navbar-item:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active,
.navbar.is-light .navbar-brand .navbar-link:focus,
.navbar.is-light .navbar-brand .navbar-link:hover,
.navbar.is-light .navbar-brand .navbar-link.is-active {
  background-color: hsl(0, 0%, 91%);
  color: rgba(0, 0, 0, 0.7);
}
.navbar.is-light .navbar-brand .navbar-link::after {
  border-color: rgba(0, 0, 0, 0.7);
}
.navbar.is-light .navbar-burger {
  color: rgba(0, 0, 0, 0.7);
}
@media screen and (min-width: 1024px) {
  .navbar.is-light .navbar-start > .navbar-item,
  .navbar.is-light .navbar-start .navbar-link,
  .navbar.is-light .navbar-end > .navbar-item,
  .navbar.is-light .navbar-end .navbar-link {
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-light .navbar-start > a.navbar-item:focus, .navbar.is-light .navbar-start > a.navbar-item:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active,
  .navbar.is-light .navbar-start .navbar-link:focus,
  .navbar.is-light .navbar-start .navbar-link:hover,
  .navbar.is-light .navbar-start .navbar-link.is-active,
  .navbar.is-light .navbar-end > a.navbar-item:focus,
  .navbar.is-light .navbar-end > a.navbar-item:hover,
  .navbar.is-light .navbar-end > a.navbar-item.is-active,
  .navbar.is-light .navbar-end .navbar-link:focus,
  .navbar.is-light .navbar-end .navbar-link:hover,
  .navbar.is-light .navbar-end .navbar-link.is-active {
    background-color: hsl(0, 0%, 91%);
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-light .navbar-start .navbar-link::after,
  .navbar.is-light .navbar-end .navbar-link::after {
    border-color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: hsl(0, 0%, 91%);
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-light .navbar-dropdown a.navbar-item.is-active {
    background-color: hsl(0, 0%, 96%);
    color: rgba(0, 0, 0, 0.7);
  }
}
.navbar.is-dark {
  background-color: var(--dark);
  color: var(--dark--color-invert);
}
.navbar.is-dark .navbar-brand > .navbar-item,
.navbar.is-dark .navbar-brand .navbar-link {
  color: var(--dark--color-invert);
}
.navbar.is-dark .navbar-brand > a.navbar-item:focus, .navbar.is-dark .navbar-brand > a.navbar-item:hover, .navbar.is-dark .navbar-brand > a.navbar-item.is-active,
.navbar.is-dark .navbar-brand .navbar-link:focus,
.navbar.is-dark .navbar-brand .navbar-link:hover,
.navbar.is-dark .navbar-brand .navbar-link.is-active {
  background-color: var(--dark);
  color: var(--dark--color-invert);
}
.navbar.is-dark .navbar-brand .navbar-link::after {
  border-color: var(--dark--color-invert);
}
.navbar.is-dark .navbar-burger {
  color: var(--dark--color-invert);
}
@media screen and (min-width: 1024px) {
  .navbar.is-dark .navbar-start > .navbar-item,
  .navbar.is-dark .navbar-start .navbar-link,
  .navbar.is-dark .navbar-end > .navbar-item,
  .navbar.is-dark .navbar-end .navbar-link {
    color: var(--dark--color-invert);
  }
  .navbar.is-dark .navbar-start > a.navbar-item:focus, .navbar.is-dark .navbar-start > a.navbar-item:hover, .navbar.is-dark .navbar-start > a.navbar-item.is-active,
  .navbar.is-dark .navbar-start .navbar-link:focus,
  .navbar.is-dark .navbar-start .navbar-link:hover,
  .navbar.is-dark .navbar-start .navbar-link.is-active,
  .navbar.is-dark .navbar-end > a.navbar-item:focus,
  .navbar.is-dark .navbar-end > a.navbar-item:hover,
  .navbar.is-dark .navbar-end > a.navbar-item.is-active,
  .navbar.is-dark .navbar-end .navbar-link:focus,
  .navbar.is-dark .navbar-end .navbar-link:hover,
  .navbar.is-dark .navbar-end .navbar-link.is-active {
    background-color: var(--dark);
    color: var(--dark--color-invert);
  }
  .navbar.is-dark .navbar-start .navbar-link::after,
  .navbar.is-dark .navbar-end .navbar-link::after {
    border-color: var(--dark--color-invert);
  }
  .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: var(--dark);
    color: var(--dark--color-invert);
  }
  .navbar.is-dark .navbar-dropdown a.navbar-item.is-active {
    background-color: var(--dark);
    color: var(--dark--color-invert);
  }
}
.navbar.is-primary {
  background-color: var(--primary);
  color: var(--primary--color-invert);
}
.navbar.is-primary .navbar-brand > .navbar-item,
.navbar.is-primary .navbar-brand .navbar-link {
  color: var(--primary--color-invert);
}
.navbar.is-primary .navbar-brand > a.navbar-item:focus, .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active,
.navbar.is-primary .navbar-brand .navbar-link:focus,
.navbar.is-primary .navbar-brand .navbar-link:hover,
.navbar.is-primary .navbar-brand .navbar-link.is-active {
  background-color: var(--primary);
  color: var(--primary--color-invert);
}
.navbar.is-primary .navbar-brand .navbar-link::after {
  border-color: var(--primary--color-invert);
}
.navbar.is-primary .navbar-burger {
  color: var(--primary--color-invert);
}
@media screen and (min-width: 1024px) {
  .navbar.is-primary .navbar-start > .navbar-item,
  .navbar.is-primary .navbar-start .navbar-link,
  .navbar.is-primary .navbar-end > .navbar-item,
  .navbar.is-primary .navbar-end .navbar-link {
    color: var(--primary--color-invert);
  }
  .navbar.is-primary .navbar-start > a.navbar-item:focus, .navbar.is-primary .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active,
  .navbar.is-primary .navbar-start .navbar-link:focus,
  .navbar.is-primary .navbar-start .navbar-link:hover,
  .navbar.is-primary .navbar-start .navbar-link.is-active,
  .navbar.is-primary .navbar-end > a.navbar-item:focus,
  .navbar.is-primary .navbar-end > a.navbar-item:hover,
  .navbar.is-primary .navbar-end > a.navbar-item.is-active,
  .navbar.is-primary .navbar-end .navbar-link:focus,
  .navbar.is-primary .navbar-end .navbar-link:hover,
  .navbar.is-primary .navbar-end .navbar-link.is-active {
    background-color: var(--primary);
    color: var(--primary--color-invert);
  }
  .navbar.is-primary .navbar-start .navbar-link::after,
  .navbar.is-primary .navbar-end .navbar-link::after {
    border-color: var(--primary--color-invert);
  }
  .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: var(--primary);
    color: var(--primary--color-invert);
  }
  .navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
    background-color: var(--primary);
    color: var(--primary--color-invert);
  }
}
.navbar.is-link {
  background-color: var(--link);
  color: var(--link--color-invert);
}
.navbar.is-link .navbar-brand > .navbar-item,
.navbar.is-link .navbar-brand .navbar-link {
  color: var(--link--color-invert);
}
.navbar.is-link .navbar-brand > a.navbar-item:focus, .navbar.is-link .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active,
.navbar.is-link .navbar-brand .navbar-link:focus,
.navbar.is-link .navbar-brand .navbar-link:hover,
.navbar.is-link .navbar-brand .navbar-link.is-active {
  background-color: var(--link);
  color: var(--link--color-invert);
}
.navbar.is-link .navbar-brand .navbar-link::after {
  border-color: var(--link--color-invert);
}
.navbar.is-link .navbar-burger {
  color: var(--link--color-invert);
}
@media screen and (min-width: 1024px) {
  .navbar.is-link .navbar-start > .navbar-item,
  .navbar.is-link .navbar-start .navbar-link,
  .navbar.is-link .navbar-end > .navbar-item,
  .navbar.is-link .navbar-end .navbar-link {
    color: var(--link--color-invert);
  }
  .navbar.is-link .navbar-start > a.navbar-item:focus, .navbar.is-link .navbar-start > a.navbar-item:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active,
  .navbar.is-link .navbar-start .navbar-link:focus,
  .navbar.is-link .navbar-start .navbar-link:hover,
  .navbar.is-link .navbar-start .navbar-link.is-active,
  .navbar.is-link .navbar-end > a.navbar-item:focus,
  .navbar.is-link .navbar-end > a.navbar-item:hover,
  .navbar.is-link .navbar-end > a.navbar-item.is-active,
  .navbar.is-link .navbar-end .navbar-link:focus,
  .navbar.is-link .navbar-end .navbar-link:hover,
  .navbar.is-link .navbar-end .navbar-link.is-active {
    background-color: var(--link);
    color: var(--link--color-invert);
  }
  .navbar.is-link .navbar-start .navbar-link::after,
  .navbar.is-link .navbar-end .navbar-link::after {
    border-color: var(--link--color-invert);
  }
  .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: var(--link);
    color: var(--link--color-invert);
  }
  .navbar.is-link .navbar-dropdown a.navbar-item.is-active {
    background-color: var(--link);
    color: var(--link--color-invert);
  }
}
.navbar.is-info {
  background-color: var(--info);
  color: var(--info--color-invert);
}
.navbar.is-info .navbar-brand > .navbar-item,
.navbar.is-info .navbar-brand .navbar-link {
  color: var(--info--color-invert);
}
.navbar.is-info .navbar-brand > a.navbar-item:focus, .navbar.is-info .navbar-brand > a.navbar-item:hover, .navbar.is-info .navbar-brand > a.navbar-item.is-active,
.navbar.is-info .navbar-brand .navbar-link:focus,
.navbar.is-info .navbar-brand .navbar-link:hover,
.navbar.is-info .navbar-brand .navbar-link.is-active {
  background-color: var(--info);
  color: var(--info--color-invert);
}
.navbar.is-info .navbar-brand .navbar-link::after {
  border-color: var(--info--color-invert);
}
.navbar.is-info .navbar-burger {
  color: var(--info--color-invert);
}
@media screen and (min-width: 1024px) {
  .navbar.is-info .navbar-start > .navbar-item,
  .navbar.is-info .navbar-start .navbar-link,
  .navbar.is-info .navbar-end > .navbar-item,
  .navbar.is-info .navbar-end .navbar-link {
    color: var(--info--color-invert);
  }
  .navbar.is-info .navbar-start > a.navbar-item:focus, .navbar.is-info .navbar-start > a.navbar-item:hover, .navbar.is-info .navbar-start > a.navbar-item.is-active,
  .navbar.is-info .navbar-start .navbar-link:focus,
  .navbar.is-info .navbar-start .navbar-link:hover,
  .navbar.is-info .navbar-start .navbar-link.is-active,
  .navbar.is-info .navbar-end > a.navbar-item:focus,
  .navbar.is-info .navbar-end > a.navbar-item:hover,
  .navbar.is-info .navbar-end > a.navbar-item.is-active,
  .navbar.is-info .navbar-end .navbar-link:focus,
  .navbar.is-info .navbar-end .navbar-link:hover,
  .navbar.is-info .navbar-end .navbar-link.is-active {
    background-color: var(--info);
    color: var(--info--color-invert);
  }
  .navbar.is-info .navbar-start .navbar-link::after,
  .navbar.is-info .navbar-end .navbar-link::after {
    border-color: var(--info--color-invert);
  }
  .navbar.is-info .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: var(--info);
    color: var(--info--color-invert);
  }
  .navbar.is-info .navbar-dropdown a.navbar-item.is-active {
    background-color: var(--info);
    color: var(--info--color-invert);
  }
}
.navbar.is-success {
  background-color: var(--success);
  color: var(--success--color-invert);
}
.navbar.is-success .navbar-brand > .navbar-item,
.navbar.is-success .navbar-brand .navbar-link {
  color: var(--success--color-invert);
}
.navbar.is-success .navbar-brand > a.navbar-item:focus, .navbar.is-success .navbar-brand > a.navbar-item:hover, .navbar.is-success .navbar-brand > a.navbar-item.is-active,
.navbar.is-success .navbar-brand .navbar-link:focus,
.navbar.is-success .navbar-brand .navbar-link:hover,
.navbar.is-success .navbar-brand .navbar-link.is-active {
  background-color: var(--success);
  color: var(--success--color-invert);
}
.navbar.is-success .navbar-brand .navbar-link::after {
  border-color: var(--success--color-invert);
}
.navbar.is-success .navbar-burger {
  color: var(--success--color-invert);
}
@media screen and (min-width: 1024px) {
  .navbar.is-success .navbar-start > .navbar-item,
  .navbar.is-success .navbar-start .navbar-link,
  .navbar.is-success .navbar-end > .navbar-item,
  .navbar.is-success .navbar-end .navbar-link {
    color: var(--success--color-invert);
  }
  .navbar.is-success .navbar-start > a.navbar-item:focus, .navbar.is-success .navbar-start > a.navbar-item:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active,
  .navbar.is-success .navbar-start .navbar-link:focus,
  .navbar.is-success .navbar-start .navbar-link:hover,
  .navbar.is-success .navbar-start .navbar-link.is-active,
  .navbar.is-success .navbar-end > a.navbar-item:focus,
  .navbar.is-success .navbar-end > a.navbar-item:hover,
  .navbar.is-success .navbar-end > a.navbar-item.is-active,
  .navbar.is-success .navbar-end .navbar-link:focus,
  .navbar.is-success .navbar-end .navbar-link:hover,
  .navbar.is-success .navbar-end .navbar-link.is-active {
    background-color: var(--success);
    color: var(--success--color-invert);
  }
  .navbar.is-success .navbar-start .navbar-link::after,
  .navbar.is-success .navbar-end .navbar-link::after {
    border-color: var(--success--color-invert);
  }
  .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: var(--success);
    color: var(--success--color-invert);
  }
  .navbar.is-success .navbar-dropdown a.navbar-item.is-active {
    background-color: var(--success);
    color: var(--success--color-invert);
  }
}
.navbar.is-warning {
  background-color: var(--warning);
  color: var(--warning--color-invert);
}
.navbar.is-warning .navbar-brand > .navbar-item,
.navbar.is-warning .navbar-brand .navbar-link {
  color: var(--warning--color-invert);
}
.navbar.is-warning .navbar-brand > a.navbar-item:focus, .navbar.is-warning .navbar-brand > a.navbar-item:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active,
.navbar.is-warning .navbar-brand .navbar-link:focus,
.navbar.is-warning .navbar-brand .navbar-link:hover,
.navbar.is-warning .navbar-brand .navbar-link.is-active {
  background-color: var(--warning);
  color: var(--warning--color-invert);
}
.navbar.is-warning .navbar-brand .navbar-link::after {
  border-color: var(--warning--color-invert);
}
.navbar.is-warning .navbar-burger {
  color: var(--warning--color-invert);
}
@media screen and (min-width: 1024px) {
  .navbar.is-warning .navbar-start > .navbar-item,
  .navbar.is-warning .navbar-start .navbar-link,
  .navbar.is-warning .navbar-end > .navbar-item,
  .navbar.is-warning .navbar-end .navbar-link {
    color: var(--warning--color-invert);
  }
  .navbar.is-warning .navbar-start > a.navbar-item:focus, .navbar.is-warning .navbar-start > a.navbar-item:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active,
  .navbar.is-warning .navbar-start .navbar-link:focus,
  .navbar.is-warning .navbar-start .navbar-link:hover,
  .navbar.is-warning .navbar-start .navbar-link.is-active,
  .navbar.is-warning .navbar-end > a.navbar-item:focus,
  .navbar.is-warning .navbar-end > a.navbar-item:hover,
  .navbar.is-warning .navbar-end > a.navbar-item.is-active,
  .navbar.is-warning .navbar-end .navbar-link:focus,
  .navbar.is-warning .navbar-end .navbar-link:hover,
  .navbar.is-warning .navbar-end .navbar-link.is-active {
    background-color: var(--warning);
    color: var(--warning--color-invert);
  }
  .navbar.is-warning .navbar-start .navbar-link::after,
  .navbar.is-warning .navbar-end .navbar-link::after {
    border-color: var(--warning--color-invert);
  }
  .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: var(--warning);
    color: var(--warning--color-invert);
  }
  .navbar.is-warning .navbar-dropdown a.navbar-item.is-active {
    background-color: var(--warning);
    color: var(--warning--color-invert);
  }
}
.navbar.is-danger {
  background-color: var(--danger);
  color: var(--danger--color-invert);
}
.navbar.is-danger .navbar-brand > .navbar-item,
.navbar.is-danger .navbar-brand .navbar-link {
  color: var(--danger--color-invert);
}
.navbar.is-danger .navbar-brand > a.navbar-item:focus, .navbar.is-danger .navbar-brand > a.navbar-item:hover, .navbar.is-danger .navbar-brand > a.navbar-item.is-active,
.navbar.is-danger .navbar-brand .navbar-link:focus,
.navbar.is-danger .navbar-brand .navbar-link:hover,
.navbar.is-danger .navbar-brand .navbar-link.is-active {
  background-color: var(--danger);
  color: var(--danger--color-invert);
}
.navbar.is-danger .navbar-brand .navbar-link::after {
  border-color: var(--danger--color-invert);
}
.navbar.is-danger .navbar-burger {
  color: var(--danger--color-invert);
}
@media screen and (min-width: 1024px) {
  .navbar.is-danger .navbar-start > .navbar-item,
  .navbar.is-danger .navbar-start .navbar-link,
  .navbar.is-danger .navbar-end > .navbar-item,
  .navbar.is-danger .navbar-end .navbar-link {
    color: var(--danger--color-invert);
  }
  .navbar.is-danger .navbar-start > a.navbar-item:focus, .navbar.is-danger .navbar-start > a.navbar-item:hover, .navbar.is-danger .navbar-start > a.navbar-item.is-active,
  .navbar.is-danger .navbar-start .navbar-link:focus,
  .navbar.is-danger .navbar-start .navbar-link:hover,
  .navbar.is-danger .navbar-start .navbar-link.is-active,
  .navbar.is-danger .navbar-end > a.navbar-item:focus,
  .navbar.is-danger .navbar-end > a.navbar-item:hover,
  .navbar.is-danger .navbar-end > a.navbar-item.is-active,
  .navbar.is-danger .navbar-end .navbar-link:focus,
  .navbar.is-danger .navbar-end .navbar-link:hover,
  .navbar.is-danger .navbar-end .navbar-link.is-active {
    background-color: var(--danger);
    color: var(--danger--color-invert);
  }
  .navbar.is-danger .navbar-start .navbar-link::after,
  .navbar.is-danger .navbar-end .navbar-link::after {
    border-color: var(--danger--color-invert);
  }
  .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: var(--danger);
    color: var(--danger--color-invert);
  }
  .navbar.is-danger .navbar-dropdown a.navbar-item.is-active {
    background-color: var(--danger);
    color: var(--danger--color-invert);
  }
}
.navbar > .container {
  align-items: stretch;
  display: flex;
  min-height: 3.25rem;
  width: 100%;
}
.navbar.has-shadow {
  box-shadow: 0 2px 0 0 hsl(0, 0%, 96%);
}
.navbar.is-fixed-bottom, .navbar.is-fixed-top {
  left: 0;
  position: fixed;
  right: 0;
  z-index: 30;
}
.navbar.is-fixed-bottom {
  bottom: 0;
}
.navbar.is-fixed-bottom.has-shadow {
  box-shadow: 0 -2px 0 0 hsl(0, 0%, 96%);
}
.navbar.is-fixed-top {
  top: 0;
}

html.has-navbar-fixed-top,
body.has-navbar-fixed-top {
  padding-top: 3.25rem;
}
html.has-navbar-fixed-bottom,
body.has-navbar-fixed-bottom {
  padding-bottom: 3.25rem;
}

.navbar-brand,
.navbar-tabs {
  align-items: stretch;
  display: flex;
  flex-shrink: 0;
  min-height: 3.25rem;
}

.navbar-brand a.navbar-item:focus, .navbar-brand a.navbar-item:hover {
  background-color: transparent;
}

.navbar-tabs {
  -webkit-overflow-scrolling: touch;
  max-width: 100vw;
  overflow-x: auto;
  overflow-y: hidden;
}

.navbar-burger {
  color: hsl(0, 0%, 29%);
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: none;
  cursor: pointer;
  display: block;
  height: 3.25rem;
  position: relative;
  width: 3.25rem;
}
.navbar-burger span {
  background-color: currentColor;
  display: block;
  height: 1px;
  left: calc(50% - 8px);
  position: absolute;
  transform-origin: center;
  transition-duration: 86ms;
  transition-property: background-color, opacity, transform;
  transition-timing-function: ease-out;
  width: 16px;
}
.navbar-burger span:nth-child(1) {
  top: calc(50% - 6px);
}
.navbar-burger span:nth-child(2) {
  top: calc(50% - 1px);
}
.navbar-burger span:nth-child(3) {
  top: calc(50% + 4px);
}
.navbar-burger:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.navbar-burger.is-active span:nth-child(1) {
  transform: translateY(5px) rotate(45deg);
}
.navbar-burger.is-active span:nth-child(2) {
  opacity: 0;
}
.navbar-burger.is-active span:nth-child(3) {
  transform: translateY(-5px) rotate(-45deg);
}
.navbar-burger {
  margin-left: auto;
}

.navbar-menu {
  display: none;
}

.navbar-item,
.navbar-link {
  color: hsl(0, 0%, 29%);
  display: block;
  line-height: 1.5;
  padding: 0.5rem 0.75rem;
  position: relative;
}
.navbar-item .icon:only-child,
.navbar-link .icon:only-child {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

a.navbar-item,
.navbar-link {
  cursor: pointer;
}
a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-item.is-active,
.navbar-link:focus,
.navbar-link:focus-within,
.navbar-link:hover,
.navbar-link.is-active {
  background-color: hsl(0, 0%, 98%);
  color: var(--link);
}

.navbar-item {
  flex-grow: 0;
  flex-shrink: 0;
}
.navbar-item img {
  max-height: 1.75rem;
}
.navbar-item.has-dropdown {
  padding: 0;
}
.navbar-item.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}
.navbar-item.is-tab {
  border-bottom: 1px solid transparent;
  min-height: 3.25rem;
  padding-bottom: calc(0.5rem - 1px);
}
.navbar-item.is-tab:focus, .navbar-item.is-tab:hover {
  background-color: transparent;
  border-bottom-color: var(--link);
}
.navbar-item.is-tab.is-active {
  background-color: transparent;
  border-bottom-color: var(--link);
  border-bottom-style: solid;
  border-bottom-width: 3px;
  color: var(--link);
  padding-bottom: calc(0.5rem - 3px);
}

.navbar-content {
  flex-grow: 1;
  flex-shrink: 1;
}

.navbar-link:not(.is-arrowless) {
  padding-right: 2.5em;
}
.navbar-link:not(.is-arrowless)::after {
  border-color: var(--link);
  margin-top: -0.375em;
  right: 1.125em;
}

.navbar-dropdown {
  font-size: 0.875rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.navbar-dropdown .navbar-item {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.navbar-divider {
  background-color: hsl(0, 0%, 96%);
  border: none;
  display: none;
  height: 2px;
  margin: 0.5rem 0;
}

@media screen and (max-width: 1023px) {
  .navbar > .container {
    display: block;
  }
  .navbar-brand .navbar-item,
  .navbar-tabs .navbar-item {
    align-items: center;
    display: flex;
  }
  .navbar-link::after {
    display: none;
  }
  .navbar-menu {
    background-color: var(--white);
    box-shadow: 0 8px 16px hsla(0, 0%, 4%, 0.1);
    padding: 0.5rem 0;
  }
  .navbar-menu.is-active {
    display: block;
  }
  .navbar.is-fixed-bottom-touch, .navbar.is-fixed-top-touch {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 30;
  }
  .navbar.is-fixed-bottom-touch {
    bottom: 0;
  }
  .navbar.is-fixed-bottom-touch.has-shadow {
    box-shadow: 0 -2px 3px hsla(0, 0%, 4%, 0.1);
  }
  .navbar.is-fixed-top-touch {
    top: 0;
  }
  .navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu {
    -webkit-overflow-scrolling: touch;
    max-height: calc(100vh - 3.25rem);
    overflow: auto;
  }
  html.has-navbar-fixed-top-touch,
  body.has-navbar-fixed-top-touch {
    padding-top: 3.25rem;
  }
  html.has-navbar-fixed-bottom-touch,
  body.has-navbar-fixed-bottom-touch {
    padding-bottom: 3.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .navbar,
  .navbar-menu,
  .navbar-start,
  .navbar-end {
    align-items: stretch;
    display: flex;
  }
  .navbar {
    min-height: 3.25rem;
  }
  .navbar.is-spaced {
    padding: 1rem 2rem;
  }
  .navbar.is-spaced .navbar-start,
  .navbar.is-spaced .navbar-end {
    align-items: center;
  }
  .navbar.is-spaced a.navbar-item,
  .navbar.is-spaced .navbar-link {
    border-radius: 4px;
  }
  .navbar.is-transparent a.navbar-item:focus, .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active,
  .navbar.is-transparent .navbar-link:focus,
  .navbar.is-transparent .navbar-link:hover,
  .navbar.is-transparent .navbar-link.is-active {
    background-color: transparent !important;
  }
  .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
    background-color: transparent !important;
  }
  .navbar.is-transparent .navbar-dropdown a.navbar-item:focus, .navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
    background-color: hsl(0, 0%, 96%);
    color: hsl(0, 0%, 4%);
  }
  .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
    background-color: hsl(0, 0%, 96%);
    color: var(--link);
  }
  .navbar-burger {
    display: none;
  }
  .navbar-item,
  .navbar-link {
    align-items: center;
    display: flex;
  }
  .navbar-item.has-dropdown {
    align-items: stretch;
  }
  .navbar-item.has-dropdown-up .navbar-link::after {
    transform: rotate(135deg) translate(0.25em, -0.25em);
  }
  .navbar-item.has-dropdown-up .navbar-dropdown {
    border-bottom: 2px solid var(--border);
    border-radius: 6px 6px 0 0;
    border-top: none;
    bottom: 100%;
    box-shadow: 0 -8px 8px hsla(0, 0%, 4%, 0.1);
    top: auto;
  }
  .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown {
    display: block;
  }
  .navbar.is-spaced .navbar-item.is-active .navbar-dropdown, .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }
  .navbar-menu {
    flex-grow: 1;
    flex-shrink: 0;
  }
  .navbar-start {
    justify-content: flex-start;
    margin-right: auto;
  }
  .navbar-end {
    justify-content: flex-end;
    margin-left: auto;
  }
  .navbar-dropdown {
    background-color: var(--white);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top: 2px solid var(--border);
    box-shadow: 0 8px 8px hsla(0, 0%, 4%, 0.1);
    display: none;
    font-size: 0.875rem;
    left: 0;
    min-width: 100%;
    position: absolute;
    top: 100%;
    z-index: 20;
  }
  .navbar-dropdown .navbar-item {
    padding: 0.375rem 1rem;
    white-space: nowrap;
  }
  .navbar-dropdown a.navbar-item {
    padding-right: 3rem;
  }
  .navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover {
    background-color: hsl(0, 0%, 96%);
    color: hsl(0, 0%, 4%);
  }
  .navbar-dropdown a.navbar-item.is-active {
    background-color: hsl(0, 0%, 96%);
    color: var(--link);
  }
  .navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed {
    border-radius: 6px;
    border-top: none;
    box-shadow: 0 8px 8px hsla(0, 0%, 4%, 0.1), 0 0 0 1px hsla(0, 0%, 4%, 0.1);
    display: block;
    opacity: 0;
    pointer-events: none;
    top: calc(100% + (-4px));
    transform: translateY(-5px);
    transition-duration: 86ms;
    transition-property: opacity, transform;
  }
  .navbar-dropdown.is-right {
    left: auto;
    right: 0;
  }
  .navbar-divider {
    display: block;
  }
  .navbar > .container .navbar-brand,
  .container > .navbar .navbar-brand {
    margin-left: -0.75rem;
  }
  .navbar > .container .navbar-menu,
  .container > .navbar .navbar-menu {
    margin-right: -0.75rem;
  }
  .navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 30;
  }
  .navbar.is-fixed-bottom-desktop {
    bottom: 0;
  }
  .navbar.is-fixed-bottom-desktop.has-shadow {
    box-shadow: 0 -2px 3px hsla(0, 0%, 4%, 0.1);
  }
  .navbar.is-fixed-top-desktop {
    top: 0;
  }
  html.has-navbar-fixed-top-desktop,
  body.has-navbar-fixed-top-desktop {
    padding-top: 3.25rem;
  }
  html.has-navbar-fixed-bottom-desktop,
  body.has-navbar-fixed-bottom-desktop {
    padding-bottom: 3.25rem;
  }
  html.has-spaced-navbar-fixed-top,
  body.has-spaced-navbar-fixed-top {
    padding-top: 5.25rem;
  }
  html.has-spaced-navbar-fixed-bottom,
  body.has-spaced-navbar-fixed-bottom {
    padding-bottom: 5.25rem;
  }
  a.navbar-item.is-active,
  .navbar-link.is-active {
    color: hsl(0, 0%, 4%);
  }
  a.navbar-item.is-active:not(:focus):not(:hover),
  .navbar-link.is-active:not(:focus):not(:hover) {
    background-color: transparent;
  }
  .navbar-item.has-dropdown:focus .navbar-link, .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: hsl(0, 0%, 98%);
  }
}
.hero.is-fullheight-with-navbar {
  min-height: calc(100vh - 3.25rem);
}

.pagination {
  font-size: 1rem;
  margin: -0.25rem;
}
.pagination.is-small {
  font-size: 0.75rem;
}
.pagination.is-medium {
  font-size: 1.25rem;
}
.pagination.is-large {
  font-size: 1.5rem;
}
.pagination.is-rounded .pagination-previous,
.pagination.is-rounded .pagination-next {
  padding-left: 1em;
  padding-right: 1em;
  border-radius: 9999px;
}
.pagination.is-rounded .pagination-link {
  border-radius: 9999px;
}

.pagination,
.pagination-list {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
}

.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis {
  font-size: 1em;
  justify-content: center;
  margin: 0.25rem;
  padding-left: 0.5em;
  padding-right: 0.5em;
  text-align: center;
}

.pagination-previous,
.pagination-next,
.pagination-link {
  border-color: var(--border);
  color: hsl(0, 0%, 21%);
  min-width: 2.5em;
}
.pagination-previous:hover,
.pagination-next:hover,
.pagination-link:hover {
  border-color: hsl(0, 0%, 71%);
  color: hsl(0, 0%, 21%);
}
.pagination-previous:focus,
.pagination-next:focus,
.pagination-link:focus {
  border-color: hsl(229, 53%, 53%);
}
.pagination-previous:active,
.pagination-next:active,
.pagination-link:active {
  box-shadow: inset 0 1px 2px hsla(0, 0%, 4%, 0.2);
}
.pagination-previous[disabled], .pagination-previous.is-disabled,
.pagination-next[disabled],
.pagination-next.is-disabled,
.pagination-link[disabled],
.pagination-link.is-disabled {
  background-color: var(--border);
  border-color: var(--border);
  box-shadow: none;
  color: hsl(0, 0%, 48%);
  opacity: 0.5;
}

.pagination-previous,
.pagination-next {
  padding-left: 0.75em;
  padding-right: 0.75em;
  white-space: nowrap;
}

.pagination-link.is-current {
  background-color: var(--link);
  border-color: var(--link);
  color: var(--link--color-invert);
}

.pagination-ellipsis {
  color: hsl(0, 0%, 71%);
  pointer-events: none;
}

.pagination-list {
  flex-wrap: wrap;
}
.pagination-list li {
  list-style: none;
}

@media screen and (max-width: 768px) {
  .pagination {
    flex-wrap: wrap;
  }
  .pagination-previous,
  .pagination-next {
    flex-grow: 1;
    flex-shrink: 1;
  }
  .pagination-list li {
    flex-grow: 1;
    flex-shrink: 1;
  }
}
@media screen and (min-width: 769px), print {
  .pagination-list {
    flex-grow: 1;
    flex-shrink: 1;
    justify-content: flex-start;
    order: 1;
  }
  .pagination-previous,
  .pagination-next,
  .pagination-link,
  .pagination-ellipsis {
    margin-bottom: 0;
    margin-top: 0;
  }
  .pagination-previous {
    order: 2;
  }
  .pagination-next {
    order: 3;
  }
  .pagination {
    justify-content: space-between;
    margin-bottom: 0;
    margin-top: 0;
  }
  .pagination.is-centered .pagination-previous {
    order: 1;
  }
  .pagination.is-centered .pagination-list {
    justify-content: center;
    order: 2;
  }
  .pagination.is-centered .pagination-next {
    order: 3;
  }
  .pagination.is-right .pagination-previous {
    order: 1;
  }
  .pagination.is-right .pagination-next {
    order: 2;
  }
  .pagination.is-right .pagination-list {
    justify-content: flex-end;
    order: 3;
  }
}
.panel {
  border-radius: 6px;
  box-shadow: 0 0.5em 1em -0.125em hsla(0, 0%, 4%, 0.1), 0 0px 0 1px hsla(0, 0%, 4%, 0.02);
  font-size: 1rem;
}
.panel:not(:last-child) {
  margin-bottom: 1.5rem;
}
.panel.is-white .panel-heading {
  background-color: var(--white);
  color: hsl(0, 0%, 4%);
}
.panel.is-white .panel-tabs a.is-active {
  border-bottom-color: var(--white);
}
.panel.is-white .panel-block.is-active .panel-icon {
  color: var(--white);
}
.panel.is-black .panel-heading {
  background-color: hsl(0, 0%, 4%);
  color: var(--white);
}
.panel.is-black .panel-tabs a.is-active {
  border-bottom-color: hsl(0, 0%, 4%);
}
.panel.is-black .panel-block.is-active .panel-icon {
  color: hsl(0, 0%, 4%);
}
.panel.is-light .panel-heading {
  background-color: hsl(0, 0%, 96%);
  color: rgba(0, 0, 0, 0.7);
}
.panel.is-light .panel-tabs a.is-active {
  border-bottom-color: hsl(0, 0%, 96%);
}
.panel.is-light .panel-block.is-active .panel-icon {
  color: hsl(0, 0%, 96%);
}
.panel.is-dark .panel-heading {
  background-color: var(--dark);
  color: var(--dark--color-invert);
}
.panel.is-dark .panel-tabs a.is-active {
  border-bottom-color: var(--dark);
}
.panel.is-dark .panel-block.is-active .panel-icon {
  color: var(--dark);
}
.panel.is-primary .panel-heading {
  background-color: var(--primary);
  color: var(--primary--color-invert);
}
.panel.is-primary .panel-tabs a.is-active {
  border-bottom-color: var(--primary);
}
.panel.is-primary .panel-block.is-active .panel-icon {
  color: var(--primary);
}
.panel.is-link .panel-heading {
  background-color: var(--link);
  color: var(--link--color-invert);
}
.panel.is-link .panel-tabs a.is-active {
  border-bottom-color: var(--link);
}
.panel.is-link .panel-block.is-active .panel-icon {
  color: var(--link);
}
.panel.is-info .panel-heading {
  background-color: var(--info);
  color: var(--info--color-invert);
}
.panel.is-info .panel-tabs a.is-active {
  border-bottom-color: var(--info);
}
.panel.is-info .panel-block.is-active .panel-icon {
  color: var(--info);
}
.panel.is-success .panel-heading {
  background-color: var(--success);
  color: var(--success--color-invert);
}
.panel.is-success .panel-tabs a.is-active {
  border-bottom-color: var(--success);
}
.panel.is-success .panel-block.is-active .panel-icon {
  color: var(--success);
}
.panel.is-warning .panel-heading {
  background-color: var(--warning);
  color: var(--warning--color-invert);
}
.panel.is-warning .panel-tabs a.is-active {
  border-bottom-color: var(--warning);
}
.panel.is-warning .panel-block.is-active .panel-icon {
  color: var(--warning);
}
.panel.is-danger .panel-heading {
  background-color: var(--danger);
  color: var(--danger--color-invert);
}
.panel.is-danger .panel-tabs a.is-active {
  border-bottom-color: var(--danger);
}
.panel.is-danger .panel-block.is-active .panel-icon {
  color: var(--danger);
}

.panel-tabs:not(:last-child),
.panel-block:not(:last-child) {
  border-bottom: 1px solid hsl(0, 0%, 93%);
}

.panel-heading {
  background-color: hsl(0, 0%, 93%);
  border-radius: 6px 6px 0 0;
  color: hsl(0, 0%, 21%);
  font-size: 1.25em;
  font-weight: 700;
  line-height: 1.25;
  padding: 0.75em 1em;
}

.panel-tabs {
  align-items: flex-end;
  display: flex;
  font-size: 0.875em;
  justify-content: center;
}
.panel-tabs a {
  border-bottom: 1px solid var(--border);
  margin-bottom: -1px;
  padding: 0.5em;
}
.panel-tabs a.is-active {
  border-bottom-color: hsl(0, 0%, 29%);
  color: hsl(0, 0%, 21%);
}

.panel-list a {
  color: hsl(0, 0%, 29%);
}
.panel-list a:hover {
  color: var(--link);
}

.panel-block {
  align-items: center;
  color: hsl(0, 0%, 21%);
  display: flex;
  justify-content: flex-start;
  padding: 0.5em 0.75em;
}
.panel-block input[type=checkbox] {
  margin-right: 0.75em;
}
.panel-block > .control {
  flex-grow: 1;
  flex-shrink: 1;
  width: 100%;
}
.panel-block.is-wrapped {
  flex-wrap: wrap;
}
.panel-block.is-active {
  border-left-color: var(--link);
  color: hsl(0, 0%, 21%);
}
.panel-block.is-active .panel-icon {
  color: var(--link);
}
.panel-block:last-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

a.panel-block,
label.panel-block {
  cursor: pointer;
}
a.panel-block:hover,
label.panel-block:hover {
  background-color: hsl(0, 0%, 96%);
}

.panel-icon {
  display: inline-block;
  font-size: 14px;
  height: 1em;
  line-height: 1em;
  text-align: center;
  vertical-align: top;
  width: 1em;
  color: hsl(0, 0%, 48%);
  margin-right: 0.75em;
}
.panel-icon .fa {
  font-size: inherit;
  line-height: inherit;
}

.tabs {
  -webkit-overflow-scrolling: touch;
  align-items: stretch;
  display: flex;
  font-size: 1rem;
  justify-content: space-between;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
}
.tabs a {
  align-items: center;
  border-bottom-color: var(--border);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  color: hsl(0, 0%, 29%);
  display: flex;
  justify-content: center;
  margin-bottom: -1px;
  padding: 0.5em 1em;
  vertical-align: top;
}
.tabs a:hover {
  border-bottom-color: hsl(0, 0%, 21%);
  color: hsl(0, 0%, 21%);
}
.tabs li {
  display: block;
}
.tabs li.is-active a {
  border-bottom-color: var(--link);
  color: var(--link);
}
.tabs ul {
  align-items: center;
  border-bottom-color: var(--border);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: flex-start;
}
.tabs ul.is-left {
  padding-right: 0.75em;
}
.tabs ul.is-center {
  flex: none;
  justify-content: center;
  padding-left: 0.75em;
  padding-right: 0.75em;
}
.tabs ul.is-right {
  justify-content: flex-end;
  padding-left: 0.75em;
}
.tabs .icon:first-child {
  margin-right: 0.5em;
}
.tabs .icon:last-child {
  margin-left: 0.5em;
}
.tabs.is-centered ul {
  justify-content: center;
}
.tabs.is-right ul {
  justify-content: flex-end;
}
.tabs.is-boxed a {
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.tabs.is-boxed a:hover {
  background-color: hsl(0, 0%, 96%);
  border-bottom-color: var(--border);
}
.tabs.is-boxed li.is-active a {
  background-color: var(--white);
  border-color: var(--border);
  border-bottom-color: transparent !important;
}
.tabs.is-fullwidth li {
  flex-grow: 1;
  flex-shrink: 0;
}
.tabs.is-toggle a {
  border-color: var(--border);
  border-style: solid;
  border-width: 1px;
  margin-bottom: 0;
  position: relative;
}
.tabs.is-toggle a:hover {
  background-color: hsl(0, 0%, 96%);
  border-color: hsl(0, 0%, 71%);
  z-index: 2;
}
.tabs.is-toggle li + li {
  margin-left: -1px;
}
.tabs.is-toggle li:first-child a {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tabs.is-toggle li:last-child a {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tabs.is-toggle li.is-active a {
  background-color: var(--link);
  border-color: var(--link);
  color: var(--link--color-invert);
  z-index: 1;
}
.tabs.is-toggle ul {
  border-bottom: none;
}
.tabs.is-toggle.is-toggle-rounded li:first-child a {
  border-bottom-left-radius: 9999px;
  border-top-left-radius: 9999px;
  padding-left: 1.25em;
}
.tabs.is-toggle.is-toggle-rounded li:last-child a {
  border-bottom-right-radius: 9999px;
  border-top-right-radius: 9999px;
  padding-right: 1.25em;
}
.tabs.is-small {
  font-size: 0.75rem;
}
.tabs.is-medium {
  font-size: 1.25rem;
}
.tabs.is-large {
  font-size: 1.5rem;
}

/* Bulma Grid */
.column {
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0.75rem;
}
.columns.is-mobile > .column.is-narrow {
  flex: none;
  width: unset;
}
.columns.is-mobile > .column.is-full {
  flex: none;
  width: 100%;
}
.columns.is-mobile > .column.is-three-quarters {
  flex: none;
  width: 75%;
}
.columns.is-mobile > .column.is-two-thirds {
  flex: none;
  width: 66.6666%;
}
.columns.is-mobile > .column.is-half {
  flex: none;
  width: 50%;
}
.columns.is-mobile > .column.is-one-third {
  flex: none;
  width: 33.3333%;
}
.columns.is-mobile > .column.is-one-quarter {
  flex: none;
  width: 25%;
}
.columns.is-mobile > .column.is-one-fifth {
  flex: none;
  width: 20%;
}
.columns.is-mobile > .column.is-two-fifths {
  flex: none;
  width: 40%;
}
.columns.is-mobile > .column.is-three-fifths {
  flex: none;
  width: 60%;
}
.columns.is-mobile > .column.is-four-fifths {
  flex: none;
  width: 80%;
}
.columns.is-mobile > .column.is-offset-three-quarters {
  margin-left: 75%;
}
.columns.is-mobile > .column.is-offset-two-thirds {
  margin-left: 66.6666%;
}
.columns.is-mobile > .column.is-offset-half {
  margin-left: 50%;
}
.columns.is-mobile > .column.is-offset-one-third {
  margin-left: 33.3333%;
}
.columns.is-mobile > .column.is-offset-one-quarter {
  margin-left: 25%;
}
.columns.is-mobile > .column.is-offset-one-fifth {
  margin-left: 20%;
}
.columns.is-mobile > .column.is-offset-two-fifths {
  margin-left: 40%;
}
.columns.is-mobile > .column.is-offset-three-fifths {
  margin-left: 60%;
}
.columns.is-mobile > .column.is-offset-four-fifths {
  margin-left: 80%;
}
.columns.is-mobile > .column.is-0 {
  flex: none;
  width: 0%;
}
.columns.is-mobile > .column.is-offset-0 {
  margin-left: 0%;
}
.columns.is-mobile > .column.is-1 {
  flex: none;
  width: 8.33333337%;
}
.columns.is-mobile > .column.is-offset-1 {
  margin-left: 8.33333337%;
}
.columns.is-mobile > .column.is-2 {
  flex: none;
  width: 16.66666674%;
}
.columns.is-mobile > .column.is-offset-2 {
  margin-left: 16.66666674%;
}
.columns.is-mobile > .column.is-3 {
  flex: none;
  width: 25%;
}
.columns.is-mobile > .column.is-offset-3 {
  margin-left: 25%;
}
.columns.is-mobile > .column.is-4 {
  flex: none;
  width: 33.33333337%;
}
.columns.is-mobile > .column.is-offset-4 {
  margin-left: 33.33333337%;
}
.columns.is-mobile > .column.is-5 {
  flex: none;
  width: 41.66666674%;
}
.columns.is-mobile > .column.is-offset-5 {
  margin-left: 41.66666674%;
}
.columns.is-mobile > .column.is-6 {
  flex: none;
  width: 50%;
}
.columns.is-mobile > .column.is-offset-6 {
  margin-left: 50%;
}
.columns.is-mobile > .column.is-7 {
  flex: none;
  width: 58.33333337%;
}
.columns.is-mobile > .column.is-offset-7 {
  margin-left: 58.33333337%;
}
.columns.is-mobile > .column.is-8 {
  flex: none;
  width: 66.66666674%;
}
.columns.is-mobile > .column.is-offset-8 {
  margin-left: 66.66666674%;
}
.columns.is-mobile > .column.is-9 {
  flex: none;
  width: 75%;
}
.columns.is-mobile > .column.is-offset-9 {
  margin-left: 75%;
}
.columns.is-mobile > .column.is-10 {
  flex: none;
  width: 83.33333337%;
}
.columns.is-mobile > .column.is-offset-10 {
  margin-left: 83.33333337%;
}
.columns.is-mobile > .column.is-11 {
  flex: none;
  width: 91.66666674%;
}
.columns.is-mobile > .column.is-offset-11 {
  margin-left: 91.66666674%;
}
.columns.is-mobile > .column.is-12 {
  flex: none;
  width: 100%;
}
.columns.is-mobile > .column.is-offset-12 {
  margin-left: 100%;
}
@media screen and (max-width: 768px) {
  .column.is-narrow-mobile {
    flex: none;
    width: unset;
  }
  .column.is-full-mobile {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-mobile {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-mobile {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-mobile {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-mobile {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-mobile {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-mobile {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-mobile {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-mobile {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-mobile {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-mobile {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-mobile {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-mobile {
    margin-left: 50%;
  }
  .column.is-offset-one-third-mobile {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-mobile {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-mobile {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-mobile {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-mobile {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-mobile {
    margin-left: 80%;
  }
  .column.is-0-mobile {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-mobile {
    margin-left: 0%;
  }
  .column.is-1-mobile {
    flex: none;
    width: 8.33333337%;
  }
  .column.is-offset-1-mobile {
    margin-left: 8.33333337%;
  }
  .column.is-2-mobile {
    flex: none;
    width: 16.66666674%;
  }
  .column.is-offset-2-mobile {
    margin-left: 16.66666674%;
  }
  .column.is-3-mobile {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-mobile {
    margin-left: 25%;
  }
  .column.is-4-mobile {
    flex: none;
    width: 33.33333337%;
  }
  .column.is-offset-4-mobile {
    margin-left: 33.33333337%;
  }
  .column.is-5-mobile {
    flex: none;
    width: 41.66666674%;
  }
  .column.is-offset-5-mobile {
    margin-left: 41.66666674%;
  }
  .column.is-6-mobile {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-mobile {
    margin-left: 50%;
  }
  .column.is-7-mobile {
    flex: none;
    width: 58.33333337%;
  }
  .column.is-offset-7-mobile {
    margin-left: 58.33333337%;
  }
  .column.is-8-mobile {
    flex: none;
    width: 66.66666674%;
  }
  .column.is-offset-8-mobile {
    margin-left: 66.66666674%;
  }
  .column.is-9-mobile {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-mobile {
    margin-left: 75%;
  }
  .column.is-10-mobile {
    flex: none;
    width: 83.33333337%;
  }
  .column.is-offset-10-mobile {
    margin-left: 83.33333337%;
  }
  .column.is-11-mobile {
    flex: none;
    width: 91.66666674%;
  }
  .column.is-offset-11-mobile {
    margin-left: 91.66666674%;
  }
  .column.is-12-mobile {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-mobile {
    margin-left: 100%;
  }
}
@media screen and (min-width: 769px), print {
  .column.is-narrow, .column.is-narrow-tablet {
    flex: none;
    width: unset;
  }
  .column.is-full, .column.is-full-tablet {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters, .column.is-three-quarters-tablet {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds, .column.is-two-thirds-tablet {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half, .column.is-half-tablet {
    flex: none;
    width: 50%;
  }
  .column.is-one-third, .column.is-one-third-tablet {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter, .column.is-one-quarter-tablet {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth, .column.is-one-fifth-tablet {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths, .column.is-two-fifths-tablet {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths, .column.is-three-fifths-tablet {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths, .column.is-four-fifths-tablet {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet {
    margin-left: 66.6666%;
  }
  .column.is-offset-half, .column.is-offset-half-tablet {
    margin-left: 50%;
  }
  .column.is-offset-one-third, .column.is-offset-one-third-tablet {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet {
    margin-left: 80%;
  }
  .column.is-0, .column.is-0-tablet {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0, .column.is-offset-0-tablet {
    margin-left: 0%;
  }
  .column.is-1, .column.is-1-tablet {
    flex: none;
    width: 8.33333337%;
  }
  .column.is-offset-1, .column.is-offset-1-tablet {
    margin-left: 8.33333337%;
  }
  .column.is-2, .column.is-2-tablet {
    flex: none;
    width: 16.66666674%;
  }
  .column.is-offset-2, .column.is-offset-2-tablet {
    margin-left: 16.66666674%;
  }
  .column.is-3, .column.is-3-tablet {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3, .column.is-offset-3-tablet {
    margin-left: 25%;
  }
  .column.is-4, .column.is-4-tablet {
    flex: none;
    width: 33.33333337%;
  }
  .column.is-offset-4, .column.is-offset-4-tablet {
    margin-left: 33.33333337%;
  }
  .column.is-5, .column.is-5-tablet {
    flex: none;
    width: 41.66666674%;
  }
  .column.is-offset-5, .column.is-offset-5-tablet {
    margin-left: 41.66666674%;
  }
  .column.is-6, .column.is-6-tablet {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6, .column.is-offset-6-tablet {
    margin-left: 50%;
  }
  .column.is-7, .column.is-7-tablet {
    flex: none;
    width: 58.33333337%;
  }
  .column.is-offset-7, .column.is-offset-7-tablet {
    margin-left: 58.33333337%;
  }
  .column.is-8, .column.is-8-tablet {
    flex: none;
    width: 66.66666674%;
  }
  .column.is-offset-8, .column.is-offset-8-tablet {
    margin-left: 66.66666674%;
  }
  .column.is-9, .column.is-9-tablet {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9, .column.is-offset-9-tablet {
    margin-left: 75%;
  }
  .column.is-10, .column.is-10-tablet {
    flex: none;
    width: 83.33333337%;
  }
  .column.is-offset-10, .column.is-offset-10-tablet {
    margin-left: 83.33333337%;
  }
  .column.is-11, .column.is-11-tablet {
    flex: none;
    width: 91.66666674%;
  }
  .column.is-offset-11, .column.is-offset-11-tablet {
    margin-left: 91.66666674%;
  }
  .column.is-12, .column.is-12-tablet {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12, .column.is-offset-12-tablet {
    margin-left: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .column.is-narrow-touch {
    flex: none;
    width: unset;
  }
  .column.is-full-touch {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-touch {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-touch {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-touch {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-touch {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-touch {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-touch {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-touch {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-touch {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-touch {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-touch {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-touch {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-touch {
    margin-left: 50%;
  }
  .column.is-offset-one-third-touch {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-touch {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-touch {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-touch {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-touch {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-touch {
    margin-left: 80%;
  }
  .column.is-0-touch {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-touch {
    margin-left: 0%;
  }
  .column.is-1-touch {
    flex: none;
    width: 8.33333337%;
  }
  .column.is-offset-1-touch {
    margin-left: 8.33333337%;
  }
  .column.is-2-touch {
    flex: none;
    width: 16.66666674%;
  }
  .column.is-offset-2-touch {
    margin-left: 16.66666674%;
  }
  .column.is-3-touch {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-touch {
    margin-left: 25%;
  }
  .column.is-4-touch {
    flex: none;
    width: 33.33333337%;
  }
  .column.is-offset-4-touch {
    margin-left: 33.33333337%;
  }
  .column.is-5-touch {
    flex: none;
    width: 41.66666674%;
  }
  .column.is-offset-5-touch {
    margin-left: 41.66666674%;
  }
  .column.is-6-touch {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-touch {
    margin-left: 50%;
  }
  .column.is-7-touch {
    flex: none;
    width: 58.33333337%;
  }
  .column.is-offset-7-touch {
    margin-left: 58.33333337%;
  }
  .column.is-8-touch {
    flex: none;
    width: 66.66666674%;
  }
  .column.is-offset-8-touch {
    margin-left: 66.66666674%;
  }
  .column.is-9-touch {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-touch {
    margin-left: 75%;
  }
  .column.is-10-touch {
    flex: none;
    width: 83.33333337%;
  }
  .column.is-offset-10-touch {
    margin-left: 83.33333337%;
  }
  .column.is-11-touch {
    flex: none;
    width: 91.66666674%;
  }
  .column.is-offset-11-touch {
    margin-left: 91.66666674%;
  }
  .column.is-12-touch {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-touch {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .column.is-narrow-desktop {
    flex: none;
    width: unset;
  }
  .column.is-full-desktop {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-desktop {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-desktop {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-desktop {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-desktop {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-desktop {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-desktop {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-desktop {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-desktop {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-desktop {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-desktop {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-desktop {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-desktop {
    margin-left: 50%;
  }
  .column.is-offset-one-third-desktop {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-desktop {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-desktop {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-desktop {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-desktop {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-desktop {
    margin-left: 80%;
  }
  .column.is-0-desktop {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-desktop {
    margin-left: 0%;
  }
  .column.is-1-desktop {
    flex: none;
    width: 8.33333337%;
  }
  .column.is-offset-1-desktop {
    margin-left: 8.33333337%;
  }
  .column.is-2-desktop {
    flex: none;
    width: 16.66666674%;
  }
  .column.is-offset-2-desktop {
    margin-left: 16.66666674%;
  }
  .column.is-3-desktop {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-desktop {
    margin-left: 25%;
  }
  .column.is-4-desktop {
    flex: none;
    width: 33.33333337%;
  }
  .column.is-offset-4-desktop {
    margin-left: 33.33333337%;
  }
  .column.is-5-desktop {
    flex: none;
    width: 41.66666674%;
  }
  .column.is-offset-5-desktop {
    margin-left: 41.66666674%;
  }
  .column.is-6-desktop {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-desktop {
    margin-left: 50%;
  }
  .column.is-7-desktop {
    flex: none;
    width: 58.33333337%;
  }
  .column.is-offset-7-desktop {
    margin-left: 58.33333337%;
  }
  .column.is-8-desktop {
    flex: none;
    width: 66.66666674%;
  }
  .column.is-offset-8-desktop {
    margin-left: 66.66666674%;
  }
  .column.is-9-desktop {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-desktop {
    margin-left: 75%;
  }
  .column.is-10-desktop {
    flex: none;
    width: 83.33333337%;
  }
  .column.is-offset-10-desktop {
    margin-left: 83.33333337%;
  }
  .column.is-11-desktop {
    flex: none;
    width: 91.66666674%;
  }
  .column.is-offset-11-desktop {
    margin-left: 91.66666674%;
  }
  .column.is-12-desktop {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-desktop {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1216px) {
  .column.is-narrow-widescreen {
    flex: none;
    width: unset;
  }
  .column.is-full-widescreen {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-widescreen {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-widescreen {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-widescreen {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-widescreen {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-widescreen {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-widescreen {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-widescreen {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-widescreen {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-widescreen {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-widescreen {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-widescreen {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-widescreen {
    margin-left: 50%;
  }
  .column.is-offset-one-third-widescreen {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-widescreen {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-widescreen {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-widescreen {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-widescreen {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-widescreen {
    margin-left: 80%;
  }
  .column.is-0-widescreen {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-widescreen {
    margin-left: 0%;
  }
  .column.is-1-widescreen {
    flex: none;
    width: 8.33333337%;
  }
  .column.is-offset-1-widescreen {
    margin-left: 8.33333337%;
  }
  .column.is-2-widescreen {
    flex: none;
    width: 16.66666674%;
  }
  .column.is-offset-2-widescreen {
    margin-left: 16.66666674%;
  }
  .column.is-3-widescreen {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-widescreen {
    margin-left: 25%;
  }
  .column.is-4-widescreen {
    flex: none;
    width: 33.33333337%;
  }
  .column.is-offset-4-widescreen {
    margin-left: 33.33333337%;
  }
  .column.is-5-widescreen {
    flex: none;
    width: 41.66666674%;
  }
  .column.is-offset-5-widescreen {
    margin-left: 41.66666674%;
  }
  .column.is-6-widescreen {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-widescreen {
    margin-left: 50%;
  }
  .column.is-7-widescreen {
    flex: none;
    width: 58.33333337%;
  }
  .column.is-offset-7-widescreen {
    margin-left: 58.33333337%;
  }
  .column.is-8-widescreen {
    flex: none;
    width: 66.66666674%;
  }
  .column.is-offset-8-widescreen {
    margin-left: 66.66666674%;
  }
  .column.is-9-widescreen {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-widescreen {
    margin-left: 75%;
  }
  .column.is-10-widescreen {
    flex: none;
    width: 83.33333337%;
  }
  .column.is-offset-10-widescreen {
    margin-left: 83.33333337%;
  }
  .column.is-11-widescreen {
    flex: none;
    width: 91.66666674%;
  }
  .column.is-offset-11-widescreen {
    margin-left: 91.66666674%;
  }
  .column.is-12-widescreen {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-widescreen {
    margin-left: 100%;
  }
}

.columns {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.75rem;
}
.columns:last-child {
  margin-bottom: -0.75rem;
}
.columns:not(:last-child) {
  margin-bottom: calc(1.5rem - 0.75rem);
}
.columns.is-centered {
  justify-content: center;
}
.columns.is-gapless {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.columns.is-gapless > .column {
  margin: 0;
  padding: 0 !important;
}
.columns.is-gapless:not(:last-child) {
  margin-bottom: 1.5rem;
}
.columns.is-gapless:last-child {
  margin-bottom: 0;
}
.columns.is-mobile {
  display: flex;
}
.columns.is-multiline {
  flex-wrap: wrap;
}
.columns.is-vcentered {
  align-items: center;
}
@media screen and (min-width: 769px), print {
  .columns:not(.is-desktop) {
    display: flex;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-desktop {
    display: flex;
  }
}

.columns.is-variable {
  --columnGap: 0.75rem;
  margin-left: calc(-1 * var(--columnGap));
  margin-right: calc(-1 * var(--columnGap));
}
.columns.is-variable > .column {
  padding-left: var(--columnGap);
  padding-right: var(--columnGap);
}
.columns.is-variable.is-0 {
  --columnGap: 0rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-0-mobile {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-0-tablet {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-0-tablet-only {
    --columnGap: 0rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-0-touch {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-0-desktop {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-0-desktop-only {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-0-widescreen {
    --columnGap: 0rem;
  }
}
.columns.is-variable.is-1 {
  --columnGap: 0.25rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-1-mobile {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-1-tablet {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-1-tablet-only {
    --columnGap: 0.25rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-1-touch {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-1-desktop {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-1-desktop-only {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-1-widescreen {
    --columnGap: 0.25rem;
  }
}
.columns.is-variable.is-2 {
  --columnGap: 0.5rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-2-mobile {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-2-tablet {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-2-tablet-only {
    --columnGap: 0.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-2-touch {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-2-desktop {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-2-desktop-only {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-2-widescreen {
    --columnGap: 0.5rem;
  }
}
.columns.is-variable.is-3 {
  --columnGap: 0.75rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-3-mobile {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-3-tablet {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-3-tablet-only {
    --columnGap: 0.75rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-3-touch {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-3-desktop {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-3-desktop-only {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-3-widescreen {
    --columnGap: 0.75rem;
  }
}
.columns.is-variable.is-4 {
  --columnGap: 1rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-4-mobile {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-4-tablet {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-4-tablet-only {
    --columnGap: 1rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-4-touch {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-4-desktop {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-4-desktop-only {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-4-widescreen {
    --columnGap: 1rem;
  }
}
.columns.is-variable.is-5 {
  --columnGap: 1.25rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-5-mobile {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-5-tablet {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-5-tablet-only {
    --columnGap: 1.25rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-5-touch {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-5-desktop {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-5-desktop-only {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-5-widescreen {
    --columnGap: 1.25rem;
  }
}
.columns.is-variable.is-6 {
  --columnGap: 1.5rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-6-mobile {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-6-tablet {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-6-tablet-only {
    --columnGap: 1.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-6-touch {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-6-desktop {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-6-desktop-only {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-6-widescreen {
    --columnGap: 1.5rem;
  }
}
.columns.is-variable.is-7 {
  --columnGap: 1.75rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-7-mobile {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-7-tablet {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-7-tablet-only {
    --columnGap: 1.75rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-7-touch {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-7-desktop {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-7-desktop-only {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-7-widescreen {
    --columnGap: 1.75rem;
  }
}
.columns.is-variable.is-8 {
  --columnGap: 2rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-8-mobile {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-8-tablet {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-8-tablet-only {
    --columnGap: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-8-touch {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-8-desktop {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-8-desktop-only {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-8-widescreen {
    --columnGap: 2rem;
  }
}

.tile {
  align-items: stretch;
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  min-height: min-content;
}
.tile.is-ancestor {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.75rem;
}
.tile.is-ancestor:last-child {
  margin-bottom: -0.75rem;
}
.tile.is-ancestor:not(:last-child) {
  margin-bottom: 0.75rem;
}
.tile.is-child {
  margin: 0 !important;
}
.tile.is-parent {
  padding: 0.75rem;
}
.tile.is-vertical {
  flex-direction: column;
}
.tile.is-vertical > .tile.is-child:not(:last-child) {
  margin-bottom: 1.5rem !important;
}
@media screen and (min-width: 769px), print {
  .tile:not(.is-child) {
    display: flex;
  }
  .tile.is-1 {
    flex: none;
    width: 8.33333337%;
  }
  .tile.is-2 {
    flex: none;
    width: 16.66666674%;
  }
  .tile.is-3 {
    flex: none;
    width: 25%;
  }
  .tile.is-4 {
    flex: none;
    width: 33.33333337%;
  }
  .tile.is-5 {
    flex: none;
    width: 41.66666674%;
  }
  .tile.is-6 {
    flex: none;
    width: 50%;
  }
  .tile.is-7 {
    flex: none;
    width: 58.33333337%;
  }
  .tile.is-8 {
    flex: none;
    width: 66.66666674%;
  }
  .tile.is-9 {
    flex: none;
    width: 75%;
  }
  .tile.is-10 {
    flex: none;
    width: 83.33333337%;
  }
  .tile.is-11 {
    flex: none;
    width: 91.66666674%;
  }
  .tile.is-12 {
    flex: none;
    width: 100%;
  }
}

/* Bulma Helpers */
.has-text-white {
  color: var(--white) !important;
}

a.has-text-white:hover, a.has-text-white:focus {
  color: var(--white) !important;
}

.has-background-white {
  background-color: var(--white) !important;
}

.has-text-black {
  color: hsl(0, 0%, 4%) !important;
}

a.has-text-black:hover, a.has-text-black:focus {
  color: hsl(0, 0%, -6%) !important;
}

.has-background-black {
  background-color: hsl(0, 0%, 4%) !important;
}

.has-text-light {
  color: hsl(0, 0%, 96%) !important;
}

a.has-text-light:hover, a.has-text-light:focus {
  color: hsl(0, 0%, 86%) !important;
}

.has-background-light {
  background-color: hsl(0, 0%, 96%) !important;
}

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

a.has-text-dark:hover, a.has-text-dark:focus {
  color: var(--dark) !important;
}

.has-background-dark {
  background-color: var(--dark) !important;
}

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

a.has-text-primary:hover, a.has-text-primary:focus {
  color: var(--primary) !important;
}

.has-background-primary {
  background-color: var(--primary) !important;
}

.has-text-primary-light {
  color: var(--primary--light-color) !important;
}

a.has-text-primary-light:hover, a.has-text-primary-light:focus {
  color: var(--primary--light-color) !important;
}

.has-background-primary-light {
  background-color: var(--primary--light-color) !important;
}

.has-text-primary-dark {
  color: var(--primary--dark-color) !important;
}

a.has-text-primary-dark:hover, a.has-text-primary-dark:focus {
  color: var(--primary--dark-color) !important;
}

.has-background-primary-dark {
  background-color: var(--primary--dark-color) !important;
}

.has-text-link {
  color: var(--link) !important;
}

a.has-text-link:hover, a.has-text-link:focus {
  color: var(--link) !important;
}

.has-background-link {
  background-color: var(--link) !important;
}

.has-text-link-light {
  color: var(--link--light-color) !important;
}

a.has-text-link-light:hover, a.has-text-link-light:focus {
  color: var(--link--light-color) !important;
}

.has-background-link-light {
  background-color: var(--link--light-color) !important;
}

.has-text-link-dark {
  color: var(--link--dark-color) !important;
}

a.has-text-link-dark:hover, a.has-text-link-dark:focus {
  color: var(--link--dark-color) !important;
}

.has-background-link-dark {
  background-color: var(--link--dark-color) !important;
}

.has-text-info {
  color: var(--info) !important;
}

a.has-text-info:hover, a.has-text-info:focus {
  color: var(--info) !important;
}

.has-background-info {
  background-color: var(--info) !important;
}

.has-text-info-light {
  color: var(--info--light-color) !important;
}

a.has-text-info-light:hover, a.has-text-info-light:focus {
  color: var(--info--light-color) !important;
}

.has-background-info-light {
  background-color: var(--info--light-color) !important;
}

.has-text-info-dark {
  color: var(--info--dark-color) !important;
}

a.has-text-info-dark:hover, a.has-text-info-dark:focus {
  color: var(--info--dark-color) !important;
}

.has-background-info-dark {
  background-color: var(--info--dark-color) !important;
}

.has-text-success {
  color: var(--success) !important;
}

a.has-text-success:hover, a.has-text-success:focus {
  color: var(--success) !important;
}

.has-background-success {
  background-color: var(--success) !important;
}

.has-text-success-light {
  color: var(--success--light-color) !important;
}

a.has-text-success-light:hover, a.has-text-success-light:focus {
  color: var(--success--light-color) !important;
}

.has-background-success-light {
  background-color: var(--success--light-color) !important;
}

.has-text-success-dark {
  color: var(--success--dark-color) !important;
}

a.has-text-success-dark:hover, a.has-text-success-dark:focus {
  color: var(--success--dark-color) !important;
}

.has-background-success-dark {
  background-color: var(--success--dark-color) !important;
}

.has-text-warning {
  color: var(--warning) !important;
}

a.has-text-warning:hover, a.has-text-warning:focus {
  color: var(--warning) !important;
}

.has-background-warning {
  background-color: var(--warning) !important;
}

.has-text-warning-light {
  color: var(--warning--light-color) !important;
}

a.has-text-warning-light:hover, a.has-text-warning-light:focus {
  color: var(--warning--light-color) !important;
}

.has-background-warning-light {
  background-color: var(--warning--light-color) !important;
}

.has-text-warning-dark {
  color: var(--warning--dark-color) !important;
}

a.has-text-warning-dark:hover, a.has-text-warning-dark:focus {
  color: var(--warning--dark-color) !important;
}

.has-background-warning-dark {
  background-color: var(--warning--dark-color) !important;
}

.has-text-danger {
  color: var(--danger) !important;
}

a.has-text-danger:hover, a.has-text-danger:focus {
  color: var(--danger) !important;
}

.has-background-danger {
  background-color: var(--danger) !important;
}

.has-text-danger-light {
  color: var(--danger--light-color) !important;
}

a.has-text-danger-light:hover, a.has-text-danger-light:focus {
  color: var(--danger--light-color) !important;
}

.has-background-danger-light {
  background-color: var(--danger--light-color) !important;
}

.has-text-danger-dark {
  color: var(--danger--dark-color) !important;
}

a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
  color: var(--danger--dark-color) !important;
}

.has-background-danger-dark {
  background-color: var(--danger--dark-color) !important;
}

.has-text-black-bis {
  color: hsl(0, 0%, 7%) !important;
}

.has-background-black-bis {
  background-color: hsl(0, 0%, 7%) !important;
}

.has-text-black-ter {
  color: hsl(0, 0%, 14%) !important;
}

.has-background-black-ter {
  background-color: hsl(0, 0%, 14%) !important;
}

.has-text-grey-darker {
  color: hsl(0, 0%, 21%) !important;
}

.has-background-grey-darker {
  background-color: hsl(0, 0%, 21%) !important;
}

.has-text-grey-dark {
  color: hsl(0, 0%, 29%) !important;
}

.has-background-grey-dark {
  background-color: hsl(0, 0%, 29%) !important;
}

.has-text-grey {
  color: hsl(0, 0%, 48%) !important;
}

.has-background-grey {
  background-color: hsl(0, 0%, 48%) !important;
}

.has-text-grey-light {
  color: hsl(0, 0%, 71%) !important;
}

.has-background-grey-light {
  background-color: hsl(0, 0%, 71%) !important;
}

.has-text-grey-lighter {
  color: hsl(0, 0%, 86%) !important;
}

.has-background-grey-lighter {
  background-color: hsl(0, 0%, 86%) !important;
}

.has-text-white-ter {
  color: hsl(0, 0%, 96%) !important;
}

.has-background-white-ter {
  background-color: hsl(0, 0%, 96%) !important;
}

.has-text-white-bis {
  color: hsl(0, 0%, 98%) !important;
}

.has-background-white-bis {
  background-color: hsl(0, 0%, 98%) !important;
}

.is-flex-direction-row {
  flex-direction: row !important;
}

.is-flex-direction-row-reverse {
  flex-direction: row-reverse !important;
}

.is-flex-direction-column {
  flex-direction: column !important;
}

.is-flex-direction-column-reverse {
  flex-direction: column-reverse !important;
}

.is-flex-wrap-nowrap {
  flex-wrap: nowrap !important;
}

.is-flex-wrap-wrap {
  flex-wrap: wrap !important;
}

.is-flex-wrap-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.is-justify-content-flex-start {
  justify-content: flex-start !important;
}

.is-justify-content-flex-end {
  justify-content: flex-end !important;
}

.is-justify-content-center {
  justify-content: center !important;
}

.is-justify-content-space-between {
  justify-content: space-between !important;
}

.is-justify-content-space-around {
  justify-content: space-around !important;
}

.is-justify-content-space-evenly {
  justify-content: space-evenly !important;
}

.is-justify-content-start {
  justify-content: start !important;
}

.is-justify-content-end {
  justify-content: end !important;
}

.is-justify-content-left {
  justify-content: left !important;
}

.is-justify-content-right {
  justify-content: right !important;
}

.is-align-content-flex-start {
  align-content: flex-start !important;
}

.is-align-content-flex-end {
  align-content: flex-end !important;
}

.is-align-content-center {
  align-content: center !important;
}

.is-align-content-space-between {
  align-content: space-between !important;
}

.is-align-content-space-around {
  align-content: space-around !important;
}

.is-align-content-space-evenly {
  align-content: space-evenly !important;
}

.is-align-content-stretch {
  align-content: stretch !important;
}

.is-align-content-start {
  align-content: start !important;
}

.is-align-content-end {
  align-content: end !important;
}

.is-align-content-baseline {
  align-content: baseline !important;
}

.is-align-items-stretch {
  align-items: stretch !important;
}

.is-align-items-flex-start {
  align-items: flex-start !important;
}

.is-align-items-flex-end {
  align-items: flex-end !important;
}

.is-align-items-center {
  align-items: center !important;
}

.is-align-items-baseline {
  align-items: baseline !important;
}

.is-align-items-start {
  align-items: start !important;
}

.is-align-items-end {
  align-items: end !important;
}

.is-align-items-self-start {
  align-items: self-start !important;
}

.is-align-items-self-end {
  align-items: self-end !important;
}

.is-align-self-auto {
  align-self: auto !important;
}

.is-align-self-flex-start {
  align-self: flex-start !important;
}

.is-align-self-flex-end {
  align-self: flex-end !important;
}

.is-align-self-center {
  align-self: center !important;
}

.is-align-self-baseline {
  align-self: baseline !important;
}

.is-align-self-stretch {
  align-self: stretch !important;
}

.is-flex-grow-0 {
  flex-grow: 0 !important;
}

.is-flex-grow-1 {
  flex-grow: 1 !important;
}

.is-flex-grow-2 {
  flex-grow: 2 !important;
}

.is-flex-grow-3 {
  flex-grow: 3 !important;
}

.is-flex-grow-4 {
  flex-grow: 4 !important;
}

.is-flex-grow-5 {
  flex-grow: 5 !important;
}

.is-flex-shrink-0 {
  flex-shrink: 0 !important;
}

.is-flex-shrink-1 {
  flex-shrink: 1 !important;
}

.is-flex-shrink-2 {
  flex-shrink: 2 !important;
}

.is-flex-shrink-3 {
  flex-shrink: 3 !important;
}

.is-flex-shrink-4 {
  flex-shrink: 4 !important;
}

.is-flex-shrink-5 {
  flex-shrink: 5 !important;
}

.is-clearfix::after {
  clear: both;
  content: " ";
  display: table;
}

.is-pulled-left {
  float: left !important;
}

.is-pulled-right {
  float: right !important;
}

.is-radiusless {
  border-radius: 0 !important;
}

.is-shadowless {
  box-shadow: none !important;
}

.is-clickable {
  cursor: pointer !important;
  pointer-events: all !important;
}

.is-clipped {
  overflow: hidden !important;
}

.is-relative {
  position: relative !important;
}

.is-marginless {
  margin: 0 !important;
}

.is-paddingless {
  padding: 0 !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mr-1 {
  margin-right: 0.25rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1 {
  margin-left: 0.25rem !important;
}

.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.m-3 {
  margin: 0.75rem !important;
}

.mt-3 {
  margin-top: 0.75rem !important;
}

.mr-3 {
  margin-right: 0.75rem !important;
}

.mb-3 {
  margin-bottom: 0.75rem !important;
}

.ml-3 {
  margin-left: 0.75rem !important;
}

.mx-3 {
  margin-left: 0.75rem !important;
  margin-right: 0.75rem !important;
}

.my-3 {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

.m-4 {
  margin: 1rem !important;
}

.mt-4 {
  margin-top: 1rem !important;
}

.mr-4 {
  margin-right: 1rem !important;
}

.mb-4 {
  margin-bottom: 1rem !important;
}

.ml-4 {
  margin-left: 1rem !important;
}

.mx-4 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.my-4 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.m-5 {
  margin: 1.5rem !important;
}

.mt-5 {
  margin-top: 1.5rem !important;
}

.mr-5 {
  margin-right: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 1.5rem !important;
}

.ml-5 {
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.my-5 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.m-6 {
  margin: 3rem !important;
}

.mt-6 {
  margin-top: 3rem !important;
}

.mr-6 {
  margin-right: 3rem !important;
}

.mb-6 {
  margin-bottom: 3rem !important;
}

.ml-6 {
  margin-left: 3rem !important;
}

.mx-6 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.my-6 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pr-1 {
  padding-right: 0.25rem !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1 {
  padding-left: 0.25rem !important;
}

.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pr-2 {
  padding-right: 0.5rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2 {
  padding-left: 0.5rem !important;
}

.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.p-3 {
  padding: 0.75rem !important;
}

.pt-3 {
  padding-top: 0.75rem !important;
}

.pr-3 {
  padding-right: 0.75rem !important;
}

.pb-3 {
  padding-bottom: 0.75rem !important;
}

.pl-3 {
  padding-left: 0.75rem !important;
}

.px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.p-4 {
  padding: 1rem !important;
}

.pt-4 {
  padding-top: 1rem !important;
}

.pr-4 {
  padding-right: 1rem !important;
}

.pb-4 {
  padding-bottom: 1rem !important;
}

.pl-4 {
  padding-left: 1rem !important;
}

.px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.p-5 {
  padding: 1.5rem !important;
}

.pt-5 {
  padding-top: 1.5rem !important;
}

.pr-5 {
  padding-right: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 1.5rem !important;
}

.pl-5 {
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.py-5 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.p-6 {
  padding: 3rem !important;
}

.pt-6 {
  padding-top: 3rem !important;
}

.pr-6 {
  padding-right: 3rem !important;
}

.pb-6 {
  padding-bottom: 3rem !important;
}

.pl-6 {
  padding-left: 3rem !important;
}

.px-6 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.py-6 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.p-auto {
  padding: auto !important;
}

.pt-auto {
  padding-top: auto !important;
}

.pr-auto {
  padding-right: auto !important;
}

.pb-auto {
  padding-bottom: auto !important;
}

.pl-auto {
  padding-left: auto !important;
}

.px-auto {
  padding-left: auto !important;
  padding-right: auto !important;
}

.py-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}

.is-size-1 {
  font-size: 3rem !important;
}

.is-size-2 {
  font-size: 2.5rem !important;
}

.is-size-3 {
  font-size: 2rem !important;
}

.is-size-4 {
  font-size: 1.5rem !important;
}

.is-size-5 {
  font-size: 1.25rem !important;
}

.is-size-6 {
  font-size: 1rem !important;
}

.is-size-7 {
  font-size: 0.75rem !important;
}

@media screen and (max-width: 768px) {
  .is-size-1-mobile {
    font-size: 3rem !important;
  }
  .is-size-2-mobile {
    font-size: 2.5rem !important;
  }
  .is-size-3-mobile {
    font-size: 2rem !important;
  }
  .is-size-4-mobile {
    font-size: 1.5rem !important;
  }
  .is-size-5-mobile {
    font-size: 1.25rem !important;
  }
  .is-size-6-mobile {
    font-size: 1rem !important;
  }
  .is-size-7-mobile {
    font-size: 0.75rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-size-1-tablet {
    font-size: 3rem !important;
  }
  .is-size-2-tablet {
    font-size: 2.5rem !important;
  }
  .is-size-3-tablet {
    font-size: 2rem !important;
  }
  .is-size-4-tablet {
    font-size: 1.5rem !important;
  }
  .is-size-5-tablet {
    font-size: 1.25rem !important;
  }
  .is-size-6-tablet {
    font-size: 1rem !important;
  }
  .is-size-7-tablet {
    font-size: 0.75rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-size-1-touch {
    font-size: 3rem !important;
  }
  .is-size-2-touch {
    font-size: 2.5rem !important;
  }
  .is-size-3-touch {
    font-size: 2rem !important;
  }
  .is-size-4-touch {
    font-size: 1.5rem !important;
  }
  .is-size-5-touch {
    font-size: 1.25rem !important;
  }
  .is-size-6-touch {
    font-size: 1rem !important;
  }
  .is-size-7-touch {
    font-size: 0.75rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-size-1-desktop {
    font-size: 3rem !important;
  }
  .is-size-2-desktop {
    font-size: 2.5rem !important;
  }
  .is-size-3-desktop {
    font-size: 2rem !important;
  }
  .is-size-4-desktop {
    font-size: 1.5rem !important;
  }
  .is-size-5-desktop {
    font-size: 1.25rem !important;
  }
  .is-size-6-desktop {
    font-size: 1rem !important;
  }
  .is-size-7-desktop {
    font-size: 0.75rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-size-1-widescreen {
    font-size: 3rem !important;
  }
  .is-size-2-widescreen {
    font-size: 2.5rem !important;
  }
  .is-size-3-widescreen {
    font-size: 2rem !important;
  }
  .is-size-4-widescreen {
    font-size: 1.5rem !important;
  }
  .is-size-5-widescreen {
    font-size: 1.25rem !important;
  }
  .is-size-6-widescreen {
    font-size: 1rem !important;
  }
  .is-size-7-widescreen {
    font-size: 0.75rem !important;
  }
}
.has-text-centered {
  text-align: center !important;
}

.has-text-justified {
  text-align: justify !important;
}

.has-text-left {
  text-align: left !important;
}

.has-text-right {
  text-align: right !important;
}

@media screen and (max-width: 768px) {
  .has-text-centered-mobile {
    text-align: center !important;
  }
}
@media screen and (min-width: 769px), print {
  .has-text-centered-tablet {
    text-align: center !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-centered-tablet-only {
    text-align: center !important;
  }
}
@media screen and (max-width: 1023px) {
  .has-text-centered-touch {
    text-align: center !important;
  }
}
@media screen and (min-width: 1024px) {
  .has-text-centered-desktop {
    text-align: center !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-centered-desktop-only {
    text-align: center !important;
  }
}
@media screen and (min-width: 1216px) {
  .has-text-centered-widescreen {
    text-align: center !important;
  }
}
@media screen and (max-width: 768px) {
  .has-text-justified-mobile {
    text-align: justify !important;
  }
}
@media screen and (min-width: 769px), print {
  .has-text-justified-tablet {
    text-align: justify !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-justified-tablet-only {
    text-align: justify !important;
  }
}
@media screen and (max-width: 1023px) {
  .has-text-justified-touch {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1024px) {
  .has-text-justified-desktop {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-justified-desktop-only {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1216px) {
  .has-text-justified-widescreen {
    text-align: justify !important;
  }
}
@media screen and (max-width: 768px) {
  .has-text-left-mobile {
    text-align: left !important;
  }
}
@media screen and (min-width: 769px), print {
  .has-text-left-tablet {
    text-align: left !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-left-tablet-only {
    text-align: left !important;
  }
}
@media screen and (max-width: 1023px) {
  .has-text-left-touch {
    text-align: left !important;
  }
}
@media screen and (min-width: 1024px) {
  .has-text-left-desktop {
    text-align: left !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-left-desktop-only {
    text-align: left !important;
  }
}
@media screen and (min-width: 1216px) {
  .has-text-left-widescreen {
    text-align: left !important;
  }
}
@media screen and (max-width: 768px) {
  .has-text-right-mobile {
    text-align: right !important;
  }
}
@media screen and (min-width: 769px), print {
  .has-text-right-tablet {
    text-align: right !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-right-tablet-only {
    text-align: right !important;
  }
}
@media screen and (max-width: 1023px) {
  .has-text-right-touch {
    text-align: right !important;
  }
}
@media screen and (min-width: 1024px) {
  .has-text-right-desktop {
    text-align: right !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-right-desktop-only {
    text-align: right !important;
  }
}
@media screen and (min-width: 1216px) {
  .has-text-right-widescreen {
    text-align: right !important;
  }
}
.is-capitalized {
  text-transform: capitalize !important;
}

.is-lowercase {
  text-transform: lowercase !important;
}

.is-uppercase {
  text-transform: uppercase !important;
}

.is-italic {
  font-style: italic !important;
}

.is-underlined {
  text-decoration: underline !important;
}

.has-text-weight-light {
  font-weight: 300 !important;
}

.has-text-weight-normal {
  font-weight: 400 !important;
}

.has-text-weight-medium {
  font-weight: 500 !important;
}

.has-text-weight-semibold {
  font-weight: 600 !important;
}

.has-text-weight-bold {
  font-weight: 700 !important;
}

.is-family-primary {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}

.is-family-secondary {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}

.is-family-sans-serif {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}

.is-family-monospace {
  font-family: monospace !important;
}

.is-family-code {
  font-family: monospace !important;
}

.is-block {
  display: block !important;
}

@media screen and (max-width: 768px) {
  .is-block-mobile {
    display: block !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-block-tablet {
    display: block !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-block-tablet-only {
    display: block !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-block-touch {
    display: block !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-block-desktop {
    display: block !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-block-desktop-only {
    display: block !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-block-widescreen {
    display: block !important;
  }
}
.is-flex {
  display: flex !important;
}

@media screen and (max-width: 768px) {
  .is-flex-mobile {
    display: flex !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-flex-tablet {
    display: flex !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-flex-tablet-only {
    display: flex !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-flex-touch {
    display: flex !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-flex-desktop {
    display: flex !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-flex-desktop-only {
    display: flex !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-flex-widescreen {
    display: flex !important;
  }
}
.is-inline {
  display: inline !important;
}

@media screen and (max-width: 768px) {
  .is-inline-mobile {
    display: inline !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-inline-tablet {
    display: inline !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-inline-tablet-only {
    display: inline !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-inline-touch {
    display: inline !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-inline-desktop {
    display: inline !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-inline-desktop-only {
    display: inline !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-inline-widescreen {
    display: inline !important;
  }
}
.is-inline-block {
  display: inline-block !important;
}

@media screen and (max-width: 768px) {
  .is-inline-block-mobile {
    display: inline-block !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-inline-block-tablet {
    display: inline-block !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-inline-block-tablet-only {
    display: inline-block !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-inline-block-touch {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-inline-block-desktop {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-inline-block-desktop-only {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-inline-block-widescreen {
    display: inline-block !important;
  }
}
.is-inline-flex {
  display: inline-flex !important;
}

@media screen and (max-width: 768px) {
  .is-inline-flex-mobile {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-inline-flex-tablet {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-inline-flex-tablet-only {
    display: inline-flex !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-inline-flex-touch {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-inline-flex-desktop {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-inline-flex-desktop-only {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-inline-flex-widescreen {
    display: inline-flex !important;
  }
}
.is-hidden {
  display: none !important;
}

.is-sr-only {
  border: none !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 0.01em !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 0.01em !important;
}

@media screen and (max-width: 768px) {
  .is-hidden-mobile {
    display: none !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-hidden-tablet {
    display: none !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-hidden-tablet-only {
    display: none !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-hidden-touch {
    display: none !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-hidden-desktop {
    display: none !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-hidden-desktop-only {
    display: none !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-hidden-widescreen {
    display: none !important;
  }
}
.is-invisible {
  visibility: hidden !important;
}

@media screen and (max-width: 768px) {
  .is-invisible-mobile {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-invisible-tablet {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-invisible-tablet-only {
    visibility: hidden !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-invisible-touch {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-invisible-desktop {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-invisible-desktop-only {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-invisible-widescreen {
    visibility: hidden !important;
  }
}
/* Bulma Layout */
.hero {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.hero .navbar {
  background: none;
}
.hero .tabs ul {
  border-bottom: none;
}
.hero.is-white {
  background-color: var(--white);
  color: hsl(0, 0%, 4%);
}
.hero.is-white a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-white strong {
  color: inherit;
}
.hero.is-white .title {
  color: hsl(0, 0%, 4%);
}
.hero.is-white .subtitle {
  color: hsla(0, 0%, 4%, 0.9);
}
.hero.is-white .subtitle a:not(.button),
.hero.is-white .subtitle strong {
  color: hsl(0, 0%, 4%);
}
@media screen and (max-width: 1023px) {
  .hero.is-white .navbar-menu {
    background-color: var(--white);
  }
}
.hero.is-white .navbar-item,
.hero.is-white .navbar-link {
  color: hsla(0, 0%, 4%, 0.7);
}
.hero.is-white a.navbar-item:hover, .hero.is-white a.navbar-item.is-active,
.hero.is-white .navbar-link:hover,
.hero.is-white .navbar-link.is-active {
  background-color: var(--white);
  color: hsl(0, 0%, 4%);
}
.hero.is-white .tabs a {
  color: hsl(0, 0%, 4%);
  opacity: 0.9;
}
.hero.is-white .tabs a:hover {
  opacity: 1;
}
.hero.is-white .tabs li.is-active a {
  color: var(--white) !important;
  opacity: 1;
}
.hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a {
  color: hsl(0, 0%, 4%);
}
.hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover {
  background-color: hsla(0, 0%, 4%, 0.1);
}
.hero.is-white .tabs.is-boxed li.is-active a, .hero.is-white .tabs.is-boxed li.is-active a:hover, .hero.is-white .tabs.is-toggle li.is-active a, .hero.is-white .tabs.is-toggle li.is-active a:hover {
  background-color: hsl(0, 0%, 4%);
  border-color: hsl(0, 0%, 4%);
  color: var(--white);
}
.hero.is-black {
  background-color: hsl(0, 0%, 4%);
  color: var(--white);
}
.hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-black strong {
  color: inherit;
}
.hero.is-black .title {
  color: var(--white);
}
.hero.is-black .subtitle {
  color: var(--white);
}
.hero.is-black .subtitle a:not(.button),
.hero.is-black .subtitle strong {
  color: var(--white);
}
@media screen and (max-width: 1023px) {
  .hero.is-black .navbar-menu {
    background-color: hsl(0, 0%, 4%);
  }
}
.hero.is-black .navbar-item,
.hero.is-black .navbar-link {
  color: var(--white);
}
.hero.is-black a.navbar-item:hover, .hero.is-black a.navbar-item.is-active,
.hero.is-black .navbar-link:hover,
.hero.is-black .navbar-link.is-active {
  background-color: hsl(0, 0%, -1%);
  color: var(--white);
}
.hero.is-black .tabs a {
  color: var(--white);
  opacity: 0.9;
}
.hero.is-black .tabs a:hover {
  opacity: 1;
}
.hero.is-black .tabs li.is-active a {
  color: hsl(0, 0%, 4%) !important;
  opacity: 1;
}
.hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a {
  color: var(--white);
}
.hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover {
  background-color: hsla(0, 0%, 4%, 0.1);
}
.hero.is-black .tabs.is-boxed li.is-active a, .hero.is-black .tabs.is-boxed li.is-active a:hover, .hero.is-black .tabs.is-toggle li.is-active a, .hero.is-black .tabs.is-toggle li.is-active a:hover {
  background-color: var(--white);
  border-color: var(--white);
  color: hsl(0, 0%, 4%);
}
.hero.is-black.is-bold {
  background-image: linear-gradient(141deg, hsl(350, 10%, -6%) 0%, hsl(0, 0%, 4%) 71%, hsl(10, 5%, 9%) 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-black.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, hsl(350, 10%, -6%) 0%, hsl(0, 0%, 4%) 71%, hsl(10, 5%, 9%) 100%);
  }
}
.hero.is-light {
  background-color: hsl(0, 0%, 96%);
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-light strong {
  color: inherit;
}
.hero.is-light .title {
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-light .subtitle {
  color: rgba(0, 0, 0, 0.9);
}
.hero.is-light .subtitle a:not(.button),
.hero.is-light .subtitle strong {
  color: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 1023px) {
  .hero.is-light .navbar-menu {
    background-color: hsl(0, 0%, 96%);
  }
}
.hero.is-light .navbar-item,
.hero.is-light .navbar-link {
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-light a.navbar-item:hover, .hero.is-light a.navbar-item.is-active,
.hero.is-light .navbar-link:hover,
.hero.is-light .navbar-link.is-active {
  background-color: hsl(0, 0%, 91%);
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-light .tabs a {
  color: rgba(0, 0, 0, 0.7);
  opacity: 0.9;
}
.hero.is-light .tabs a:hover {
  opacity: 1;
}
.hero.is-light .tabs li.is-active a {
  color: hsl(0, 0%, 96%) !important;
  opacity: 1;
}
.hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a {
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover {
  background-color: hsla(0, 0%, 4%, 0.1);
}
.hero.is-light .tabs.is-boxed li.is-active a, .hero.is-light .tabs.is-boxed li.is-active a:hover, .hero.is-light .tabs.is-toggle li.is-active a, .hero.is-light .tabs.is-toggle li.is-active a:hover {
  background-color: rgba(0, 0, 0, 0.7);
  border-color: rgba(0, 0, 0, 0.7);
  color: hsl(0, 0%, 96%);
}
.hero.is-light.is-bold {
  background-image: linear-gradient(141deg, hsl(350, 10%, 86%) 0%, hsl(0, 0%, 96%) 71%, hsl(10, 5%, 101%) 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-light.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, hsl(350, 10%, 86%) 0%, hsl(0, 0%, 96%) 71%, hsl(10, 5%, 101%) 100%);
  }
}
.hero.is-dark {
  background-color: var(--dark);
  color: var(--dark--color-invert);
}
.hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-dark strong {
  color: inherit;
}
.hero.is-dark .title {
  color: var(--dark--color-invert);
}
.hero.is-dark .subtitle {
  color: var(--dark--color-invert);
}
.hero.is-dark .subtitle a:not(.button),
.hero.is-dark .subtitle strong {
  color: var(--dark--color-invert);
}
@media screen and (max-width: 1023px) {
  .hero.is-dark .navbar-menu {
    background-color: var(--dark);
  }
}
.hero.is-dark .navbar-item,
.hero.is-dark .navbar-link {
  color: var(--dark--color-invert);
}
.hero.is-dark a.navbar-item:hover, .hero.is-dark a.navbar-item.is-active,
.hero.is-dark .navbar-link:hover,
.hero.is-dark .navbar-link.is-active {
  background-color: var(--dark);
  color: var(--dark--color-invert);
}
.hero.is-dark .tabs a {
  color: var(--dark--color-invert);
  opacity: 0.9;
}
.hero.is-dark .tabs a:hover {
  opacity: 1;
}
.hero.is-dark .tabs li.is-active a {
  color: var(--dark) !important;
  opacity: 1;
}
.hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a {
  color: var(--dark--color-invert);
}
.hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover {
  background-color: hsla(0, 0%, 4%, 0.1);
}
.hero.is-dark .tabs.is-boxed li.is-active a, .hero.is-dark .tabs.is-boxed li.is-active a:hover, .hero.is-dark .tabs.is-toggle li.is-active a, .hero.is-dark .tabs.is-toggle li.is-active a:hover {
  background-color: var(--dark--color-invert);
  border-color: var(--dark--color-invert);
  color: var(--dark);
}
.hero.is-primary {
  background-color: var(--primary);
  color: var(--primary--color-invert);
}
.hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-primary strong {
  color: inherit;
}
.hero.is-primary .title {
  color: var(--primary--color-invert);
}
.hero.is-primary .subtitle {
  color: var(--primary--color-invert);
}
.hero.is-primary .subtitle a:not(.button),
.hero.is-primary .subtitle strong {
  color: var(--primary--color-invert);
}
@media screen and (max-width: 1023px) {
  .hero.is-primary .navbar-menu {
    background-color: var(--primary);
  }
}
.hero.is-primary .navbar-item,
.hero.is-primary .navbar-link {
  color: var(--primary--color-invert);
}
.hero.is-primary a.navbar-item:hover, .hero.is-primary a.navbar-item.is-active,
.hero.is-primary .navbar-link:hover,
.hero.is-primary .navbar-link.is-active {
  background-color: var(--primary);
  color: var(--primary--color-invert);
}
.hero.is-primary .tabs a {
  color: var(--primary--color-invert);
  opacity: 0.9;
}
.hero.is-primary .tabs a:hover {
  opacity: 1;
}
.hero.is-primary .tabs li.is-active a {
  color: var(--primary) !important;
  opacity: 1;
}
.hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a {
  color: var(--primary--color-invert);
}
.hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover {
  background-color: hsla(0, 0%, 4%, 0.1);
}
.hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover {
  background-color: var(--primary--color-invert);
  border-color: var(--primary--color-invert);
  color: var(--primary);
}
.hero.is-link {
  background-color: var(--link);
  color: var(--link--color-invert);
}
.hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-link strong {
  color: inherit;
}
.hero.is-link .title {
  color: var(--link--color-invert);
}
.hero.is-link .subtitle {
  color: var(--link--color-invert);
}
.hero.is-link .subtitle a:not(.button),
.hero.is-link .subtitle strong {
  color: var(--link--color-invert);
}
@media screen and (max-width: 1023px) {
  .hero.is-link .navbar-menu {
    background-color: var(--link);
  }
}
.hero.is-link .navbar-item,
.hero.is-link .navbar-link {
  color: var(--link--color-invert);
}
.hero.is-link a.navbar-item:hover, .hero.is-link a.navbar-item.is-active,
.hero.is-link .navbar-link:hover,
.hero.is-link .navbar-link.is-active {
  background-color: var(--link);
  color: var(--link--color-invert);
}
.hero.is-link .tabs a {
  color: var(--link--color-invert);
  opacity: 0.9;
}
.hero.is-link .tabs a:hover {
  opacity: 1;
}
.hero.is-link .tabs li.is-active a {
  color: var(--link) !important;
  opacity: 1;
}
.hero.is-link .tabs.is-boxed a, .hero.is-link .tabs.is-toggle a {
  color: var(--link--color-invert);
}
.hero.is-link .tabs.is-boxed a:hover, .hero.is-link .tabs.is-toggle a:hover {
  background-color: hsla(0, 0%, 4%, 0.1);
}
.hero.is-link .tabs.is-boxed li.is-active a, .hero.is-link .tabs.is-boxed li.is-active a:hover, .hero.is-link .tabs.is-toggle li.is-active a, .hero.is-link .tabs.is-toggle li.is-active a:hover {
  background-color: var(--link--color-invert);
  border-color: var(--link--color-invert);
  color: var(--link);
}
.hero.is-info {
  background-color: var(--info);
  color: var(--info--color-invert);
}
.hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-info strong {
  color: inherit;
}
.hero.is-info .title {
  color: var(--info--color-invert);
}
.hero.is-info .subtitle {
  color: var(--info--color-invert);
}
.hero.is-info .subtitle a:not(.button),
.hero.is-info .subtitle strong {
  color: var(--info--color-invert);
}
@media screen and (max-width: 1023px) {
  .hero.is-info .navbar-menu {
    background-color: var(--info);
  }
}
.hero.is-info .navbar-item,
.hero.is-info .navbar-link {
  color: var(--info--color-invert);
}
.hero.is-info a.navbar-item:hover, .hero.is-info a.navbar-item.is-active,
.hero.is-info .navbar-link:hover,
.hero.is-info .navbar-link.is-active {
  background-color: var(--info);
  color: var(--info--color-invert);
}
.hero.is-info .tabs a {
  color: var(--info--color-invert);
  opacity: 0.9;
}
.hero.is-info .tabs a:hover {
  opacity: 1;
}
.hero.is-info .tabs li.is-active a {
  color: var(--info) !important;
  opacity: 1;
}
.hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a {
  color: var(--info--color-invert);
}
.hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover {
  background-color: hsla(0, 0%, 4%, 0.1);
}
.hero.is-info .tabs.is-boxed li.is-active a, .hero.is-info .tabs.is-boxed li.is-active a:hover, .hero.is-info .tabs.is-toggle li.is-active a, .hero.is-info .tabs.is-toggle li.is-active a:hover {
  background-color: var(--info--color-invert);
  border-color: var(--info--color-invert);
  color: var(--info);
}
.hero.is-success {
  background-color: var(--success);
  color: var(--success--color-invert);
}
.hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-success strong {
  color: inherit;
}
.hero.is-success .title {
  color: var(--success--color-invert);
}
.hero.is-success .subtitle {
  color: var(--success--color-invert);
}
.hero.is-success .subtitle a:not(.button),
.hero.is-success .subtitle strong {
  color: var(--success--color-invert);
}
@media screen and (max-width: 1023px) {
  .hero.is-success .navbar-menu {
    background-color: var(--success);
  }
}
.hero.is-success .navbar-item,
.hero.is-success .navbar-link {
  color: var(--success--color-invert);
}
.hero.is-success a.navbar-item:hover, .hero.is-success a.navbar-item.is-active,
.hero.is-success .navbar-link:hover,
.hero.is-success .navbar-link.is-active {
  background-color: var(--success);
  color: var(--success--color-invert);
}
.hero.is-success .tabs a {
  color: var(--success--color-invert);
  opacity: 0.9;
}
.hero.is-success .tabs a:hover {
  opacity: 1;
}
.hero.is-success .tabs li.is-active a {
  color: var(--success) !important;
  opacity: 1;
}
.hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a {
  color: var(--success--color-invert);
}
.hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover {
  background-color: hsla(0, 0%, 4%, 0.1);
}
.hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover {
  background-color: var(--success--color-invert);
  border-color: var(--success--color-invert);
  color: var(--success);
}
.hero.is-warning {
  background-color: var(--warning);
  color: var(--warning--color-invert);
}
.hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-warning strong {
  color: inherit;
}
.hero.is-warning .title {
  color: var(--warning--color-invert);
}
.hero.is-warning .subtitle {
  color: var(--warning--color-invert);
}
.hero.is-warning .subtitle a:not(.button),
.hero.is-warning .subtitle strong {
  color: var(--warning--color-invert);
}
@media screen and (max-width: 1023px) {
  .hero.is-warning .navbar-menu {
    background-color: var(--warning);
  }
}
.hero.is-warning .navbar-item,
.hero.is-warning .navbar-link {
  color: var(--warning--color-invert);
}
.hero.is-warning a.navbar-item:hover, .hero.is-warning a.navbar-item.is-active,
.hero.is-warning .navbar-link:hover,
.hero.is-warning .navbar-link.is-active {
  background-color: var(--warning);
  color: var(--warning--color-invert);
}
.hero.is-warning .tabs a {
  color: var(--warning--color-invert);
  opacity: 0.9;
}
.hero.is-warning .tabs a:hover {
  opacity: 1;
}
.hero.is-warning .tabs li.is-active a {
  color: var(--warning) !important;
  opacity: 1;
}
.hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a {
  color: var(--warning--color-invert);
}
.hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover {
  background-color: hsla(0, 0%, 4%, 0.1);
}
.hero.is-warning .tabs.is-boxed li.is-active a, .hero.is-warning .tabs.is-boxed li.is-active a:hover, .hero.is-warning .tabs.is-toggle li.is-active a, .hero.is-warning .tabs.is-toggle li.is-active a:hover {
  background-color: var(--warning--color-invert);
  border-color: var(--warning--color-invert);
  color: var(--warning);
}
.hero.is-danger {
  background-color: var(--danger);
  color: var(--danger--color-invert);
}
.hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-danger strong {
  color: inherit;
}
.hero.is-danger .title {
  color: var(--danger--color-invert);
}
.hero.is-danger .subtitle {
  color: var(--danger--color-invert);
}
.hero.is-danger .subtitle a:not(.button),
.hero.is-danger .subtitle strong {
  color: var(--danger--color-invert);
}
@media screen and (max-width: 1023px) {
  .hero.is-danger .navbar-menu {
    background-color: var(--danger);
  }
}
.hero.is-danger .navbar-item,
.hero.is-danger .navbar-link {
  color: var(--danger--color-invert);
}
.hero.is-danger a.navbar-item:hover, .hero.is-danger a.navbar-item.is-active,
.hero.is-danger .navbar-link:hover,
.hero.is-danger .navbar-link.is-active {
  background-color: var(--danger);
  color: var(--danger--color-invert);
}
.hero.is-danger .tabs a {
  color: var(--danger--color-invert);
  opacity: 0.9;
}
.hero.is-danger .tabs a:hover {
  opacity: 1;
}
.hero.is-danger .tabs li.is-active a {
  color: var(--danger) !important;
  opacity: 1;
}
.hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a {
  color: var(--danger--color-invert);
}
.hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover {
  background-color: hsla(0, 0%, 4%, 0.1);
}
.hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li.is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-danger .tabs.is-toggle li.is-active a:hover {
  background-color: var(--danger--color-invert);
  border-color: var(--danger--color-invert);
  color: var(--danger);
}
.hero.is-small .hero-body {
  padding: 1.5rem;
}
@media screen and (min-width: 769px), print {
  .hero.is-medium .hero-body {
    padding: 9rem 4.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .hero.is-large .hero-body {
    padding: 18rem 6rem;
  }
}
.hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body, .hero.is-fullheight-with-navbar .hero-body {
  align-items: center;
  display: flex;
}
.hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container, .hero.is-fullheight-with-navbar .hero-body > .container {
  flex-grow: 1;
  flex-shrink: 1;
}
.hero.is-halfheight {
  min-height: 50vh;
}
.hero.is-fullheight {
  min-height: 100vh;
}

.hero-video {
  overflow: hidden;
}
.hero-video video {
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.hero-video.is-transparent {
  opacity: 0.3;
}
@media screen and (max-width: 768px) {
  .hero-video {
    display: none;
  }
}

.hero-buttons {
  margin-top: 1.5rem;
}
@media screen and (max-width: 768px) {
  .hero-buttons .button {
    display: flex;
  }
  .hero-buttons .button:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}
@media screen and (min-width: 769px), print {
  .hero-buttons {
    display: flex;
    justify-content: center;
  }
  .hero-buttons .button:not(:last-child) {
    margin-right: 1.5rem;
  }
}

.hero-head,
.hero-foot {
  flex-grow: 0;
  flex-shrink: 0;
}

.hero-body {
  flex-grow: 1;
  flex-shrink: 0;
  padding: 3rem 1.5rem;
}
@media screen and (min-width: 769px), print {
  .hero-body {
    padding: 3rem 3rem;
  }
}

.section {
  padding: 3rem 1.5rem;
}
@media screen and (min-width: 1024px) {
  .section {
    padding: 3rem 3rem;
  }
  .section.is-medium {
    padding: 9rem 4.5rem;
  }
  .section.is-large {
    padding: 18rem 6rem;
  }
}

.footer {
  background-color: hsl(0, 0%, 98%);
  padding: 3rem 1.5rem 6rem;
}

/*
    1. Base Class
    2. pulsate
    3. Infinite rotate
    4. Fade In Up
    5. Fade In Down
    6. Fade In Left
    7. Scale in
    8. Scale out
    9. Scale In Circle
    10. Gelatine
    11. Wave
    12. Levitate
    13. Glowing
    14. Translate Left
*/
/* ==========================================================================
1. Base Class
========================================================================== */
.animated {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}

/* ==========================================================================
2. Pulsate
========================================================================== */
@keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
.pulsate {
  animation: pulsate 1.5s ease-out;
  animation-iteration-count: infinite;
  opacity: 0;
}

/* ==========================================================================
3. Infinite rotate
========================================================================== */
@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.rotating {
  animation: rotating 2s linear infinite;
}

/* ==========================================================================
4. Fade In Up
========================================================================== */
@keyframes fadeInUp {
  from {
    transform: translate3d(0, 20px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.preFadeInUp {
  opacity: 0;
}

.fadeInUp {
  opacity: 0;
  animation-name: fadeInUp;
}

/* ==========================================================================
5. Fade In Down
========================================================================== */
@keyframes fadeInDown {
  from {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.preFadeInDown {
  opacity: 0;
}

.fadeInDown {
  opacity: 0;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

/* ==========================================================================
6. Fade In Left
========================================================================== */
@keyframes fadeInLeft {
  from {
    transform: translate3d(20px, 0, 0);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.preFadeInLeft {
  opacity: 0;
}

.fadeInLeft {
  opacity: 0;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

/* ==========================================================================
7. Scale in
========================================================================== */
@keyframes scaleIn {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
.scaleIn {
  animation: scaleIn 0.5s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.scaleInTooltip {
  animation: scaleIn 0.3s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

/* ==========================================================================
8. Scale out
========================================================================== */
@keyframes scaleOut {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0);
  }
}
.scaleOut {
  animation: scaleOut 0.5s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.scaleOutTooltip {
  animation: scaleOut 0.3s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

/* ==========================================================================
9. Scale in circle (used for modal popup)
========================================================================== */
@keyframes scaleInCircle {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(7);
  }
}
.scaleInCircle {
  animation: scaleInCircle 0.6s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

/* ==========================================================================
10. Gelatine
========================================================================== */
@keyframes gelatine {
  from, to {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(0.9, 1.1);
  }
  50% {
    transform: scale(1.1, 0.9);
  }
  75% {
    transform: scale(0.95, 1.05);
  }
}
.gelatine {
  animation: gelatine 0.6s;
  animation-duration: 0.6s;
  animation-fill-mode: both;
}

/* ==========================================================================
11. Wave
========================================================================== */
@keyframes wave {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  25% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(4.5);
    opacity: 0;
  }
}
/* ==========================================================================
12. Levitate
========================================================================== */
@keyframes levitate {
  from {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px);
  }
  to {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.levitate {
  animation-name: levitate;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

/* ==========================================================================
13. Glowing
========================================================================== */
@keyframes glowing {
  0% {
    box-shadow: 0 0 -10px #fafafa;
  }
  40% {
    box-shadow: 0 0 20px #fafafa;
  }
  60% {
    box-shadow: 0 0 20px #fafafa;
  }
  100% {
    box-shadow: 0 0 -10px #fafafa;
  }
}
/* ==========================================================================
14. Translate Left
========================================================================== */
@keyframes translateLeft {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.translateLeft {
  animation-name: translateLeft;
  animation-duration: 0.3s;
  transition: all 500ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

/*
    1. Reponsive variants
*/
/* ==========================================================================
1. Reponsive variants
========================================================================== */
.text-white {
  color: var(--white) !important;
}

.hover\:text-white:hover {
  color: var(--white) !important;
}

.group:hover .group-hover\:text-white {
  color: var(--white) !important;
}

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

.hover\:text-primary:hover {
  color: var(--primary) !important;
}

.group:hover .group-hover\:text-primary {
  color: var(--primary) !important;
}

.text-success {
  color: var(--success) !important;
}

.hover\:text-success:hover {
  color: var(--success) !important;
}

.group:hover .group-hover\:text-success {
  color: var(--success) !important;
}

.text-info {
  color: var(--info) !important;
}

.hover\:text-info:hover {
  color: var(--info) !important;
}

.group:hover .group-hover\:text-info {
  color: var(--info) !important;
}

.text-warning {
  color: var(--warning) !important;
}

.hover\:text-warning:hover {
  color: var(--warning) !important;
}

.group:hover .group-hover\:text-warning {
  color: var(--warning) !important;
}

.text-danger {
  color: var(--danger) !important;
}

.hover\:text-danger:hover {
  color: var(--danger) !important;
}

.group:hover .group-hover\:text-danger {
  color: var(--danger) !important;
}

.text-orange {
  color: var(--orange) !important;
}

.hover\:text-orange:hover {
  color: var(--orange) !important;
}

.group:hover .group-hover\:text-orange {
  color: var(--orange) !important;
}

.text-blue {
  color: var(--blue) !important;
}

.hover\:text-blue:hover {
  color: var(--blue) !important;
}

.group:hover .group-hover\:text-blue {
  color: var(--blue) !important;
}

.text-purple {
  color: var(--purple) !important;
}

.hover\:text-purple:hover {
  color: var(--purple) !important;
}

.group:hover .group-hover\:text-purple {
  color: var(--purple) !important;
}

.text-green {
  color: var(--green) !important;
}

.hover\:text-green:hover {
  color: var(--green) !important;
}

.group:hover .group-hover\:text-green {
  color: var(--green) !important;
}

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

.hover\:text-light:hover {
  color: var(--light-text) !important;
}

.group:hover .group-hover\:text-light {
  color: var(--light-text) !important;
}

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

.hover\:bg-white:hover {
  background-color: var(--white) !important;
}

.group:hover .group-hover\:bg-white {
  background-color: var(--white) !important;
}

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

.hover\:bg-primary:hover {
  background-color: var(--primary) !important;
}

.group:hover .group-hover\:bg-primary {
  background-color: var(--primary) !important;
}

.bg-success {
  background-color: var(--success) !important;
}

.hover\:bg-success:hover {
  background-color: var(--success) !important;
}

.group:hover .group-hover\:bg-success {
  background-color: var(--success) !important;
}

.bg-info {
  background-color: var(--info) !important;
}

.hover\:bg-info:hover {
  background-color: var(--info) !important;
}

.group:hover .group-hover\:bg-info {
  background-color: var(--info) !important;
}

.bg-warning {
  background-color: var(--warning) !important;
}

.hover\:bg-warning:hover {
  background-color: var(--warning) !important;
}

.group:hover .group-hover\:bg-warning {
  background-color: var(--warning) !important;
}

.bg-danger {
  background-color: var(--danger) !important;
}

.hover\:bg-danger:hover {
  background-color: var(--danger) !important;
}

.group:hover .group-hover\:bg-danger {
  background-color: var(--danger) !important;
}

.bg-orange {
  background-color: var(--orange) !important;
}

.hover\:bg-orange:hover {
  background-color: var(--orange) !important;
}

.group:hover .group-hover\:bg-orange {
  background-color: var(--orange) !important;
}

.bg-blue {
  background-color: var(--blue) !important;
}

.hover\:bg-blue:hover {
  background-color: var(--blue) !important;
}

.group:hover .group-hover\:bg-blue {
  background-color: var(--blue) !important;
}

.bg-purple {
  background-color: var(--purple) !important;
}

.hover\:bg-purple:hover {
  background-color: var(--purple) !important;
}

.group:hover .group-hover\:bg-purple {
  background-color: var(--purple) !important;
}

.bg-green {
  background-color: var(--green) !important;
}

.hover\:bg-green:hover {
  background-color: var(--green) !important;
}

.group:hover .group-hover\:bg-green {
  background-color: var(--green) !important;
}

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

.hover\:bg-light:hover {
  background-color: var(--light-text) !important;
}

.group:hover .group-hover\:bg-light {
  background-color: var(--light-text) !important;
}

.opacity-5 {
  opacity: 5% !important;
}

.hover\:opacity-5:hover {
  opacity: 5% !important;
}

.group:hover .group-hover\:opacity-5 {
  opacity: 5% !important;
}

.opacity-10 {
  opacity: 10% !important;
}

.hover\:opacity-10:hover {
  opacity: 10% !important;
}

.group:hover .group-hover\:opacity-10 {
  opacity: 10% !important;
}

.opacity-15 {
  opacity: 15% !important;
}

.hover\:opacity-15:hover {
  opacity: 15% !important;
}

.group:hover .group-hover\:opacity-15 {
  opacity: 15% !important;
}

.opacity-20 {
  opacity: 20% !important;
}

.hover\:opacity-20:hover {
  opacity: 20% !important;
}

.group:hover .group-hover\:opacity-20 {
  opacity: 20% !important;
}

.opacity-25 {
  opacity: 25% !important;
}

.hover\:opacity-25:hover {
  opacity: 25% !important;
}

.group:hover .group-hover\:opacity-25 {
  opacity: 25% !important;
}

.opacity-30 {
  opacity: 30% !important;
}

.hover\:opacity-30:hover {
  opacity: 30% !important;
}

.group:hover .group-hover\:opacity-30 {
  opacity: 30% !important;
}

.opacity-40 {
  opacity: 40% !important;
}

.hover\:opacity-40:hover {
  opacity: 40% !important;
}

.group:hover .group-hover\:opacity-40 {
  opacity: 40% !important;
}

.opacity-50 {
  opacity: 50% !important;
}

.hover\:opacity-50:hover {
  opacity: 50% !important;
}

.group:hover .group-hover\:opacity-50 {
  opacity: 50% !important;
}

.opacity-60 {
  opacity: 60% !important;
}

.hover\:opacity-60:hover {
  opacity: 60% !important;
}

.group:hover .group-hover\:opacity-60 {
  opacity: 60% !important;
}

.opacity-70 {
  opacity: 70% !important;
}

.hover\:opacity-70:hover {
  opacity: 70% !important;
}

.group:hover .group-hover\:opacity-70 {
  opacity: 70% !important;
}

.opacity-80 {
  opacity: 80% !important;
}

.hover\:opacity-80:hover {
  opacity: 80% !important;
}

.group:hover .group-hover\:opacity-80 {
  opacity: 80% !important;
}

.opacity-90 {
  opacity: 90% !important;
}

.hover\:opacity-90:hover {
  opacity: 90% !important;
}

.group:hover .group-hover\:opacity-90 {
  opacity: 90% !important;
}

.opacity-100 {
  opacity: 100% !important;
}

.hover\:opacity-100:hover {
  opacity: 100% !important;
}

.group:hover .group-hover\:opacity-100 {
  opacity: 100% !important;
}

.p-px {
  padding: 1px;
}

.p-0 {
  padding: 0;
}

.p-1 {
  padding: 0.25rem;
}

.p-2 {
  padding: 0.5rem;
}

.p-3 {
  padding: 0.75rem;
}

.p-4 {
  padding: 1rem;
}

.p-5 {
  padding: 1.25rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-8 {
  padding: 2rem;
}

.p-10 {
  padding: 2.5rem;
}

.p-12 {
  padding: 3rem;
}

.p-16 {
  padding: 4rem;
}

.p-20 {
  padding: 5rem;
}

.p-24 {
  padding: 6rem;
}

.p-32 {
  padding: 8rem;
}

.p-40 {
  padding: 10rem;
}

.p-48 {
  padding: 12rem;
}

.p-56 {
  padding: 14rem;
}

.p-64 {
  padding: 16rem;
}

.px-px {
  padding-right: 1px;
  padding-left: 1px;
}

.px-0 {
  padding-right: 0;
  padding-left: 0;
}

.px-1 {
  padding-right: 0.25rem;
  padding-left: 0.25rem;
}

.px-2 {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.px-3 {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.px-4 {
  padding-right: 1rem;
  padding-left: 1rem;
}

.px-5 {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}

.px-6 {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

.px-8 {
  padding-right: 2rem;
  padding-left: 2rem;
}

.px-10 {
  padding-right: 2.5rem;
  padding-left: 2.5rem;
}

.px-12 {
  padding-right: 3rem;
  padding-left: 3rem;
}

.px-16 {
  padding-right: 4rem;
  padding-left: 4rem;
}

.px-20 {
  padding-right: 5rem;
  padding-left: 5rem;
}

.px-24 {
  padding-right: 6rem;
  padding-left: 6rem;
}

.px-32 {
  padding-right: 8rem;
  padding-left: 8rem;
}

.px-40 {
  padding-right: 10rem;
  padding-left: 10rem;
}

.px-48 {
  padding-right: 12rem;
  padding-left: 12rem;
}

.px-56 {
  padding-right: 14rem;
  padding-left: 14rem;
}

.px-64 {
  padding-right: 16rem;
  padding-left: 16rem;
}

.py-px {
  padding-bottom: 1px;
  padding-top: 1px;
}

.py-0 {
  padding-bottom: 0;
  padding-top: 0;
}

.py-1 {
  padding-bottom: 0.25rem;
  padding-top: 0.25rem;
}

.py-2 {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}

.py-3 {
  padding-bottom: 0.75rem;
  padding-top: 0.75rem;
}

.py-4 {
  padding-bottom: 1rem;
  padding-top: 1rem;
}

.py-5 {
  padding-bottom: 1.25rem;
  padding-top: 1.25rem;
}

.py-6 {
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
}

.py-8 {
  padding-bottom: 2rem;
  padding-top: 2rem;
}

.py-10 {
  padding-bottom: 2.5rem;
  padding-top: 2.5rem;
}

.py-12 {
  padding-bottom: 3rem;
  padding-top: 3rem;
}

.py-16 {
  padding-bottom: 4rem;
  padding-top: 4rem;
}

.py-20 {
  padding-bottom: 5rem;
  padding-top: 5rem;
}

.py-24 {
  padding-bottom: 6rem;
  padding-top: 6rem;
}

.py-32 {
  padding-bottom: 8rem;
  padding-top: 8rem;
}

.py-40 {
  padding-bottom: 10rem;
  padding-top: 10rem;
}

.py-48 {
  padding-bottom: 12rem;
  padding-top: 12rem;
}

.py-56 {
  padding-bottom: 14rem;
  padding-top: 14rem;
}

.py-64 {
  padding-bottom: 16rem;
  padding-top: 16rem;
}

.pt-px {
  padding-top: 1px;
}

.pt-0 {
  padding-top: 0;
}

.pt-1 {
  padding-top: 0.25rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

.pt-3 {
  padding-top: 0.75rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pt-5 {
  padding-top: 1.25rem;
}

.pt-6 {
  padding-top: 1.5rem;
}

.pt-8 {
  padding-top: 2rem;
}

.pt-10 {
  padding-top: 2.5rem;
}

.pt-12 {
  padding-top: 3rem;
}

.pt-16 {
  padding-top: 4rem;
}

.pt-20 {
  padding-top: 5rem;
}

.pt-24 {
  padding-top: 6rem;
}

.pt-32 {
  padding-top: 8rem;
}

.pt-40 {
  padding-top: 10rem;
}

.pt-48 {
  padding-top: 12rem;
}

.pt-56 {
  padding-top: 14rem;
}

.pt-64 {
  padding-top: 16rem;
}

.pr-px {
  padding-right: 1px;
}

.pr-0 {
  padding-right: 0;
}

.pr-1 {
  padding-right: 0.25rem;
}

.pr-2 {
  padding-right: 0.5rem;
}

.pr-3 {
  padding-right: 0.75rem;
}

.pr-4 {
  padding-right: 1rem;
}

.pr-5 {
  padding-right: 1.25rem;
}

.pr-6 {
  padding-right: 1.5rem;
}

.pr-8 {
  padding-right: 2rem;
}

.pr-10 {
  padding-right: 2.5rem;
}

.pr-12 {
  padding-right: 3rem;
}

.pr-16 {
  padding-right: 4rem;
}

.pr-20 {
  padding-right: 5rem;
}

.pr-24 {
  padding-right: 6rem;
}

.pr-32 {
  padding-right: 8rem;
}

.pr-40 {
  padding-right: 10rem;
}

.pr-48 {
  padding-right: 12rem;
}

.pr-56 {
  padding-right: 14rem;
}

.pr-64 {
  padding-right: 16rem;
}

.pb-px {
  padding-bottom: 1px;
}

.pb-0 {
  padding-bottom: 0;
}

.pb-1 {
  padding-bottom: 0.25rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pb-3 {
  padding-bottom: 0.75rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pb-5 {
  padding-bottom: 1.25rem;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.pb-10 {
  padding-bottom: 2.5rem;
}

.pb-12 {
  padding-bottom: 3rem;
}

.pb-16 {
  padding-bottom: 4rem;
}

.pb-20 {
  padding-bottom: 5rem;
}

.pb-24 {
  padding-bottom: 6rem;
}

.pb-32 {
  padding-bottom: 8rem;
}

.pb-40 {
  padding-bottom: 10rem;
}

.pb-48 {
  padding-bottom: 12rem;
}

.pb-56 {
  padding-bottom: 14rem;
}

.pb-64 {
  padding-bottom: 16rem;
}

.pl-px {
  padding-left: 1px;
}

.pl-0 {
  padding-left: 0;
}

.pl-1 {
  padding-left: 0.25rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.pl-3 {
  padding-left: 0.75rem;
}

.pl-4 {
  padding-left: 1rem;
}

.pl-5 {
  padding-left: 1.25rem;
}

.pl-6 {
  padding-left: 1.5rem;
}

.pl-8 {
  padding-left: 2rem;
}

.pl-10 {
  padding-left: 2.5rem;
}

.pl-12 {
  padding-left: 3rem;
}

.pl-16 {
  padding-left: 4rem;
}

.pl-20 {
  padding-left: 5rem;
}

.pl-24 {
  padding-left: 6rem;
}

.pl-32 {
  padding-left: 8rem;
}

.pl-40 {
  padding-left: 10rem;
}

.pl-48 {
  padding-left: 12rem;
}

.pl-56 {
  padding-left: 14rem;
}

.pl-64 {
  padding-left: 16rem;
}

.m-auto {
  margin: auto;
}

.m-px {
  margin: 1px;
}

.m-0 {
  margin: 0;
}

.m-1 {
  margin: 0.25rem;
}

.m-2 {
  margin: 0.5rem;
}

.m-3 {
  margin: 0.75rem;
}

.m-4 {
  margin: 1rem;
}

.m-5 {
  margin: 1.25rem;
}

.m-6 {
  margin: 1.5rem;
}

.m-8 {
  margin: 2rem;
}

.m-10 {
  margin: 2.5rem;
}

.m-12 {
  margin: 3rem;
}

.m-16 {
  margin: 4rem;
}

.m-20 {
  margin: 5rem;
}

.m-24 {
  margin: 6rem;
}

.m-32 {
  margin: 8rem;
}

.m-40 {
  margin: 10rem;
}

.m-48 {
  margin: 12rem;
}

.m-56 {
  margin: 14rem;
}

.m-64 {
  margin: 16rem;
}

.mx-auto {
  margin-right: auto;
  margin-left: auto;
}

.mx-px {
  margin-right: 1px;
  margin-left: 1px;
}

.mx-0 {
  margin-right: 0;
  margin-left: 0;
}

.mx-1 {
  margin-right: 0.25rem;
  margin-left: 0.25rem;
}

.mx-2 {
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}

.mx-3 {
  margin-right: 0.75rem;
  margin-left: 0.75rem;
}

.mx-4 {
  margin-right: 1rem;
  margin-left: 1rem;
}

.mx-5 {
  margin-right: 1.25rem;
  margin-left: 1.25rem;
}

.mx-6 {
  margin-right: 1.5rem;
  margin-left: 1.5rem;
}

.mx-8 {
  margin-right: 2rem;
  margin-left: 2rem;
}

.mx-10 {
  margin-right: 2.5rem;
  margin-left: 2.5rem;
}

.mx-12 {
  margin-right: 3rem;
  margin-left: 3rem;
}

.mx-16 {
  margin-right: 4rem;
  margin-left: 4rem;
}

.mx-20 {
  margin-right: 5rem;
  margin-left: 5rem;
}

.mx-24 {
  margin-right: 6rem;
  margin-left: 6rem;
}

.mx-32 {
  margin-right: 8rem;
  margin-left: 8rem;
}

.mx-40 {
  margin-right: 10rem;
  margin-left: 10rem;
}

.mx-48 {
  margin-right: 12rem;
  margin-left: 12rem;
}

.mx-56 {
  margin-right: 14rem;
  margin-left: 14rem;
}

.mx-64 {
  margin-right: 16rem;
  margin-left: 16rem;
}

.my-auto {
  margin-bottom: auto;
  margin-top: auto;
}

.my-px {
  margin-bottom: 1px;
  margin-top: 1px;
}

.my-0 {
  margin-bottom: 0;
  margin-top: 0;
}

.my-1 {
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
}

.my-2 {
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}

.my-3 {
  margin-bottom: 0.75rem;
  margin-top: 0.75rem;
}

.my-4 {
  margin-bottom: 1rem;
  margin-top: 1rem;
}

.my-5 {
  margin-bottom: 1.25rem;
  margin-top: 1.25rem;
}

.my-6 {
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
}

.my-8 {
  margin-bottom: 2rem;
  margin-top: 2rem;
}

.my-10 {
  margin-bottom: 2.5rem;
  margin-top: 2.5rem;
}

.my-12 {
  margin-bottom: 3rem;
  margin-top: 3rem;
}

.my-16 {
  margin-bottom: 4rem;
  margin-top: 4rem;
}

.my-20 {
  margin-bottom: 5rem;
  margin-top: 5rem;
}

.my-24 {
  margin-bottom: 6rem;
  margin-top: 6rem;
}

.my-32 {
  margin-bottom: 8rem;
  margin-top: 8rem;
}

.my-40 {
  margin-bottom: 10rem;
  margin-top: 10rem;
}

.my-48 {
  margin-bottom: 12rem;
  margin-top: 12rem;
}

.my-56 {
  margin-bottom: 14rem;
  margin-top: 14rem;
}

.my-64 {
  margin-bottom: 16rem;
  margin-top: 16rem;
}

.mt-auto {
  margin-top: auto;
}

.mt-px {
  margin-top: 1px;
}

.mt-0 {
  margin-top: 0;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-3 {
  margin-top: 0.75rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.mt-12 {
  margin-top: 3rem;
}

.mt-16 {
  margin-top: 4rem;
}

.mt-20 {
  margin-top: 5rem;
}

.mt-24 {
  margin-top: 6rem;
}

.mt-32 {
  margin-top: 8rem;
}

.mt-40 {
  margin-top: 10rem;
}

.mt-48 {
  margin-top: 12rem;
}

.mt-56 {
  margin-top: 14rem;
}

.mt-64 {
  margin-top: 16rem;
}

.mr-auto {
  margin-right: auto;
}

.mr-px {
  margin-right: 1px;
}

.mr-0 {
  margin-right: 0;
}

.mr-1 {
  margin-right: 0.25rem;
}

.mr-2 {
  margin-right: 0.5rem;
}

.mr-3 {
  margin-right: 0.75rem;
}

.mr-4 {
  margin-right: 1rem;
}

.mr-5 {
  margin-right: 1.25rem;
}

.mr-6 {
  margin-right: 1.5rem;
}

.mr-8 {
  margin-right: 2rem;
}

.mr-10 {
  margin-right: 2.5rem;
}

.mr-12 {
  margin-right: 3rem;
}

.mr-16 {
  margin-right: 4rem;
}

.mr-20 {
  margin-right: 5rem;
}

.mr-24 {
  margin-right: 6rem;
}

.mr-32 {
  margin-right: 8rem;
}

.mr-40 {
  margin-right: 10rem;
}

.mr-48 {
  margin-right: 12rem;
}

.mr-56 {
  margin-right: 14rem;
}

.mr-64 {
  margin-right: 16rem;
}

.mb-auto {
  margin-bottom: auto;
}

.mb-px {
  margin-bottom: 1px;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.mb-12 {
  margin-bottom: 3rem;
}

.mb-16 {
  margin-bottom: 4rem;
}

.mb-20 {
  margin-bottom: 5rem;
}

.mb-24 {
  margin-bottom: 6rem;
}

.mb-32 {
  margin-bottom: 8rem;
}

.mb-40 {
  margin-bottom: 10rem;
}

.mb-48 {
  margin-bottom: 12rem;
}

.mb-56 {
  margin-bottom: 14rem;
}

.mb-64 {
  margin-bottom: 16rem;
}

.ml-auto {
  margin-left: auto;
}

.ml-px {
  margin-left: 1px;
}

.ml-0 {
  margin-left: 0;
}

.ml-1 {
  margin-left: 0.25rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

.ml-3 {
  margin-left: 0.75rem;
}

.ml-4 {
  margin-left: 1rem;
}

.ml-5 {
  margin-left: 1.25rem;
}

.ml-6 {
  margin-left: 1.5rem;
}

.ml-8 {
  margin-left: 2rem;
}

.ml-10 {
  margin-left: 2.5rem;
}

.ml-12 {
  margin-left: 3rem;
}

.ml-16 {
  margin-left: 4rem;
}

.ml-20 {
  margin-left: 5rem;
}

.ml-24 {
  margin-left: 6rem;
}

.ml-32 {
  margin-left: 8rem;
}

.ml-40 {
  margin-left: 10rem;
}

.ml-48 {
  margin-left: 12rem;
}

.ml-56 {
  margin-left: 14rem;
}

.ml-64 {
  margin-left: 16rem;
}

.-m-px {
  margin: -1px;
}

.-m-0 {
  margin: 0;
}

.-m-1 {
  margin: -0.25rem;
}

.-m-2 {
  margin: -0.5rem;
}

.-m-3 {
  margin: -0.75rem;
}

.-m-4 {
  margin: -1rem;
}

.-m-5 {
  margin: -1.25rem;
}

.-m-6 {
  margin: -1.5rem;
}

.-m-8 {
  margin: -2rem;
}

.-m-10 {
  margin: -2.5rem;
}

.-m-12 {
  margin: -3rem;
}

.-m-16 {
  margin: -4rem;
}

.-m-20 {
  margin: -5rem;
}

.-m-24 {
  margin: -6rem;
}

.-m-32 {
  margin: -8rem;
}

.-m-40 {
  margin: -10rem;
}

.-m-48 {
  margin: -12rem;
}

.-m-56 {
  margin: -14rem;
}

.-m-64 {
  margin: -16rem;
}

.-mx-px {
  margin-right: -1px;
  margin-left: -1px;
}

.-mx-0 {
  margin-right: 0;
  margin-left: 0;
}

.-mx-1 {
  margin-right: -0.25rem;
  margin-left: -0.25rem;
}

.-mx-2 {
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}

.-mx-3 {
  margin-right: -0.75rem;
  margin-left: -0.75rem;
}

.-mx-4 {
  margin-right: -1rem;
  margin-left: -1rem;
}

.-mx-5 {
  margin-right: -1.25rem;
  margin-left: -1.25rem;
}

.-mx-6 {
  margin-right: -1.5rem;
  margin-left: -1.5rem;
}

.-mx-8 {
  margin-right: -2rem;
  margin-left: -2rem;
}

.-mx-10 {
  margin-right: -2.5rem;
  margin-left: -2.5rem;
}

.-mx-12 {
  margin-right: -3rem;
  margin-left: -3rem;
}

.-mx-16 {
  margin-right: -4rem;
  margin-left: -4rem;
}

.-mx-20 {
  margin-right: -5rem;
  margin-left: -5rem;
}

.-mx-24 {
  margin-right: -6rem;
  margin-left: -6rem;
}

.-mx-32 {
  margin-right: -8rem;
  margin-left: -8rem;
}

.-mx-40 {
  margin-right: -10rem;
  margin-left: -10rem;
}

.-mx-48 {
  margin-right: -12rem;
  margin-left: -12rem;
}

.-mx-56 {
  margin-right: -14rem;
  margin-left: -14rem;
}

.-mx-64 {
  margin-right: -16rem;
  margin-left: -16rem;
}

.-my-px {
  margin-bottom: -1px;
  margin-top: -1px;
}

.-my-0 {
  margin-bottom: 0;
  margin-top: 0;
}

.-my-1 {
  margin-bottom: -0.25rem;
  margin-top: -0.25rem;
}

.-my-2 {
  margin-bottom: -0.5rem;
  margin-top: -0.5rem;
}

.-my-3 {
  margin-bottom: -0.75rem;
  margin-top: -0.75rem;
}

.-my-4 {
  margin-bottom: -1rem;
  margin-top: -1rem;
}

.-my-5 {
  margin-bottom: -1.25rem;
  margin-top: -1.25rem;
}

.-my-6 {
  margin-bottom: -1.5rem;
  margin-top: -1.5rem;
}

.-my-8 {
  margin-bottom: -2rem;
  margin-top: -2rem;
}

.-my-10 {
  margin-bottom: -2.5rem;
  margin-top: -2.5rem;
}

.-my-12 {
  margin-bottom: -3rem;
  margin-top: -3rem;
}

.-my-16 {
  margin-bottom: -4rem;
  margin-top: -4rem;
}

.-my-20 {
  margin-bottom: -5rem;
  margin-top: -5rem;
}

.-my-24 {
  margin-bottom: -6rem;
  margin-top: -6rem;
}

.-my-32 {
  margin-bottom: -8rem;
  margin-top: -8rem;
}

.-my-40 {
  margin-bottom: -10rem;
  margin-top: -10rem;
}

.-my-48 {
  margin-bottom: -12rem;
  margin-top: -12rem;
}

.-my-56 {
  margin-bottom: -14rem;
  margin-top: -14rem;
}

.-my-64 {
  margin-bottom: -16rem;
  margin-top: -16rem;
}

.-mt-px {
  margin-top: -1px;
}

.-mt-0 {
  margin-top: 0;
}

.-mt-1 {
  margin-top: -0.25rem;
}

.-mt-2 {
  margin-top: -0.5rem;
}

.-mt-3 {
  margin-top: -0.75rem;
}

.-mt-4 {
  margin-top: -1rem;
}

.-mt-5 {
  margin-top: -1.25rem;
}

.-mt-6 {
  margin-top: -1.5rem;
}

.-mt-8 {
  margin-top: -2rem;
}

.-mt-10 {
  margin-top: -2.5rem;
}

.-mt-12 {
  margin-top: -3rem;
}

.-mt-16 {
  margin-top: -4rem;
}

.-mt-20 {
  margin-top: -5rem;
}

.-mt-24 {
  margin-top: -6rem;
}

.-mt-32 {
  margin-top: -8rem;
}

.-mt-40 {
  margin-top: -10rem;
}

.-mt-48 {
  margin-top: -12rem;
}

.-mt-56 {
  margin-top: -14rem;
}

.-mt-64 {
  margin-top: -16rem;
}

.-mr-px {
  margin-right: -1px;
}

.-mr-0 {
  margin-right: 0;
}

.-mr-1 {
  margin-right: -0.25rem;
}

.-mr-2 {
  margin-right: -0.5rem;
}

.-mr-3 {
  margin-right: -0.75rem;
}

.-mr-4 {
  margin-right: -1rem;
}

.-mr-5 {
  margin-right: -1.25rem;
}

.-mr-6 {
  margin-right: -1.5rem;
}

.-mr-8 {
  margin-right: -2rem;
}

.-mr-10 {
  margin-right: -2.5rem;
}

.-mr-12 {
  margin-right: -3rem;
}

.-mr-16 {
  margin-right: -4rem;
}

.-mr-20 {
  margin-right: -5rem;
}

.-mr-24 {
  margin-right: -6rem;
}

.-mr-32 {
  margin-right: -8rem;
}

.-mr-40 {
  margin-right: -10rem;
}

.-mr-48 {
  margin-right: -12rem;
}

.-mr-56 {
  margin-right: -14rem;
}

.-mr-64 {
  margin-right: -16rem;
}

.-mb-px {
  margin-bottom: -1px;
}

.-mb-0 {
  margin-bottom: 0;
}

.-mb-1 {
  margin-bottom: -0.25rem;
}

.-mb-2 {
  margin-bottom: -0.5rem;
}

.-mb-3 {
  margin-bottom: -0.75rem;
}

.-mb-4 {
  margin-bottom: -1rem;
}

.-mb-5 {
  margin-bottom: -1.25rem;
}

.-mb-6 {
  margin-bottom: -1.5rem;
}

.-mb-8 {
  margin-bottom: -2rem;
}

.-mb-10 {
  margin-bottom: -2.5rem;
}

.-mb-12 {
  margin-bottom: -3rem;
}

.-mb-16 {
  margin-bottom: -4rem;
}

.-mb-20 {
  margin-bottom: -5rem;
}

.-mb-24 {
  margin-bottom: -6rem;
}

.-mb-32 {
  margin-bottom: -8rem;
}

.-mb-40 {
  margin-bottom: -10rem;
}

.-mb-48 {
  margin-bottom: -12rem;
}

.-mb-56 {
  margin-bottom: -14rem;
}

.-mb-64 {
  margin-bottom: -16rem;
}

.-ml-px {
  margin-left: -1px;
}

.-ml-0 {
  margin-left: 0;
}

.-ml-1 {
  margin-left: -0.25rem;
}

.-ml-2 {
  margin-left: -0.5rem;
}

.-ml-3 {
  margin-left: -0.75rem;
}

.-ml-4 {
  margin-left: -1rem;
}

.-ml-5 {
  margin-left: -1.25rem;
}

.-ml-6 {
  margin-left: -1.5rem;
}

.-ml-8 {
  margin-left: -2rem;
}

.-ml-10 {
  margin-left: -2.5rem;
}

.-ml-12 {
  margin-left: -3rem;
}

.-ml-16 {
  margin-left: -4rem;
}

.-ml-20 {
  margin-left: -5rem;
}

.-ml-24 {
  margin-left: -6rem;
}

.-ml-32 {
  margin-left: -8rem;
}

.-ml-40 {
  margin-left: -10rem;
}

.-ml-48 {
  margin-left: -12rem;
}

.-ml-56 {
  margin-left: -14rem;
}

.-ml-64 {
  margin-left: -16rem;
}

@media screen and (max-width: 767px) {
  .mobile\:p-px {
    padding: 1px;
  }
  .mobile\:p-0 {
    padding: 0;
  }
  .mobile\:p-1 {
    padding: 0.25rem;
  }
  .mobile\:p-2 {
    padding: 0.5rem;
  }
  .mobile\:p-3 {
    padding: 0.75rem;
  }
  .mobile\:p-4 {
    padding: 1rem;
  }
  .mobile\:p-5 {
    padding: 1.25rem;
  }
  .mobile\:p-6 {
    padding: 1.5rem;
  }
  .mobile\:p-8 {
    padding: 2rem;
  }
  .mobile\:p-10 {
    padding: 2.5rem;
  }
  .mobile\:p-12 {
    padding: 3rem;
  }
  .mobile\:p-16 {
    padding: 4rem;
  }
  .mobile\:p-20 {
    padding: 5rem;
  }
  .mobile\:p-24 {
    padding: 6rem;
  }
  .mobile\:p-32 {
    padding: 8rem;
  }
  .mobile\:p-40 {
    padding: 10rem;
  }
  .mobile\:p-48 {
    padding: 12rem;
  }
  .mobile\:p-56 {
    padding: 14rem;
  }
  .mobile\:p-64 {
    padding: 16rem;
  }
  .mobile\:px-px {
    padding-right: 1px;
    padding-left: 1px;
  }
  .mobile\:px-0 {
    padding-right: 0;
    padding-left: 0;
  }
  .mobile\:px-1 {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
  }
  .mobile\:px-2 {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .mobile\:px-3 {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }
  .mobile\:px-4 {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .mobile\:px-5 {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
  .mobile\:px-6 {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
  .mobile\:px-8 {
    padding-right: 2rem;
    padding-left: 2rem;
  }
  .mobile\:px-10 {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
  .mobile\:px-12 {
    padding-right: 3rem;
    padding-left: 3rem;
  }
  .mobile\:px-16 {
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .mobile\:px-20 {
    padding-right: 5rem;
    padding-left: 5rem;
  }
  .mobile\:px-24 {
    padding-right: 6rem;
    padding-left: 6rem;
  }
  .mobile\:px-32 {
    padding-right: 8rem;
    padding-left: 8rem;
  }
  .mobile\:px-40 {
    padding-right: 10rem;
    padding-left: 10rem;
  }
  .mobile\:px-48 {
    padding-right: 12rem;
    padding-left: 12rem;
  }
  .mobile\:px-56 {
    padding-right: 14rem;
    padding-left: 14rem;
  }
  .mobile\:px-64 {
    padding-right: 16rem;
    padding-left: 16rem;
  }
  .mobile\:py-px {
    padding-bottom: 1px;
    padding-top: 1px;
  }
  .mobile\:py-0 {
    padding-bottom: 0;
    padding-top: 0;
  }
  .mobile\:py-1 {
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
  }
  .mobile\:py-2 {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
  }
  .mobile\:py-3 {
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
  }
  .mobile\:py-4 {
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
  .mobile\:py-5 {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
  }
  .mobile\:py-6 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
  }
  .mobile\:py-8 {
    padding-bottom: 2rem;
    padding-top: 2rem;
  }
  .mobile\:py-10 {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem;
  }
  .mobile\:py-12 {
    padding-bottom: 3rem;
    padding-top: 3rem;
  }
  .mobile\:py-16 {
    padding-bottom: 4rem;
    padding-top: 4rem;
  }
  .mobile\:py-20 {
    padding-bottom: 5rem;
    padding-top: 5rem;
  }
  .mobile\:py-24 {
    padding-bottom: 6rem;
    padding-top: 6rem;
  }
  .mobile\:py-32 {
    padding-bottom: 8rem;
    padding-top: 8rem;
  }
  .mobile\:py-40 {
    padding-bottom: 10rem;
    padding-top: 10rem;
  }
  .mobile\:py-48 {
    padding-bottom: 12rem;
    padding-top: 12rem;
  }
  .mobile\:py-56 {
    padding-bottom: 14rem;
    padding-top: 14rem;
  }
  .mobile\:py-64 {
    padding-bottom: 16rem;
    padding-top: 16rem;
  }
  .mobile\:pt-px {
    padding-top: 1px;
  }
  .mobile\:pt-0 {
    padding-top: 0;
  }
  .mobile\:pt-1 {
    padding-top: 0.25rem;
  }
  .mobile\:pt-2 {
    padding-top: 0.5rem;
  }
  .mobile\:pt-3 {
    padding-top: 0.75rem;
  }
  .mobile\:pt-4 {
    padding-top: 1rem;
  }
  .mobile\:pt-5 {
    padding-top: 1.25rem;
  }
  .mobile\:pt-6 {
    padding-top: 1.5rem;
  }
  .mobile\:pt-8 {
    padding-top: 2rem;
  }
  .mobile\:pt-10 {
    padding-top: 2.5rem;
  }
  .mobile\:pt-12 {
    padding-top: 3rem;
  }
  .mobile\:pt-16 {
    padding-top: 4rem;
  }
  .mobile\:pt-20 {
    padding-top: 5rem;
  }
  .mobile\:pt-24 {
    padding-top: 6rem;
  }
  .mobile\:pt-32 {
    padding-top: 8rem;
  }
  .mobile\:pt-40 {
    padding-top: 10rem;
  }
  .mobile\:pt-48 {
    padding-top: 12rem;
  }
  .mobile\:pt-56 {
    padding-top: 14rem;
  }
  .mobile\:pt-64 {
    padding-top: 16rem;
  }
  .mobile\:pr-px {
    padding-right: 1px;
  }
  .mobile\:pr-0 {
    padding-right: 0;
  }
  .mobile\:pr-1 {
    padding-right: 0.25rem;
  }
  .mobile\:pr-2 {
    padding-right: 0.5rem;
  }
  .mobile\:pr-3 {
    padding-right: 0.75rem;
  }
  .mobile\:pr-4 {
    padding-right: 1rem;
  }
  .mobile\:pr-5 {
    padding-right: 1.25rem;
  }
  .mobile\:pr-6 {
    padding-right: 1.5rem;
  }
  .mobile\:pr-8 {
    padding-right: 2rem;
  }
  .mobile\:pr-10 {
    padding-right: 2.5rem;
  }
  .mobile\:pr-12 {
    padding-right: 3rem;
  }
  .mobile\:pr-16 {
    padding-right: 4rem;
  }
  .mobile\:pr-20 {
    padding-right: 5rem;
  }
  .mobile\:pr-24 {
    padding-right: 6rem;
  }
  .mobile\:pr-32 {
    padding-right: 8rem;
  }
  .mobile\:pr-40 {
    padding-right: 10rem;
  }
  .mobile\:pr-48 {
    padding-right: 12rem;
  }
  .mobile\:pr-56 {
    padding-right: 14rem;
  }
  .mobile\:pr-64 {
    padding-right: 16rem;
  }
  .mobile\:pb-px {
    padding-bottom: 1px;
  }
  .mobile\:pb-0 {
    padding-bottom: 0;
  }
  .mobile\:pb-1 {
    padding-bottom: 0.25rem;
  }
  .mobile\:pb-2 {
    padding-bottom: 0.5rem;
  }
  .mobile\:pb-3 {
    padding-bottom: 0.75rem;
  }
  .mobile\:pb-4 {
    padding-bottom: 1rem;
  }
  .mobile\:pb-5 {
    padding-bottom: 1.25rem;
  }
  .mobile\:pb-6 {
    padding-bottom: 1.5rem;
  }
  .mobile\:pb-8 {
    padding-bottom: 2rem;
  }
  .mobile\:pb-10 {
    padding-bottom: 2.5rem;
  }
  .mobile\:pb-12 {
    padding-bottom: 3rem;
  }
  .mobile\:pb-16 {
    padding-bottom: 4rem;
  }
  .mobile\:pb-20 {
    padding-bottom: 5rem;
  }
  .mobile\:pb-24 {
    padding-bottom: 6rem;
  }
  .mobile\:pb-32 {
    padding-bottom: 8rem;
  }
  .mobile\:pb-40 {
    padding-bottom: 10rem;
  }
  .mobile\:pb-48 {
    padding-bottom: 12rem;
  }
  .mobile\:pb-56 {
    padding-bottom: 14rem;
  }
  .mobile\:pb-64 {
    padding-bottom: 16rem;
  }
  .mobile\:pl-px {
    padding-left: 1px;
  }
  .mobile\:pl-0 {
    padding-left: 0;
  }
  .mobile\:pl-1 {
    padding-left: 0.25rem;
  }
  .mobile\:pl-2 {
    padding-left: 0.5rem;
  }
  .mobile\:pl-3 {
    padding-left: 0.75rem;
  }
  .mobile\:pl-4 {
    padding-left: 1rem;
  }
  .mobile\:pl-5 {
    padding-left: 1.25rem;
  }
  .mobile\:pl-6 {
    padding-left: 1.5rem;
  }
  .mobile\:pl-8 {
    padding-left: 2rem;
  }
  .mobile\:pl-10 {
    padding-left: 2.5rem;
  }
  .mobile\:pl-12 {
    padding-left: 3rem;
  }
  .mobile\:pl-16 {
    padding-left: 4rem;
  }
  .mobile\:pl-20 {
    padding-left: 5rem;
  }
  .mobile\:pl-24 {
    padding-left: 6rem;
  }
  .mobile\:pl-32 {
    padding-left: 8rem;
  }
  .mobile\:pl-40 {
    padding-left: 10rem;
  }
  .mobile\:pl-48 {
    padding-left: 12rem;
  }
  .mobile\:pl-56 {
    padding-left: 14rem;
  }
  .mobile\:pl-64 {
    padding-left: 16rem;
  }
  .mobile\:m-auto {
    margin: auto;
  }
  .mobile\:m-px {
    margin: 1px;
  }
  .mobile\:m-0 {
    margin: 0;
  }
  .mobile\:m-1 {
    margin: 0.25rem;
  }
  .mobile\:m-2 {
    margin: 0.5rem;
  }
  .mobile\:m-3 {
    margin: 0.75rem;
  }
  .mobile\:m-4 {
    margin: 1rem;
  }
  .mobile\:m-5 {
    margin: 1.25rem;
  }
  .mobile\:m-6 {
    margin: 1.5rem;
  }
  .mobile\:m-8 {
    margin: 2rem;
  }
  .mobile\:m-10 {
    margin: 2.5rem;
  }
  .mobile\:m-12 {
    margin: 3rem;
  }
  .mobile\:m-16 {
    margin: 4rem;
  }
  .mobile\:m-20 {
    margin: 5rem;
  }
  .mobile\:m-24 {
    margin: 6rem;
  }
  .mobile\:m-32 {
    margin: 8rem;
  }
  .mobile\:m-40 {
    margin: 10rem;
  }
  .mobile\:m-48 {
    margin: 12rem;
  }
  .mobile\:m-56 {
    margin: 14rem;
  }
  .mobile\:m-64 {
    margin: 16rem;
  }
  .mobile\:mx-auto {
    margin-right: auto;
    margin-left: auto;
  }
  .mobile\:mx-px {
    margin-right: 1px;
    margin-left: 1px;
  }
  .mobile\:mx-0 {
    margin-right: 0;
    margin-left: 0;
  }
  .mobile\:mx-1 {
    margin-right: 0.25rem;
    margin-left: 0.25rem;
  }
  .mobile\:mx-2 {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  .mobile\:mx-3 {
    margin-right: 0.75rem;
    margin-left: 0.75rem;
  }
  .mobile\:mx-4 {
    margin-right: 1rem;
    margin-left: 1rem;
  }
  .mobile\:mx-5 {
    margin-right: 1.25rem;
    margin-left: 1.25rem;
  }
  .mobile\:mx-6 {
    margin-right: 1.5rem;
    margin-left: 1.5rem;
  }
  .mobile\:mx-8 {
    margin-right: 2rem;
    margin-left: 2rem;
  }
  .mobile\:mx-10 {
    margin-right: 2.5rem;
    margin-left: 2.5rem;
  }
  .mobile\:mx-12 {
    margin-right: 3rem;
    margin-left: 3rem;
  }
  .mobile\:mx-16 {
    margin-right: 4rem;
    margin-left: 4rem;
  }
  .mobile\:mx-20 {
    margin-right: 5rem;
    margin-left: 5rem;
  }
  .mobile\:mx-24 {
    margin-right: 6rem;
    margin-left: 6rem;
  }
  .mobile\:mx-32 {
    margin-right: 8rem;
    margin-left: 8rem;
  }
  .mobile\:mx-40 {
    margin-right: 10rem;
    margin-left: 10rem;
  }
  .mobile\:mx-48 {
    margin-right: 12rem;
    margin-left: 12rem;
  }
  .mobile\:mx-56 {
    margin-right: 14rem;
    margin-left: 14rem;
  }
  .mobile\:mx-64 {
    margin-right: 16rem;
    margin-left: 16rem;
  }
  .mobile\:my-auto {
    margin-bottom: auto;
    margin-top: auto;
  }
  .mobile\:my-px {
    margin-bottom: 1px;
    margin-top: 1px;
  }
  .mobile\:my-0 {
    margin-bottom: 0;
    margin-top: 0;
  }
  .mobile\:my-1 {
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
  }
  .mobile\:my-2 {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
  }
  .mobile\:my-3 {
    margin-bottom: 0.75rem;
    margin-top: 0.75rem;
  }
  .mobile\:my-4 {
    margin-bottom: 1rem;
    margin-top: 1rem;
  }
  .mobile\:my-5 {
    margin-bottom: 1.25rem;
    margin-top: 1.25rem;
  }
  .mobile\:my-6 {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
  }
  .mobile\:my-8 {
    margin-bottom: 2rem;
    margin-top: 2rem;
  }
  .mobile\:my-10 {
    margin-bottom: 2.5rem;
    margin-top: 2.5rem;
  }
  .mobile\:my-12 {
    margin-bottom: 3rem;
    margin-top: 3rem;
  }
  .mobile\:my-16 {
    margin-bottom: 4rem;
    margin-top: 4rem;
  }
  .mobile\:my-20 {
    margin-bottom: 5rem;
    margin-top: 5rem;
  }
  .mobile\:my-24 {
    margin-bottom: 6rem;
    margin-top: 6rem;
  }
  .mobile\:my-32 {
    margin-bottom: 8rem;
    margin-top: 8rem;
  }
  .mobile\:my-40 {
    margin-bottom: 10rem;
    margin-top: 10rem;
  }
  .mobile\:my-48 {
    margin-bottom: 12rem;
    margin-top: 12rem;
  }
  .mobile\:my-56 {
    margin-bottom: 14rem;
    margin-top: 14rem;
  }
  .mobile\:my-64 {
    margin-bottom: 16rem;
    margin-top: 16rem;
  }
  .mobile\:mt-auto {
    margin-top: auto;
  }
  .mobile\:mt-px {
    margin-top: 1px;
  }
  .mobile\:mt-0 {
    margin-top: 0;
  }
  .mobile\:mt-1 {
    margin-top: 0.25rem;
  }
  .mobile\:mt-2 {
    margin-top: 0.5rem;
  }
  .mobile\:mt-3 {
    margin-top: 0.75rem;
  }
  .mobile\:mt-4 {
    margin-top: 1rem;
  }
  .mobile\:mt-5 {
    margin-top: 1.25rem;
  }
  .mobile\:mt-6 {
    margin-top: 1.5rem;
  }
  .mobile\:mt-8 {
    margin-top: 2rem;
  }
  .mobile\:mt-10 {
    margin-top: 2.5rem;
  }
  .mobile\:mt-12 {
    margin-top: 3rem;
  }
  .mobile\:mt-16 {
    margin-top: 4rem;
  }
  .mobile\:mt-20 {
    margin-top: 5rem;
  }
  .mobile\:mt-24 {
    margin-top: 6rem;
  }
  .mobile\:mt-32 {
    margin-top: 8rem;
  }
  .mobile\:mt-40 {
    margin-top: 10rem;
  }
  .mobile\:mt-48 {
    margin-top: 12rem;
  }
  .mobile\:mt-56 {
    margin-top: 14rem;
  }
  .mobile\:mt-64 {
    margin-top: 16rem;
  }
  .mobile\:mr-auto {
    margin-right: auto;
  }
  .mobile\:mr-px {
    margin-right: 1px;
  }
  .mobile\:mr-0 {
    margin-right: 0;
  }
  .mobile\:mr-1 {
    margin-right: 0.25rem;
  }
  .mobile\:mr-2 {
    margin-right: 0.5rem;
  }
  .mobile\:mr-3 {
    margin-right: 0.75rem;
  }
  .mobile\:mr-4 {
    margin-right: 1rem;
  }
  .mobile\:mr-5 {
    margin-right: 1.25rem;
  }
  .mobile\:mr-6 {
    margin-right: 1.5rem;
  }
  .mobile\:mr-8 {
    margin-right: 2rem;
  }
  .mobile\:mr-10 {
    margin-right: 2.5rem;
  }
  .mobile\:mr-12 {
    margin-right: 3rem;
  }
  .mobile\:mr-16 {
    margin-right: 4rem;
  }
  .mobile\:mr-20 {
    margin-right: 5rem;
  }
  .mobile\:mr-24 {
    margin-right: 6rem;
  }
  .mobile\:mr-32 {
    margin-right: 8rem;
  }
  .mobile\:mr-40 {
    margin-right: 10rem;
  }
  .mobile\:mr-48 {
    margin-right: 12rem;
  }
  .mobile\:mr-56 {
    margin-right: 14rem;
  }
  .mobile\:mr-64 {
    margin-right: 16rem;
  }
  .mobile\:mb-auto {
    margin-bottom: auto;
  }
  .mobile\:mb-px {
    margin-bottom: 1px;
  }
  .mobile\:mb-0 {
    margin-bottom: 0;
  }
  .mobile\:mb-1 {
    margin-bottom: 0.25rem;
  }
  .mobile\:mb-2 {
    margin-bottom: 0.5rem;
  }
  .mobile\:mb-3 {
    margin-bottom: 0.75rem;
  }
  .mobile\:mb-4 {
    margin-bottom: 1rem;
  }
  .mobile\:mb-5 {
    margin-bottom: 1.25rem;
  }
  .mobile\:mb-6 {
    margin-bottom: 1.5rem;
  }
  .mobile\:mb-8 {
    margin-bottom: 2rem;
  }
  .mobile\:mb-10 {
    margin-bottom: 2.5rem;
  }
  .mobile\:mb-12 {
    margin-bottom: 3rem;
  }
  .mobile\:mb-16 {
    margin-bottom: 4rem;
  }
  .mobile\:mb-20 {
    margin-bottom: 5rem;
  }
  .mobile\:mb-24 {
    margin-bottom: 6rem;
  }
  .mobile\:mb-32 {
    margin-bottom: 8rem;
  }
  .mobile\:mb-40 {
    margin-bottom: 10rem;
  }
  .mobile\:mb-48 {
    margin-bottom: 12rem;
  }
  .mobile\:mb-56 {
    margin-bottom: 14rem;
  }
  .mobile\:mb-64 {
    margin-bottom: 16rem;
  }
  .mobile\:ml-auto {
    margin-left: auto;
  }
  .mobile\:ml-px {
    margin-left: 1px;
  }
  .mobile\:ml-0 {
    margin-left: 0;
  }
  .mobile\:ml-1 {
    margin-left: 0.25rem;
  }
  .mobile\:ml-2 {
    margin-left: 0.5rem;
  }
  .mobile\:ml-3 {
    margin-left: 0.75rem;
  }
  .mobile\:ml-4 {
    margin-left: 1rem;
  }
  .mobile\:ml-5 {
    margin-left: 1.25rem;
  }
  .mobile\:ml-6 {
    margin-left: 1.5rem;
  }
  .mobile\:ml-8 {
    margin-left: 2rem;
  }
  .mobile\:ml-10 {
    margin-left: 2.5rem;
  }
  .mobile\:ml-12 {
    margin-left: 3rem;
  }
  .mobile\:ml-16 {
    margin-left: 4rem;
  }
  .mobile\:ml-20 {
    margin-left: 5rem;
  }
  .mobile\:ml-24 {
    margin-left: 6rem;
  }
  .mobile\:ml-32 {
    margin-left: 8rem;
  }
  .mobile\:ml-40 {
    margin-left: 10rem;
  }
  .mobile\:ml-48 {
    margin-left: 12rem;
  }
  .mobile\:ml-56 {
    margin-left: 14rem;
  }
  .mobile\:ml-64 {
    margin-left: 16rem;
  }
  .mobile\:-m-px {
    margin: -1px;
  }
  .mobile\:-m-0 {
    margin: 0;
  }
  .mobile\:-m-1 {
    margin: -0.25rem;
  }
  .mobile\:-m-2 {
    margin: -0.5rem;
  }
  .mobile\:-m-3 {
    margin: -0.75rem;
  }
  .mobile\:-m-4 {
    margin: -1rem;
  }
  .mobile\:-m-5 {
    margin: -1.25rem;
  }
  .mobile\:-m-6 {
    margin: -1.5rem;
  }
  .mobile\:-m-8 {
    margin: -2rem;
  }
  .mobile\:-m-10 {
    margin: -2.5rem;
  }
  .mobile\:-m-12 {
    margin: -3rem;
  }
  .mobile\:-m-16 {
    margin: -4rem;
  }
  .mobile\:-m-20 {
    margin: -5rem;
  }
  .mobile\:-m-24 {
    margin: -6rem;
  }
  .mobile\:-m-32 {
    margin: -8rem;
  }
  .mobile\:-m-40 {
    margin: -10rem;
  }
  .mobile\:-m-48 {
    margin: -12rem;
  }
  .mobile\:-m-56 {
    margin: -14rem;
  }
  .mobile\:-m-64 {
    margin: -16rem;
  }
  .mobile\:-mx-px {
    margin-right: -1px;
    margin-left: -1px;
  }
  .mobile\:-mx-0 {
    margin-right: 0;
    margin-left: 0;
  }
  .mobile\:-mx-1 {
    margin-right: -0.25rem;
    margin-left: -0.25rem;
  }
  .mobile\:-mx-2 {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  .mobile\:-mx-3 {
    margin-right: -0.75rem;
    margin-left: -0.75rem;
  }
  .mobile\:-mx-4 {
    margin-right: -1rem;
    margin-left: -1rem;
  }
  .mobile\:-mx-5 {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
  .mobile\:-mx-6 {
    margin-right: -1.5rem;
    margin-left: -1.5rem;
  }
  .mobile\:-mx-8 {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  .mobile\:-mx-10 {
    margin-right: -2.5rem;
    margin-left: -2.5rem;
  }
  .mobile\:-mx-12 {
    margin-right: -3rem;
    margin-left: -3rem;
  }
  .mobile\:-mx-16 {
    margin-right: -4rem;
    margin-left: -4rem;
  }
  .mobile\:-mx-20 {
    margin-right: -5rem;
    margin-left: -5rem;
  }
  .mobile\:-mx-24 {
    margin-right: -6rem;
    margin-left: -6rem;
  }
  .mobile\:-mx-32 {
    margin-right: -8rem;
    margin-left: -8rem;
  }
  .mobile\:-mx-40 {
    margin-right: -10rem;
    margin-left: -10rem;
  }
  .mobile\:-mx-48 {
    margin-right: -12rem;
    margin-left: -12rem;
  }
  .mobile\:-mx-56 {
    margin-right: -14rem;
    margin-left: -14rem;
  }
  .mobile\:-mx-64 {
    margin-right: -16rem;
    margin-left: -16rem;
  }
  .mobile\:-my-px {
    margin-bottom: -1px;
    margin-top: -1px;
  }
  .mobile\:-my-0 {
    margin-bottom: 0;
    margin-top: 0;
  }
  .mobile\:-my-1 {
    margin-bottom: -0.25rem;
    margin-top: -0.25rem;
  }
  .mobile\:-my-2 {
    margin-bottom: -0.5rem;
    margin-top: -0.5rem;
  }
  .mobile\:-my-3 {
    margin-bottom: -0.75rem;
    margin-top: -0.75rem;
  }
  .mobile\:-my-4 {
    margin-bottom: -1rem;
    margin-top: -1rem;
  }
  .mobile\:-my-5 {
    margin-bottom: -1.25rem;
    margin-top: -1.25rem;
  }
  .mobile\:-my-6 {
    margin-bottom: -1.5rem;
    margin-top: -1.5rem;
  }
  .mobile\:-my-8 {
    margin-bottom: -2rem;
    margin-top: -2rem;
  }
  .mobile\:-my-10 {
    margin-bottom: -2.5rem;
    margin-top: -2.5rem;
  }
  .mobile\:-my-12 {
    margin-bottom: -3rem;
    margin-top: -3rem;
  }
  .mobile\:-my-16 {
    margin-bottom: -4rem;
    margin-top: -4rem;
  }
  .mobile\:-my-20 {
    margin-bottom: -5rem;
    margin-top: -5rem;
  }
  .mobile\:-my-24 {
    margin-bottom: -6rem;
    margin-top: -6rem;
  }
  .mobile\:-my-32 {
    margin-bottom: -8rem;
    margin-top: -8rem;
  }
  .mobile\:-my-40 {
    margin-bottom: -10rem;
    margin-top: -10rem;
  }
  .mobile\:-my-48 {
    margin-bottom: -12rem;
    margin-top: -12rem;
  }
  .mobile\:-my-56 {
    margin-bottom: -14rem;
    margin-top: -14rem;
  }
  .mobile\:-my-64 {
    margin-bottom: -16rem;
    margin-top: -16rem;
  }
  .mobile\:-mt-px {
    margin-top: -1px;
  }
  .mobile\:-mt-0 {
    margin-top: 0;
  }
  .mobile\:-mt-1 {
    margin-top: -0.25rem;
  }
  .mobile\:-mt-2 {
    margin-top: -0.5rem;
  }
  .mobile\:-mt-3 {
    margin-top: -0.75rem;
  }
  .mobile\:-mt-4 {
    margin-top: -1rem;
  }
  .mobile\:-mt-5 {
    margin-top: -1.25rem;
  }
  .mobile\:-mt-6 {
    margin-top: -1.5rem;
  }
  .mobile\:-mt-8 {
    margin-top: -2rem;
  }
  .mobile\:-mt-10 {
    margin-top: -2.5rem;
  }
  .mobile\:-mt-12 {
    margin-top: -3rem;
  }
  .mobile\:-mt-16 {
    margin-top: -4rem;
  }
  .mobile\:-mt-20 {
    margin-top: -5rem;
  }
  .mobile\:-mt-24 {
    margin-top: -6rem;
  }
  .mobile\:-mt-32 {
    margin-top: -8rem;
  }
  .mobile\:-mt-40 {
    margin-top: -10rem;
  }
  .mobile\:-mt-48 {
    margin-top: -12rem;
  }
  .mobile\:-mt-56 {
    margin-top: -14rem;
  }
  .mobile\:-mt-64 {
    margin-top: -16rem;
  }
  .mobile\:-mr-px {
    margin-right: -1px;
  }
  .mobile\:-mr-0 {
    margin-right: 0;
  }
  .mobile\:-mr-1 {
    margin-right: -0.25rem;
  }
  .mobile\:-mr-2 {
    margin-right: -0.5rem;
  }
  .mobile\:-mr-3 {
    margin-right: -0.75rem;
  }
  .mobile\:-mr-4 {
    margin-right: -1rem;
  }
  .mobile\:-mr-5 {
    margin-right: -1.25rem;
  }
  .mobile\:-mr-6 {
    margin-right: -1.5rem;
  }
  .mobile\:-mr-8 {
    margin-right: -2rem;
  }
  .mobile\:-mr-10 {
    margin-right: -2.5rem;
  }
  .mobile\:-mr-12 {
    margin-right: -3rem;
  }
  .mobile\:-mr-16 {
    margin-right: -4rem;
  }
  .mobile\:-mr-20 {
    margin-right: -5rem;
  }
  .mobile\:-mr-24 {
    margin-right: -6rem;
  }
  .mobile\:-mr-32 {
    margin-right: -8rem;
  }
  .mobile\:-mr-40 {
    margin-right: -10rem;
  }
  .mobile\:-mr-48 {
    margin-right: -12rem;
  }
  .mobile\:-mr-56 {
    margin-right: -14rem;
  }
  .mobile\:-mr-64 {
    margin-right: -16rem;
  }
  .mobile\:-mb-px {
    margin-bottom: -1px;
  }
  .mobile\:-mb-0 {
    margin-bottom: 0;
  }
  .mobile\:-mb-1 {
    margin-bottom: -0.25rem;
  }
  .mobile\:-mb-2 {
    margin-bottom: -0.5rem;
  }
  .mobile\:-mb-3 {
    margin-bottom: -0.75rem;
  }
  .mobile\:-mb-4 {
    margin-bottom: -1rem;
  }
  .mobile\:-mb-5 {
    margin-bottom: -1.25rem;
  }
  .mobile\:-mb-6 {
    margin-bottom: -1.5rem;
  }
  .mobile\:-mb-8 {
    margin-bottom: -2rem;
  }
  .mobile\:-mb-10 {
    margin-bottom: -2.5rem;
  }
  .mobile\:-mb-12 {
    margin-bottom: -3rem;
  }
  .mobile\:-mb-16 {
    margin-bottom: -4rem;
  }
  .mobile\:-mb-20 {
    margin-bottom: -5rem;
  }
  .mobile\:-mb-24 {
    margin-bottom: -6rem;
  }
  .mobile\:-mb-32 {
    margin-bottom: -8rem;
  }
  .mobile\:-mb-40 {
    margin-bottom: -10rem;
  }
  .mobile\:-mb-48 {
    margin-bottom: -12rem;
  }
  .mobile\:-mb-56 {
    margin-bottom: -14rem;
  }
  .mobile\:-mb-64 {
    margin-bottom: -16rem;
  }
  .mobile\:-ml-px {
    margin-left: -1px;
  }
  .mobile\:-ml-0 {
    margin-left: 0;
  }
  .mobile\:-ml-1 {
    margin-left: -0.25rem;
  }
  .mobile\:-ml-2 {
    margin-left: -0.5rem;
  }
  .mobile\:-ml-3 {
    margin-left: -0.75rem;
  }
  .mobile\:-ml-4 {
    margin-left: -1rem;
  }
  .mobile\:-ml-5 {
    margin-left: -1.25rem;
  }
  .mobile\:-ml-6 {
    margin-left: -1.5rem;
  }
  .mobile\:-ml-8 {
    margin-left: -2rem;
  }
  .mobile\:-ml-10 {
    margin-left: -2.5rem;
  }
  .mobile\:-ml-12 {
    margin-left: -3rem;
  }
  .mobile\:-ml-16 {
    margin-left: -4rem;
  }
  .mobile\:-ml-20 {
    margin-left: -5rem;
  }
  .mobile\:-ml-24 {
    margin-left: -6rem;
  }
  .mobile\:-ml-32 {
    margin-left: -8rem;
  }
  .mobile\:-ml-40 {
    margin-left: -10rem;
  }
  .mobile\:-ml-48 {
    margin-left: -12rem;
  }
  .mobile\:-ml-56 {
    margin-left: -14rem;
  }
  .mobile\:-ml-64 {
    margin-left: -16rem;
  }
}
@media screen and (max-width: 768px) {
  .small\:p-px {
    padding: 1px;
  }
  .small\:p-0 {
    padding: 0;
  }
  .small\:p-1 {
    padding: 0.25rem;
  }
  .small\:p-2 {
    padding: 0.5rem;
  }
  .small\:p-3 {
    padding: 0.75rem;
  }
  .small\:p-4 {
    padding: 1rem;
  }
  .small\:p-5 {
    padding: 1.25rem;
  }
  .small\:p-6 {
    padding: 1.5rem;
  }
  .small\:p-8 {
    padding: 2rem;
  }
  .small\:p-10 {
    padding: 2.5rem;
  }
  .small\:p-12 {
    padding: 3rem;
  }
  .small\:p-16 {
    padding: 4rem;
  }
  .small\:p-20 {
    padding: 5rem;
  }
  .small\:p-24 {
    padding: 6rem;
  }
  .small\:p-32 {
    padding: 8rem;
  }
  .small\:p-40 {
    padding: 10rem;
  }
  .small\:p-48 {
    padding: 12rem;
  }
  .small\:p-56 {
    padding: 14rem;
  }
  .small\:p-64 {
    padding: 16rem;
  }
  .small\:px-px {
    padding-right: 1px;
    padding-left: 1px;
  }
  .small\:px-0 {
    padding-right: 0;
    padding-left: 0;
  }
  .small\:px-1 {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
  }
  .small\:px-2 {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .small\:px-3 {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }
  .small\:px-4 {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .small\:px-5 {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
  .small\:px-6 {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
  .small\:px-8 {
    padding-right: 2rem;
    padding-left: 2rem;
  }
  .small\:px-10 {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
  .small\:px-12 {
    padding-right: 3rem;
    padding-left: 3rem;
  }
  .small\:px-16 {
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .small\:px-20 {
    padding-right: 5rem;
    padding-left: 5rem;
  }
  .small\:px-24 {
    padding-right: 6rem;
    padding-left: 6rem;
  }
  .small\:px-32 {
    padding-right: 8rem;
    padding-left: 8rem;
  }
  .small\:px-40 {
    padding-right: 10rem;
    padding-left: 10rem;
  }
  .small\:px-48 {
    padding-right: 12rem;
    padding-left: 12rem;
  }
  .small\:px-56 {
    padding-right: 14rem;
    padding-left: 14rem;
  }
  .small\:px-64 {
    padding-right: 16rem;
    padding-left: 16rem;
  }
  .small\:py-px {
    padding-bottom: 1px;
    padding-top: 1px;
  }
  .small\:py-0 {
    padding-bottom: 0;
    padding-top: 0;
  }
  .small\:py-1 {
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
  }
  .small\:py-2 {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
  }
  .small\:py-3 {
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
  }
  .small\:py-4 {
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
  .small\:py-5 {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
  }
  .small\:py-6 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
  }
  .small\:py-8 {
    padding-bottom: 2rem;
    padding-top: 2rem;
  }
  .small\:py-10 {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem;
  }
  .small\:py-12 {
    padding-bottom: 3rem;
    padding-top: 3rem;
  }
  .small\:py-16 {
    padding-bottom: 4rem;
    padding-top: 4rem;
  }
  .small\:py-20 {
    padding-bottom: 5rem;
    padding-top: 5rem;
  }
  .small\:py-24 {
    padding-bottom: 6rem;
    padding-top: 6rem;
  }
  .small\:py-32 {
    padding-bottom: 8rem;
    padding-top: 8rem;
  }
  .small\:py-40 {
    padding-bottom: 10rem;
    padding-top: 10rem;
  }
  .small\:py-48 {
    padding-bottom: 12rem;
    padding-top: 12rem;
  }
  .small\:py-56 {
    padding-bottom: 14rem;
    padding-top: 14rem;
  }
  .small\:py-64 {
    padding-bottom: 16rem;
    padding-top: 16rem;
  }
  .small\:pt-px {
    padding-top: 1px;
  }
  .small\:pt-0 {
    padding-top: 0;
  }
  .small\:pt-1 {
    padding-top: 0.25rem;
  }
  .small\:pt-2 {
    padding-top: 0.5rem;
  }
  .small\:pt-3 {
    padding-top: 0.75rem;
  }
  .small\:pt-4 {
    padding-top: 1rem;
  }
  .small\:pt-5 {
    padding-top: 1.25rem;
  }
  .small\:pt-6 {
    padding-top: 1.5rem;
  }
  .small\:pt-8 {
    padding-top: 2rem;
  }
  .small\:pt-10 {
    padding-top: 2.5rem;
  }
  .small\:pt-12 {
    padding-top: 3rem;
  }
  .small\:pt-16 {
    padding-top: 4rem;
  }
  .small\:pt-20 {
    padding-top: 5rem;
  }
  .small\:pt-24 {
    padding-top: 6rem;
  }
  .small\:pt-32 {
    padding-top: 8rem;
  }
  .small\:pt-40 {
    padding-top: 10rem;
  }
  .small\:pt-48 {
    padding-top: 12rem;
  }
  .small\:pt-56 {
    padding-top: 14rem;
  }
  .small\:pt-64 {
    padding-top: 16rem;
  }
  .small\:pr-px {
    padding-right: 1px;
  }
  .small\:pr-0 {
    padding-right: 0;
  }
  .small\:pr-1 {
    padding-right: 0.25rem;
  }
  .small\:pr-2 {
    padding-right: 0.5rem;
  }
  .small\:pr-3 {
    padding-right: 0.75rem;
  }
  .small\:pr-4 {
    padding-right: 1rem;
  }
  .small\:pr-5 {
    padding-right: 1.25rem;
  }
  .small\:pr-6 {
    padding-right: 1.5rem;
  }
  .small\:pr-8 {
    padding-right: 2rem;
  }
  .small\:pr-10 {
    padding-right: 2.5rem;
  }
  .small\:pr-12 {
    padding-right: 3rem;
  }
  .small\:pr-16 {
    padding-right: 4rem;
  }
  .small\:pr-20 {
    padding-right: 5rem;
  }
  .small\:pr-24 {
    padding-right: 6rem;
  }
  .small\:pr-32 {
    padding-right: 8rem;
  }
  .small\:pr-40 {
    padding-right: 10rem;
  }
  .small\:pr-48 {
    padding-right: 12rem;
  }
  .small\:pr-56 {
    padding-right: 14rem;
  }
  .small\:pr-64 {
    padding-right: 16rem;
  }
  .small\:pb-px {
    padding-bottom: 1px;
  }
  .small\:pb-0 {
    padding-bottom: 0;
  }
  .small\:pb-1 {
    padding-bottom: 0.25rem;
  }
  .small\:pb-2 {
    padding-bottom: 0.5rem;
  }
  .small\:pb-3 {
    padding-bottom: 0.75rem;
  }
  .small\:pb-4 {
    padding-bottom: 1rem;
  }
  .small\:pb-5 {
    padding-bottom: 1.25rem;
  }
  .small\:pb-6 {
    padding-bottom: 1.5rem;
  }
  .small\:pb-8 {
    padding-bottom: 2rem;
  }
  .small\:pb-10 {
    padding-bottom: 2.5rem;
  }
  .small\:pb-12 {
    padding-bottom: 3rem;
  }
  .small\:pb-16 {
    padding-bottom: 4rem;
  }
  .small\:pb-20 {
    padding-bottom: 5rem;
  }
  .small\:pb-24 {
    padding-bottom: 6rem;
  }
  .small\:pb-32 {
    padding-bottom: 8rem;
  }
  .small\:pb-40 {
    padding-bottom: 10rem;
  }
  .small\:pb-48 {
    padding-bottom: 12rem;
  }
  .small\:pb-56 {
    padding-bottom: 14rem;
  }
  .small\:pb-64 {
    padding-bottom: 16rem;
  }
  .small\:pl-px {
    padding-left: 1px;
  }
  .small\:pl-0 {
    padding-left: 0;
  }
  .small\:pl-1 {
    padding-left: 0.25rem;
  }
  .small\:pl-2 {
    padding-left: 0.5rem;
  }
  .small\:pl-3 {
    padding-left: 0.75rem;
  }
  .small\:pl-4 {
    padding-left: 1rem;
  }
  .small\:pl-5 {
    padding-left: 1.25rem;
  }
  .small\:pl-6 {
    padding-left: 1.5rem;
  }
  .small\:pl-8 {
    padding-left: 2rem;
  }
  .small\:pl-10 {
    padding-left: 2.5rem;
  }
  .small\:pl-12 {
    padding-left: 3rem;
  }
  .small\:pl-16 {
    padding-left: 4rem;
  }
  .small\:pl-20 {
    padding-left: 5rem;
  }
  .small\:pl-24 {
    padding-left: 6rem;
  }
  .small\:pl-32 {
    padding-left: 8rem;
  }
  .small\:pl-40 {
    padding-left: 10rem;
  }
  .small\:pl-48 {
    padding-left: 12rem;
  }
  .small\:pl-56 {
    padding-left: 14rem;
  }
  .small\:pl-64 {
    padding-left: 16rem;
  }
  .small\:m-auto {
    margin: auto;
  }
  .small\:m-px {
    margin: 1px;
  }
  .small\:m-0 {
    margin: 0;
  }
  .small\:m-1 {
    margin: 0.25rem;
  }
  .small\:m-2 {
    margin: 0.5rem;
  }
  .small\:m-3 {
    margin: 0.75rem;
  }
  .small\:m-4 {
    margin: 1rem;
  }
  .small\:m-5 {
    margin: 1.25rem;
  }
  .small\:m-6 {
    margin: 1.5rem;
  }
  .small\:m-8 {
    margin: 2rem;
  }
  .small\:m-10 {
    margin: 2.5rem;
  }
  .small\:m-12 {
    margin: 3rem;
  }
  .small\:m-16 {
    margin: 4rem;
  }
  .small\:m-20 {
    margin: 5rem;
  }
  .small\:m-24 {
    margin: 6rem;
  }
  .small\:m-32 {
    margin: 8rem;
  }
  .small\:m-40 {
    margin: 10rem;
  }
  .small\:m-48 {
    margin: 12rem;
  }
  .small\:m-56 {
    margin: 14rem;
  }
  .small\:m-64 {
    margin: 16rem;
  }
  .small\:mx-auto {
    margin-right: auto;
    margin-left: auto;
  }
  .small\:mx-px {
    margin-right: 1px;
    margin-left: 1px;
  }
  .small\:mx-0 {
    margin-right: 0;
    margin-left: 0;
  }
  .small\:mx-1 {
    margin-right: 0.25rem;
    margin-left: 0.25rem;
  }
  .small\:mx-2 {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  .small\:mx-3 {
    margin-right: 0.75rem;
    margin-left: 0.75rem;
  }
  .small\:mx-4 {
    margin-right: 1rem;
    margin-left: 1rem;
  }
  .small\:mx-5 {
    margin-right: 1.25rem;
    margin-left: 1.25rem;
  }
  .small\:mx-6 {
    margin-right: 1.5rem;
    margin-left: 1.5rem;
  }
  .small\:mx-8 {
    margin-right: 2rem;
    margin-left: 2rem;
  }
  .small\:mx-10 {
    margin-right: 2.5rem;
    margin-left: 2.5rem;
  }
  .small\:mx-12 {
    margin-right: 3rem;
    margin-left: 3rem;
  }
  .small\:mx-16 {
    margin-right: 4rem;
    margin-left: 4rem;
  }
  .small\:mx-20 {
    margin-right: 5rem;
    margin-left: 5rem;
  }
  .small\:mx-24 {
    margin-right: 6rem;
    margin-left: 6rem;
  }
  .small\:mx-32 {
    margin-right: 8rem;
    margin-left: 8rem;
  }
  .small\:mx-40 {
    margin-right: 10rem;
    margin-left: 10rem;
  }
  .small\:mx-48 {
    margin-right: 12rem;
    margin-left: 12rem;
  }
  .small\:mx-56 {
    margin-right: 14rem;
    margin-left: 14rem;
  }
  .small\:mx-64 {
    margin-right: 16rem;
    margin-left: 16rem;
  }
  .small\:my-auto {
    margin-bottom: auto;
    margin-top: auto;
  }
  .small\:my-px {
    margin-bottom: 1px;
    margin-top: 1px;
  }
  .small\:my-0 {
    margin-bottom: 0;
    margin-top: 0;
  }
  .small\:my-1 {
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
  }
  .small\:my-2 {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
  }
  .small\:my-3 {
    margin-bottom: 0.75rem;
    margin-top: 0.75rem;
  }
  .small\:my-4 {
    margin-bottom: 1rem;
    margin-top: 1rem;
  }
  .small\:my-5 {
    margin-bottom: 1.25rem;
    margin-top: 1.25rem;
  }
  .small\:my-6 {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
  }
  .small\:my-8 {
    margin-bottom: 2rem;
    margin-top: 2rem;
  }
  .small\:my-10 {
    margin-bottom: 2.5rem;
    margin-top: 2.5rem;
  }
  .small\:my-12 {
    margin-bottom: 3rem;
    margin-top: 3rem;
  }
  .small\:my-16 {
    margin-bottom: 4rem;
    margin-top: 4rem;
  }
  .small\:my-20 {
    margin-bottom: 5rem;
    margin-top: 5rem;
  }
  .small\:my-24 {
    margin-bottom: 6rem;
    margin-top: 6rem;
  }
  .small\:my-32 {
    margin-bottom: 8rem;
    margin-top: 8rem;
  }
  .small\:my-40 {
    margin-bottom: 10rem;
    margin-top: 10rem;
  }
  .small\:my-48 {
    margin-bottom: 12rem;
    margin-top: 12rem;
  }
  .small\:my-56 {
    margin-bottom: 14rem;
    margin-top: 14rem;
  }
  .small\:my-64 {
    margin-bottom: 16rem;
    margin-top: 16rem;
  }
  .small\:mt-auto {
    margin-top: auto;
  }
  .small\:mt-px {
    margin-top: 1px;
  }
  .small\:mt-0 {
    margin-top: 0;
  }
  .small\:mt-1 {
    margin-top: 0.25rem;
  }
  .small\:mt-2 {
    margin-top: 0.5rem;
  }
  .small\:mt-3 {
    margin-top: 0.75rem;
  }
  .small\:mt-4 {
    margin-top: 1rem;
  }
  .small\:mt-5 {
    margin-top: 1.25rem;
  }
  .small\:mt-6 {
    margin-top: 1.5rem;
  }
  .small\:mt-8 {
    margin-top: 2rem;
  }
  .small\:mt-10 {
    margin-top: 2.5rem;
  }
  .small\:mt-12 {
    margin-top: 3rem;
  }
  .small\:mt-16 {
    margin-top: 4rem;
  }
  .small\:mt-20 {
    margin-top: 5rem;
  }
  .small\:mt-24 {
    margin-top: 6rem;
  }
  .small\:mt-32 {
    margin-top: 8rem;
  }
  .small\:mt-40 {
    margin-top: 10rem;
  }
  .small\:mt-48 {
    margin-top: 12rem;
  }
  .small\:mt-56 {
    margin-top: 14rem;
  }
  .small\:mt-64 {
    margin-top: 16rem;
  }
  .small\:mr-auto {
    margin-right: auto;
  }
  .small\:mr-px {
    margin-right: 1px;
  }
  .small\:mr-0 {
    margin-right: 0;
  }
  .small\:mr-1 {
    margin-right: 0.25rem;
  }
  .small\:mr-2 {
    margin-right: 0.5rem;
  }
  .small\:mr-3 {
    margin-right: 0.75rem;
  }
  .small\:mr-4 {
    margin-right: 1rem;
  }
  .small\:mr-5 {
    margin-right: 1.25rem;
  }
  .small\:mr-6 {
    margin-right: 1.5rem;
  }
  .small\:mr-8 {
    margin-right: 2rem;
  }
  .small\:mr-10 {
    margin-right: 2.5rem;
  }
  .small\:mr-12 {
    margin-right: 3rem;
  }
  .small\:mr-16 {
    margin-right: 4rem;
  }
  .small\:mr-20 {
    margin-right: 5rem;
  }
  .small\:mr-24 {
    margin-right: 6rem;
  }
  .small\:mr-32 {
    margin-right: 8rem;
  }
  .small\:mr-40 {
    margin-right: 10rem;
  }
  .small\:mr-48 {
    margin-right: 12rem;
  }
  .small\:mr-56 {
    margin-right: 14rem;
  }
  .small\:mr-64 {
    margin-right: 16rem;
  }
  .small\:mb-auto {
    margin-bottom: auto;
  }
  .small\:mb-px {
    margin-bottom: 1px;
  }
  .small\:mb-0 {
    margin-bottom: 0;
  }
  .small\:mb-1 {
    margin-bottom: 0.25rem;
  }
  .small\:mb-2 {
    margin-bottom: 0.5rem;
  }
  .small\:mb-3 {
    margin-bottom: 0.75rem;
  }
  .small\:mb-4 {
    margin-bottom: 1rem;
  }
  .small\:mb-5 {
    margin-bottom: 1.25rem;
  }
  .small\:mb-6 {
    margin-bottom: 1.5rem;
  }
  .small\:mb-8 {
    margin-bottom: 2rem;
  }
  .small\:mb-10 {
    margin-bottom: 2.5rem;
  }
  .small\:mb-12 {
    margin-bottom: 3rem;
  }
  .small\:mb-16 {
    margin-bottom: 4rem;
  }
  .small\:mb-20 {
    margin-bottom: 5rem;
  }
  .small\:mb-24 {
    margin-bottom: 6rem;
  }
  .small\:mb-32 {
    margin-bottom: 8rem;
  }
  .small\:mb-40 {
    margin-bottom: 10rem;
  }
  .small\:mb-48 {
    margin-bottom: 12rem;
  }
  .small\:mb-56 {
    margin-bottom: 14rem;
  }
  .small\:mb-64 {
    margin-bottom: 16rem;
  }
  .small\:ml-auto {
    margin-left: auto;
  }
  .small\:ml-px {
    margin-left: 1px;
  }
  .small\:ml-0 {
    margin-left: 0;
  }
  .small\:ml-1 {
    margin-left: 0.25rem;
  }
  .small\:ml-2 {
    margin-left: 0.5rem;
  }
  .small\:ml-3 {
    margin-left: 0.75rem;
  }
  .small\:ml-4 {
    margin-left: 1rem;
  }
  .small\:ml-5 {
    margin-left: 1.25rem;
  }
  .small\:ml-6 {
    margin-left: 1.5rem;
  }
  .small\:ml-8 {
    margin-left: 2rem;
  }
  .small\:ml-10 {
    margin-left: 2.5rem;
  }
  .small\:ml-12 {
    margin-left: 3rem;
  }
  .small\:ml-16 {
    margin-left: 4rem;
  }
  .small\:ml-20 {
    margin-left: 5rem;
  }
  .small\:ml-24 {
    margin-left: 6rem;
  }
  .small\:ml-32 {
    margin-left: 8rem;
  }
  .small\:ml-40 {
    margin-left: 10rem;
  }
  .small\:ml-48 {
    margin-left: 12rem;
  }
  .small\:ml-56 {
    margin-left: 14rem;
  }
  .small\:ml-64 {
    margin-left: 16rem;
  }
  .small\:-m-px {
    margin: -1px;
  }
  .small\:-m-0 {
    margin: 0;
  }
  .small\:-m-1 {
    margin: -0.25rem;
  }
  .small\:-m-2 {
    margin: -0.5rem;
  }
  .small\:-m-3 {
    margin: -0.75rem;
  }
  .small\:-m-4 {
    margin: -1rem;
  }
  .small\:-m-5 {
    margin: -1.25rem;
  }
  .small\:-m-6 {
    margin: -1.5rem;
  }
  .small\:-m-8 {
    margin: -2rem;
  }
  .small\:-m-10 {
    margin: -2.5rem;
  }
  .small\:-m-12 {
    margin: -3rem;
  }
  .small\:-m-16 {
    margin: -4rem;
  }
  .small\:-m-20 {
    margin: -5rem;
  }
  .small\:-m-24 {
    margin: -6rem;
  }
  .small\:-m-32 {
    margin: -8rem;
  }
  .small\:-m-40 {
    margin: -10rem;
  }
  .small\:-m-48 {
    margin: -12rem;
  }
  .small\:-m-56 {
    margin: -14rem;
  }
  .small\:-m-64 {
    margin: -16rem;
  }
  .small\:-mx-px {
    margin-right: -1px;
    margin-left: -1px;
  }
  .small\:-mx-0 {
    margin-right: 0;
    margin-left: 0;
  }
  .small\:-mx-1 {
    margin-right: -0.25rem;
    margin-left: -0.25rem;
  }
  .small\:-mx-2 {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  .small\:-mx-3 {
    margin-right: -0.75rem;
    margin-left: -0.75rem;
  }
  .small\:-mx-4 {
    margin-right: -1rem;
    margin-left: -1rem;
  }
  .small\:-mx-5 {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
  .small\:-mx-6 {
    margin-right: -1.5rem;
    margin-left: -1.5rem;
  }
  .small\:-mx-8 {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  .small\:-mx-10 {
    margin-right: -2.5rem;
    margin-left: -2.5rem;
  }
  .small\:-mx-12 {
    margin-right: -3rem;
    margin-left: -3rem;
  }
  .small\:-mx-16 {
    margin-right: -4rem;
    margin-left: -4rem;
  }
  .small\:-mx-20 {
    margin-right: -5rem;
    margin-left: -5rem;
  }
  .small\:-mx-24 {
    margin-right: -6rem;
    margin-left: -6rem;
  }
  .small\:-mx-32 {
    margin-right: -8rem;
    margin-left: -8rem;
  }
  .small\:-mx-40 {
    margin-right: -10rem;
    margin-left: -10rem;
  }
  .small\:-mx-48 {
    margin-right: -12rem;
    margin-left: -12rem;
  }
  .small\:-mx-56 {
    margin-right: -14rem;
    margin-left: -14rem;
  }
  .small\:-mx-64 {
    margin-right: -16rem;
    margin-left: -16rem;
  }
  .small\:-my-px {
    margin-bottom: -1px;
    margin-top: -1px;
  }
  .small\:-my-0 {
    margin-bottom: 0;
    margin-top: 0;
  }
  .small\:-my-1 {
    margin-bottom: -0.25rem;
    margin-top: -0.25rem;
  }
  .small\:-my-2 {
    margin-bottom: -0.5rem;
    margin-top: -0.5rem;
  }
  .small\:-my-3 {
    margin-bottom: -0.75rem;
    margin-top: -0.75rem;
  }
  .small\:-my-4 {
    margin-bottom: -1rem;
    margin-top: -1rem;
  }
  .small\:-my-5 {
    margin-bottom: -1.25rem;
    margin-top: -1.25rem;
  }
  .small\:-my-6 {
    margin-bottom: -1.5rem;
    margin-top: -1.5rem;
  }
  .small\:-my-8 {
    margin-bottom: -2rem;
    margin-top: -2rem;
  }
  .small\:-my-10 {
    margin-bottom: -2.5rem;
    margin-top: -2.5rem;
  }
  .small\:-my-12 {
    margin-bottom: -3rem;
    margin-top: -3rem;
  }
  .small\:-my-16 {
    margin-bottom: -4rem;
    margin-top: -4rem;
  }
  .small\:-my-20 {
    margin-bottom: -5rem;
    margin-top: -5rem;
  }
  .small\:-my-24 {
    margin-bottom: -6rem;
    margin-top: -6rem;
  }
  .small\:-my-32 {
    margin-bottom: -8rem;
    margin-top: -8rem;
  }
  .small\:-my-40 {
    margin-bottom: -10rem;
    margin-top: -10rem;
  }
  .small\:-my-48 {
    margin-bottom: -12rem;
    margin-top: -12rem;
  }
  .small\:-my-56 {
    margin-bottom: -14rem;
    margin-top: -14rem;
  }
  .small\:-my-64 {
    margin-bottom: -16rem;
    margin-top: -16rem;
  }
  .small\:-mt-px {
    margin-top: -1px;
  }
  .small\:-mt-0 {
    margin-top: 0;
  }
  .small\:-mt-1 {
    margin-top: -0.25rem;
  }
  .small\:-mt-2 {
    margin-top: -0.5rem;
  }
  .small\:-mt-3 {
    margin-top: -0.75rem;
  }
  .small\:-mt-4 {
    margin-top: -1rem;
  }
  .small\:-mt-5 {
    margin-top: -1.25rem;
  }
  .small\:-mt-6 {
    margin-top: -1.5rem;
  }
  .small\:-mt-8 {
    margin-top: -2rem;
  }
  .small\:-mt-10 {
    margin-top: -2.5rem;
  }
  .small\:-mt-12 {
    margin-top: -3rem;
  }
  .small\:-mt-16 {
    margin-top: -4rem;
  }
  .small\:-mt-20 {
    margin-top: -5rem;
  }
  .small\:-mt-24 {
    margin-top: -6rem;
  }
  .small\:-mt-32 {
    margin-top: -8rem;
  }
  .small\:-mt-40 {
    margin-top: -10rem;
  }
  .small\:-mt-48 {
    margin-top: -12rem;
  }
  .small\:-mt-56 {
    margin-top: -14rem;
  }
  .small\:-mt-64 {
    margin-top: -16rem;
  }
  .small\:-mr-px {
    margin-right: -1px;
  }
  .small\:-mr-0 {
    margin-right: 0;
  }
  .small\:-mr-1 {
    margin-right: -0.25rem;
  }
  .small\:-mr-2 {
    margin-right: -0.5rem;
  }
  .small\:-mr-3 {
    margin-right: -0.75rem;
  }
  .small\:-mr-4 {
    margin-right: -1rem;
  }
  .small\:-mr-5 {
    margin-right: -1.25rem;
  }
  .small\:-mr-6 {
    margin-right: -1.5rem;
  }
  .small\:-mr-8 {
    margin-right: -2rem;
  }
  .small\:-mr-10 {
    margin-right: -2.5rem;
  }
  .small\:-mr-12 {
    margin-right: -3rem;
  }
  .small\:-mr-16 {
    margin-right: -4rem;
  }
  .small\:-mr-20 {
    margin-right: -5rem;
  }
  .small\:-mr-24 {
    margin-right: -6rem;
  }
  .small\:-mr-32 {
    margin-right: -8rem;
  }
  .small\:-mr-40 {
    margin-right: -10rem;
  }
  .small\:-mr-48 {
    margin-right: -12rem;
  }
  .small\:-mr-56 {
    margin-right: -14rem;
  }
  .small\:-mr-64 {
    margin-right: -16rem;
  }
  .small\:-mb-px {
    margin-bottom: -1px;
  }
  .small\:-mb-0 {
    margin-bottom: 0;
  }
  .small\:-mb-1 {
    margin-bottom: -0.25rem;
  }
  .small\:-mb-2 {
    margin-bottom: -0.5rem;
  }
  .small\:-mb-3 {
    margin-bottom: -0.75rem;
  }
  .small\:-mb-4 {
    margin-bottom: -1rem;
  }
  .small\:-mb-5 {
    margin-bottom: -1.25rem;
  }
  .small\:-mb-6 {
    margin-bottom: -1.5rem;
  }
  .small\:-mb-8 {
    margin-bottom: -2rem;
  }
  .small\:-mb-10 {
    margin-bottom: -2.5rem;
  }
  .small\:-mb-12 {
    margin-bottom: -3rem;
  }
  .small\:-mb-16 {
    margin-bottom: -4rem;
  }
  .small\:-mb-20 {
    margin-bottom: -5rem;
  }
  .small\:-mb-24 {
    margin-bottom: -6rem;
  }
  .small\:-mb-32 {
    margin-bottom: -8rem;
  }
  .small\:-mb-40 {
    margin-bottom: -10rem;
  }
  .small\:-mb-48 {
    margin-bottom: -12rem;
  }
  .small\:-mb-56 {
    margin-bottom: -14rem;
  }
  .small\:-mb-64 {
    margin-bottom: -16rem;
  }
  .small\:-ml-px {
    margin-left: -1px;
  }
  .small\:-ml-0 {
    margin-left: 0;
  }
  .small\:-ml-1 {
    margin-left: -0.25rem;
  }
  .small\:-ml-2 {
    margin-left: -0.5rem;
  }
  .small\:-ml-3 {
    margin-left: -0.75rem;
  }
  .small\:-ml-4 {
    margin-left: -1rem;
  }
  .small\:-ml-5 {
    margin-left: -1.25rem;
  }
  .small\:-ml-6 {
    margin-left: -1.5rem;
  }
  .small\:-ml-8 {
    margin-left: -2rem;
  }
  .small\:-ml-10 {
    margin-left: -2.5rem;
  }
  .small\:-ml-12 {
    margin-left: -3rem;
  }
  .small\:-ml-16 {
    margin-left: -4rem;
  }
  .small\:-ml-20 {
    margin-left: -5rem;
  }
  .small\:-ml-24 {
    margin-left: -6rem;
  }
  .small\:-ml-32 {
    margin-left: -8rem;
  }
  .small\:-ml-40 {
    margin-left: -10rem;
  }
  .small\:-ml-48 {
    margin-left: -12rem;
  }
  .small\:-ml-56 {
    margin-left: -14rem;
  }
  .small\:-ml-64 {
    margin-left: -16rem;
  }
}
@media screen and (max-width: 1024px) {
  .large\:p-px {
    padding: 1px;
  }
  .large\:p-0 {
    padding: 0;
  }
  .large\:p-1 {
    padding: 0.25rem;
  }
  .large\:p-2 {
    padding: 0.5rem;
  }
  .large\:p-3 {
    padding: 0.75rem;
  }
  .large\:p-4 {
    padding: 1rem;
  }
  .large\:p-5 {
    padding: 1.25rem;
  }
  .large\:p-6 {
    padding: 1.5rem;
  }
  .large\:p-8 {
    padding: 2rem;
  }
  .large\:p-10 {
    padding: 2.5rem;
  }
  .large\:p-12 {
    padding: 3rem;
  }
  .large\:p-16 {
    padding: 4rem;
  }
  .large\:p-20 {
    padding: 5rem;
  }
  .large\:p-24 {
    padding: 6rem;
  }
  .large\:p-32 {
    padding: 8rem;
  }
  .large\:p-40 {
    padding: 10rem;
  }
  .large\:p-48 {
    padding: 12rem;
  }
  .large\:p-56 {
    padding: 14rem;
  }
  .large\:p-64 {
    padding: 16rem;
  }
  .large\:px-px {
    padding-right: 1px;
    padding-left: 1px;
  }
  .large\:px-0 {
    padding-right: 0;
    padding-left: 0;
  }
  .large\:px-1 {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
  }
  .large\:px-2 {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .large\:px-3 {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }
  .large\:px-4 {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .large\:px-5 {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
  .large\:px-6 {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
  .large\:px-8 {
    padding-right: 2rem;
    padding-left: 2rem;
  }
  .large\:px-10 {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
  .large\:px-12 {
    padding-right: 3rem;
    padding-left: 3rem;
  }
  .large\:px-16 {
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .large\:px-20 {
    padding-right: 5rem;
    padding-left: 5rem;
  }
  .large\:px-24 {
    padding-right: 6rem;
    padding-left: 6rem;
  }
  .large\:px-32 {
    padding-right: 8rem;
    padding-left: 8rem;
  }
  .large\:px-40 {
    padding-right: 10rem;
    padding-left: 10rem;
  }
  .large\:px-48 {
    padding-right: 12rem;
    padding-left: 12rem;
  }
  .large\:px-56 {
    padding-right: 14rem;
    padding-left: 14rem;
  }
  .large\:px-64 {
    padding-right: 16rem;
    padding-left: 16rem;
  }
  .large\:py-px {
    padding-bottom: 1px;
    padding-top: 1px;
  }
  .large\:py-0 {
    padding-bottom: 0;
    padding-top: 0;
  }
  .large\:py-1 {
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
  }
  .large\:py-2 {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
  }
  .large\:py-3 {
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
  }
  .large\:py-4 {
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
  .large\:py-5 {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
  }
  .large\:py-6 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
  }
  .large\:py-8 {
    padding-bottom: 2rem;
    padding-top: 2rem;
  }
  .large\:py-10 {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem;
  }
  .large\:py-12 {
    padding-bottom: 3rem;
    padding-top: 3rem;
  }
  .large\:py-16 {
    padding-bottom: 4rem;
    padding-top: 4rem;
  }
  .large\:py-20 {
    padding-bottom: 5rem;
    padding-top: 5rem;
  }
  .large\:py-24 {
    padding-bottom: 6rem;
    padding-top: 6rem;
  }
  .large\:py-32 {
    padding-bottom: 8rem;
    padding-top: 8rem;
  }
  .large\:py-40 {
    padding-bottom: 10rem;
    padding-top: 10rem;
  }
  .large\:py-48 {
    padding-bottom: 12rem;
    padding-top: 12rem;
  }
  .large\:py-56 {
    padding-bottom: 14rem;
    padding-top: 14rem;
  }
  .large\:py-64 {
    padding-bottom: 16rem;
    padding-top: 16rem;
  }
  .large\:pt-px {
    padding-top: 1px;
  }
  .large\:pt-0 {
    padding-top: 0;
  }
  .large\:pt-1 {
    padding-top: 0.25rem;
  }
  .large\:pt-2 {
    padding-top: 0.5rem;
  }
  .large\:pt-3 {
    padding-top: 0.75rem;
  }
  .large\:pt-4 {
    padding-top: 1rem;
  }
  .large\:pt-5 {
    padding-top: 1.25rem;
  }
  .large\:pt-6 {
    padding-top: 1.5rem;
  }
  .large\:pt-8 {
    padding-top: 2rem;
  }
  .large\:pt-10 {
    padding-top: 2.5rem;
  }
  .large\:pt-12 {
    padding-top: 3rem;
  }
  .large\:pt-16 {
    padding-top: 4rem;
  }
  .large\:pt-20 {
    padding-top: 5rem;
  }
  .large\:pt-24 {
    padding-top: 6rem;
  }
  .large\:pt-32 {
    padding-top: 8rem;
  }
  .large\:pt-40 {
    padding-top: 10rem;
  }
  .large\:pt-48 {
    padding-top: 12rem;
  }
  .large\:pt-56 {
    padding-top: 14rem;
  }
  .large\:pt-64 {
    padding-top: 16rem;
  }
  .large\:pr-px {
    padding-right: 1px;
  }
  .large\:pr-0 {
    padding-right: 0;
  }
  .large\:pr-1 {
    padding-right: 0.25rem;
  }
  .large\:pr-2 {
    padding-right: 0.5rem;
  }
  .large\:pr-3 {
    padding-right: 0.75rem;
  }
  .large\:pr-4 {
    padding-right: 1rem;
  }
  .large\:pr-5 {
    padding-right: 1.25rem;
  }
  .large\:pr-6 {
    padding-right: 1.5rem;
  }
  .large\:pr-8 {
    padding-right: 2rem;
  }
  .large\:pr-10 {
    padding-right: 2.5rem;
  }
  .large\:pr-12 {
    padding-right: 3rem;
  }
  .large\:pr-16 {
    padding-right: 4rem;
  }
  .large\:pr-20 {
    padding-right: 5rem;
  }
  .large\:pr-24 {
    padding-right: 6rem;
  }
  .large\:pr-32 {
    padding-right: 8rem;
  }
  .large\:pr-40 {
    padding-right: 10rem;
  }
  .large\:pr-48 {
    padding-right: 12rem;
  }
  .large\:pr-56 {
    padding-right: 14rem;
  }
  .large\:pr-64 {
    padding-right: 16rem;
  }
  .large\:pb-px {
    padding-bottom: 1px;
  }
  .large\:pb-0 {
    padding-bottom: 0;
  }
  .large\:pb-1 {
    padding-bottom: 0.25rem;
  }
  .large\:pb-2 {
    padding-bottom: 0.5rem;
  }
  .large\:pb-3 {
    padding-bottom: 0.75rem;
  }
  .large\:pb-4 {
    padding-bottom: 1rem;
  }
  .large\:pb-5 {
    padding-bottom: 1.25rem;
  }
  .large\:pb-6 {
    padding-bottom: 1.5rem;
  }
  .large\:pb-8 {
    padding-bottom: 2rem;
  }
  .large\:pb-10 {
    padding-bottom: 2.5rem;
  }
  .large\:pb-12 {
    padding-bottom: 3rem;
  }
  .large\:pb-16 {
    padding-bottom: 4rem;
  }
  .large\:pb-20 {
    padding-bottom: 5rem;
  }
  .large\:pb-24 {
    padding-bottom: 6rem;
  }
  .large\:pb-32 {
    padding-bottom: 8rem;
  }
  .large\:pb-40 {
    padding-bottom: 10rem;
  }
  .large\:pb-48 {
    padding-bottom: 12rem;
  }
  .large\:pb-56 {
    padding-bottom: 14rem;
  }
  .large\:pb-64 {
    padding-bottom: 16rem;
  }
  .large\:pl-px {
    padding-left: 1px;
  }
  .large\:pl-0 {
    padding-left: 0;
  }
  .large\:pl-1 {
    padding-left: 0.25rem;
  }
  .large\:pl-2 {
    padding-left: 0.5rem;
  }
  .large\:pl-3 {
    padding-left: 0.75rem;
  }
  .large\:pl-4 {
    padding-left: 1rem;
  }
  .large\:pl-5 {
    padding-left: 1.25rem;
  }
  .large\:pl-6 {
    padding-left: 1.5rem;
  }
  .large\:pl-8 {
    padding-left: 2rem;
  }
  .large\:pl-10 {
    padding-left: 2.5rem;
  }
  .large\:pl-12 {
    padding-left: 3rem;
  }
  .large\:pl-16 {
    padding-left: 4rem;
  }
  .large\:pl-20 {
    padding-left: 5rem;
  }
  .large\:pl-24 {
    padding-left: 6rem;
  }
  .large\:pl-32 {
    padding-left: 8rem;
  }
  .large\:pl-40 {
    padding-left: 10rem;
  }
  .large\:pl-48 {
    padding-left: 12rem;
  }
  .large\:pl-56 {
    padding-left: 14rem;
  }
  .large\:pl-64 {
    padding-left: 16rem;
  }
  .large\:m-auto {
    margin: auto;
  }
  .large\:m-px {
    margin: 1px;
  }
  .large\:m-0 {
    margin: 0;
  }
  .large\:m-1 {
    margin: 0.25rem;
  }
  .large\:m-2 {
    margin: 0.5rem;
  }
  .large\:m-3 {
    margin: 0.75rem;
  }
  .large\:m-4 {
    margin: 1rem;
  }
  .large\:m-5 {
    margin: 1.25rem;
  }
  .large\:m-6 {
    margin: 1.5rem;
  }
  .large\:m-8 {
    margin: 2rem;
  }
  .large\:m-10 {
    margin: 2.5rem;
  }
  .large\:m-12 {
    margin: 3rem;
  }
  .large\:m-16 {
    margin: 4rem;
  }
  .large\:m-20 {
    margin: 5rem;
  }
  .large\:m-24 {
    margin: 6rem;
  }
  .large\:m-32 {
    margin: 8rem;
  }
  .large\:m-40 {
    margin: 10rem;
  }
  .large\:m-48 {
    margin: 12rem;
  }
  .large\:m-56 {
    margin: 14rem;
  }
  .large\:m-64 {
    margin: 16rem;
  }
  .large\:mx-auto {
    margin-right: auto;
    margin-left: auto;
  }
  .large\:mx-px {
    margin-right: 1px;
    margin-left: 1px;
  }
  .large\:mx-0 {
    margin-right: 0;
    margin-left: 0;
  }
  .large\:mx-1 {
    margin-right: 0.25rem;
    margin-left: 0.25rem;
  }
  .large\:mx-2 {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  .large\:mx-3 {
    margin-right: 0.75rem;
    margin-left: 0.75rem;
  }
  .large\:mx-4 {
    margin-right: 1rem;
    margin-left: 1rem;
  }
  .large\:mx-5 {
    margin-right: 1.25rem;
    margin-left: 1.25rem;
  }
  .large\:mx-6 {
    margin-right: 1.5rem;
    margin-left: 1.5rem;
  }
  .large\:mx-8 {
    margin-right: 2rem;
    margin-left: 2rem;
  }
  .large\:mx-10 {
    margin-right: 2.5rem;
    margin-left: 2.5rem;
  }
  .large\:mx-12 {
    margin-right: 3rem;
    margin-left: 3rem;
  }
  .large\:mx-16 {
    margin-right: 4rem;
    margin-left: 4rem;
  }
  .large\:mx-20 {
    margin-right: 5rem;
    margin-left: 5rem;
  }
  .large\:mx-24 {
    margin-right: 6rem;
    margin-left: 6rem;
  }
  .large\:mx-32 {
    margin-right: 8rem;
    margin-left: 8rem;
  }
  .large\:mx-40 {
    margin-right: 10rem;
    margin-left: 10rem;
  }
  .large\:mx-48 {
    margin-right: 12rem;
    margin-left: 12rem;
  }
  .large\:mx-56 {
    margin-right: 14rem;
    margin-left: 14rem;
  }
  .large\:mx-64 {
    margin-right: 16rem;
    margin-left: 16rem;
  }
  .large\:my-auto {
    margin-bottom: auto;
    margin-top: auto;
  }
  .large\:my-px {
    margin-bottom: 1px;
    margin-top: 1px;
  }
  .large\:my-0 {
    margin-bottom: 0;
    margin-top: 0;
  }
  .large\:my-1 {
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
  }
  .large\:my-2 {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
  }
  .large\:my-3 {
    margin-bottom: 0.75rem;
    margin-top: 0.75rem;
  }
  .large\:my-4 {
    margin-bottom: 1rem;
    margin-top: 1rem;
  }
  .large\:my-5 {
    margin-bottom: 1.25rem;
    margin-top: 1.25rem;
  }
  .large\:my-6 {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
  }
  .large\:my-8 {
    margin-bottom: 2rem;
    margin-top: 2rem;
  }
  .large\:my-10 {
    margin-bottom: 2.5rem;
    margin-top: 2.5rem;
  }
  .large\:my-12 {
    margin-bottom: 3rem;
    margin-top: 3rem;
  }
  .large\:my-16 {
    margin-bottom: 4rem;
    margin-top: 4rem;
  }
  .large\:my-20 {
    margin-bottom: 5rem;
    margin-top: 5rem;
  }
  .large\:my-24 {
    margin-bottom: 6rem;
    margin-top: 6rem;
  }
  .large\:my-32 {
    margin-bottom: 8rem;
    margin-top: 8rem;
  }
  .large\:my-40 {
    margin-bottom: 10rem;
    margin-top: 10rem;
  }
  .large\:my-48 {
    margin-bottom: 12rem;
    margin-top: 12rem;
  }
  .large\:my-56 {
    margin-bottom: 14rem;
    margin-top: 14rem;
  }
  .large\:my-64 {
    margin-bottom: 16rem;
    margin-top: 16rem;
  }
  .large\:mt-auto {
    margin-top: auto;
  }
  .large\:mt-px {
    margin-top: 1px;
  }
  .large\:mt-0 {
    margin-top: 0;
  }
  .large\:mt-1 {
    margin-top: 0.25rem;
  }
  .large\:mt-2 {
    margin-top: 0.5rem;
  }
  .large\:mt-3 {
    margin-top: 0.75rem;
  }
  .large\:mt-4 {
    margin-top: 1rem;
  }
  .large\:mt-5 {
    margin-top: 1.25rem;
  }
  .large\:mt-6 {
    margin-top: 1.5rem;
  }
  .large\:mt-8 {
    margin-top: 2rem;
  }
  .large\:mt-10 {
    margin-top: 2.5rem;
  }
  .large\:mt-12 {
    margin-top: 3rem;
  }
  .large\:mt-16 {
    margin-top: 4rem;
  }
  .large\:mt-20 {
    margin-top: 5rem;
  }
  .large\:mt-24 {
    margin-top: 6rem;
  }
  .large\:mt-32 {
    margin-top: 8rem;
  }
  .large\:mt-40 {
    margin-top: 10rem;
  }
  .large\:mt-48 {
    margin-top: 12rem;
  }
  .large\:mt-56 {
    margin-top: 14rem;
  }
  .large\:mt-64 {
    margin-top: 16rem;
  }
  .large\:mr-auto {
    margin-right: auto;
  }
  .large\:mr-px {
    margin-right: 1px;
  }
  .large\:mr-0 {
    margin-right: 0;
  }
  .large\:mr-1 {
    margin-right: 0.25rem;
  }
  .large\:mr-2 {
    margin-right: 0.5rem;
  }
  .large\:mr-3 {
    margin-right: 0.75rem;
  }
  .large\:mr-4 {
    margin-right: 1rem;
  }
  .large\:mr-5 {
    margin-right: 1.25rem;
  }
  .large\:mr-6 {
    margin-right: 1.5rem;
  }
  .large\:mr-8 {
    margin-right: 2rem;
  }
  .large\:mr-10 {
    margin-right: 2.5rem;
  }
  .large\:mr-12 {
    margin-right: 3rem;
  }
  .large\:mr-16 {
    margin-right: 4rem;
  }
  .large\:mr-20 {
    margin-right: 5rem;
  }
  .large\:mr-24 {
    margin-right: 6rem;
  }
  .large\:mr-32 {
    margin-right: 8rem;
  }
  .large\:mr-40 {
    margin-right: 10rem;
  }
  .large\:mr-48 {
    margin-right: 12rem;
  }
  .large\:mr-56 {
    margin-right: 14rem;
  }
  .large\:mr-64 {
    margin-right: 16rem;
  }
  .large\:mb-auto {
    margin-bottom: auto;
  }
  .large\:mb-px {
    margin-bottom: 1px;
  }
  .large\:mb-0 {
    margin-bottom: 0;
  }
  .large\:mb-1 {
    margin-bottom: 0.25rem;
  }
  .large\:mb-2 {
    margin-bottom: 0.5rem;
  }
  .large\:mb-3 {
    margin-bottom: 0.75rem;
  }
  .large\:mb-4 {
    margin-bottom: 1rem;
  }
  .large\:mb-5 {
    margin-bottom: 1.25rem;
  }
  .large\:mb-6 {
    margin-bottom: 1.5rem;
  }
  .large\:mb-8 {
    margin-bottom: 2rem;
  }
  .large\:mb-10 {
    margin-bottom: 2.5rem;
  }
  .large\:mb-12 {
    margin-bottom: 3rem;
  }
  .large\:mb-16 {
    margin-bottom: 4rem;
  }
  .large\:mb-20 {
    margin-bottom: 5rem;
  }
  .large\:mb-24 {
    margin-bottom: 6rem;
  }
  .large\:mb-32 {
    margin-bottom: 8rem;
  }
  .large\:mb-40 {
    margin-bottom: 10rem;
  }
  .large\:mb-48 {
    margin-bottom: 12rem;
  }
  .large\:mb-56 {
    margin-bottom: 14rem;
  }
  .large\:mb-64 {
    margin-bottom: 16rem;
  }
  .large\:ml-auto {
    margin-left: auto;
  }
  .large\:ml-px {
    margin-left: 1px;
  }
  .large\:ml-0 {
    margin-left: 0;
  }
  .large\:ml-1 {
    margin-left: 0.25rem;
  }
  .large\:ml-2 {
    margin-left: 0.5rem;
  }
  .large\:ml-3 {
    margin-left: 0.75rem;
  }
  .large\:ml-4 {
    margin-left: 1rem;
  }
  .large\:ml-5 {
    margin-left: 1.25rem;
  }
  .large\:ml-6 {
    margin-left: 1.5rem;
  }
  .large\:ml-8 {
    margin-left: 2rem;
  }
  .large\:ml-10 {
    margin-left: 2.5rem;
  }
  .large\:ml-12 {
    margin-left: 3rem;
  }
  .large\:ml-16 {
    margin-left: 4rem;
  }
  .large\:ml-20 {
    margin-left: 5rem;
  }
  .large\:ml-24 {
    margin-left: 6rem;
  }
  .large\:ml-32 {
    margin-left: 8rem;
  }
  .large\:ml-40 {
    margin-left: 10rem;
  }
  .large\:ml-48 {
    margin-left: 12rem;
  }
  .large\:ml-56 {
    margin-left: 14rem;
  }
  .large\:ml-64 {
    margin-left: 16rem;
  }
  .large\:-m-px {
    margin: -1px;
  }
  .large\:-m-0 {
    margin: 0;
  }
  .large\:-m-1 {
    margin: -0.25rem;
  }
  .large\:-m-2 {
    margin: -0.5rem;
  }
  .large\:-m-3 {
    margin: -0.75rem;
  }
  .large\:-m-4 {
    margin: -1rem;
  }
  .large\:-m-5 {
    margin: -1.25rem;
  }
  .large\:-m-6 {
    margin: -1.5rem;
  }
  .large\:-m-8 {
    margin: -2rem;
  }
  .large\:-m-10 {
    margin: -2.5rem;
  }
  .large\:-m-12 {
    margin: -3rem;
  }
  .large\:-m-16 {
    margin: -4rem;
  }
  .large\:-m-20 {
    margin: -5rem;
  }
  .large\:-m-24 {
    margin: -6rem;
  }
  .large\:-m-32 {
    margin: -8rem;
  }
  .large\:-m-40 {
    margin: -10rem;
  }
  .large\:-m-48 {
    margin: -12rem;
  }
  .large\:-m-56 {
    margin: -14rem;
  }
  .large\:-m-64 {
    margin: -16rem;
  }
  .large\:-mx-px {
    margin-right: -1px;
    margin-left: -1px;
  }
  .large\:-mx-0 {
    margin-right: 0;
    margin-left: 0;
  }
  .large\:-mx-1 {
    margin-right: -0.25rem;
    margin-left: -0.25rem;
  }
  .large\:-mx-2 {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  .large\:-mx-3 {
    margin-right: -0.75rem;
    margin-left: -0.75rem;
  }
  .large\:-mx-4 {
    margin-right: -1rem;
    margin-left: -1rem;
  }
  .large\:-mx-5 {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
  .large\:-mx-6 {
    margin-right: -1.5rem;
    margin-left: -1.5rem;
  }
  .large\:-mx-8 {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  .large\:-mx-10 {
    margin-right: -2.5rem;
    margin-left: -2.5rem;
  }
  .large\:-mx-12 {
    margin-right: -3rem;
    margin-left: -3rem;
  }
  .large\:-mx-16 {
    margin-right: -4rem;
    margin-left: -4rem;
  }
  .large\:-mx-20 {
    margin-right: -5rem;
    margin-left: -5rem;
  }
  .large\:-mx-24 {
    margin-right: -6rem;
    margin-left: -6rem;
  }
  .large\:-mx-32 {
    margin-right: -8rem;
    margin-left: -8rem;
  }
  .large\:-mx-40 {
    margin-right: -10rem;
    margin-left: -10rem;
  }
  .large\:-mx-48 {
    margin-right: -12rem;
    margin-left: -12rem;
  }
  .large\:-mx-56 {
    margin-right: -14rem;
    margin-left: -14rem;
  }
  .large\:-mx-64 {
    margin-right: -16rem;
    margin-left: -16rem;
  }
  .large\:-my-px {
    margin-bottom: -1px;
    margin-top: -1px;
  }
  .large\:-my-0 {
    margin-bottom: 0;
    margin-top: 0;
  }
  .large\:-my-1 {
    margin-bottom: -0.25rem;
    margin-top: -0.25rem;
  }
  .large\:-my-2 {
    margin-bottom: -0.5rem;
    margin-top: -0.5rem;
  }
  .large\:-my-3 {
    margin-bottom: -0.75rem;
    margin-top: -0.75rem;
  }
  .large\:-my-4 {
    margin-bottom: -1rem;
    margin-top: -1rem;
  }
  .large\:-my-5 {
    margin-bottom: -1.25rem;
    margin-top: -1.25rem;
  }
  .large\:-my-6 {
    margin-bottom: -1.5rem;
    margin-top: -1.5rem;
  }
  .large\:-my-8 {
    margin-bottom: -2rem;
    margin-top: -2rem;
  }
  .large\:-my-10 {
    margin-bottom: -2.5rem;
    margin-top: -2.5rem;
  }
  .large\:-my-12 {
    margin-bottom: -3rem;
    margin-top: -3rem;
  }
  .large\:-my-16 {
    margin-bottom: -4rem;
    margin-top: -4rem;
  }
  .large\:-my-20 {
    margin-bottom: -5rem;
    margin-top: -5rem;
  }
  .large\:-my-24 {
    margin-bottom: -6rem;
    margin-top: -6rem;
  }
  .large\:-my-32 {
    margin-bottom: -8rem;
    margin-top: -8rem;
  }
  .large\:-my-40 {
    margin-bottom: -10rem;
    margin-top: -10rem;
  }
  .large\:-my-48 {
    margin-bottom: -12rem;
    margin-top: -12rem;
  }
  .large\:-my-56 {
    margin-bottom: -14rem;
    margin-top: -14rem;
  }
  .large\:-my-64 {
    margin-bottom: -16rem;
    margin-top: -16rem;
  }
  .large\:-mt-px {
    margin-top: -1px;
  }
  .large\:-mt-0 {
    margin-top: 0;
  }
  .large\:-mt-1 {
    margin-top: -0.25rem;
  }
  .large\:-mt-2 {
    margin-top: -0.5rem;
  }
  .large\:-mt-3 {
    margin-top: -0.75rem;
  }
  .large\:-mt-4 {
    margin-top: -1rem;
  }
  .large\:-mt-5 {
    margin-top: -1.25rem;
  }
  .large\:-mt-6 {
    margin-top: -1.5rem;
  }
  .large\:-mt-8 {
    margin-top: -2rem;
  }
  .large\:-mt-10 {
    margin-top: -2.5rem;
  }
  .large\:-mt-12 {
    margin-top: -3rem;
  }
  .large\:-mt-16 {
    margin-top: -4rem;
  }
  .large\:-mt-20 {
    margin-top: -5rem;
  }
  .large\:-mt-24 {
    margin-top: -6rem;
  }
  .large\:-mt-32 {
    margin-top: -8rem;
  }
  .large\:-mt-40 {
    margin-top: -10rem;
  }
  .large\:-mt-48 {
    margin-top: -12rem;
  }
  .large\:-mt-56 {
    margin-top: -14rem;
  }
  .large\:-mt-64 {
    margin-top: -16rem;
  }
  .large\:-mr-px {
    margin-right: -1px;
  }
  .large\:-mr-0 {
    margin-right: 0;
  }
  .large\:-mr-1 {
    margin-right: -0.25rem;
  }
  .large\:-mr-2 {
    margin-right: -0.5rem;
  }
  .large\:-mr-3 {
    margin-right: -0.75rem;
  }
  .large\:-mr-4 {
    margin-right: -1rem;
  }
  .large\:-mr-5 {
    margin-right: -1.25rem;
  }
  .large\:-mr-6 {
    margin-right: -1.5rem;
  }
  .large\:-mr-8 {
    margin-right: -2rem;
  }
  .large\:-mr-10 {
    margin-right: -2.5rem;
  }
  .large\:-mr-12 {
    margin-right: -3rem;
  }
  .large\:-mr-16 {
    margin-right: -4rem;
  }
  .large\:-mr-20 {
    margin-right: -5rem;
  }
  .large\:-mr-24 {
    margin-right: -6rem;
  }
  .large\:-mr-32 {
    margin-right: -8rem;
  }
  .large\:-mr-40 {
    margin-right: -10rem;
  }
  .large\:-mr-48 {
    margin-right: -12rem;
  }
  .large\:-mr-56 {
    margin-right: -14rem;
  }
  .large\:-mr-64 {
    margin-right: -16rem;
  }
  .large\:-mb-px {
    margin-bottom: -1px;
  }
  .large\:-mb-0 {
    margin-bottom: 0;
  }
  .large\:-mb-1 {
    margin-bottom: -0.25rem;
  }
  .large\:-mb-2 {
    margin-bottom: -0.5rem;
  }
  .large\:-mb-3 {
    margin-bottom: -0.75rem;
  }
  .large\:-mb-4 {
    margin-bottom: -1rem;
  }
  .large\:-mb-5 {
    margin-bottom: -1.25rem;
  }
  .large\:-mb-6 {
    margin-bottom: -1.5rem;
  }
  .large\:-mb-8 {
    margin-bottom: -2rem;
  }
  .large\:-mb-10 {
    margin-bottom: -2.5rem;
  }
  .large\:-mb-12 {
    margin-bottom: -3rem;
  }
  .large\:-mb-16 {
    margin-bottom: -4rem;
  }
  .large\:-mb-20 {
    margin-bottom: -5rem;
  }
  .large\:-mb-24 {
    margin-bottom: -6rem;
  }
  .large\:-mb-32 {
    margin-bottom: -8rem;
  }
  .large\:-mb-40 {
    margin-bottom: -10rem;
  }
  .large\:-mb-48 {
    margin-bottom: -12rem;
  }
  .large\:-mb-56 {
    margin-bottom: -14rem;
  }
  .large\:-mb-64 {
    margin-bottom: -16rem;
  }
  .large\:-ml-px {
    margin-left: -1px;
  }
  .large\:-ml-0 {
    margin-left: 0;
  }
  .large\:-ml-1 {
    margin-left: -0.25rem;
  }
  .large\:-ml-2 {
    margin-left: -0.5rem;
  }
  .large\:-ml-3 {
    margin-left: -0.75rem;
  }
  .large\:-ml-4 {
    margin-left: -1rem;
  }
  .large\:-ml-5 {
    margin-left: -1.25rem;
  }
  .large\:-ml-6 {
    margin-left: -1.5rem;
  }
  .large\:-ml-8 {
    margin-left: -2rem;
  }
  .large\:-ml-10 {
    margin-left: -2.5rem;
  }
  .large\:-ml-12 {
    margin-left: -3rem;
  }
  .large\:-ml-16 {
    margin-left: -4rem;
  }
  .large\:-ml-20 {
    margin-left: -5rem;
  }
  .large\:-ml-24 {
    margin-left: -6rem;
  }
  .large\:-ml-32 {
    margin-left: -8rem;
  }
  .large\:-ml-40 {
    margin-left: -10rem;
  }
  .large\:-ml-48 {
    margin-left: -12rem;
  }
  .large\:-ml-56 {
    margin-left: -14rem;
  }
  .large\:-ml-64 {
    margin-left: -16rem;
  }
}
@media screen and (max-width: 1280px) {
  .wide\:p-px {
    padding: 1px;
  }
  .wide\:p-0 {
    padding: 0;
  }
  .wide\:p-1 {
    padding: 0.25rem;
  }
  .wide\:p-2 {
    padding: 0.5rem;
  }
  .wide\:p-3 {
    padding: 0.75rem;
  }
  .wide\:p-4 {
    padding: 1rem;
  }
  .wide\:p-5 {
    padding: 1.25rem;
  }
  .wide\:p-6 {
    padding: 1.5rem;
  }
  .wide\:p-8 {
    padding: 2rem;
  }
  .wide\:p-10 {
    padding: 2.5rem;
  }
  .wide\:p-12 {
    padding: 3rem;
  }
  .wide\:p-16 {
    padding: 4rem;
  }
  .wide\:p-20 {
    padding: 5rem;
  }
  .wide\:p-24 {
    padding: 6rem;
  }
  .wide\:p-32 {
    padding: 8rem;
  }
  .wide\:p-40 {
    padding: 10rem;
  }
  .wide\:p-48 {
    padding: 12rem;
  }
  .wide\:p-56 {
    padding: 14rem;
  }
  .wide\:p-64 {
    padding: 16rem;
  }
  .wide\:px-px {
    padding-right: 1px;
    padding-left: 1px;
  }
  .wide\:px-0 {
    padding-right: 0;
    padding-left: 0;
  }
  .wide\:px-1 {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
  }
  .wide\:px-2 {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .wide\:px-3 {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }
  .wide\:px-4 {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .wide\:px-5 {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
  .wide\:px-6 {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
  .wide\:px-8 {
    padding-right: 2rem;
    padding-left: 2rem;
  }
  .wide\:px-10 {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
  .wide\:px-12 {
    padding-right: 3rem;
    padding-left: 3rem;
  }
  .wide\:px-16 {
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .wide\:px-20 {
    padding-right: 5rem;
    padding-left: 5rem;
  }
  .wide\:px-24 {
    padding-right: 6rem;
    padding-left: 6rem;
  }
  .wide\:px-32 {
    padding-right: 8rem;
    padding-left: 8rem;
  }
  .wide\:px-40 {
    padding-right: 10rem;
    padding-left: 10rem;
  }
  .wide\:px-48 {
    padding-right: 12rem;
    padding-left: 12rem;
  }
  .wide\:px-56 {
    padding-right: 14rem;
    padding-left: 14rem;
  }
  .wide\:px-64 {
    padding-right: 16rem;
    padding-left: 16rem;
  }
  .wide\:py-px {
    padding-bottom: 1px;
    padding-top: 1px;
  }
  .wide\:py-0 {
    padding-bottom: 0;
    padding-top: 0;
  }
  .wide\:py-1 {
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
  }
  .wide\:py-2 {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
  }
  .wide\:py-3 {
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
  }
  .wide\:py-4 {
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
  .wide\:py-5 {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
  }
  .wide\:py-6 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
  }
  .wide\:py-8 {
    padding-bottom: 2rem;
    padding-top: 2rem;
  }
  .wide\:py-10 {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem;
  }
  .wide\:py-12 {
    padding-bottom: 3rem;
    padding-top: 3rem;
  }
  .wide\:py-16 {
    padding-bottom: 4rem;
    padding-top: 4rem;
  }
  .wide\:py-20 {
    padding-bottom: 5rem;
    padding-top: 5rem;
  }
  .wide\:py-24 {
    padding-bottom: 6rem;
    padding-top: 6rem;
  }
  .wide\:py-32 {
    padding-bottom: 8rem;
    padding-top: 8rem;
  }
  .wide\:py-40 {
    padding-bottom: 10rem;
    padding-top: 10rem;
  }
  .wide\:py-48 {
    padding-bottom: 12rem;
    padding-top: 12rem;
  }
  .wide\:py-56 {
    padding-bottom: 14rem;
    padding-top: 14rem;
  }
  .wide\:py-64 {
    padding-bottom: 16rem;
    padding-top: 16rem;
  }
  .wide\:pt-px {
    padding-top: 1px;
  }
  .wide\:pt-0 {
    padding-top: 0;
  }
  .wide\:pt-1 {
    padding-top: 0.25rem;
  }
  .wide\:pt-2 {
    padding-top: 0.5rem;
  }
  .wide\:pt-3 {
    padding-top: 0.75rem;
  }
  .wide\:pt-4 {
    padding-top: 1rem;
  }
  .wide\:pt-5 {
    padding-top: 1.25rem;
  }
  .wide\:pt-6 {
    padding-top: 1.5rem;
  }
  .wide\:pt-8 {
    padding-top: 2rem;
  }
  .wide\:pt-10 {
    padding-top: 2.5rem;
  }
  .wide\:pt-12 {
    padding-top: 3rem;
  }
  .wide\:pt-16 {
    padding-top: 4rem;
  }
  .wide\:pt-20 {
    padding-top: 5rem;
  }
  .wide\:pt-24 {
    padding-top: 6rem;
  }
  .wide\:pt-32 {
    padding-top: 8rem;
  }
  .wide\:pt-40 {
    padding-top: 10rem;
  }
  .wide\:pt-48 {
    padding-top: 12rem;
  }
  .wide\:pt-56 {
    padding-top: 14rem;
  }
  .wide\:pt-64 {
    padding-top: 16rem;
  }
  .wide\:pr-px {
    padding-right: 1px;
  }
  .wide\:pr-0 {
    padding-right: 0;
  }
  .wide\:pr-1 {
    padding-right: 0.25rem;
  }
  .wide\:pr-2 {
    padding-right: 0.5rem;
  }
  .wide\:pr-3 {
    padding-right: 0.75rem;
  }
  .wide\:pr-4 {
    padding-right: 1rem;
  }
  .wide\:pr-5 {
    padding-right: 1.25rem;
  }
  .wide\:pr-6 {
    padding-right: 1.5rem;
  }
  .wide\:pr-8 {
    padding-right: 2rem;
  }
  .wide\:pr-10 {
    padding-right: 2.5rem;
  }
  .wide\:pr-12 {
    padding-right: 3rem;
  }
  .wide\:pr-16 {
    padding-right: 4rem;
  }
  .wide\:pr-20 {
    padding-right: 5rem;
  }
  .wide\:pr-24 {
    padding-right: 6rem;
  }
  .wide\:pr-32 {
    padding-right: 8rem;
  }
  .wide\:pr-40 {
    padding-right: 10rem;
  }
  .wide\:pr-48 {
    padding-right: 12rem;
  }
  .wide\:pr-56 {
    padding-right: 14rem;
  }
  .wide\:pr-64 {
    padding-right: 16rem;
  }
  .wide\:pb-px {
    padding-bottom: 1px;
  }
  .wide\:pb-0 {
    padding-bottom: 0;
  }
  .wide\:pb-1 {
    padding-bottom: 0.25rem;
  }
  .wide\:pb-2 {
    padding-bottom: 0.5rem;
  }
  .wide\:pb-3 {
    padding-bottom: 0.75rem;
  }
  .wide\:pb-4 {
    padding-bottom: 1rem;
  }
  .wide\:pb-5 {
    padding-bottom: 1.25rem;
  }
  .wide\:pb-6 {
    padding-bottom: 1.5rem;
  }
  .wide\:pb-8 {
    padding-bottom: 2rem;
  }
  .wide\:pb-10 {
    padding-bottom: 2.5rem;
  }
  .wide\:pb-12 {
    padding-bottom: 3rem;
  }
  .wide\:pb-16 {
    padding-bottom: 4rem;
  }
  .wide\:pb-20 {
    padding-bottom: 5rem;
  }
  .wide\:pb-24 {
    padding-bottom: 6rem;
  }
  .wide\:pb-32 {
    padding-bottom: 8rem;
  }
  .wide\:pb-40 {
    padding-bottom: 10rem;
  }
  .wide\:pb-48 {
    padding-bottom: 12rem;
  }
  .wide\:pb-56 {
    padding-bottom: 14rem;
  }
  .wide\:pb-64 {
    padding-bottom: 16rem;
  }
  .wide\:pl-px {
    padding-left: 1px;
  }
  .wide\:pl-0 {
    padding-left: 0;
  }
  .wide\:pl-1 {
    padding-left: 0.25rem;
  }
  .wide\:pl-2 {
    padding-left: 0.5rem;
  }
  .wide\:pl-3 {
    padding-left: 0.75rem;
  }
  .wide\:pl-4 {
    padding-left: 1rem;
  }
  .wide\:pl-5 {
    padding-left: 1.25rem;
  }
  .wide\:pl-6 {
    padding-left: 1.5rem;
  }
  .wide\:pl-8 {
    padding-left: 2rem;
  }
  .wide\:pl-10 {
    padding-left: 2.5rem;
  }
  .wide\:pl-12 {
    padding-left: 3rem;
  }
  .wide\:pl-16 {
    padding-left: 4rem;
  }
  .wide\:pl-20 {
    padding-left: 5rem;
  }
  .wide\:pl-24 {
    padding-left: 6rem;
  }
  .wide\:pl-32 {
    padding-left: 8rem;
  }
  .wide\:pl-40 {
    padding-left: 10rem;
  }
  .wide\:pl-48 {
    padding-left: 12rem;
  }
  .wide\:pl-56 {
    padding-left: 14rem;
  }
  .wide\:pl-64 {
    padding-left: 16rem;
  }
  .wide\:m-auto {
    margin: auto;
  }
  .wide\:m-px {
    margin: 1px;
  }
  .wide\:m-0 {
    margin: 0;
  }
  .wide\:m-1 {
    margin: 0.25rem;
  }
  .wide\:m-2 {
    margin: 0.5rem;
  }
  .wide\:m-3 {
    margin: 0.75rem;
  }
  .wide\:m-4 {
    margin: 1rem;
  }
  .wide\:m-5 {
    margin: 1.25rem;
  }
  .wide\:m-6 {
    margin: 1.5rem;
  }
  .wide\:m-8 {
    margin: 2rem;
  }
  .wide\:m-10 {
    margin: 2.5rem;
  }
  .wide\:m-12 {
    margin: 3rem;
  }
  .wide\:m-16 {
    margin: 4rem;
  }
  .wide\:m-20 {
    margin: 5rem;
  }
  .wide\:m-24 {
    margin: 6rem;
  }
  .wide\:m-32 {
    margin: 8rem;
  }
  .wide\:m-40 {
    margin: 10rem;
  }
  .wide\:m-48 {
    margin: 12rem;
  }
  .wide\:m-56 {
    margin: 14rem;
  }
  .wide\:m-64 {
    margin: 16rem;
  }
  .wide\:mx-auto {
    margin-right: auto;
    margin-left: auto;
  }
  .wide\:mx-px {
    margin-right: 1px;
    margin-left: 1px;
  }
  .wide\:mx-0 {
    margin-right: 0;
    margin-left: 0;
  }
  .wide\:mx-1 {
    margin-right: 0.25rem;
    margin-left: 0.25rem;
  }
  .wide\:mx-2 {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  .wide\:mx-3 {
    margin-right: 0.75rem;
    margin-left: 0.75rem;
  }
  .wide\:mx-4 {
    margin-right: 1rem;
    margin-left: 1rem;
  }
  .wide\:mx-5 {
    margin-right: 1.25rem;
    margin-left: 1.25rem;
  }
  .wide\:mx-6 {
    margin-right: 1.5rem;
    margin-left: 1.5rem;
  }
  .wide\:mx-8 {
    margin-right: 2rem;
    margin-left: 2rem;
  }
  .wide\:mx-10 {
    margin-right: 2.5rem;
    margin-left: 2.5rem;
  }
  .wide\:mx-12 {
    margin-right: 3rem;
    margin-left: 3rem;
  }
  .wide\:mx-16 {
    margin-right: 4rem;
    margin-left: 4rem;
  }
  .wide\:mx-20 {
    margin-right: 5rem;
    margin-left: 5rem;
  }
  .wide\:mx-24 {
    margin-right: 6rem;
    margin-left: 6rem;
  }
  .wide\:mx-32 {
    margin-right: 8rem;
    margin-left: 8rem;
  }
  .wide\:mx-40 {
    margin-right: 10rem;
    margin-left: 10rem;
  }
  .wide\:mx-48 {
    margin-right: 12rem;
    margin-left: 12rem;
  }
  .wide\:mx-56 {
    margin-right: 14rem;
    margin-left: 14rem;
  }
  .wide\:mx-64 {
    margin-right: 16rem;
    margin-left: 16rem;
  }
  .wide\:my-auto {
    margin-bottom: auto;
    margin-top: auto;
  }
  .wide\:my-px {
    margin-bottom: 1px;
    margin-top: 1px;
  }
  .wide\:my-0 {
    margin-bottom: 0;
    margin-top: 0;
  }
  .wide\:my-1 {
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
  }
  .wide\:my-2 {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
  }
  .wide\:my-3 {
    margin-bottom: 0.75rem;
    margin-top: 0.75rem;
  }
  .wide\:my-4 {
    margin-bottom: 1rem;
    margin-top: 1rem;
  }
  .wide\:my-5 {
    margin-bottom: 1.25rem;
    margin-top: 1.25rem;
  }
  .wide\:my-6 {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
  }
  .wide\:my-8 {
    margin-bottom: 2rem;
    margin-top: 2rem;
  }
  .wide\:my-10 {
    margin-bottom: 2.5rem;
    margin-top: 2.5rem;
  }
  .wide\:my-12 {
    margin-bottom: 3rem;
    margin-top: 3rem;
  }
  .wide\:my-16 {
    margin-bottom: 4rem;
    margin-top: 4rem;
  }
  .wide\:my-20 {
    margin-bottom: 5rem;
    margin-top: 5rem;
  }
  .wide\:my-24 {
    margin-bottom: 6rem;
    margin-top: 6rem;
  }
  .wide\:my-32 {
    margin-bottom: 8rem;
    margin-top: 8rem;
  }
  .wide\:my-40 {
    margin-bottom: 10rem;
    margin-top: 10rem;
  }
  .wide\:my-48 {
    margin-bottom: 12rem;
    margin-top: 12rem;
  }
  .wide\:my-56 {
    margin-bottom: 14rem;
    margin-top: 14rem;
  }
  .wide\:my-64 {
    margin-bottom: 16rem;
    margin-top: 16rem;
  }
  .wide\:mt-auto {
    margin-top: auto;
  }
  .wide\:mt-px {
    margin-top: 1px;
  }
  .wide\:mt-0 {
    margin-top: 0;
  }
  .wide\:mt-1 {
    margin-top: 0.25rem;
  }
  .wide\:mt-2 {
    margin-top: 0.5rem;
  }
  .wide\:mt-3 {
    margin-top: 0.75rem;
  }
  .wide\:mt-4 {
    margin-top: 1rem;
  }
  .wide\:mt-5 {
    margin-top: 1.25rem;
  }
  .wide\:mt-6 {
    margin-top: 1.5rem;
  }
  .wide\:mt-8 {
    margin-top: 2rem;
  }
  .wide\:mt-10 {
    margin-top: 2.5rem;
  }
  .wide\:mt-12 {
    margin-top: 3rem;
  }
  .wide\:mt-16 {
    margin-top: 4rem;
  }
  .wide\:mt-20 {
    margin-top: 5rem;
  }
  .wide\:mt-24 {
    margin-top: 6rem;
  }
  .wide\:mt-32 {
    margin-top: 8rem;
  }
  .wide\:mt-40 {
    margin-top: 10rem;
  }
  .wide\:mt-48 {
    margin-top: 12rem;
  }
  .wide\:mt-56 {
    margin-top: 14rem;
  }
  .wide\:mt-64 {
    margin-top: 16rem;
  }
  .wide\:mr-auto {
    margin-right: auto;
  }
  .wide\:mr-px {
    margin-right: 1px;
  }
  .wide\:mr-0 {
    margin-right: 0;
  }
  .wide\:mr-1 {
    margin-right: 0.25rem;
  }
  .wide\:mr-2 {
    margin-right: 0.5rem;
  }
  .wide\:mr-3 {
    margin-right: 0.75rem;
  }
  .wide\:mr-4 {
    margin-right: 1rem;
  }
  .wide\:mr-5 {
    margin-right: 1.25rem;
  }
  .wide\:mr-6 {
    margin-right: 1.5rem;
  }
  .wide\:mr-8 {
    margin-right: 2rem;
  }
  .wide\:mr-10 {
    margin-right: 2.5rem;
  }
  .wide\:mr-12 {
    margin-right: 3rem;
  }
  .wide\:mr-16 {
    margin-right: 4rem;
  }
  .wide\:mr-20 {
    margin-right: 5rem;
  }
  .wide\:mr-24 {
    margin-right: 6rem;
  }
  .wide\:mr-32 {
    margin-right: 8rem;
  }
  .wide\:mr-40 {
    margin-right: 10rem;
  }
  .wide\:mr-48 {
    margin-right: 12rem;
  }
  .wide\:mr-56 {
    margin-right: 14rem;
  }
  .wide\:mr-64 {
    margin-right: 16rem;
  }
  .wide\:mb-auto {
    margin-bottom: auto;
  }
  .wide\:mb-px {
    margin-bottom: 1px;
  }
  .wide\:mb-0 {
    margin-bottom: 0;
  }
  .wide\:mb-1 {
    margin-bottom: 0.25rem;
  }
  .wide\:mb-2 {
    margin-bottom: 0.5rem;
  }
  .wide\:mb-3 {
    margin-bottom: 0.75rem;
  }
  .wide\:mb-4 {
    margin-bottom: 1rem;
  }
  .wide\:mb-5 {
    margin-bottom: 1.25rem;
  }
  .wide\:mb-6 {
    margin-bottom: 1.5rem;
  }
  .wide\:mb-8 {
    margin-bottom: 2rem;
  }
  .wide\:mb-10 {
    margin-bottom: 2.5rem;
  }
  .wide\:mb-12 {
    margin-bottom: 3rem;
  }
  .wide\:mb-16 {
    margin-bottom: 4rem;
  }
  .wide\:mb-20 {
    margin-bottom: 5rem;
  }
  .wide\:mb-24 {
    margin-bottom: 6rem;
  }
  .wide\:mb-32 {
    margin-bottom: 8rem;
  }
  .wide\:mb-40 {
    margin-bottom: 10rem;
  }
  .wide\:mb-48 {
    margin-bottom: 12rem;
  }
  .wide\:mb-56 {
    margin-bottom: 14rem;
  }
  .wide\:mb-64 {
    margin-bottom: 16rem;
  }
  .wide\:ml-auto {
    margin-left: auto;
  }
  .wide\:ml-px {
    margin-left: 1px;
  }
  .wide\:ml-0 {
    margin-left: 0;
  }
  .wide\:ml-1 {
    margin-left: 0.25rem;
  }
  .wide\:ml-2 {
    margin-left: 0.5rem;
  }
  .wide\:ml-3 {
    margin-left: 0.75rem;
  }
  .wide\:ml-4 {
    margin-left: 1rem;
  }
  .wide\:ml-5 {
    margin-left: 1.25rem;
  }
  .wide\:ml-6 {
    margin-left: 1.5rem;
  }
  .wide\:ml-8 {
    margin-left: 2rem;
  }
  .wide\:ml-10 {
    margin-left: 2.5rem;
  }
  .wide\:ml-12 {
    margin-left: 3rem;
  }
  .wide\:ml-16 {
    margin-left: 4rem;
  }
  .wide\:ml-20 {
    margin-left: 5rem;
  }
  .wide\:ml-24 {
    margin-left: 6rem;
  }
  .wide\:ml-32 {
    margin-left: 8rem;
  }
  .wide\:ml-40 {
    margin-left: 10rem;
  }
  .wide\:ml-48 {
    margin-left: 12rem;
  }
  .wide\:ml-56 {
    margin-left: 14rem;
  }
  .wide\:ml-64 {
    margin-left: 16rem;
  }
  .wide\:-m-px {
    margin: -1px;
  }
  .wide\:-m-0 {
    margin: 0;
  }
  .wide\:-m-1 {
    margin: -0.25rem;
  }
  .wide\:-m-2 {
    margin: -0.5rem;
  }
  .wide\:-m-3 {
    margin: -0.75rem;
  }
  .wide\:-m-4 {
    margin: -1rem;
  }
  .wide\:-m-5 {
    margin: -1.25rem;
  }
  .wide\:-m-6 {
    margin: -1.5rem;
  }
  .wide\:-m-8 {
    margin: -2rem;
  }
  .wide\:-m-10 {
    margin: -2.5rem;
  }
  .wide\:-m-12 {
    margin: -3rem;
  }
  .wide\:-m-16 {
    margin: -4rem;
  }
  .wide\:-m-20 {
    margin: -5rem;
  }
  .wide\:-m-24 {
    margin: -6rem;
  }
  .wide\:-m-32 {
    margin: -8rem;
  }
  .wide\:-m-40 {
    margin: -10rem;
  }
  .wide\:-m-48 {
    margin: -12rem;
  }
  .wide\:-m-56 {
    margin: -14rem;
  }
  .wide\:-m-64 {
    margin: -16rem;
  }
  .wide\:-mx-px {
    margin-right: -1px;
    margin-left: -1px;
  }
  .wide\:-mx-0 {
    margin-right: 0;
    margin-left: 0;
  }
  .wide\:-mx-1 {
    margin-right: -0.25rem;
    margin-left: -0.25rem;
  }
  .wide\:-mx-2 {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  .wide\:-mx-3 {
    margin-right: -0.75rem;
    margin-left: -0.75rem;
  }
  .wide\:-mx-4 {
    margin-right: -1rem;
    margin-left: -1rem;
  }
  .wide\:-mx-5 {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
  .wide\:-mx-6 {
    margin-right: -1.5rem;
    margin-left: -1.5rem;
  }
  .wide\:-mx-8 {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  .wide\:-mx-10 {
    margin-right: -2.5rem;
    margin-left: -2.5rem;
  }
  .wide\:-mx-12 {
    margin-right: -3rem;
    margin-left: -3rem;
  }
  .wide\:-mx-16 {
    margin-right: -4rem;
    margin-left: -4rem;
  }
  .wide\:-mx-20 {
    margin-right: -5rem;
    margin-left: -5rem;
  }
  .wide\:-mx-24 {
    margin-right: -6rem;
    margin-left: -6rem;
  }
  .wide\:-mx-32 {
    margin-right: -8rem;
    margin-left: -8rem;
  }
  .wide\:-mx-40 {
    margin-right: -10rem;
    margin-left: -10rem;
  }
  .wide\:-mx-48 {
    margin-right: -12rem;
    margin-left: -12rem;
  }
  .wide\:-mx-56 {
    margin-right: -14rem;
    margin-left: -14rem;
  }
  .wide\:-mx-64 {
    margin-right: -16rem;
    margin-left: -16rem;
  }
  .wide\:-my-px {
    margin-bottom: -1px;
    margin-top: -1px;
  }
  .wide\:-my-0 {
    margin-bottom: 0;
    margin-top: 0;
  }
  .wide\:-my-1 {
    margin-bottom: -0.25rem;
    margin-top: -0.25rem;
  }
  .wide\:-my-2 {
    margin-bottom: -0.5rem;
    margin-top: -0.5rem;
  }
  .wide\:-my-3 {
    margin-bottom: -0.75rem;
    margin-top: -0.75rem;
  }
  .wide\:-my-4 {
    margin-bottom: -1rem;
    margin-top: -1rem;
  }
  .wide\:-my-5 {
    margin-bottom: -1.25rem;
    margin-top: -1.25rem;
  }
  .wide\:-my-6 {
    margin-bottom: -1.5rem;
    margin-top: -1.5rem;
  }
  .wide\:-my-8 {
    margin-bottom: -2rem;
    margin-top: -2rem;
  }
  .wide\:-my-10 {
    margin-bottom: -2.5rem;
    margin-top: -2.5rem;
  }
  .wide\:-my-12 {
    margin-bottom: -3rem;
    margin-top: -3rem;
  }
  .wide\:-my-16 {
    margin-bottom: -4rem;
    margin-top: -4rem;
  }
  .wide\:-my-20 {
    margin-bottom: -5rem;
    margin-top: -5rem;
  }
  .wide\:-my-24 {
    margin-bottom: -6rem;
    margin-top: -6rem;
  }
  .wide\:-my-32 {
    margin-bottom: -8rem;
    margin-top: -8rem;
  }
  .wide\:-my-40 {
    margin-bottom: -10rem;
    margin-top: -10rem;
  }
  .wide\:-my-48 {
    margin-bottom: -12rem;
    margin-top: -12rem;
  }
  .wide\:-my-56 {
    margin-bottom: -14rem;
    margin-top: -14rem;
  }
  .wide\:-my-64 {
    margin-bottom: -16rem;
    margin-top: -16rem;
  }
  .wide\:-mt-px {
    margin-top: -1px;
  }
  .wide\:-mt-0 {
    margin-top: 0;
  }
  .wide\:-mt-1 {
    margin-top: -0.25rem;
  }
  .wide\:-mt-2 {
    margin-top: -0.5rem;
  }
  .wide\:-mt-3 {
    margin-top: -0.75rem;
  }
  .wide\:-mt-4 {
    margin-top: -1rem;
  }
  .wide\:-mt-5 {
    margin-top: -1.25rem;
  }
  .wide\:-mt-6 {
    margin-top: -1.5rem;
  }
  .wide\:-mt-8 {
    margin-top: -2rem;
  }
  .wide\:-mt-10 {
    margin-top: -2.5rem;
  }
  .wide\:-mt-12 {
    margin-top: -3rem;
  }
  .wide\:-mt-16 {
    margin-top: -4rem;
  }
  .wide\:-mt-20 {
    margin-top: -5rem;
  }
  .wide\:-mt-24 {
    margin-top: -6rem;
  }
  .wide\:-mt-32 {
    margin-top: -8rem;
  }
  .wide\:-mt-40 {
    margin-top: -10rem;
  }
  .wide\:-mt-48 {
    margin-top: -12rem;
  }
  .wide\:-mt-56 {
    margin-top: -14rem;
  }
  .wide\:-mt-64 {
    margin-top: -16rem;
  }
  .wide\:-mr-px {
    margin-right: -1px;
  }
  .wide\:-mr-0 {
    margin-right: 0;
  }
  .wide\:-mr-1 {
    margin-right: -0.25rem;
  }
  .wide\:-mr-2 {
    margin-right: -0.5rem;
  }
  .wide\:-mr-3 {
    margin-right: -0.75rem;
  }
  .wide\:-mr-4 {
    margin-right: -1rem;
  }
  .wide\:-mr-5 {
    margin-right: -1.25rem;
  }
  .wide\:-mr-6 {
    margin-right: -1.5rem;
  }
  .wide\:-mr-8 {
    margin-right: -2rem;
  }
  .wide\:-mr-10 {
    margin-right: -2.5rem;
  }
  .wide\:-mr-12 {
    margin-right: -3rem;
  }
  .wide\:-mr-16 {
    margin-right: -4rem;
  }
  .wide\:-mr-20 {
    margin-right: -5rem;
  }
  .wide\:-mr-24 {
    margin-right: -6rem;
  }
  .wide\:-mr-32 {
    margin-right: -8rem;
  }
  .wide\:-mr-40 {
    margin-right: -10rem;
  }
  .wide\:-mr-48 {
    margin-right: -12rem;
  }
  .wide\:-mr-56 {
    margin-right: -14rem;
  }
  .wide\:-mr-64 {
    margin-right: -16rem;
  }
  .wide\:-mb-px {
    margin-bottom: -1px;
  }
  .wide\:-mb-0 {
    margin-bottom: 0;
  }
  .wide\:-mb-1 {
    margin-bottom: -0.25rem;
  }
  .wide\:-mb-2 {
    margin-bottom: -0.5rem;
  }
  .wide\:-mb-3 {
    margin-bottom: -0.75rem;
  }
  .wide\:-mb-4 {
    margin-bottom: -1rem;
  }
  .wide\:-mb-5 {
    margin-bottom: -1.25rem;
  }
  .wide\:-mb-6 {
    margin-bottom: -1.5rem;
  }
  .wide\:-mb-8 {
    margin-bottom: -2rem;
  }
  .wide\:-mb-10 {
    margin-bottom: -2.5rem;
  }
  .wide\:-mb-12 {
    margin-bottom: -3rem;
  }
  .wide\:-mb-16 {
    margin-bottom: -4rem;
  }
  .wide\:-mb-20 {
    margin-bottom: -5rem;
  }
  .wide\:-mb-24 {
    margin-bottom: -6rem;
  }
  .wide\:-mb-32 {
    margin-bottom: -8rem;
  }
  .wide\:-mb-40 {
    margin-bottom: -10rem;
  }
  .wide\:-mb-48 {
    margin-bottom: -12rem;
  }
  .wide\:-mb-56 {
    margin-bottom: -14rem;
  }
  .wide\:-mb-64 {
    margin-bottom: -16rem;
  }
  .wide\:-ml-px {
    margin-left: -1px;
  }
  .wide\:-ml-0 {
    margin-left: 0;
  }
  .wide\:-ml-1 {
    margin-left: -0.25rem;
  }
  .wide\:-ml-2 {
    margin-left: -0.5rem;
  }
  .wide\:-ml-3 {
    margin-left: -0.75rem;
  }
  .wide\:-ml-4 {
    margin-left: -1rem;
  }
  .wide\:-ml-5 {
    margin-left: -1.25rem;
  }
  .wide\:-ml-6 {
    margin-left: -1.5rem;
  }
  .wide\:-ml-8 {
    margin-left: -2rem;
  }
  .wide\:-ml-10 {
    margin-left: -2.5rem;
  }
  .wide\:-ml-12 {
    margin-left: -3rem;
  }
  .wide\:-ml-16 {
    margin-left: -4rem;
  }
  .wide\:-ml-20 {
    margin-left: -5rem;
  }
  .wide\:-ml-24 {
    margin-left: -6rem;
  }
  .wide\:-ml-32 {
    margin-left: -8rem;
  }
  .wide\:-ml-40 {
    margin-left: -10rem;
  }
  .wide\:-ml-48 {
    margin-left: -12rem;
  }
  .wide\:-ml-56 {
    margin-left: -14rem;
  }
  .wide\:-ml-64 {
    margin-left: -16rem;
  }
}
.max-w-1 {
  max-width: 8.75rem;
}

.max-w-2 {
  max-width: 15rem;
}

.max-w-3 {
  max-width: 21.25rem;
}

.max-w-4 {
  max-width: 27.5rem;
}

.max-w-5 {
  max-width: 33.75rem;
}

.max-w-6 {
  max-width: 40rem;
}

.max-w-7 {
  max-width: 46.25rem;
}

.max-w-8 {
  max-width: 52.5rem;
}

.max-w-9 {
  max-width: 58.75rem;
}

.max-w-full {
  max-width: 100%;
}

@media screen and (max-width: 767px) {
  .mobile\:max-w-1 {
    max-width: 8.75rem;
  }
  .mobile\:max-w-2 {
    max-width: 15rem;
  }
  .mobile\:max-w-3 {
    max-width: 21.25rem;
  }
  .mobile\:max-w-4 {
    max-width: 27.5rem;
  }
  .mobile\:max-w-5 {
    max-width: 33.75rem;
  }
  .mobile\:max-w-6 {
    max-width: 40rem;
  }
  .mobile\:max-w-7 {
    max-width: 46.25rem;
  }
  .mobile\:max-w-8 {
    max-width: 52.5rem;
  }
  .mobile\:max-w-9 {
    max-width: 58.75rem;
  }
  .mobile\:max-w-full {
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .small\:max-w-1 {
    max-width: 8.75rem;
  }
  .small\:max-w-2 {
    max-width: 15rem;
  }
  .small\:max-w-3 {
    max-width: 21.25rem;
  }
  .small\:max-w-4 {
    max-width: 27.5rem;
  }
  .small\:max-w-5 {
    max-width: 33.75rem;
  }
  .small\:max-w-6 {
    max-width: 40rem;
  }
  .small\:max-w-7 {
    max-width: 46.25rem;
  }
  .small\:max-w-8 {
    max-width: 52.5rem;
  }
  .small\:max-w-9 {
    max-width: 58.75rem;
  }
  .small\:max-w-full {
    max-width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .large\:max-w-1 {
    max-width: 8.75rem;
  }
  .large\:max-w-2 {
    max-width: 15rem;
  }
  .large\:max-w-3 {
    max-width: 21.25rem;
  }
  .large\:max-w-4 {
    max-width: 27.5rem;
  }
  .large\:max-w-5 {
    max-width: 33.75rem;
  }
  .large\:max-w-6 {
    max-width: 40rem;
  }
  .large\:max-w-7 {
    max-width: 46.25rem;
  }
  .large\:max-w-8 {
    max-width: 52.5rem;
  }
  .large\:max-w-9 {
    max-width: 58.75rem;
  }
  .large\:max-w-full {
    max-width: 100%;
  }
}
@media screen and (max-width: 1280px) {
  .wide\:max-w-1 {
    max-width: 8.75rem;
  }
  .wide\:max-w-2 {
    max-width: 15rem;
  }
  .wide\:max-w-3 {
    max-width: 21.25rem;
  }
  .wide\:max-w-4 {
    max-width: 27.5rem;
  }
  .wide\:max-w-5 {
    max-width: 33.75rem;
  }
  .wide\:max-w-6 {
    max-width: 40rem;
  }
  .wide\:max-w-7 {
    max-width: 46.25rem;
  }
  .wide\:max-w-8 {
    max-width: 52.5rem;
  }
  .wide\:max-w-9 {
    max-width: 58.75rem;
  }
  .wide\:max-w-full {
    max-width: 100%;
  }
}
.size-24x24 {
  min-width: 24px !important;
  width: 24px !important;
  max-height: 24px !important;
  height: 24px !important;
}

.size-28x28 {
  min-width: 28px !important;
  width: 28px !important;
  max-height: 28px !important;
  height: 28px !important;
}

.size-32x32 {
  min-width: 32px !important;
  width: 32px !important;
  max-height: 32px !important;
  height: 32px !important;
}

.size-36x36 {
  min-width: 36px !important;
  width: 36px !important;
  max-height: 36px !important;
  height: 36px !important;
}

.size-40x40 {
  min-width: 40px !important;
  width: 40px !important;
  max-height: 40px !important;
  height: 40px !important;
}

.size-44x44 {
  min-width: 44px !important;
  width: 44px !important;
  max-height: 44px !important;
  height: 44px !important;
}

.size-48x48 {
  min-width: 48px !important;
  width: 48px !important;
  max-height: 48px !important;
  height: 48px !important;
}

.size-52x52 {
  min-width: 52px !important;
  width: 52px !important;
  max-height: 52px !important;
  height: 52px !important;
}

.size-56x56 {
  min-width: 56px !important;
  width: 56px !important;
  max-height: 56px !important;
  height: 56px !important;
}

.size-60x60 {
  min-width: 60px !important;
  width: 60px !important;
  max-height: 60px !important;
  height: 60px !important;
}

.size-70x70 {
  min-width: 70px !important;
  width: 70px !important;
  max-height: 70px !important;
  height: 70px !important;
}

.size-80x80 {
  min-width: 80px !important;
  width: 80px !important;
  max-height: 80px !important;
  height: 80px !important;
}

.size-90x90 {
  min-width: 90px !important;
  width: 90px !important;
  max-height: 90px !important;
  height: 90px !important;
}

.size-100x100 {
  min-width: 100px !important;
  width: 100px !important;
  max-height: 100px !important;
  height: 100px !important;
}

.size-110x110 {
  min-width: 110px !important;
  width: 110px !important;
  max-height: 110px !important;
  height: 110px !important;
}

.size-120x120 {
  min-width: 120px !important;
  width: 120px !important;
  max-height: 120px !important;
  height: 120px !important;
}

.size-130x130 {
  min-width: 130px !important;
  width: 130px !important;
  max-height: 130px !important;
  height: 130px !important;
}

.size-140x140 {
  min-width: 140px !important;
  width: 140px !important;
  max-height: 140px !important;
  height: 140px !important;
}

.size-150x150 {
  min-width: 150px !important;
  width: 150px !important;
  max-height: 150px !important;
  height: 150px !important;
}

.size-175x175 {
  min-width: 175px !important;
  width: 175px !important;
  max-height: 175px !important;
  height: 175px !important;
}

.size-200x200 {
  min-width: 200px !important;
  width: 200px !important;
  max-height: 200px !important;
  height: 200px !important;
}

@media screen and (max-width: 767px) {
  .mobile\:size-24x24 {
    min-width: 24px !important;
    width: 24px !important;
    max-height: 24px !important;
    height: 24px !important;
  }
  .mobile\:size-28x28 {
    min-width: 28px !important;
    width: 28px !important;
    max-height: 28px !important;
    height: 28px !important;
  }
  .mobile\:size-32x32 {
    min-width: 32px !important;
    width: 32px !important;
    max-height: 32px !important;
    height: 32px !important;
  }
  .mobile\:size-36x36 {
    min-width: 36px !important;
    width: 36px !important;
    max-height: 36px !important;
    height: 36px !important;
  }
  .mobile\:size-40x40 {
    min-width: 40px !important;
    width: 40px !important;
    max-height: 40px !important;
    height: 40px !important;
  }
  .mobile\:size-44x44 {
    min-width: 44px !important;
    width: 44px !important;
    max-height: 44px !important;
    height: 44px !important;
  }
  .mobile\:size-48x48 {
    min-width: 48px !important;
    width: 48px !important;
    max-height: 48px !important;
    height: 48px !important;
  }
  .mobile\:size-52x52 {
    min-width: 52px !important;
    width: 52px !important;
    max-height: 52px !important;
    height: 52px !important;
  }
  .mobile\:size-56x56 {
    min-width: 56px !important;
    width: 56px !important;
    max-height: 56px !important;
    height: 56px !important;
  }
  .mobile\:size-60x60 {
    min-width: 60px !important;
    width: 60px !important;
    max-height: 60px !important;
    height: 60px !important;
  }
  .mobile\:size-70x70 {
    min-width: 70px !important;
    width: 70px !important;
    max-height: 70px !important;
    height: 70px !important;
  }
  .mobile\:size-80x80 {
    min-width: 80px !important;
    width: 80px !important;
    max-height: 80px !important;
    height: 80px !important;
  }
  .mobile\:size-90x90 {
    min-width: 90px !important;
    width: 90px !important;
    max-height: 90px !important;
    height: 90px !important;
  }
  .mobile\:size-100x100 {
    min-width: 100px !important;
    width: 100px !important;
    max-height: 100px !important;
    height: 100px !important;
  }
  .mobile\:size-110x110 {
    min-width: 110px !important;
    width: 110px !important;
    max-height: 110px !important;
    height: 110px !important;
  }
  .mobile\:size-120x120 {
    min-width: 120px !important;
    width: 120px !important;
    max-height: 120px !important;
    height: 120px !important;
  }
  .mobile\:size-130x130 {
    min-width: 130px !important;
    width: 130px !important;
    max-height: 130px !important;
    height: 130px !important;
  }
  .mobile\:size-140x140 {
    min-width: 140px !important;
    width: 140px !important;
    max-height: 140px !important;
    height: 140px !important;
  }
  .mobile\:size-150x150 {
    min-width: 150px !important;
    width: 150px !important;
    max-height: 150px !important;
    height: 150px !important;
  }
  .mobile\:size-175x175 {
    min-width: 175px !important;
    width: 175px !important;
    max-height: 175px !important;
    height: 175px !important;
  }
  .mobile\:size-200x200 {
    min-width: 200px !important;
    width: 200px !important;
    max-height: 200px !important;
    height: 200px !important;
  }
}
@media screen and (max-width: 768px) {
  .small\:size-24x24 {
    min-width: 24px !important;
    width: 24px !important;
    max-height: 24px !important;
    height: 24px !important;
  }
  .small\:size-28x28 {
    min-width: 28px !important;
    width: 28px !important;
    max-height: 28px !important;
    height: 28px !important;
  }
  .small\:size-32x32 {
    min-width: 32px !important;
    width: 32px !important;
    max-height: 32px !important;
    height: 32px !important;
  }
  .small\:size-36x36 {
    min-width: 36px !important;
    width: 36px !important;
    max-height: 36px !important;
    height: 36px !important;
  }
  .small\:size-40x40 {
    min-width: 40px !important;
    width: 40px !important;
    max-height: 40px !important;
    height: 40px !important;
  }
  .small\:size-44x44 {
    min-width: 44px !important;
    width: 44px !important;
    max-height: 44px !important;
    height: 44px !important;
  }
  .small\:size-48x48 {
    min-width: 48px !important;
    width: 48px !important;
    max-height: 48px !important;
    height: 48px !important;
  }
  .small\:size-52x52 {
    min-width: 52px !important;
    width: 52px !important;
    max-height: 52px !important;
    height: 52px !important;
  }
  .small\:size-56x56 {
    min-width: 56px !important;
    width: 56px !important;
    max-height: 56px !important;
    height: 56px !important;
  }
  .small\:size-60x60 {
    min-width: 60px !important;
    width: 60px !important;
    max-height: 60px !important;
    height: 60px !important;
  }
  .small\:size-70x70 {
    min-width: 70px !important;
    width: 70px !important;
    max-height: 70px !important;
    height: 70px !important;
  }
  .small\:size-80x80 {
    min-width: 80px !important;
    width: 80px !important;
    max-height: 80px !important;
    height: 80px !important;
  }
  .small\:size-90x90 {
    min-width: 90px !important;
    width: 90px !important;
    max-height: 90px !important;
    height: 90px !important;
  }
  .small\:size-100x100 {
    min-width: 100px !important;
    width: 100px !important;
    max-height: 100px !important;
    height: 100px !important;
  }
  .small\:size-110x110 {
    min-width: 110px !important;
    width: 110px !important;
    max-height: 110px !important;
    height: 110px !important;
  }
  .small\:size-120x120 {
    min-width: 120px !important;
    width: 120px !important;
    max-height: 120px !important;
    height: 120px !important;
  }
  .small\:size-130x130 {
    min-width: 130px !important;
    width: 130px !important;
    max-height: 130px !important;
    height: 130px !important;
  }
  .small\:size-140x140 {
    min-width: 140px !important;
    width: 140px !important;
    max-height: 140px !important;
    height: 140px !important;
  }
  .small\:size-150x150 {
    min-width: 150px !important;
    width: 150px !important;
    max-height: 150px !important;
    height: 150px !important;
  }
  .small\:size-175x175 {
    min-width: 175px !important;
    width: 175px !important;
    max-height: 175px !important;
    height: 175px !important;
  }
  .small\:size-200x200 {
    min-width: 200px !important;
    width: 200px !important;
    max-height: 200px !important;
    height: 200px !important;
  }
}
@media screen and (max-width: 1024px) {
  .large\:size-24x24 {
    min-width: 24px !important;
    width: 24px !important;
    max-height: 24px !important;
    height: 24px !important;
  }
  .large\:size-28x28 {
    min-width: 28px !important;
    width: 28px !important;
    max-height: 28px !important;
    height: 28px !important;
  }
  .large\:size-32x32 {
    min-width: 32px !important;
    width: 32px !important;
    max-height: 32px !important;
    height: 32px !important;
  }
  .large\:size-36x36 {
    min-width: 36px !important;
    width: 36px !important;
    max-height: 36px !important;
    height: 36px !important;
  }
  .large\:size-40x40 {
    min-width: 40px !important;
    width: 40px !important;
    max-height: 40px !important;
    height: 40px !important;
  }
  .large\:size-44x44 {
    min-width: 44px !important;
    width: 44px !important;
    max-height: 44px !important;
    height: 44px !important;
  }
  .large\:size-48x48 {
    min-width: 48px !important;
    width: 48px !important;
    max-height: 48px !important;
    height: 48px !important;
  }
  .large\:size-52x52 {
    min-width: 52px !important;
    width: 52px !important;
    max-height: 52px !important;
    height: 52px !important;
  }
  .large\:size-56x56 {
    min-width: 56px !important;
    width: 56px !important;
    max-height: 56px !important;
    height: 56px !important;
  }
  .large\:size-60x60 {
    min-width: 60px !important;
    width: 60px !important;
    max-height: 60px !important;
    height: 60px !important;
  }
  .large\:size-70x70 {
    min-width: 70px !important;
    width: 70px !important;
    max-height: 70px !important;
    height: 70px !important;
  }
  .large\:size-80x80 {
    min-width: 80px !important;
    width: 80px !important;
    max-height: 80px !important;
    height: 80px !important;
  }
  .large\:size-90x90 {
    min-width: 90px !important;
    width: 90px !important;
    max-height: 90px !important;
    height: 90px !important;
  }
  .large\:size-100x100 {
    min-width: 100px !important;
    width: 100px !important;
    max-height: 100px !important;
    height: 100px !important;
  }
  .large\:size-110x110 {
    min-width: 110px !important;
    width: 110px !important;
    max-height: 110px !important;
    height: 110px !important;
  }
  .large\:size-120x120 {
    min-width: 120px !important;
    width: 120px !important;
    max-height: 120px !important;
    height: 120px !important;
  }
  .large\:size-130x130 {
    min-width: 130px !important;
    width: 130px !important;
    max-height: 130px !important;
    height: 130px !important;
  }
  .large\:size-140x140 {
    min-width: 140px !important;
    width: 140px !important;
    max-height: 140px !important;
    height: 140px !important;
  }
  .large\:size-150x150 {
    min-width: 150px !important;
    width: 150px !important;
    max-height: 150px !important;
    height: 150px !important;
  }
  .large\:size-175x175 {
    min-width: 175px !important;
    width: 175px !important;
    max-height: 175px !important;
    height: 175px !important;
  }
  .large\:size-200x200 {
    min-width: 200px !important;
    width: 200px !important;
    max-height: 200px !important;
    height: 200px !important;
  }
}
@media screen and (max-width: 1280px) {
  .wide\:size-24x24 {
    min-width: 24px !important;
    width: 24px !important;
    max-height: 24px !important;
    height: 24px !important;
  }
  .wide\:size-28x28 {
    min-width: 28px !important;
    width: 28px !important;
    max-height: 28px !important;
    height: 28px !important;
  }
  .wide\:size-32x32 {
    min-width: 32px !important;
    width: 32px !important;
    max-height: 32px !important;
    height: 32px !important;
  }
  .wide\:size-36x36 {
    min-width: 36px !important;
    width: 36px !important;
    max-height: 36px !important;
    height: 36px !important;
  }
  .wide\:size-40x40 {
    min-width: 40px !important;
    width: 40px !important;
    max-height: 40px !important;
    height: 40px !important;
  }
  .wide\:size-44x44 {
    min-width: 44px !important;
    width: 44px !important;
    max-height: 44px !important;
    height: 44px !important;
  }
  .wide\:size-48x48 {
    min-width: 48px !important;
    width: 48px !important;
    max-height: 48px !important;
    height: 48px !important;
  }
  .wide\:size-52x52 {
    min-width: 52px !important;
    width: 52px !important;
    max-height: 52px !important;
    height: 52px !important;
  }
  .wide\:size-56x56 {
    min-width: 56px !important;
    width: 56px !important;
    max-height: 56px !important;
    height: 56px !important;
  }
  .wide\:size-60x60 {
    min-width: 60px !important;
    width: 60px !important;
    max-height: 60px !important;
    height: 60px !important;
  }
  .wide\:size-70x70 {
    min-width: 70px !important;
    width: 70px !important;
    max-height: 70px !important;
    height: 70px !important;
  }
  .wide\:size-80x80 {
    min-width: 80px !important;
    width: 80px !important;
    max-height: 80px !important;
    height: 80px !important;
  }
  .wide\:size-90x90 {
    min-width: 90px !important;
    width: 90px !important;
    max-height: 90px !important;
    height: 90px !important;
  }
  .wide\:size-100x100 {
    min-width: 100px !important;
    width: 100px !important;
    max-height: 100px !important;
    height: 100px !important;
  }
  .wide\:size-110x110 {
    min-width: 110px !important;
    width: 110px !important;
    max-height: 110px !important;
    height: 110px !important;
  }
  .wide\:size-120x120 {
    min-width: 120px !important;
    width: 120px !important;
    max-height: 120px !important;
    height: 120px !important;
  }
  .wide\:size-130x130 {
    min-width: 130px !important;
    width: 130px !important;
    max-height: 130px !important;
    height: 130px !important;
  }
  .wide\:size-140x140 {
    min-width: 140px !important;
    width: 140px !important;
    max-height: 140px !important;
    height: 140px !important;
  }
  .wide\:size-150x150 {
    min-width: 150px !important;
    width: 150px !important;
    max-height: 150px !important;
    height: 150px !important;
  }
  .wide\:size-175x175 {
    min-width: 175px !important;
    width: 175px !important;
    max-height: 175px !important;
    height: 175px !important;
  }
  .wide\:size-200x200 {
    min-width: 200px !important;
    width: 200px !important;
    max-height: 200px !important;
    height: 200px !important;
  }
}
.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.grid {
  display: grid;
}

.inline-grid {
  display: inline-grid;
}

.hidden {
  display: none;
}

@media screen and (max-width: 767px) {
  .mobile\:block {
    display: block;
  }
  .mobile\:inline-block {
    display: inline-block;
  }
  .mobile\:inline {
    display: inline;
  }
  .mobile\:flex {
    display: flex;
  }
  .mobile\:inline-flex {
    display: inline-flex;
  }
  .mobile\:grid {
    display: grid;
  }
  .mobile\:inline-grid {
    display: inline-grid;
  }
  .mobile\:hidden {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .small\:block {
    display: block;
  }
  .small\:inline-block {
    display: inline-block;
  }
  .small\:inline {
    display: inline;
  }
  .small\:flex {
    display: flex;
  }
  .small\:inline-flex {
    display: inline-flex;
  }
  .small\:grid {
    display: grid;
  }
  .small\:inline-grid {
    display: inline-grid;
  }
  .small\:hidden {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .large\:block {
    display: block;
  }
  .large\:inline-block {
    display: inline-block;
  }
  .large\:inline {
    display: inline;
  }
  .large\:flex {
    display: flex;
  }
  .large\:inline-flex {
    display: inline-flex;
  }
  .large\:grid {
    display: grid;
  }
  .large\:inline-grid {
    display: inline-grid;
  }
  .large\:hidden {
    display: none;
  }
}
@media screen and (max-width: 1280px) {
  .wide\:block {
    display: block;
  }
  .wide\:inline-block {
    display: inline-block;
  }
  .wide\:inline {
    display: inline;
  }
  .wide\:flex {
    display: flex;
  }
  .wide\:inline-flex {
    display: inline-flex;
  }
  .wide\:grid {
    display: grid;
  }
  .wide\:inline-grid {
    display: inline-grid;
  }
  .wide\:hidden {
    display: none;
  }
}
/*
    1. Theme images
    2. State
    3. Border Radius
    4. Border
    5. Height
    6. Width
    7. Margin
    8. Responsive Display
    9. Responsive Flex
    10. Overflow
*/
/* ==========================================================================
1. Theme images
========================================================================== */
.light-image {
  display: inline-block !important;
}

.light-image-block {
  display: block !important;
}

.dark-image-block {
  display: none !important;
}

.dark-image {
  display: none !important;
}

.is-dark .light-image {
  display: none !important;
}
.is-dark .dark-image {
  display: inline-block !important;
}
.is-dark .light-image-block {
  display: none !important;
}
.is-dark .dark-image-block {
  display: block !important;
}

.has-background-image {
  background-size: cover;
  background-repeat: no-repeat;
}

.has-background-image-contained {
  background-size: contain !important;
  background-repeat: no-repeat;
}

/* ==========================================================================
2. State
========================================================================== */
.is-hidden {
  display: none !important;
}

/* ==========================================================================
3. Border Radius
========================================================================== */
.is-circle {
  border-radius: 50% !important;
}

.is-rounded-md {
  border-radius: 0.625rem !important;
}

.is-rounded-lg {
  border-radius: 0.825rem !important;
}

/* ==========================================================================
4. Border
========================================================================== */
.has-border {
  border: 1px solid var(--border);
}

.has-light-shadow {
  box-shadow: var(--light-box-shadow);
}

/* ==========================================================================
5. Height
========================================================================== */
.h-full {
  height: 100%;
}

.h-screen {
  min-height: 100vh;
}

/* ==========================================================================
6. Width
========================================================================== */
.w-full {
  width: 100%;
}

.max-w-1\/5 {
  max-width: 20%;
}

.max-w-1\/4 {
  max-width: 25%;
}

.max-w-1\/3 {
  max-width: 33.3%;
}

.max-w-1\/2 {
  max-width: 50%;
}

.max-w-full {
  max-width: 100%;
}

@media only screen and (max-width: 767px) {
  .max-w-mobile.max-w-1\/5, .max-w-mobile.max-w-1\/4, .max-w-mobile.max-w-1\/3, .max-w-mobile.max-w-1\/2 {
    max-width: 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
/* ==========================================================================
7. Margin
========================================================================== */
.no-m {
  margin: 0 !important;
}

.mx-auto {
  width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ==========================================================================
8. Responsive Display
========================================================================== */
@media only screen and (max-width: 767px) {
  .b-hidden-mobile {
    display: none !important;
  }
  .b-only-mobile {
    display: block !important;
  }
  .b-only-mobile-flex {
    display: flex !important;
  }
  .b-centered-mobile {
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .b-hidden-tablet-p {
    display: none !important;
  }
  .b-flex-tablet-p {
    display: flex !important;
  }
  .b-only-tablet-p {
    display: block !important;
  }
  .b-only-tablet-p-flex {
    display: flex !important;
  }
  .b-centered-tablet-p {
    margin-left: auto;
    margin-right: auto;
    max-width: 540px;
    text-align: center;
  }
  .b-centered-tablet-p {
    text-align: center;
  }
  .max-w-tablet-p {
    width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .max-w-tp-6 {
    max-width: 40rem;
  }
  .max-w-tp-5 {
    max-width: 33.75rem;
  }
  .max-w-tp-4 {
    max-width: 27.5rem;
  }
  .max-w-tp-full {
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .b-hidden-tablet-l {
    display: none !important;
  }
  .b-flex-tablet-l {
    display: flex !important;
  }
  .b-only-tablet-l {
    display: block !important;
  }
}
@media only screen and (min-width: 768px) and (orientation: landscape) {
  .b-only-mobile {
    display: none !important;
  }
  .b-only-tablet-p {
    display: none !important;
  }
}
@media only screen and (min-width: 1025px) {
  .b-hidden-desktop {
    display: none !important;
  }
}
/* ==========================================================================
9. Responsive Flex
========================================================================== */
@media only screen and (max-width: 767px) {
  .b-only-mobile-flex-wrap {
    flex-wrap: wrap !important;
  }
  .b-columns-half-mobile {
    display: flex;
    flex-wrap: wrap;
  }
  .b-columns-half-mobile .column {
    width: 50% !important;
    min-width: 50% !important;
    max-width: 50% !important;
  }
  .d-column-mobile {
    flex-direction: column;
  }
  .d-column-r-mobile {
    flex-direction: column-reverse;
  }
  .j-center-mobile {
    justify-content: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .b-columns-half-tablet-p {
    display: flex;
    flex-wrap: wrap;
  }
  .b-columns-half-tablet-p .column {
    width: 50% !important;
    min-width: 50% !important;
    max-width: 50% !important;
  }
  .b-columns-third-tablet-p {
    display: flex;
    flex-wrap: wrap;
  }
  .b-columns-third-tablet-p .column {
    width: 33.3% !important;
    min-width: 33.3% !important;
    max-width: 33.3% !important;
  }
  .d-column-tablet-p {
    flex-direction: column;
  }
  .d-column-r-tablet-p {
    flex-direction: column-reverse;
  }
  .j-center-tablet-p {
    justify-content: center;
  }
}
/* ==========================================================================
7. Scroll helpers
========================================================================== */
.overflow-hidden {
  overflow: hidden !important;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

.has-slimscroll::-webkit-scrollbar {
  width: 6px !important;
}
.has-slimscroll::-webkit-scrollbar-thumb {
  border-radius: 10px !important;
  background: rgba(0, 0, 0, 0.2) !important;
}

/*
    1. Titles
    2. Typography Helpers
*/
/* ==========================================================================
1. Titles
========================================================================== */
body {
  font-family: var(--font);
  color: var(--dark-text);
}

var {
  font-style: normal;
}

.default-link {
  font-family: var(--font);
  color: var(--primary);
  transition: all 0.3s;
}
.default-link:hover {
  color: var(--primary);
  opacity: 0.7;
}

.title {
  font-family: var(--font-alt);
  color: var(--title-color);
}
.title.is-0 {
  font-size: 4rem;
}
.title.is-narrow {
  margin-bottom: 0 !important;
}
.title.is-leading {
  margin-bottom: 0.5rem !important;
}
.title.is-inverted {
  color: var(--title-color-inverted);
}
.title.is-thin {
  font-weight: 300;
}
.title.is-heavy {
  font-weight: 600;
}
.title.is-bold {
  font-weight: 700;
}
.title.is-bolder {
  font-weight: 800;
}

.subtitle {
  font-family: var(--font);
  color: var(--subtitle-color);
}
.subtitle.is-narrow {
  margin-bottom: 0 !important;
}
.subtitle.is-thin {
  font-weight: 300;
}
.subtitle.is-heavy {
  font-weight: 600;
}
.subtitle.is-bold {
  font-weight: 700;
}
.subtitle.is-bolder {
  font-weight: 800;
}

.paragraph {
  font-family: var(--font);
  color: var(--paragraph-color);
}
.paragraph.is-inverted {
  color: var(--paragraph-color-inverted);
}
.paragraph.leading-tight {
  line-height: 1.2;
}

.content p {
  font-family: var(--font);
}

.separator {
  width: 1px;
  height: 26px;
  border-right: 1px solid var(--border);
}

/* ==========================================================================
2. Typography Helpers
========================================================================== */
.text-light {
  color: var(--light-text) !important;
}

.text-medium {
  color: var(--medium-text) !important;
}

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

.text-uppercase {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.is-font {
  font-family: var(--font);
}

.is-font-alt {
  font-family: var(--font-alt) !important;
}

.is-weight-300 {
  font-weight: 300 !important;
}

.is-weight-400 {
  font-weight: 400 !important;
}

.is-weight-500 {
  font-weight: 500 !important;
}

.is-weight-600 {
  font-weight: 600 !important;
}

.is-weight-700 {
  font-weight: 700 !important;
}

.is-weight-500 {
  font-weight: 500 !important;
}

.is-weight-900 {
  font-weight: 900 !important;
}

.rem-70 {
  font-size: 0.7rem !important;
}

.rem-75 {
  font-size: 0.75rem !important;
}

.rem-80 {
  font-size: 0.8rem !important;
}

.rem-85 {
  font-size: 0.85rem !important;
}

.rem-90 {
  font-size: 0.9rem !important;
}

.rem-95 {
  font-size: 0.95rem !important;
}

.rem-100 {
  font-size: 1rem !important;
}

.rem-115 {
  font-size: 1.15rem !important;
}

.rem-125 {
  font-size: 1.25rem !important;
}

.rem-150 {
  font-size: 1.5rem !important;
}

/* ==========================================================================
1. Base Resets
========================================================================== */
body {
  background: var(--html-bg-color);
  transition: background-color 0.3s;
  overflow: hidden;
}

code {
  background: var(--code-bg-color);
  color: var(--code-color);
}

hr {
  height: 1px;
  background: var(--card-border-color);
}
hr.is-inverted {
  background: var(--dark-bg-light-16);
}

/*
    1. Infraloader
*/
/* ==========================================================================
1. Infraloader
========================================================================== */
.infraloader {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background: var(--card-bg-color);
  z-index: -1;
  opacity: 0;
  transition: opacity 0.35s;
}
.infraloader.is-active {
  opacity: 1;
  z-index: 999997;
}
.infraloader.is-full {
  width: 100% !important;
  left: 0 !important;
}

@media (max-width: 767px) {
  .infraloader {
    width: 100% !important;
    left: 0 !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .infraloader {
    width: 100% !important;
    left: 0 !important;
  }
}
/* ==========================================================================
Loader
========================================================================== */
@keyframes spinAround {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.loader:after, .button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
  animation: spinAround 500ms infinite linear;
  border: 2px solid hsl(0, 0%, 86%);
  border-radius: 9999px;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 1em;
  position: relative;
  width: 1em;
}

.loader {
  position: relative;
  height: 2rem;
  width: 2rem;
}
.loader.loader-3 {
  height: 3rem;
  width: 3rem;
}
.loader.loader-4 {
  height: 4rem;
  width: 4rem;
}
.loader:after {
  position: absolute !important;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 4;
}

.loader-wrap {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: var(--card-bg-color);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s;
}
.loader-wrap.is-active {
  opacity: 1;
}

/*
    1. Placeload base styles
    2. Placeload dark styles
*/
/* ==========================================================================
1. Placeload base styles
========================================================================== */
.content-shape {
  height: 10px;
  width: 100%;
  max-width: 100%;
  border-radius: 0.25rem;
}
.content-shape.w-80 {
  max-width: 80%;
}
.content-shape.w-60 {
  max-width: 60%;
}
.content-shape.w-40 {
  max-width: 40%;
}
.content-shape.w-20 {
  max-width: 20%;
}
.content-shape.img-shape {
  width: 100%;
  max-width: 110px;
  min-width: 110px;
  height: 110px;
  border-radius: 50%;
  margin: 1rem auto 0.75rem auto;
}
.content-shape.title-shape {
  display: block;
  min-width: 160px;
  max-width: 160px;
  margin-left: auto;
  margin-right: auto;
}
.content-shape.subtitle-shape {
  display: block;
  min-width: 80px;
  max-width: 80px;
  margin-left: auto;
  margin-right: auto;
}
.content-shape.social-shape {
  height: 32px;
  width: 32px;
  min-width: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin: 0 0.15rem;
}
.content-shape.is-left {
  margin-left: 0 !important;
}

.loads {
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeload;
  animation-timing-function: linear;
  background: var(--placeload-nuance-from);
  background: -webkit-gradient(linear, left top, right top, color-stop(8%, var(--placeload-nuance-from)), color-stop(18%, var(--placeload-nuance-to)), color-stop(33%, var(--placeload-nuance-from)));
  background: linear-gradient(to right, var(--placeload-nuance-from) 8%, var(--placeload-nuance-to) 18%, var(--placeload-nuance-from) 33%);
  background-size: 800px 104px;
  background-size: 1200px 104px;
  position: relative;
}

@keyframes placeload {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
/* ==========================================================================
  2. Placeload dark styles
========================================================================== */
.is-dark .loads {
  background: var(--placeload-dark-nuance-from);
  background: -webkit-gradient(linear, left top, right top, color-stop(8%, var(--placeload-dark-nuance-from)), color-stop(18%, var(--placeload-dark-nuance-to)), color-stop(33%, var(--placeload-dark-nuance-from)));
  background: linear-gradient(to right, var(--placeload-dark-nuance-from) 8%, var(--placeload-dark-nuance-to) 18%, var(--placeload-dark-nuance-from) 33%);
  background-size: 800px 104px;
  background-size: 1200px 104px;
}

/*
    1. Hamburger menu icon
*/
/* ==========================================================================
1. Hamburger menu icon
========================================================================== */
.menu-toggle {
  font-size: 20px;
  color: var(--light-text);
  line-height: 48px;
  text-align: center;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  cursor: pointer;
  padding: 0;
  transition: opacity 0.4s;
  opacity: 1;
  position: relative;
  top: 2px;
}
.menu-toggle .icon-box-toggle {
  height: 100%;
  width: 100%;
  background: transparent;
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
}
.menu-toggle .icon-box-toggle:not(.is-navbar).active > div.rotate {
  /*transform*/
  -webkit-transform: rotate(90deg);
  -moz-transform: translate(0px, 0px) rotate(90deg);
  -ms-transform: translate(0px, 0px) rotate(90deg);
  -o-transform: translate(0px, 0px) rotate(90deg);
  transform: translate(0px, 0px) rotate(90deg);
}
.menu-toggle .icon-box-toggle.active > div > i.icon-line-center {
  visibility: hidden;
  width: 1px;
  height: 3px;
  left: 70%;
}
.menu-toggle .icon-box-toggle.active > div > i.icon-line-bottom {
  margin: -2px 0 0 -10px;
  left: 50%;
  top: 12px;
  /*transform*/
  -webkit-transform: rotate(135deg);
  -moz-transform: translate(0px, 0px) rotate(135deg);
  -ms-transform: translate(0px, 0px) rotate(135deg);
  -o-transform: translate(0px, 0px) rotate(135deg);
  transform: translate(0px, 0px) rotate(135deg);
}
.menu-toggle .icon-box-toggle.active > div > i.icon-line-top {
  margin: -2px 0 0 -10px;
  left: 50%;
  top: 12px;
  /*transform*/
  -webkit-transform: rotate(45deg);
  -moz-transform: translate(0px, 0px) rotate(45deg);
  -ms-transform: translate(0px, 0px) rotate(45deg);
  -o-transform: translate(0px, 0px) rotate(45deg);
  transform: translate(0px, 0px) rotate(45deg);
}
.menu-toggle .icon-line-center {
  position: absolute;
  width: 20px;
  height: 2px;
  background: var(--light-text);
  margin: -1px 0 0 -10px;
  left: 50%;
  top: 11px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.menu-toggle .icon-line-top {
  position: absolute;
  width: 20px;
  height: 2px;
  background: var(--light-text);
  margin: -3px 0 0 -10px;
  left: 50%;
  top: 7px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.menu-toggle .icon-line-bottom {
  position: absolute;
  width: 20px;
  height: 2px;
  background: var(--light-text);
  margin: 2px 0 0 -10px;
  left: 50%;
  top: 14px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

/*
    1. Button base
*/
/* ==========================================================================
1. Button base
========================================================================== */
.button {
  font-family: var(--font);
  color: var(--button-base-color);
  border-color: var(--button-base-border-color);
  background: var(--button-base-bg-color);
  transition: all 0.3s;
}
.button:not(.is-primary):not(.is-secondary):not(.is-accent):not(.is-info):not(.is-success):not(.is-warning):not(.is-danger):hover {
  border-color: var(--button-base-border-color-hover);
  color: var(--button-base-color);
}
.button:not(.is-rounded) {
  border-radius: 0.65rem;
}
.button.is-long-1 {
  min-width: 10rem;
}
.button.is-long-2 {
  min-width: 12rem;
}
.button.is-long-3 {
  min-width: 14rem;
}
.button.is-medium {
  font-size: 1.15rem;
  padding-bottom: calc(0.6em - 1px);
}
.button.is-large {
  font-size: 1.35rem;
}
.button.is-primary {
  height: 44px;
  min-width: 130px;
  background: var(--primary);
  border: 1px solid var(--primary);
  color: var(--white);
  line-height: 1;
  font-size: 0.9rem;
  font-weight: 500;
}
.button.is-primary.is-big {
  height: 48px;
  min-width: 200px;
}
.button.is-primary.raised:hover, .button.is-primary.is-raised {
  box-shadow: var(--primary-box-shadow);
}
.button.is-secondary {
  height: 44px;
  min-width: 130px;
  background: var(--secondary);
  border: 1px solid var(--secondary);
  color: var(--white);
  line-height: 1;
  font-size: 0.9rem;
  font-weight: 500;
}
.button.is-secondary.is-big {
  height: 48px;
  min-width: 200px;
}
.button.is-secondary.raised:hover, .button.is-secondary.is-raised {
  box-shadow: var(--secondary-box-shadow);
}

/* Unsubscribe error page button consistency */
.unsubscribe-error-actions .button {
  min-width: 180px;
  font-size: 1rem;
  font-weight: 500;
  /* Ensure mailto links are properly styled */
}
.unsubscribe-error-actions .button[href^="mailto:"] {
  text-decoration: none;
}

/* ==========================================================================
Dropdowns
========================================================================== */
.dropdown.is-spaced > button {
  background: transparent;
  border: 1px solid transparent;
  padding: 0;
  margin: 0;
  outline: none;
  cursor: pointer;
}
.dropdown.is-spaced > button svg {
  height: 18px;
  width: 18px;
  stroke-width: 1.4px;
  stroke: var(--medium-text);
}
.dropdown.is-spaced .action-icon {
  border-radius: 50%;
  cursor: pointer;
}
.dropdown.is-spaced .dropdown-menu {
  box-shadow: var(--light-box-shadow);
  background: var(--dropdown-bg-color);
  border: 1px solid var(--dropdown-border-color);
  padding-top: 0;
  margin-top: 18px;
  min-width: 280px;
  border-radius: 4px;
}
.dropdown.is-spaced .dropdown-menu.has-margin {
  margin-top: 10px;
}
.dropdown.is-spaced .dropdown-menu .dropdown-content {
  box-shadow: none;
}
.dropdown.is-spaced .dropdown-item {
  padding: 0 0.5rem;
  cursor: pointer;
}
.dropdown.is-spaced .dropdown-item:hover .media {
  background: var(--dropdown-bg-color-hover);
}
.dropdown.is-spaced .dropdown-item.is-selected .checkmark {
  display: block !important;
}
.dropdown.is-spaced .dropdown-item.is-header {
  padding: 0 1rem 0 1rem;
}
.dropdown.is-spaced .dropdown-item.is-header h5 {
  font-weight: 500;
  margin-bottom: 10px;
  color: var(--medium-text);
}
.dropdown.is-spaced .dropdown-item.is-header h5.is-narrow {
  margin-bottom: 0;
}
.dropdown.is-spaced .dropdown-item.is-header span {
  display: block;
  color: var(--light-text);
  font-size: 0.85rem;
  margin-bottom: 10px;
}
.dropdown.is-spaced .dropdown-item .media {
  align-items: center;
  padding: 0.5rem 0;
  border-radius: 5px;
}
.dropdown.is-spaced .dropdown-item .media h3 {
  font-weight: 500;
  margin-bottom: 0;
  font-size: 0.85rem;
  line-height: 1;
  transition: all 0.3s;
}
.dropdown.is-spaced .dropdown-item .media small,
.dropdown.is-spaced .dropdown-item .media span {
  display: block;
  color: var(--medium-text);
  font-size: 0.75rem;
}
.dropdown.is-spaced .dropdown-item .media img {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-right: 20px;
}
.dropdown.is-spaced .dropdown-item .media i {
  font-size: 16px;
  margin-right: 22px;
  color: var(--medium-text);
  transition: all 0.3s;
}
.dropdown.is-spaced .dropdown-item .media svg {
  height: 18px;
  width: 18px;
  margin: 0 12px;
  stroke: var(--medium-text);
  stroke-width: 1.4px;
  transition: all 0.3s;
}
.dropdown.is-spaced .dropdown-item .media .checkmark {
  display: none;
}
.dropdown.is-spaced .dropdown-item .media .checkmark svg {
  margin-right: 0;
  margin-left: auto;
}
.dropdown.is-spaced .dropdown-item.is-title {
  background-color: transparent;
  margin-bottom: 10px;
}
.dropdown.is-spaced .dropdown-item.is-active {
  background: var(--dropdown-bg-color-hover);
}
.dropdown.is-spaced .dropdown-item.is-active i {
  color: var(--white);
}
.dropdown.is-spaced .dropdown-item.is-active small {
  color: var(--white);
}
.dropdown.is-spaced .dropdown-item:hover {
  background: var(--dropdown-bg-color-hover);
}
.dropdown.is-spaced .dropdown-item:hover h3 {
  color: var(--secondary);
}
.dropdown.is-spaced .dropdown-item:hover i {
  color: var(--secondary);
}
.dropdown.is-spaced.is-accent .dropdown-item:hover {
  background: var(--dropdown-bg-color-hover);
}
.dropdown.is-spaced.is-accent .dropdown-item:hover h3 {
  color: var(--accent) !important;
}
.dropdown.is-spaced.is-accent .dropdown-item:hover svg {
  stroke: var(--accent) !important;
}

/*
    1. Card
    2. Box
*/
/* ==========================================================================
1. Card
========================================================================== */
.card {
  box-shadow: var(--light-box-shadow);
  background: var(--card-bg-color);
  border: 1px solid var(--card-border-color);
}
.card .card-footer .card-footer-item {
  color: var(--medium-text);
  transition: all 0.3s;
}
.card .card-footer .card-footer-item:hover {
  color: var(--primary);
  background: var(--wrap-muted-color);
}

/* ==========================================================================
2. Box
========================================================================== */
.box {
  box-shadow: var(--light-box-shadow);
  background: var(--card-bg-color);
  border: 1px solid var(--card-border-color);
}

/*
    1. Flex Table
*/
/* ==========================================================================
1. Flex Table
========================================================================== */
.flex-table.is-compact .flex-table-item {
  margin-bottom: 0;
  border-radius: 0;
}
.flex-table.is-compact .flex-table-item:not(:last-child) {
  border-bottom: none;
}
.flex-table.is-compact .flex-table-item:nth-child(2) {
  border-radius: 8px 8px 0 0;
}
.flex-table.is-compact .flex-table-item:last-child {
  margin-bottom: 6px;
  border-radius: 0 0 8px 8px;
}
.flex-table .flex-table-header {
  display: flex;
  align-items: center;
  padding: 0 10px;
}
.flex-table .flex-table-header span {
  flex: 1 1 0px;
  display: flex;
  align-items: center;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--light-text);
  text-transform: uppercase;
  padding: 0 10px 10px 10px;
}
.flex-table .flex-table-header span.is-checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  max-width: 30px;
}
.flex-table .flex-table-header span.is-checkbox .checkbox {
  padding: 0;
}
.flex-table .flex-table-header span.is-checkbox .checkbox > span {
  height: 22px;
}
.flex-table .flex-table-header span.cell-center {
  justify-content: center;
}
.flex-table .flex-table-header span.cell-end {
  justify-content: flex-end;
}
.flex-table .flex-table-header span.is-grow {
  flex-grow: 2;
}
.flex-table .flex-table-header span.is-grow-md {
  flex-grow: 3;
}
.flex-table .flex-table-header span.is-grow-lg {
  flex-grow: 4;
}
.flex-table .flex-table-item {
  display: flex;
  align-items: stretch;
  width: 100%;
  min-height: 60px;
  background: var(--white);
  border-radius: 8px;
  border: 1px solid var(--card-border-color);
  padding: 1rem;
  margin-bottom: 6px;
}
.flex-table .flex-table-item.is-row {
  border: none;
  background: transparent;
}
.flex-table .flex-table-item .flex-table-cell {
  flex: 1 1 0px;
  display: flex;
  align-items: center;
  padding: 0 10px;
  font-family: var(--font);
}
.flex-table .flex-table-item .flex-table-cell.is-grow {
  flex-grow: 2;
}
.flex-table .flex-table-item .flex-table-cell.is-grow-md {
  flex-grow: 3;
}
.flex-table .flex-table-item .flex-table-cell.is-grow-lg {
  flex-grow: 4;
}
.flex-table .flex-table-item .flex-table-cell.cell-center {
  justify-content: center;
}
.flex-table .flex-table-item .flex-table-cell.cell-end {
  justify-content: flex-end;
}
.flex-table .flex-table-item .flex-table-cell.cell-end .button.has-dot .dot {
  position: relative;
  top: 1px;
  font-size: 4px;
  margin: 0 6px;
}
.flex-table .flex-table-item .flex-table-cell.cell-end .action-link {
  font-size: 0.9rem;
}
.flex-table .flex-table-item .flex-table-cell.is-bold > span {
  font-family: var(--font-alt);
  font-size: 0.9rem;
  font-weight: 600;
}
.flex-table .flex-table-item .flex-table-cell.is-checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  max-width: 30px;
}
.flex-table .flex-table-item .flex-table-cell.is-checkbox .checkbox {
  padding: 0;
  margin-left: 4px;
}
.flex-table .flex-table-item .flex-table-cell.is-user, .flex-table .flex-table-item .flex-table-cell.is-media {
  padding-left: 0;
}
.flex-table .flex-table-item .flex-table-cell.is-user.is-grow, .flex-table .flex-table-item .flex-table-cell.is-media.is-grow {
  flex-grow: 2;
}
.flex-table .flex-table-item .flex-table-cell.is-user.is-grow-md, .flex-table .flex-table-item .flex-table-cell.is-media.is-grow-md {
  flex-grow: 3;
}
.flex-table .flex-table-item .flex-table-cell.is-user.is-grow-lg, .flex-table .flex-table-item .flex-table-cell.is-media.is-grow-lg {
  flex-grow: 4;
}
.flex-table .flex-table-item .flex-table-cell.is-user > div span:not(.avatar), .flex-table .flex-table-item .flex-table-cell.is-media > div span:not(.avatar) {
  display: block;
  margin-left: 10px;
}
.flex-table .flex-table-item .flex-table-cell.is-user > div, .flex-table .flex-table-item .flex-table-cell.is-media > div {
  line-height: 1.2;
}
.flex-table .flex-table-item .flex-table-cell.is-user > div .item-name, .flex-table .flex-table-item .flex-table-cell.is-media > div .item-name {
  font-family: var(--font-alt);
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--dark-text);
}
.flex-table .flex-table-item .flex-table-cell.is-user > div .item-meta, .flex-table .flex-table-item .flex-table-cell.is-media > div .item-meta {
  color: var(--light-text);
}
.flex-table .flex-table-item .flex-table-cell.is-user > div .item-meta svg, .flex-table .flex-table-item .flex-table-cell.is-media > div .item-meta svg {
  position: relative;
  top: 2px;
  height: 14px;
  width: 14px;
  stroke-width: 1.6px;
  margin-right: 4px;
}
.flex-table .flex-table-item .flex-table-cell.is-user > div .item-meta span, .flex-table .flex-table-item .flex-table-cell.is-media > div .item-meta span {
  display: inline-block;
  margin-left: 0;
  font-size: 0.9rem;
}
.flex-table .flex-table-item .flex-table-cell.is-user > div .item-meta .flex-media, .flex-table .flex-table-item .flex-table-cell.is-media > div .item-meta .flex-media {
  margin-left: 10px;
  margin-top: 4px;
}
.flex-table .flex-table-item .flex-table-cell.is-user > div .item-meta .separator, .flex-table .flex-table-item .flex-table-cell.is-media > div .item-meta .separator {
  padding: 0 8px;
}
.flex-table .flex-table-item .flex-table-cell.is-user .media, .flex-table .flex-table-item .flex-table-cell.is-media .media {
  display: block;
  width: 100%;
  max-width: 130px;
  min-height: 95px;
  object-fit: cover;
  border-radius: 8px;
}
.flex-table .flex-table-item .flex-table-cell.is-user .cell-image, .flex-table .flex-table-item .flex-table-cell.is-media .cell-image {
  display: block;
  width: 100%;
  max-width: 80px;
}
.flex-table .flex-table-item .flex-table-cell.is-user .cell-image.is-mini, .flex-table .flex-table-item .flex-table-cell.is-media .cell-image.is-mini {
  max-width: 40px;
}
.flex-table .flex-table-item .flex-table-cell .cell-icon {
  margin-right: 4px;
  color: var(--light-text);
}
.flex-table .flex-table-item .flex-table-cell .tag {
  margin-bottom: 0 !important;
  line-height: 1.8;
  height: 1.8em;
}
.flex-table .flex-table-item .flex-table-cell .flex-media {
  display: flex;
  align-items: center;
}
.flex-table .flex-table-item .flex-table-cell .flex-media .meta {
  margin-left: 6px;
  line-height: 1.3;
}
.flex-table .flex-table-item .flex-table-cell .flex-media .meta span {
  display: block !important;
  font-size: 0.8rem;
  color: var(--light-text);
  font-family: var(--font);
}
.flex-table .flex-table-item .flex-table-cell .dot-levels {
  display: flex;
  align-items: center;
}
.flex-table .flex-table-item .flex-table-cell .dot-levels .dot {
  font-size: 8px;
  color: var(--wrap-bg-color);
  margin: 0 6px;
}
.flex-table .flex-table-item .flex-table-cell .dot-levels .dot.active {
  color: var(--primary);
}
.flex-table .flex-table-item .flex-table-cell > span:not(.tag) {
  font-family: var(--font);
  font-size: 0.95rem;
}

@media (max-width: 767px) {
  .flex-table-wrapper .flex-table-toolbar {
    margin-bottom: 10px;
  }
  .flex-table-wrapper .flex-table-toolbar .left {
    flex-grow: 2;
  }
  .flex-table-wrapper .flex-table-toolbar .right {
    display: none;
  }
  .flex-table-wrapper .flex-table .flex-table-header .is-checkbox {
    display: none;
  }
  .flex-table-wrapper .flex-table .flex-table-item {
    padding-left: 0;
    padding-right: 0;
  }
  .flex-table-wrapper .flex-table .flex-table-item .is-checkbox {
    display: none;
  }
  .flex-table .flex-table-header {
    display: none;
  }
  .flex-table .flex-table-cell {
    position: relative;
    margin-bottom: 12px;
  }
  .flex-table .flex-table-cell:before {
    content: attr(data-th);
    font-size: 0.9rem;
    text-transform: uppercase;
    font-weight: 500;
    color: var(--medium-text);
  }
  .flex-table .flex-table-cell.no-label-mobile:before {
    display: none !important;
  }
  .flex-table .flex-table-cell.cell-end {
    justify-content: flex-start !important;
  }
  .flex-table .flex-table-cell.cell-end .btn-group {
    margin-left: auto;
  }
  .flex-table .flex-table-cell.is-user span {
    font-size: 1.2rem;
  }
  .flex-table .flex-table-cell > span,
  .flex-table .flex-table-cell > .is-pushed-mobile {
    margin-left: auto;
  }
  .flex-table .flex-table-cell > span.no-push,
  .flex-table .flex-table-cell > .is-pushed-mobile.no-push {
    margin-left: 0 !important;
  }
  .flex-table .flex-table-item {
    flex-direction: column;
    justify-content: center;
    width: 100% !important;
    padding: 20px;
    margin-bottom: 16px;
  }
  .flex-table .flex-table-item:last-child {
    margin-bottom: 0;
  }
  .flex-table .flex-table-item > div {
    border: none !important;
  }
  .pagination-next.has-chevron,
  .pagination-previous.has-chevron {
    min-width: 55px;
    max-width: 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .flex-table .flex-table-cell.is-user img {
    min-width: 50px;
  }
  .pagination-next.has-chevron,
  .pagination-previous.has-chevron {
    min-width: 55px;
    max-width: 55px;
  }
  .pagination-next {
    margin-right: auto;
  }
}
/*
    1. Tabs
    2. Vertical Tabs
*/
/* ==========================================================================
1. Tabs
========================================================================== */
.tabs ul li.is-active a {
  color: var(--dark-text);
  border-color: var(--primary);
}
.tabs ul li:hover:not(.is-active) a {
  color: var(--medium-text);
  border-color: transparent;
}
.tabs ul li a {
  color: var(--light-text);
  font-family: var(--font);
  border-width: 3px;
  border-color: transparent;
}

/* ==========================================================================
  2. Vertical Tabs
  ========================================================================== */
@media only screen and (max-width: 767px) {
  .tabs-container.is-vertical .tabs {
    margin-bottom: 2.5rem;
  }
  .tabs-container.is-vertical .tabs ul li.is-active a {
    border-bottom-color: var(--primary);
  }
}
@media only screen and (min-width: 768px) {
  .tabs-container.is-vertical {
    display: flex;
  }
  .tabs-container.is-vertical .tabs {
    flex-grow: 2;
    min-width: 25%;
    margin-right: 60px;
  }
  .tabs-container.is-vertical .tabs ul {
    display: block;
    text-align: left;
    border-bottom-color: transparent !important;
  }
  .tabs-container.is-vertical .tabs ul li {
    display: block;
  }
  .tabs-container.is-vertical .tabs ul li.is-active a {
    border-right-color: var(--primary);
  }
  .tabs-container.is-vertical .tabs ul li a {
    display: block;
    border-bottom-color: transparent !important;
    border-right: 3px solid #dbdbdb;
  }
}
/*
    1. Object
    2. Special Images
    3. Gallery
    4. Image Grid
    5. Masonry Grid
*/
/* ==========================================================================
1. Object
========================================================================== */
.object-cover {
  object-fit: cover !important;
}

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

/* ==========================================================================
  2. Special Images
  ========================================================================== */
.stick-img {
  min-height: 25rem;
  object-fit: cover;
}

/* ==========================================================================
  3. Gallery
  ========================================================================== */
.gallery.gap-sm .columns .column {
  padding: 0.5rem;
}
.gallery.gap-xs .columns .column {
  padding: 0.25rem;
}

/* ==========================================================================
  4. Image Grid
  ========================================================================== */
.image-grid-wrap {
  padding: 6px 0;
}
.image-grid-wrap .flex-1 {
  flex: 1;
}
.image-grid-wrap .flex-2 {
  flex: 2;
}
.image-grid-wrap .flex-3 {
  flex: 3;
}
.image-grid-wrap .image-row {
  display: flex;
}
.image-grid-wrap .image-row > div {
  position: relative;
  margin: 4px;
  height: 280px;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  cursor: pointer;
}
.image-grid-wrap .image-row > div:hover .overlay {
  opacity: 0.6;
  pointer-events: all;
}
.image-grid-wrap .image-row > div:hover .image-owner .avatar {
  transform: scale(1);
}
.image-grid-wrap .image-row > div:hover .image-owner .name {
  transform: translateY(0);
  opacity: 1;
}
.image-grid-wrap .image-row > div:hover .photo-time {
  transform: translateY(0);
  opacity: 1 !important;
}
.image-grid-wrap .image-row > div:hover .photo-like {
  transform: scale(1);
}
.image-grid-wrap .image-row > div .overlay {
  position: absolute;
  top: -4px;
  left: -4px;
  height: 100%;
  width: 100%;
  margin: 4px;
  background: var(--dark-text);
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  transition: all 0.3s;
}
.image-grid-wrap .image-row > div .image-owner {
  position: absolute;
  bottom: 14px;
  left: 14px;
  max-height: 40px;
  display: flex;
  align-items: center;
  z-index: 2;
}
.image-grid-wrap .image-row > div .image-owner .avatar {
  display: block;
  height: 38px;
  width: 38px;
  border-radius: 50%;
  border: 1.4px solid var(--white);
  transform: scale(0);
  transition: all 0.3s;
}
.image-grid-wrap .image-row > div .image-owner .name {
  color: var(--white);
  font-family: var(--font);
  font-size: 0.9rem;
  margin-left: 8px;
  opacity: 0;
  transform: translateY(5px);
  transition: all 0.3s;
}
.image-grid-wrap .image-row > div .photo-time {
  position: absolute;
  top: 20px;
  left: 14px;
  color: var(--white);
  font-family: var(--font);
  font-size: 0.85rem;
  margin-left: 8px;
  opacity: 0;
  transform: translateY(5px);
  z-index: 2;
  transition: all 0.3s;
}
.image-grid-wrap .image-row > div .photo-like {
  position: absolute;
  top: 14px;
  right: 14px;
  height: 38px;
  width: 38px;
  border-radius: 50%;
  background: var(--white);
  z-index: 2;
  transform: scale(0);
  transition: all 0.3s;
}
.image-grid-wrap .image-row > div .photo-like:hover .inner svg {
  stroke: var(--danger);
}
.image-grid-wrap .image-row > div .photo-like.is-liked {
  box-shadow: var(--danger-box-shadow);
}
.image-grid-wrap .image-row > div .photo-like.is-liked .inner .like-overlay {
  transform: scale(1);
}
.image-grid-wrap .image-row > div .photo-like.is-liked .inner svg {
  stroke: var(--white);
  fill: var(--white);
}
.image-grid-wrap .image-row > div .photo-like .inner {
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
}
.image-grid-wrap .image-row > div .photo-like .inner .like-overlay {
  position: absolute;
  top: -2px;
  left: -2px;
  height: calc(100% + 4px);
  width: calc(100% + 4px);
  border-radius: 50%;
  background: var(--danger);
  transform: scale(0);
  transition: all 0.3s;
  z-index: 1;
}
.image-grid-wrap .image-row > div .photo-like .inner svg {
  position: relative;
  height: 16px;
  width: 16px;
  stroke: var(--dark-text);
  z-index: 2;
  transition: all 0.3s;
}

@media (max-width: 767px) {
  .image-grid-wrap .image-row > div {
    min-height: 280px;
  }
}
@media screen and (max-width: 400px) {
  .image-row {
    flex-direction: column;
  }
}
/* ==========================================================================
  5. Masonry Grid
  ========================================================================== */
.parent {
  display: grid;
  min-height: 100vh;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-template-rows: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-rows: 200px;
  grid-auto-flow: row dense;
  grid-gap: 10px;
  padding: 10px;
  box-sizing: border-box;
}
.parent .gray {
  background-color: rgba(0, 0, 0, 0.1);
}
.parent .tomato {
  background-color: Tomato;
}
.parent .orange {
  background-color: Orange;
}
.parent .dodgerBlue {
  background-color: DodgerBlue;
}
.parent .mediumSeaGreen {
  background-color: MediumSeaGreen;
}
.parent .gray {
  background-color: gray;
}
.parent .slateBlue {
  background-color: SlateBlue;
}
.parent .violet {
  background-color: Violet;
}
.parent .block {
  border-radius: 5px;
  padding: 15px;
  font-size: 28px;
  font-weight: 600;
  color: var(--white);
  margin-bottom: 0 !important;
}
.parent .block.frame-1x1 {
  grid-column: span 1;
  grid-row: span 1;
}
.parent .block.frame-2x2 {
  grid-column: span 2;
  grid-row: span 2;
}
.parent .block.frame-1x2 {
  grid-column: span 1;
  grid-row: span 2;
}
.parent .block.frame-2x1 {
  grid-column: span 2;
  grid-row: span 1;
}

/*
    1. Plyr Player
*/
/* ==========================================================================
1. Plyr Player
========================================================================== */
.video-player-container {
  margin: 0 auto;
  overflow: hidden;
}
.video-player-container.is-square {
  position: relative;
  height: 440px;
  width: 480px;
}
.video-player-container.is-square .plyr {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
}
.video-player-container.is-4by3 {
  position: relative;
  padding-top: 75%;
  width: 100%;
  max-width: 840px;
}
.video-player-container.is-4by3 .plyr {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
}
.video-player-container.is-16by9 {
  position: relative;
  padding-top: 56.25%;
  width: 100%;
  max-width: 840px;
}
.video-player-container.is-16by9 .plyr {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
}
.video-player-container.reversed-play .plyr--full-ui.plyr--video .plyr__control--overlaid {
  background: var(--white) !important;
  border: 1px solid var(--primary);
  color: var(--primary) !important;
}
.video-player-container.reversed-play .plyr--full-ui.plyr--video .plyr__control--overlaid:hover {
  background: var(--primary) !important;
  border-color: var(--primary) !important;
  color: var(--white) !important;
}
.video-player-container.reversed-play .plyr--full-ui.plyr--video .plyr__control--overlaid:hover svg {
  fill: var(--white) !important;
  stroke: var(--white) !important;
}
.video-player-container.reversed-play .plyr--full-ui.plyr--video .plyr__control--overlaid svg {
  fill: none;
  stroke: var(--primary);
  stroke-width: 1.6px;
}
.video-player-container video {
  background-color: transparent !important;
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
  background: var(--primary) !important;
  box-shadow: var(--primary-box-shadow);
}

.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true],
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
  background: var(--primary);
}

.plyr--full-ui input[type=range] {
  color: var(--primary);
}

.plyr__controls {
  transition: all 0.3s;
}

.plyr--paused .plyr__controls,
.plyr--stopped .plyr__controls {
  opacity: 0;
  pointer-events: none;
}

@media only screen and (max-width: 767px) {
  .video-player-container.is-square {
    height: 303px;
    width: 330px;
  }
}
/*
    1. Tag
*/
/* ==========================================================================
1. Tag
========================================================================== */
.tag:not(body) {
  display: inline-block;
  line-height: 2.5;
  height: 2.5em;
  font-family: var(--font);
}
.tag:not(body):not(.is-primary):not(.is-success):not(.is-info):not(.is-warning):not(.is-danger):not(.is-green):not(.is-blue):not(.is-orange):not(.is-purple):not(.is-solid) {
  background: var(--tag-default-bg-color);
  color: var(--tag-default-color);
}
.tag:not(body).is-rounded {
  padding-left: 1em;
  padding-right: 1em;
}
.tag:not(body).is-curved {
  padding-left: 1em;
  padding-right: 1em;
  border-radius: 0.5rem;
}
.tag:not(body).is-elevated {
  box-shadow: var(--light-box-shadow);
}
.tag:not(body).is-default {
  background: var(--tag-default-bg-color);
  box-shadow: var(--light-box-shadow);
  color: var(--tag-default-color);
}
.tag:not(body).is-solid {
  background: var(--tag-solid-bg-color);
  border: 1px solid var(--tag-solid-border-color);
  color: var(--light-text);
  line-height: 1.8;
}
.tag:not(body).is-primary.is-elevated {
  box-shadow: var(--primary-box-shadow);
}
.tag:not(body).is-primary.is-outlined {
  background: none !important;
  color: var(--primary);
  border: 1px solid var(--primary);
}
.tag:not(body).is-success {
  color: var(--white);
}
.tag:not(body).is-success.is-elevated {
  box-shadow: var(--success-box-shadow);
}
.tag:not(body).is-success.is-outlined {
  background: none !important;
  color: var(--success);
  border: 1px solid var(--success);
}
.tag:not(body).is-info.is-elevated {
  box-shadow: var(--info-box-shadow);
}
.tag:not(body).is-info.is-outlined {
  background: none !important;
  color: var(--info);
  border: 1px solid var(--info);
}
.tag:not(body).is-warning.is-elevated {
  box-shadow: var(--warning-box-shadow);
}
.tag:not(body).is-warning.is-outlined {
  background: none !important;
  color: var(--warning);
  border: 1px solid var(--warning);
}
.tag:not(body).is-danger.is-elevated {
  box-shadow: var(--danger-box-shadow);
}
.tag:not(body).is-danger.is-outlined {
  background: none !important;
  color: var(--danger);
  border: 1px solid var(--danger);
}
.tag:not(body).is-blue {
  background: var(--blue);
  color: var(--white);
}
.tag:not(body).is-blue.is-elevated {
  box-shadow: var(--blue-box-shadow);
}
.tag:not(body).is-blue.is-outlined {
  background: none !important;
  color: var(--blue);
  border: 1px solid var(--blue);
}
.tag:not(body).is-green {
  background: var(--green);
  color: var(--white);
}
.tag:not(body).is-green.is-elevated {
  box-shadow: var(--green-box-shadow);
}
.tag:not(body).is-green.is-outlined {
  background: none !important;
  color: var(--green);
  border: 1px solid var(--green);
}
.tag:not(body).is-purple {
  background: var(--purple);
  color: var(--white);
}
.tag:not(body).is-purple.is-elevated {
  box-shadow: var(--purple-box-shadow);
}
.tag:not(body).is-purple.is-outlined {
  background: none !important;
  color: var(--purple);
  border: 1px solid var(--purple);
}
.tag:not(body).is-orange {
  background: var(--orange);
  color: var(--white);
}
.tag:not(body).is-orange.is-elevated {
  box-shadow: var(--orange-box-shadow);
}
.tag:not(body).is-orange.is-outlined {
  background: none !important;
  color: var(--orange);
  border: 1px solid var(--orange);
}

/*
    1. Regular Pricing
*/
/* ==========================================================================
1. Regular Pricing
========================================================================== */
.pricing-table .pricing-plan {
  background: var(--card-bg-color);
  border: 1px solid var(--card-border-color);
  box-shadow: none;
}
.pricing-table .pricing-plan.is-active {
  box-shadow: var(--light-box-shadow) !important;
  border: 1px solid var(--primary) !important;
}
.pricing-table .pricing-plan .plan-header {
  font-family: var(--font-alt);
  color: var(--dark-text);
}
.pricing-table .pricing-plan .plan-price,
.pricing-table .pricing-plan .plan-items {
  font-family: var(--font);
}
.pricing-table .pricing-plan .plan-price .plan-item,
.pricing-table .pricing-plan .plan-items .plan-item {
  background: var(--widget-grey);
}

@media only screen and (max-width: 767px) {
  .pricing-table .pricing-plan {
    width: 100%;
    border: 1px solid var(--card-border-color) !important;
  }
}
/*
    1. Map Hero
    2. Mapbox Map
    3. Mapbox Form
*/
/* ==========================================================================
1. Map Hero
========================================================================== */
.mapbox-hero {
  position: relative;
}
.mapbox-hero .hero-map {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
}

/* ==========================================================================
  2. Mapbox Map
  ========================================================================== */
.mapbox-map.map-1 {
  width: 100%;
  height: 100%;
  max-height: 450px;
}
.mapbox-map.map-1 canvas {
  height: 100% !important;
}

.mapboxgl-ctrl-bottom-right {
  display: none !important;
}

/* ==========================================================================
  3. Mapbox Form
  ========================================================================== */
.mapbox-form {
  display: block;
  padding: 40px;
  border: 1px solid var(--card-border-color);
  background: var(--card-bg-color);
  box-shadow: var(--light-box-shadow);
  border-radius: 6px;
  width: 100%;
  max-width: 410px;
  margin: 0 auto;
  text-align: left;
}
.mapbox-form.is-pushed-right {
  margin-right: 0;
}
.mapbox-form > h3 {
  font-family: var(--font-alt);
  font-size: 1.4rem;
  color: var(--dark-text);
}
.mapbox-form > p {
  color: var(--medium-text);
  margin-bottom: 2rem;
}
.mapbox-form .column {
  padding: 0.5rem;
}
.mapbox-form .field > label {
  font-size: 0.95rem;
}
.mapbox-form .field .control .input,
.mapbox-form .field .control .textarea {
  font-size: 1.1rem;
}
.mapbox-form .field .control .icon {
  height: 46px;
  width: 46px;
}

/* ==========================================================================
1. Base Resets
========================================================================== */
body {
  background: var(--html-bg-color);
  transition: background-color 0.3s;
  overflow: hidden;
}

code {
  background: var(--code-bg-color);
  color: var(--code-color);
}

hr {
  height: 1px;
  background: var(--card-border-color);
}
hr.is-inverted {
  background: var(--dark-bg-light-16);
}

/*
    1. Infraloader
*/
/* ==========================================================================
1. Infraloader
========================================================================== */
.infraloader {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background: var(--card-bg-color);
  z-index: -1;
  opacity: 0;
  transition: opacity 0.35s;
}
.infraloader.is-active {
  opacity: 1;
  z-index: 999997;
}
.infraloader.is-full {
  width: 100% !important;
  left: 0 !important;
}

@media (max-width: 767px) {
  .infraloader {
    width: 100% !important;
    left: 0 !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .infraloader {
    width: 100% !important;
    left: 0 !important;
  }
}
/* ==========================================================================
Loader
========================================================================== */
@keyframes spinAround {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after, .loader:after {
  animation: spinAround 500ms infinite linear;
  border: 2px solid hsl(0, 0%, 86%);
  border-radius: 9999px;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 1em;
  position: relative;
  width: 1em;
}

.loader {
  position: relative;
  height: 2rem;
  width: 2rem;
}
.loader.loader-3 {
  height: 3rem;
  width: 3rem;
}
.loader.loader-4 {
  height: 4rem;
  width: 4rem;
}
.loader:after {
  position: absolute !important;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 4;
}

.loader-wrap {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: var(--card-bg-color);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s;
}
.loader-wrap.is-active {
  opacity: 1;
}

/*
    1. Placeload base styles
    2. Placeload dark styles
*/
/* ==========================================================================
1. Placeload base styles
========================================================================== */
.content-shape {
  height: 10px;
  width: 100%;
  max-width: 100%;
  border-radius: 0.25rem;
}
.content-shape.w-80 {
  max-width: 80%;
}
.content-shape.w-60 {
  max-width: 60%;
}
.content-shape.w-40 {
  max-width: 40%;
}
.content-shape.w-20 {
  max-width: 20%;
}
.content-shape.img-shape {
  width: 100%;
  max-width: 110px;
  min-width: 110px;
  height: 110px;
  border-radius: 50%;
  margin: 1rem auto 0.75rem auto;
}
.content-shape.title-shape {
  display: block;
  min-width: 160px;
  max-width: 160px;
  margin-left: auto;
  margin-right: auto;
}
.content-shape.subtitle-shape {
  display: block;
  min-width: 80px;
  max-width: 80px;
  margin-left: auto;
  margin-right: auto;
}
.content-shape.social-shape {
  height: 32px;
  width: 32px;
  min-width: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin: 0 0.15rem;
}
.content-shape.is-left {
  margin-left: 0 !important;
}

.loads {
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeload;
  animation-timing-function: linear;
  background: var(--placeload-nuance-from);
  background: -webkit-gradient(linear, left top, right top, color-stop(8%, var(--placeload-nuance-from)), color-stop(18%, var(--placeload-nuance-to)), color-stop(33%, var(--placeload-nuance-from)));
  background: linear-gradient(to right, var(--placeload-nuance-from) 8%, var(--placeload-nuance-to) 18%, var(--placeload-nuance-from) 33%);
  background-size: 800px 104px;
  background-size: 1200px 104px;
  position: relative;
}

@keyframes placeload {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
/* ==========================================================================
  2. Placeload dark styles
========================================================================== */
.is-dark .loads {
  background: var(--placeload-dark-nuance-from);
  background: -webkit-gradient(linear, left top, right top, color-stop(8%, var(--placeload-dark-nuance-from)), color-stop(18%, var(--placeload-dark-nuance-to)), color-stop(33%, var(--placeload-dark-nuance-from)));
  background: linear-gradient(to right, var(--placeload-dark-nuance-from) 8%, var(--placeload-dark-nuance-to) 18%, var(--placeload-dark-nuance-from) 33%);
  background-size: 800px 104px;
  background-size: 1200px 104px;
}

/*
    1. Hamburger menu icon
*/
/* ==========================================================================
1. Hamburger menu icon
========================================================================== */
.menu-toggle {
  font-size: 20px;
  color: var(--light-text);
  line-height: 48px;
  text-align: center;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  cursor: pointer;
  padding: 0;
  transition: opacity 0.4s;
  opacity: 1;
  position: relative;
  top: 2px;
}
.menu-toggle .icon-box-toggle {
  height: 100%;
  width: 100%;
  background: transparent;
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
}
.menu-toggle .icon-box-toggle:not(.is-navbar).active > div.rotate {
  /*transform*/
  -webkit-transform: rotate(90deg);
  -moz-transform: translate(0px, 0px) rotate(90deg);
  -ms-transform: translate(0px, 0px) rotate(90deg);
  -o-transform: translate(0px, 0px) rotate(90deg);
  transform: translate(0px, 0px) rotate(90deg);
}
.menu-toggle .icon-box-toggle.active > div > i.icon-line-center {
  visibility: hidden;
  width: 1px;
  height: 3px;
  left: 70%;
}
.menu-toggle .icon-box-toggle.active > div > i.icon-line-bottom {
  margin: -2px 0 0 -10px;
  left: 50%;
  top: 12px;
  /*transform*/
  -webkit-transform: rotate(135deg);
  -moz-transform: translate(0px, 0px) rotate(135deg);
  -ms-transform: translate(0px, 0px) rotate(135deg);
  -o-transform: translate(0px, 0px) rotate(135deg);
  transform: translate(0px, 0px) rotate(135deg);
}
.menu-toggle .icon-box-toggle.active > div > i.icon-line-top {
  margin: -2px 0 0 -10px;
  left: 50%;
  top: 12px;
  /*transform*/
  -webkit-transform: rotate(45deg);
  -moz-transform: translate(0px, 0px) rotate(45deg);
  -ms-transform: translate(0px, 0px) rotate(45deg);
  -o-transform: translate(0px, 0px) rotate(45deg);
  transform: translate(0px, 0px) rotate(45deg);
}
.menu-toggle .icon-line-center {
  position: absolute;
  width: 20px;
  height: 2px;
  background: var(--light-text);
  margin: -1px 0 0 -10px;
  left: 50%;
  top: 11px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.menu-toggle .icon-line-top {
  position: absolute;
  width: 20px;
  height: 2px;
  background: var(--light-text);
  margin: -3px 0 0 -10px;
  left: 50%;
  top: 7px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.menu-toggle .icon-line-bottom {
  position: absolute;
  width: 20px;
  height: 2px;
  background: var(--light-text);
  margin: 2px 0 0 -10px;
  left: 50%;
  top: 14px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

/*
    1. Button base
*/
/* ==========================================================================
1. Button base
========================================================================== */
.button {
  font-family: var(--font);
  color: var(--button-base-color);
  border-color: var(--button-base-border-color);
  background: var(--button-base-bg-color);
  transition: all 0.3s;
}
.button:not(.is-primary):not(.is-secondary):not(.is-accent):not(.is-info):not(.is-success):not(.is-warning):not(.is-danger):hover {
  border-color: var(--button-base-border-color-hover);
  color: var(--button-base-color);
}
.button:not(.is-rounded) {
  border-radius: 0.65rem;
}
.button.is-long-1 {
  min-width: 10rem;
}
.button.is-long-2 {
  min-width: 12rem;
}
.button.is-long-3 {
  min-width: 14rem;
}
.button.is-medium {
  font-size: 1.15rem;
  padding-bottom: calc(0.6em - 1px);
}
.button.is-large {
  font-size: 1.35rem;
}
.button.is-primary {
  height: 44px;
  min-width: 130px;
  background: var(--primary);
  border: 1px solid var(--primary);
  color: var(--white);
  line-height: 1;
  font-size: 0.9rem;
  font-weight: 500;
}
.button.is-primary.is-big {
  height: 48px;
  min-width: 200px;
}
.button.is-primary.raised:hover, .button.is-primary.is-raised {
  box-shadow: var(--primary-box-shadow);
}
.button.is-secondary {
  height: 44px;
  min-width: 130px;
  background: var(--secondary);
  border: 1px solid var(--secondary);
  color: var(--white);
  line-height: 1;
  font-size: 0.9rem;
  font-weight: 500;
}
.button.is-secondary.is-big {
  height: 48px;
  min-width: 200px;
}
.button.is-secondary.raised:hover, .button.is-secondary.is-raised {
  box-shadow: var(--secondary-box-shadow);
}

/* Unsubscribe error page button consistency */
.unsubscribe-error-actions .button {
  min-width: 180px;
  font-size: 1rem;
  font-weight: 500;
  /* Ensure mailto links are properly styled */
}
.unsubscribe-error-actions .button[href^="mailto:"] {
  text-decoration: none;
}

/* ==========================================================================
Dropdowns
========================================================================== */
.dropdown.is-spaced > button {
  background: transparent;
  border: 1px solid transparent;
  padding: 0;
  margin: 0;
  outline: none;
  cursor: pointer;
}
.dropdown.is-spaced > button svg {
  height: 18px;
  width: 18px;
  stroke-width: 1.4px;
  stroke: var(--medium-text);
}
.dropdown.is-spaced .action-icon {
  border-radius: 50%;
  cursor: pointer;
}
.dropdown.is-spaced .dropdown-menu {
  box-shadow: var(--light-box-shadow);
  background: var(--dropdown-bg-color);
  border: 1px solid var(--dropdown-border-color);
  padding-top: 0;
  margin-top: 18px;
  min-width: 280px;
  border-radius: 4px;
}
.dropdown.is-spaced .dropdown-menu.has-margin {
  margin-top: 10px;
}
.dropdown.is-spaced .dropdown-menu .dropdown-content {
  box-shadow: none;
}
.dropdown.is-spaced .dropdown-item {
  padding: 0 0.5rem;
  cursor: pointer;
}
.dropdown.is-spaced .dropdown-item:hover .media {
  background: var(--dropdown-bg-color-hover);
}
.dropdown.is-spaced .dropdown-item.is-selected .checkmark {
  display: block !important;
}
.dropdown.is-spaced .dropdown-item.is-header {
  padding: 0 1rem 0 1rem;
}
.dropdown.is-spaced .dropdown-item.is-header h5 {
  font-weight: 500;
  margin-bottom: 10px;
  color: var(--medium-text);
}
.dropdown.is-spaced .dropdown-item.is-header h5.is-narrow {
  margin-bottom: 0;
}
.dropdown.is-spaced .dropdown-item.is-header span {
  display: block;
  color: var(--light-text);
  font-size: 0.85rem;
  margin-bottom: 10px;
}
.dropdown.is-spaced .dropdown-item .media {
  align-items: center;
  padding: 0.5rem 0;
  border-radius: 5px;
}
.dropdown.is-spaced .dropdown-item .media h3 {
  font-weight: 500;
  margin-bottom: 0;
  font-size: 0.85rem;
  line-height: 1;
  transition: all 0.3s;
}
.dropdown.is-spaced .dropdown-item .media small,
.dropdown.is-spaced .dropdown-item .media span {
  display: block;
  color: var(--medium-text);
  font-size: 0.75rem;
}
.dropdown.is-spaced .dropdown-item .media img {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-right: 20px;
}
.dropdown.is-spaced .dropdown-item .media i {
  font-size: 16px;
  margin-right: 22px;
  color: var(--medium-text);
  transition: all 0.3s;
}
.dropdown.is-spaced .dropdown-item .media svg {
  height: 18px;
  width: 18px;
  margin: 0 12px;
  stroke: var(--medium-text);
  stroke-width: 1.4px;
  transition: all 0.3s;
}
.dropdown.is-spaced .dropdown-item .media .checkmark {
  display: none;
}
.dropdown.is-spaced .dropdown-item .media .checkmark svg {
  margin-right: 0;
  margin-left: auto;
}
.dropdown.is-spaced .dropdown-item.is-title {
  background-color: transparent;
  margin-bottom: 10px;
}
.dropdown.is-spaced .dropdown-item.is-active {
  background: var(--dropdown-bg-color-hover);
}
.dropdown.is-spaced .dropdown-item.is-active i {
  color: var(--white);
}
.dropdown.is-spaced .dropdown-item.is-active small {
  color: var(--white);
}
.dropdown.is-spaced .dropdown-item:hover {
  background: var(--dropdown-bg-color-hover);
}
.dropdown.is-spaced .dropdown-item:hover h3 {
  color: var(--secondary);
}
.dropdown.is-spaced .dropdown-item:hover i {
  color: var(--secondary);
}
.dropdown.is-spaced.is-accent .dropdown-item:hover {
  background: var(--dropdown-bg-color-hover);
}
.dropdown.is-spaced.is-accent .dropdown-item:hover h3 {
  color: var(--accent) !important;
}
.dropdown.is-spaced.is-accent .dropdown-item:hover svg {
  stroke: var(--accent) !important;
}

/*
    1. Card
    2. Box
*/
/* ==========================================================================
1. Card
========================================================================== */
.card {
  box-shadow: var(--light-box-shadow);
  background: var(--card-bg-color);
  border: 1px solid var(--card-border-color);
}
.card .card-footer .card-footer-item {
  color: var(--medium-text);
  transition: all 0.3s;
}
.card .card-footer .card-footer-item:hover {
  color: var(--primary);
  background: var(--wrap-muted-color);
}

/* ==========================================================================
2. Box
========================================================================== */
.box {
  box-shadow: var(--light-box-shadow);
  background: var(--card-bg-color);
  border: 1px solid var(--card-border-color);
}

/*
    1. Flex Table
*/
/* ==========================================================================
1. Flex Table
========================================================================== */
.flex-table.is-compact .flex-table-item {
  margin-bottom: 0;
  border-radius: 0;
}
.flex-table.is-compact .flex-table-item:not(:last-child) {
  border-bottom: none;
}
.flex-table.is-compact .flex-table-item:nth-child(2) {
  border-radius: 8px 8px 0 0;
}
.flex-table.is-compact .flex-table-item:last-child {
  margin-bottom: 6px;
  border-radius: 0 0 8px 8px;
}
.flex-table .flex-table-header {
  display: flex;
  align-items: center;
  padding: 0 10px;
}
.flex-table .flex-table-header span {
  flex: 1 1 0px;
  display: flex;
  align-items: center;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--light-text);
  text-transform: uppercase;
  padding: 0 10px 10px 10px;
}
.flex-table .flex-table-header span.is-checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  max-width: 30px;
}
.flex-table .flex-table-header span.is-checkbox .checkbox {
  padding: 0;
}
.flex-table .flex-table-header span.is-checkbox .checkbox > span {
  height: 22px;
}
.flex-table .flex-table-header span.cell-center {
  justify-content: center;
}
.flex-table .flex-table-header span.cell-end {
  justify-content: flex-end;
}
.flex-table .flex-table-header span.is-grow {
  flex-grow: 2;
}
.flex-table .flex-table-header span.is-grow-md {
  flex-grow: 3;
}
.flex-table .flex-table-header span.is-grow-lg {
  flex-grow: 4;
}
.flex-table .flex-table-item {
  display: flex;
  align-items: stretch;
  width: 100%;
  min-height: 60px;
  background: var(--white);
  border-radius: 8px;
  border: 1px solid var(--card-border-color);
  padding: 1rem;
  margin-bottom: 6px;
}
.flex-table .flex-table-item.is-row {
  border: none;
  background: transparent;
}
.flex-table .flex-table-item .flex-table-cell {
  flex: 1 1 0px;
  display: flex;
  align-items: center;
  padding: 0 10px;
  font-family: var(--font);
}
.flex-table .flex-table-item .flex-table-cell.is-grow {
  flex-grow: 2;
}
.flex-table .flex-table-item .flex-table-cell.is-grow-md {
  flex-grow: 3;
}
.flex-table .flex-table-item .flex-table-cell.is-grow-lg {
  flex-grow: 4;
}
.flex-table .flex-table-item .flex-table-cell.cell-center {
  justify-content: center;
}
.flex-table .flex-table-item .flex-table-cell.cell-end {
  justify-content: flex-end;
}
.flex-table .flex-table-item .flex-table-cell.cell-end .button.has-dot .dot {
  position: relative;
  top: 1px;
  font-size: 4px;
  margin: 0 6px;
}
.flex-table .flex-table-item .flex-table-cell.cell-end .action-link {
  font-size: 0.9rem;
}
.flex-table .flex-table-item .flex-table-cell.is-bold > span {
  font-family: var(--font-alt);
  font-size: 0.9rem;
  font-weight: 600;
}
.flex-table .flex-table-item .flex-table-cell.is-checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  max-width: 30px;
}
.flex-table .flex-table-item .flex-table-cell.is-checkbox .checkbox {
  padding: 0;
  margin-left: 4px;
}
.flex-table .flex-table-item .flex-table-cell.is-user, .flex-table .flex-table-item .flex-table-cell.is-media {
  padding-left: 0;
}
.flex-table .flex-table-item .flex-table-cell.is-user.is-grow, .flex-table .flex-table-item .flex-table-cell.is-media.is-grow {
  flex-grow: 2;
}
.flex-table .flex-table-item .flex-table-cell.is-user.is-grow-md, .flex-table .flex-table-item .flex-table-cell.is-media.is-grow-md {
  flex-grow: 3;
}
.flex-table .flex-table-item .flex-table-cell.is-user.is-grow-lg, .flex-table .flex-table-item .flex-table-cell.is-media.is-grow-lg {
  flex-grow: 4;
}
.flex-table .flex-table-item .flex-table-cell.is-user > div span:not(.avatar), .flex-table .flex-table-item .flex-table-cell.is-media > div span:not(.avatar) {
  display: block;
  margin-left: 10px;
}
.flex-table .flex-table-item .flex-table-cell.is-user > div, .flex-table .flex-table-item .flex-table-cell.is-media > div {
  line-height: 1.2;
}
.flex-table .flex-table-item .flex-table-cell.is-user > div .item-name, .flex-table .flex-table-item .flex-table-cell.is-media > div .item-name {
  font-family: var(--font-alt);
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--dark-text);
}
.flex-table .flex-table-item .flex-table-cell.is-user > div .item-meta, .flex-table .flex-table-item .flex-table-cell.is-media > div .item-meta {
  color: var(--light-text);
}
.flex-table .flex-table-item .flex-table-cell.is-user > div .item-meta svg, .flex-table .flex-table-item .flex-table-cell.is-media > div .item-meta svg {
  position: relative;
  top: 2px;
  height: 14px;
  width: 14px;
  stroke-width: 1.6px;
  margin-right: 4px;
}
.flex-table .flex-table-item .flex-table-cell.is-user > div .item-meta span, .flex-table .flex-table-item .flex-table-cell.is-media > div .item-meta span {
  display: inline-block;
  margin-left: 0;
  font-size: 0.9rem;
}
.flex-table .flex-table-item .flex-table-cell.is-user > div .item-meta .flex-media, .flex-table .flex-table-item .flex-table-cell.is-media > div .item-meta .flex-media {
  margin-left: 10px;
  margin-top: 4px;
}
.flex-table .flex-table-item .flex-table-cell.is-user > div .item-meta .separator, .flex-table .flex-table-item .flex-table-cell.is-media > div .item-meta .separator {
  padding: 0 8px;
}
.flex-table .flex-table-item .flex-table-cell.is-user .media, .flex-table .flex-table-item .flex-table-cell.is-media .media {
  display: block;
  width: 100%;
  max-width: 130px;
  min-height: 95px;
  object-fit: cover;
  border-radius: 8px;
}
.flex-table .flex-table-item .flex-table-cell.is-user .cell-image, .flex-table .flex-table-item .flex-table-cell.is-media .cell-image {
  display: block;
  width: 100%;
  max-width: 80px;
}
.flex-table .flex-table-item .flex-table-cell.is-user .cell-image.is-mini, .flex-table .flex-table-item .flex-table-cell.is-media .cell-image.is-mini {
  max-width: 40px;
}
.flex-table .flex-table-item .flex-table-cell .cell-icon {
  margin-right: 4px;
  color: var(--light-text);
}
.flex-table .flex-table-item .flex-table-cell .tag {
  margin-bottom: 0 !important;
  line-height: 1.8;
  height: 1.8em;
}
.flex-table .flex-table-item .flex-table-cell .flex-media {
  display: flex;
  align-items: center;
}
.flex-table .flex-table-item .flex-table-cell .flex-media .meta {
  margin-left: 6px;
  line-height: 1.3;
}
.flex-table .flex-table-item .flex-table-cell .flex-media .meta span {
  display: block !important;
  font-size: 0.8rem;
  color: var(--light-text);
  font-family: var(--font);
}
.flex-table .flex-table-item .flex-table-cell .dot-levels {
  display: flex;
  align-items: center;
}
.flex-table .flex-table-item .flex-table-cell .dot-levels .dot {
  font-size: 8px;
  color: var(--wrap-bg-color);
  margin: 0 6px;
}
.flex-table .flex-table-item .flex-table-cell .dot-levels .dot.active {
  color: var(--primary);
}
.flex-table .flex-table-item .flex-table-cell > span:not(.tag) {
  font-family: var(--font);
  font-size: 0.95rem;
}

@media (max-width: 767px) {
  .flex-table-wrapper .flex-table-toolbar {
    margin-bottom: 10px;
  }
  .flex-table-wrapper .flex-table-toolbar .left {
    flex-grow: 2;
  }
  .flex-table-wrapper .flex-table-toolbar .right {
    display: none;
  }
  .flex-table-wrapper .flex-table .flex-table-header .is-checkbox {
    display: none;
  }
  .flex-table-wrapper .flex-table .flex-table-item {
    padding-left: 0;
    padding-right: 0;
  }
  .flex-table-wrapper .flex-table .flex-table-item .is-checkbox {
    display: none;
  }
  .flex-table .flex-table-header {
    display: none;
  }
  .flex-table .flex-table-cell {
    position: relative;
    margin-bottom: 12px;
  }
  .flex-table .flex-table-cell:before {
    content: attr(data-th);
    font-size: 0.9rem;
    text-transform: uppercase;
    font-weight: 500;
    color: var(--medium-text);
  }
  .flex-table .flex-table-cell.no-label-mobile:before {
    display: none !important;
  }
  .flex-table .flex-table-cell.cell-end {
    justify-content: flex-start !important;
  }
  .flex-table .flex-table-cell.cell-end .btn-group {
    margin-left: auto;
  }
  .flex-table .flex-table-cell.is-user span {
    font-size: 1.2rem;
  }
  .flex-table .flex-table-cell > span,
  .flex-table .flex-table-cell > .is-pushed-mobile {
    margin-left: auto;
  }
  .flex-table .flex-table-cell > span.no-push,
  .flex-table .flex-table-cell > .is-pushed-mobile.no-push {
    margin-left: 0 !important;
  }
  .flex-table .flex-table-item {
    flex-direction: column;
    justify-content: center;
    width: 100% !important;
    padding: 20px;
    margin-bottom: 16px;
  }
  .flex-table .flex-table-item:last-child {
    margin-bottom: 0;
  }
  .flex-table .flex-table-item > div {
    border: none !important;
  }
  .pagination-next.has-chevron,
  .pagination-previous.has-chevron {
    min-width: 55px;
    max-width: 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .flex-table .flex-table-cell.is-user img {
    min-width: 50px;
  }
  .pagination-next.has-chevron,
  .pagination-previous.has-chevron {
    min-width: 55px;
    max-width: 55px;
  }
  .pagination-next {
    margin-right: auto;
  }
}
/*
    1. Tabs
    2. Vertical Tabs
*/
/* ==========================================================================
1. Tabs
========================================================================== */
.tabs ul li.is-active a {
  color: var(--dark-text);
  border-color: var(--primary);
}
.tabs ul li:hover:not(.is-active) a {
  color: var(--medium-text);
  border-color: transparent;
}
.tabs ul li a {
  color: var(--light-text);
  font-family: var(--font);
  border-width: 3px;
  border-color: transparent;
}

/* ==========================================================================
  2. Vertical Tabs
  ========================================================================== */
@media only screen and (max-width: 767px) {
  .tabs-container.is-vertical .tabs {
    margin-bottom: 2.5rem;
  }
  .tabs-container.is-vertical .tabs ul li.is-active a {
    border-bottom-color: var(--primary);
  }
}
@media only screen and (min-width: 768px) {
  .tabs-container.is-vertical {
    display: flex;
  }
  .tabs-container.is-vertical .tabs {
    flex-grow: 2;
    min-width: 25%;
    margin-right: 60px;
  }
  .tabs-container.is-vertical .tabs ul {
    display: block;
    text-align: left;
    border-bottom-color: transparent !important;
  }
  .tabs-container.is-vertical .tabs ul li {
    display: block;
  }
  .tabs-container.is-vertical .tabs ul li.is-active a {
    border-right-color: var(--primary);
  }
  .tabs-container.is-vertical .tabs ul li a {
    display: block;
    border-bottom-color: transparent !important;
    border-right: 3px solid #dbdbdb;
  }
}
/*
    1. Object
    2. Special Images
    3. Gallery
    4. Image Grid
    5. Masonry Grid
*/
/* ==========================================================================
1. Object
========================================================================== */
.object-cover {
  object-fit: cover !important;
}

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

/* ==========================================================================
  2. Special Images
  ========================================================================== */
.stick-img {
  min-height: 25rem;
  object-fit: cover;
}

/* ==========================================================================
  3. Gallery
  ========================================================================== */
.gallery.gap-sm .columns .column {
  padding: 0.5rem;
}
.gallery.gap-xs .columns .column {
  padding: 0.25rem;
}

/* ==========================================================================
  4. Image Grid
  ========================================================================== */
.image-grid-wrap {
  padding: 6px 0;
}
.image-grid-wrap .flex-1 {
  flex: 1;
}
.image-grid-wrap .flex-2 {
  flex: 2;
}
.image-grid-wrap .flex-3 {
  flex: 3;
}
.image-grid-wrap .image-row {
  display: flex;
}
.image-grid-wrap .image-row > div {
  position: relative;
  margin: 4px;
  height: 280px;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  cursor: pointer;
}
.image-grid-wrap .image-row > div:hover .overlay {
  opacity: 0.6;
  pointer-events: all;
}
.image-grid-wrap .image-row > div:hover .image-owner .avatar {
  transform: scale(1);
}
.image-grid-wrap .image-row > div:hover .image-owner .name {
  transform: translateY(0);
  opacity: 1;
}
.image-grid-wrap .image-row > div:hover .photo-time {
  transform: translateY(0);
  opacity: 1 !important;
}
.image-grid-wrap .image-row > div:hover .photo-like {
  transform: scale(1);
}
.image-grid-wrap .image-row > div .overlay {
  position: absolute;
  top: -4px;
  left: -4px;
  height: 100%;
  width: 100%;
  margin: 4px;
  background: var(--dark-text);
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  transition: all 0.3s;
}
.image-grid-wrap .image-row > div .image-owner {
  position: absolute;
  bottom: 14px;
  left: 14px;
  max-height: 40px;
  display: flex;
  align-items: center;
  z-index: 2;
}
.image-grid-wrap .image-row > div .image-owner .avatar {
  display: block;
  height: 38px;
  width: 38px;
  border-radius: 50%;
  border: 1.4px solid var(--white);
  transform: scale(0);
  transition: all 0.3s;
}
.image-grid-wrap .image-row > div .image-owner .name {
  color: var(--white);
  font-family: var(--font);
  font-size: 0.9rem;
  margin-left: 8px;
  opacity: 0;
  transform: translateY(5px);
  transition: all 0.3s;
}
.image-grid-wrap .image-row > div .photo-time {
  position: absolute;
  top: 20px;
  left: 14px;
  color: var(--white);
  font-family: var(--font);
  font-size: 0.85rem;
  margin-left: 8px;
  opacity: 0;
  transform: translateY(5px);
  z-index: 2;
  transition: all 0.3s;
}
.image-grid-wrap .image-row > div .photo-like {
  position: absolute;
  top: 14px;
  right: 14px;
  height: 38px;
  width: 38px;
  border-radius: 50%;
  background: var(--white);
  z-index: 2;
  transform: scale(0);
  transition: all 0.3s;
}
.image-grid-wrap .image-row > div .photo-like:hover .inner svg {
  stroke: var(--danger);
}
.image-grid-wrap .image-row > div .photo-like.is-liked {
  box-shadow: var(--danger-box-shadow);
}
.image-grid-wrap .image-row > div .photo-like.is-liked .inner .like-overlay {
  transform: scale(1);
}
.image-grid-wrap .image-row > div .photo-like.is-liked .inner svg {
  stroke: var(--white);
  fill: var(--white);
}
.image-grid-wrap .image-row > div .photo-like .inner {
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
}
.image-grid-wrap .image-row > div .photo-like .inner .like-overlay {
  position: absolute;
  top: -2px;
  left: -2px;
  height: calc(100% + 4px);
  width: calc(100% + 4px);
  border-radius: 50%;
  background: var(--danger);
  transform: scale(0);
  transition: all 0.3s;
  z-index: 1;
}
.image-grid-wrap .image-row > div .photo-like .inner svg {
  position: relative;
  height: 16px;
  width: 16px;
  stroke: var(--dark-text);
  z-index: 2;
  transition: all 0.3s;
}

@media (max-width: 767px) {
  .image-grid-wrap .image-row > div {
    min-height: 280px;
  }
}
@media screen and (max-width: 400px) {
  .image-row {
    flex-direction: column;
  }
}
/* ==========================================================================
  5. Masonry Grid
  ========================================================================== */
.parent {
  display: grid;
  min-height: 100vh;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-template-rows: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-rows: 200px;
  grid-auto-flow: row dense;
  grid-gap: 10px;
  padding: 10px;
  box-sizing: border-box;
}
.parent .gray {
  background-color: rgba(0, 0, 0, 0.1);
}
.parent .tomato {
  background-color: Tomato;
}
.parent .orange {
  background-color: Orange;
}
.parent .dodgerBlue {
  background-color: DodgerBlue;
}
.parent .mediumSeaGreen {
  background-color: MediumSeaGreen;
}
.parent .gray {
  background-color: gray;
}
.parent .slateBlue {
  background-color: SlateBlue;
}
.parent .violet {
  background-color: Violet;
}
.parent .block {
  border-radius: 5px;
  padding: 15px;
  font-size: 28px;
  font-weight: 600;
  color: var(--white);
  margin-bottom: 0 !important;
}
.parent .block.frame-1x1 {
  grid-column: span 1;
  grid-row: span 1;
}
.parent .block.frame-2x2 {
  grid-column: span 2;
  grid-row: span 2;
}
.parent .block.frame-1x2 {
  grid-column: span 1;
  grid-row: span 2;
}
.parent .block.frame-2x1 {
  grid-column: span 2;
  grid-row: span 1;
}

/*
    1. Plyr Player
*/
/* ==========================================================================
1. Plyr Player
========================================================================== */
.video-player-container {
  margin: 0 auto;
  overflow: hidden;
}
.video-player-container.is-square {
  position: relative;
  height: 440px;
  width: 480px;
}
.video-player-container.is-square .plyr {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
}
.video-player-container.is-4by3 {
  position: relative;
  padding-top: 75%;
  width: 100%;
  max-width: 840px;
}
.video-player-container.is-4by3 .plyr {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
}
.video-player-container.is-16by9 {
  position: relative;
  padding-top: 56.25%;
  width: 100%;
  max-width: 840px;
}
.video-player-container.is-16by9 .plyr {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
}
.video-player-container.reversed-play .plyr--full-ui.plyr--video .plyr__control--overlaid {
  background: var(--white) !important;
  border: 1px solid var(--primary);
  color: var(--primary) !important;
}
.video-player-container.reversed-play .plyr--full-ui.plyr--video .plyr__control--overlaid:hover {
  background: var(--primary) !important;
  border-color: var(--primary) !important;
  color: var(--white) !important;
}
.video-player-container.reversed-play .plyr--full-ui.plyr--video .plyr__control--overlaid:hover svg {
  fill: var(--white) !important;
  stroke: var(--white) !important;
}
.video-player-container.reversed-play .plyr--full-ui.plyr--video .plyr__control--overlaid svg {
  fill: none;
  stroke: var(--primary);
  stroke-width: 1.6px;
}
.video-player-container video {
  background-color: transparent !important;
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
  background: var(--primary) !important;
  box-shadow: var(--primary-box-shadow);
}

.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true],
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
  background: var(--primary);
}

.plyr--full-ui input[type=range] {
  color: var(--primary);
}

.plyr__controls {
  transition: all 0.3s;
}

.plyr--paused .plyr__controls,
.plyr--stopped .plyr__controls {
  opacity: 0;
  pointer-events: none;
}

@media only screen and (max-width: 767px) {
  .video-player-container.is-square {
    height: 303px;
    width: 330px;
  }
}
/*
    1. Tag
*/
/* ==========================================================================
1. Tag
========================================================================== */
.tag:not(body) {
  display: inline-block;
  line-height: 2.5;
  height: 2.5em;
  font-family: var(--font);
}
.tag:not(body):not(.is-primary):not(.is-success):not(.is-info):not(.is-warning):not(.is-danger):not(.is-green):not(.is-blue):not(.is-orange):not(.is-purple):not(.is-solid) {
  background: var(--tag-default-bg-color);
  color: var(--tag-default-color);
}
.tag:not(body).is-rounded {
  padding-left: 1em;
  padding-right: 1em;
}
.tag:not(body).is-curved {
  padding-left: 1em;
  padding-right: 1em;
  border-radius: 0.5rem;
}
.tag:not(body).is-elevated {
  box-shadow: var(--light-box-shadow);
}
.tag:not(body).is-default {
  background: var(--tag-default-bg-color);
  box-shadow: var(--light-box-shadow);
  color: var(--tag-default-color);
}
.tag:not(body).is-solid {
  background: var(--tag-solid-bg-color);
  border: 1px solid var(--tag-solid-border-color);
  color: var(--light-text);
  line-height: 1.8;
}
.tag:not(body).is-primary.is-elevated {
  box-shadow: var(--primary-box-shadow);
}
.tag:not(body).is-primary.is-outlined {
  background: none !important;
  color: var(--primary);
  border: 1px solid var(--primary);
}
.tag:not(body).is-success {
  color: var(--white);
}
.tag:not(body).is-success.is-elevated {
  box-shadow: var(--success-box-shadow);
}
.tag:not(body).is-success.is-outlined {
  background: none !important;
  color: var(--success);
  border: 1px solid var(--success);
}
.tag:not(body).is-info.is-elevated {
  box-shadow: var(--info-box-shadow);
}
.tag:not(body).is-info.is-outlined {
  background: none !important;
  color: var(--info);
  border: 1px solid var(--info);
}
.tag:not(body).is-warning.is-elevated {
  box-shadow: var(--warning-box-shadow);
}
.tag:not(body).is-warning.is-outlined {
  background: none !important;
  color: var(--warning);
  border: 1px solid var(--warning);
}
.tag:not(body).is-danger.is-elevated {
  box-shadow: var(--danger-box-shadow);
}
.tag:not(body).is-danger.is-outlined {
  background: none !important;
  color: var(--danger);
  border: 1px solid var(--danger);
}
.tag:not(body).is-blue {
  background: var(--blue);
  color: var(--white);
}
.tag:not(body).is-blue.is-elevated {
  box-shadow: var(--blue-box-shadow);
}
.tag:not(body).is-blue.is-outlined {
  background: none !important;
  color: var(--blue);
  border: 1px solid var(--blue);
}
.tag:not(body).is-green {
  background: var(--green);
  color: var(--white);
}
.tag:not(body).is-green.is-elevated {
  box-shadow: var(--green-box-shadow);
}
.tag:not(body).is-green.is-outlined {
  background: none !important;
  color: var(--green);
  border: 1px solid var(--green);
}
.tag:not(body).is-purple {
  background: var(--purple);
  color: var(--white);
}
.tag:not(body).is-purple.is-elevated {
  box-shadow: var(--purple-box-shadow);
}
.tag:not(body).is-purple.is-outlined {
  background: none !important;
  color: var(--purple);
  border: 1px solid var(--purple);
}
.tag:not(body).is-orange {
  background: var(--orange);
  color: var(--white);
}
.tag:not(body).is-orange.is-elevated {
  box-shadow: var(--orange-box-shadow);
}
.tag:not(body).is-orange.is-outlined {
  background: none !important;
  color: var(--orange);
  border: 1px solid var(--orange);
}

/*
    1. Regular Pricing
*/
/* ==========================================================================
1. Regular Pricing
========================================================================== */
.pricing-table .pricing-plan {
  background: var(--card-bg-color);
  border: 1px solid var(--card-border-color);
  box-shadow: none;
}
.pricing-table .pricing-plan.is-active {
  box-shadow: var(--light-box-shadow) !important;
  border: 1px solid var(--primary) !important;
}
.pricing-table .pricing-plan .plan-header {
  font-family: var(--font-alt);
  color: var(--dark-text);
}
.pricing-table .pricing-plan .plan-price,
.pricing-table .pricing-plan .plan-items {
  font-family: var(--font);
}
.pricing-table .pricing-plan .plan-price .plan-item,
.pricing-table .pricing-plan .plan-items .plan-item {
  background: var(--widget-grey);
}

@media only screen and (max-width: 767px) {
  .pricing-table .pricing-plan {
    width: 100%;
    border: 1px solid var(--card-border-color) !important;
  }
}
/*
    1. Map Hero
    2. Mapbox Map
    3. Mapbox Form
*/
/* ==========================================================================
1. Map Hero
========================================================================== */
.mapbox-hero {
  position: relative;
}
.mapbox-hero .hero-map {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
}

/* ==========================================================================
  2. Mapbox Map
  ========================================================================== */
.mapbox-map.map-1 {
  width: 100%;
  height: 100%;
  max-height: 450px;
}
.mapbox-map.map-1 canvas {
  height: 100% !important;
}

.mapboxgl-ctrl-bottom-right {
  display: none !important;
}

/* ==========================================================================
  3. Mapbox Form
  ========================================================================== */
.mapbox-form {
  display: block;
  padding: 40px;
  border: 1px solid var(--card-border-color);
  background: var(--card-bg-color);
  box-shadow: var(--light-box-shadow);
  border-radius: 6px;
  width: 100%;
  max-width: 410px;
  margin: 0 auto;
  text-align: left;
}
.mapbox-form.is-pushed-right {
  margin-right: 0;
}
.mapbox-form > h3 {
  font-family: var(--font-alt);
  font-size: 1.4rem;
  color: var(--dark-text);
}
.mapbox-form > p {
  color: var(--medium-text);
  margin-bottom: 2rem;
}
.mapbox-form .column {
  padding: 0.5rem;
}
.mapbox-form .field > label {
  font-size: 0.95rem;
}
.mapbox-form .field .control .input,
.mapbox-form .field .control .textarea {
  font-size: 1.1rem;
}
.mapbox-form .field .control .icon {
  height: 46px;
  width: 46px;
}

/*
    1. Field
    2. Control
    3. Input
    4. Textarea
*/
/* ==========================================================================
1. Field
========================================================================== */
.field > label {
  font-family: var(--font);
  font-size: 0.95rem;
  color: var(--medium-text);
}

/* ==========================================================================
2. Control
========================================================================== */
.control.has-icons-left .icon, .control.has-icons-right .icon {
  height: 46px;
  width: 46px;
}
.control.has-icon .form-icon {
  position: absolute;
  left: 0;
  top: 0;
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--input-form-icon-color);
  transition: color 0.3s;
}
.control.has-icon .form-icon.is-medium {
  height: 46px;
  width: 46px;
}
.control.has-icon .form-icon.is-large {
  height: 54px;
  width: 54px;
}
.control.has-icon .form-icon svg {
  height: 18px;
  width: 18px;
  stroke-width: 1.6px;
  transition: stroke 0.3s;
}
.control.has-icon .input {
  padding-left: 40px;
}
.control.has-icon .input.is-medium {
  padding-left: 46px;
}
.control.has-icon .input.is-large {
  padding-left: 54px;
}
.control.has-icon .input:focus ~ .form-icon {
  color: var(--primary);
}

/* ==========================================================================
3. Input
========================================================================== */
.input {
  transition: all 0.3s;
  box-shadow: none;
  box-shadow: none;
  color: var(--input-base-color);
  background: var(--input-base-bg-color);
  border-color: var(--input-base-border-color);
}
.input:hover {
  border-color: var(--input-base-border-color-hover);
}
.input:focus {
  box-shadow: var(--light-box-shadow);
  border-color: var(--input-base-border-color-hover);
}
.input:focus ~ .form-icon {
  color: var(--primary) !important;
}
.input::placeholder {
  color: var(--input-placeholder-color);
}
.input.is-medium {
  height: 46px;
  font-size: 1.15rem;
}
.input.is-large {
  height: 54px;
  font-size: 1.35rem;
}
.input ~ .icon,
.input ~ .form-icon {
  transition: color 0.3s;
}

/* ==========================================================================
4. Textarea
========================================================================== */
.textarea {
  transition: all 0.3s;
  box-shadow: none;
  color: var(--input-base-color);
  background: var(--input-base-bg-color);
  border-color: var(--input-base-border-color);
}
.textarea:hover {
  border-color: var(--input-base-border-color-hover);
}
.textarea:focus {
  box-shadow: var(--light-box-shadow);
  border-color: var(--input-base-border-color-hover);
}

/*
    1. Form Switch
    2. Ninja Toggle
*/
/* ==========================================================================
1. Form Switch
========================================================================== */
.f-switch {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.f-switch.is-primary input:checked + i {
  background-color: var(--primary);
}
.f-switch.is-accent input:checked + i {
  background-color: var(--accent);
}
.f-switch.is-success input:checked + i {
  background-color: var(--success);
}
.f-switch.is-info input:checked + i {
  background-color: var(--info);
}
.f-switch.is-warning input:checked + i {
  background-color: var(--warning);
}
.f-switch.is-danger input:checked + i {
  background-color: var(--danger);
}
.f-switch i {
  position: relative;
  display: inline-block;
  margin-right: 0.5rem;
  width: 46px;
  height: 26px;
  background-color: #e6e6e6;
  border-radius: 23px;
  vertical-align: text-bottom;
  transition: all 0.3s linear;
}
.f-switch i::before {
  content: "";
  position: absolute;
  left: 0;
  width: 42px;
  height: 22px;
  background-color: var(--white);
  border-radius: 11px;
  transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
  transition: all 0.25s linear;
}
.f-switch i::after {
  content: "";
  position: absolute;
  left: 0;
  width: 22px;
  height: 22px;
  background-color: var(--white);
  border-radius: 11px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
  transform: translate3d(2px, 2px, 0);
  transition: all 0.2s ease-in-out;
}
.f-switch:active i::after {
  width: 28px;
  transform: translate3d(2px, 2px, 0);
}
.f-switch:active input:checked + i::after {
  transform: translate3d(16px, 2px, 0);
}
.f-switch input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.f-switch input:checked + i {
  background-color: var(--success);
}
.f-switch input:checked + i::before {
  transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0);
}
.f-switch input:checked + i::after {
  transform: translate3d(22px, 2px, 0);
}
.f-switch small {
  color: var(--muted-grey);
  position: relative;
  top: -4px;
}

/* ==========================================================================
2. Ninja Toggle
========================================================================== */
.ninja-toggle {
  position: relative;
}
.ninja-toggle input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
}
.ninja-toggle input:checked + label span.track .track-knob {
  margin-left: 22px;
  transform: rotate(360deg);
  background: var(--primary);
  border-color: var(--primary);
  box-shadow: var(--primary-box-shadow);
}
.ninja-toggle input:checked + label span.track .track-knob i {
  opacity: 1;
}
.ninja-toggle input:checked + label span.track .track-knob .iconify.sun {
  display: none;
  stroke: var(--dark-text);
  color: var(--dark-text);
}
.ninja-toggle input:checked + label span.track .track-knob .iconify.moon {
  display: block;
  stroke: var(--white-smoke);
  color: var(--white-smoke);
}
.ninja-toggle label {
  display: block;
  cursor: pointer;
}
.ninja-toggle label span {
  display: block;
}
.ninja-toggle label span.track {
  position: relative;
}
.ninja-toggle label span.track .track-inner {
  height: 11px;
  width: 42px;
  background: var(--wrap-muted-color);
  border-radius: 100px;
}
.ninja-toggle label span.track .track-knob {
  position: absolute;
  top: -8px;
  left: -2px;
  height: 26px;
  width: 26px;
  border-radius: 50%;
  border: 1px solid var(--wrap-border-color);
  box-shadow: var(--light-box-shadow);
  background: var(--wrap-bg-color);
  display: flex;
  justify-content: center;
  align-items: center;
  transform: rotate(0);
  transition: all 0.3s;
}
.ninja-toggle label span.track .track-knob i {
  color: var(--white);
  opacity: 0;
  transition: all 0.3s;
}
.ninja-toggle label span.track .track-knob .iconify {
  stroke-width: 1.6px;
  stroke: var(--dark-text);
  color: var(--dark-text);
}
.ninja-toggle label span.track .track-knob .iconify.sun {
  display: block;
}
.ninja-toggle label span.track .track-knob .iconify.moon {
  display: none;
}

/* ==========================================================================
Authentication Forms
========================================================================== */
.auth-container {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark, #8b5a8c) 100%);
  padding: 2rem 1rem;
}

.auth-card {
  max-width: 400px;
  width: 100%;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.auth-card .card-content {
  padding: 2.5rem 2rem;
}

.auth-form .field {
  margin-bottom: 1.5rem;
}
.auth-form .input {
  border-radius: 8px;
  border: 1px solid #e1e5e9;
  box-shadow: none;
  transition: border-color 0.3s ease;
}
.auth-form .input:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 0.125em rgba(139, 90, 140, 0.25);
}
.auth-form .button {
  border-radius: 8px;
  font-weight: 600;
  height: 3rem;
}
.auth-form .button.is-primary {
  background: var(--primary);
  border-color: var(--primary);
}
.auth-form .button.is-primary:hover {
  background: var(--primary-dark, #8b5a8c);
  border-color: var(--primary-dark, #8b5a8c);
}

.field .help.is-danger {
  color: #ff3860;
  font-size: 0.85rem;
  margin-top: 0.25rem;
}

@media screen and (max-width: 768px) {
  .auth-container {
    padding: 1rem;
  }
  .auth-card .card-content {
    padding: 2rem 1.5rem;
  }
}
/* ==========================================================================
Hero
========================================================================== */
.main-hero {
  position: relative;
  z-index: 11;
  background: var(--hero-bg-color);
}
.main-hero .hero-shape {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 0;
  opacity: 0;
  pointer-events: none;
  transform: translateX(100%);
  transition: all 0.3s;
}
.main-hero .hero-shape.is-active {
  opacity: 1;
  pointer-events: all;
  transform: translateX(0);
}
.main-hero .hero-caption {
  position: relative;
  top: 30px;
}
.main-hero .hero-caption .title {
  opacity: 0;
  pointer-events: none;
  transform: translateY(10px);
  transition: all 0.4s;
  transition-delay: 0.15s;
}
.main-hero .hero-caption .title.is-active {
  opacity: 1;
  pointer-events: all;
  transform: translateY(0);
}
.main-hero .hero-caption .subtitle {
  margin-bottom: 16px;
  opacity: 0;
  pointer-events: none;
  transform: translateY(10px);
  transition: all 0.4s;
  transition-delay: 0.3s;
}
.main-hero .hero-caption .subtitle.is-active {
  opacity: 1;
  pointer-events: all;
  transform: translateY(0);
}
.main-hero .hero-caption .hero-image {
  opacity: 0;
  transform: translate(40px, 40px);
  transition: all 0.4s;
  transition-delay: 0.5s;
}
.main-hero .hero-caption .hero-image.is-active {
  opacity: 1;
  pointer-events: all;
  transform: translate(0, 0);
}
.main-hero .hero-caption .control {
  position: relative;
  max-width: 400px;
  transform: translateY(10px);
  opacity: 0;
  transition: all 0.4s;
  transition-delay: 0.4s;
}
.main-hero .hero-caption .control.is-active {
  opacity: 1;
  pointer-events: all;
  transform: translateY(0);
}
.main-hero .hero-caption .control .input {
  height: 54px;
  padding-left: 54px;
  padding-right: 65px;
  outline: none !important;
  box-shadow: var(--light-box-shadow);
}
.main-hero .hero-caption .control .input:focus ~ .form-icon .iconify {
  stroke: var(--primary);
  color: var(--primary);
}
.main-hero .hero-caption .control .input:focus ~ button {
  box-shadow: var(--light-box-shadow);
}
.main-hero .hero-caption .control .form-icon {
  position: absolute;
  top: 0;
  left: 4px;
  height: 54px;
  width: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-hero .hero-caption .control .form-icon .iconify {
  stroke: var(--input-form-icon-color);
  color: var(--input-form-icon-color);
  stroke-width: 1.4px;
  transition: stroke 0.3s;
}
.main-hero .hero-caption .control button {
  position: absolute;
  top: -3px;
  right: -3px;
  height: 60px;
  width: 60px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--primary);
  border-color: var(--primary);
  box-shadow: var(--primary-box-shadow);
  transition: all 0.3s;
}
.main-hero .hero-caption .control button .iconify {
  stroke: var(--white);
  color: var(--white);
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .main-hero {
    min-height: 60vh !important;
  }
  .main-hero .hero-caption {
    display: flex;
  }
}
/* ==========================================================================
Sections
========================================================================== */
.section-title {
  padding: 40px 0;
  position: relative;
}
.section-title .shadow-title {
  position: absolute;
  top: 30%;
  left: 0;
  right: 0;
  margin: 0 auto;
  font-family: var(--font);
  font-weight: 700;
  font-size: 3.8rem;
  color: var(--shadow-title-color);
  opacity: 0.07;
  transform: translateY(-50%);
}
.section-title .subtitle {
  color: var(--light-text);
}

.content-wrapper {
  margin-top: 60px;
}
.content-wrapper.has-margin-bottom {
  margin-bottom: 60px;
}

.section {
  position: relative;
  background: var(--section-bg-color);
}
.section.light-section {
  background: var(--section-bg-color-grey);
}
.section.feature-section {
  position: relative;
}
.section.feature-section .feature-shape {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 90%;
  z-index: 0;
}
.section.feature-section .side-feature .title {
  margin-bottom: 12px;
}
.section.feature-section .side-feature p {
  font-family: var(--font);
  font-size: 1rem;
  color: var(--medium-text);
}
.section.feature-section .side-feature .currencies {
  display: flex;
  flex-wrap: wrap;
  padding: 12px 0;
}
.section.feature-section .side-feature .currencies .currency {
  width: calc(25% - 12px);
  background: var(--card-bg-color);
  border-radius: 8px;
  border: 1px solid var(--card-border-color);
  box-shadow: var(--light-box-shadow);
  margin: 6px;
  padding: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section.feature-section .side-feature .currencies .currency img {
  display: block;
  max-width: 44px;
  margin: 0 auto;
}
.section.feature-section .side-feature .side-image {
  display: block;
  position: relative;
  top: -90px;
}
.section.has-line-before:before {
  content: "";
  width: 2px;
  height: 60px;
  background: var(--accent-light-16);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: rotate(180deg);
}
.section.has-line-after:after {
  content: "";
  width: 2px;
  height: 60px;
  background: var(--accent-light-16);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: rotate(180deg);
}
.section.section-1 {
  z-index: 10;
}
.section.section-2 {
  z-index: 9;
  min-height: 120vh;
}
.section.section-3 {
  z-index: 8;
}

@media (max-width: 767px) {
  .section-title .shadow-title {
    font-size: 2.6rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .section.section-2 {
    min-height: 60vh;
  }
  .section-title .shadow-title {
    font-size: 2.6rem;
  }
}
/* ==========================================================================
Cube Shapes
========================================================================== */
.cube {
  display: block;
  pointer-events: none;
  position: absolute;
}
.cube.cube-1 {
  max-width: 420px;
  bottom: -100px;
  left: 10%;
}
.cube.cube-2 {
  max-width: 300px;
  top: -43px;
  right: 5%;
}
.cube.cube-3 {
  max-width: 300px;
  top: 130px;
  left: 5%;
}
.cube.cube-4 {
  max-width: 400px;
  bottom: 0;
  right: 5%;
}

@media (max-width: 767px) {
  .cube.cube-1 {
    bottom: -25px;
    left: -13%;
  }
  .cube.cube-2 {
    top: 41px;
    right: 32%;
  }
}
/* ==========================================================================
Footer
========================================================================== */
.footer {
  position: relative;
  background: var(--footer-dark-bg-color);
  padding: 8rem 1.5rem 4rem 1.5rem;
}
.footer .map {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 580px;
}
.footer .title.is-light {
  color: var(--white-smoke);
}
.footer .footer-logo {
  display: flex;
  align-items: center;
}
.footer .footer-logo img {
  display: block;
  max-width: 50px;
  margin-right: 12px;
}
.footer .footer-logo span {
  font-family: var(--font);
  font-weight: 700;
  font-size: 1.3rem;
  color: var(--white-smoke);
}
.footer .footer-logo-text {
  margin-top: 16px;
  color: var(--white-smoke);
  padding-right: 20px;
}
.footer .socials {
  display: flex;
  flex-wrap: wrap;
  margin-top: 16px;
}
.footer .socials .social {
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.12);
  border-radius: 50%;
  margin: 0 6px;
  transition: all 0.3s;
}
.footer .socials .social:hover {
  background: var(--primary);
  box-shadow: var(--primary-box-shadow);
}
.footer .socials .social:hover i,
.footer .socials .social:hover .iconify {
  color: var(--white-smoke);
}
.footer .socials .social i,
.footer .socials .social .iconify {
  color: var(--medium-text);
  transition: color 0.3s;
}
.footer .footer-menu li {
  padding: 6px 0;
  color: var(--light-text);
}
.footer .footer-menu li a {
  font-family: var(--font);
  font-size: 0.95rem;
  color: var(--medium-text);
}
.footer .footer-menu li a:hover {
  color: var(--white-smoke);
}
.footer .copyright {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8rem;
}
.footer .copyright a {
  display: block;
}
.footer .copyright .copyright-logo {
  display: block;
  width: 100%;
  max-width: 150px;
}
.footer .copyright .copyright-text {
  font-weight: 500;
  font-size: 0.9rem;
  color: var(--white-smoke);
}

.is-dark .footer .map {
  filter: invert(0.1);
}

@media (max-width: 767px) {
  .footer .map {
    max-width: 310px;
  }
  .footer .copyright {
    flex-direction: column;
  }
  .is-centered-mobile {
    text-align: center !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .footer .columns {
    display: flex;
    flex-wrap: wrap;
  }
  .footer .columns .column {
    width: 50% !important;
    min-width: 50% !important;
    max-width: 50% !important;
  }
  .footer .columns .column:first-child, .footer .columns .column:nth-child(2) {
    margin-bottom: 40px;
  }
}
/* ==========================================================================
Landing Page Specific Styles
========================================================================== */
@media (max-width: 767px) {
  .landing-page-navbar:not(.is-scrolled) {
    background: #000 !important;
  }
  .landing-page-navbar:not(.is-scrolled) .navbar-brand .navbar-burger .menu-toggle i {
    background: #fff !important;
  }
  .landing-page-navbar:not(.is-scrolled) .navbar-item {
    color: #fff !important;
  }
  .landing-page-navbar:not(.is-scrolled) .navbar-item:hover {
    color: #e5e5e5 !important;
    background-color: transparent !important;
  }
  .landing-page-navbar.is-scrolled {
    background: #000 !important;
  }
  .landing-page-navbar.is-scrolled .navbar-item {
    color: #fff !important;
  }
  .landing-page-navbar.is-scrolled .navbar-item:hover {
    color: #e5e5e5 !important;
    background-color: transparent !important;
  }
  .landing-page-navbar.is-mobile {
    background: #000 !important;
  }
  .landing-page-navbar.is-mobile .navbar-menu {
    background: #000 !important;
  }
  .landing-page-navbar.is-mobile .navbar-menu .navbar-item {
    color: #fff !important;
  }
  .landing-page-navbar.is-mobile .navbar-menu .navbar-item:hover {
    color: #e5e5e5 !important;
    background-color: transparent !important;
  }
  .landing-page-navbar.is-mobile .navbar-menu .navbar-item .navbar-button {
    background: var(--primary);
    border: 1.2px solid var(--primary);
    color: #fff !important;
    box-shadow: var(--primary-box-shadow);
  }
  .landing-page-navbar.is-mobile .navbar-menu .navbar-item .navbar-button:hover {
    background: var(--primary);
    color: #fff !important;
    border-color: var(--primary);
    box-shadow: var(--primary-box-shadow);
  }
  .landing-page-navbar.is-mobile .navbar-menu.is-active {
    background: #000 !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .landing-page-navbar:not(.is-scrolled) {
    background: #000 !important;
  }
  .landing-page-navbar:not(.is-scrolled) .navbar-brand .navbar-burger .menu-toggle i {
    background: #fff !important;
  }
  .landing-page-navbar:not(.is-scrolled) .navbar-item {
    color: #fff !important;
  }
  .landing-page-navbar:not(.is-scrolled) .navbar-item:hover {
    color: #e5e5e5 !important;
    background-color: transparent !important;
  }
  .landing-page-navbar.is-scrolled {
    background: #000 !important;
  }
  .landing-page-navbar.is-scrolled .navbar-item {
    color: #fff !important;
  }
  .landing-page-navbar.is-scrolled .navbar-item:hover {
    color: #e5e5e5 !important;
    background-color: transparent !important;
  }
  .landing-page-navbar.is-mobile {
    background: #000 !important;
  }
  .landing-page-navbar.is-mobile .navbar-menu {
    background: #000 !important;
  }
  .landing-page-navbar.is-mobile .navbar-menu .navbar-item {
    color: #fff !important;
  }
  .landing-page-navbar.is-mobile .navbar-menu .navbar-item:hover {
    color: #e5e5e5 !important;
    background-color: transparent !important;
  }
  .landing-page-navbar.is-mobile .navbar-menu .navbar-item .navbar-button {
    background: var(--primary);
    border: 1.2px solid var(--primary);
    color: #fff !important;
    box-shadow: var(--primary-box-shadow);
  }
  .landing-page-navbar.is-mobile .navbar-menu .navbar-item .navbar-button:hover {
    background: var(--primary);
    color: #fff !important;
    border-color: var(--primary);
    box-shadow: var(--primary-box-shadow);
  }
  .landing-page-navbar.is-mobile .navbar-menu.is-active {
    background: #000 !important;
  }
}

@media (max-width: 767px) {
  .main-hero .hero-shape {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .main-hero .hero-shape {
    display: none !important;
  }
}

.hero-caption .button-wrap {
  margin-top: 20px;
  opacity: 1;
  pointer-events: all;
  transform: translateY(0);
  transition: all 0.4s;
  transition-delay: 0.4s;
}
.hero-caption .button-wrap.is-active {
  opacity: 1;
  pointer-events: all;
  transform: translateY(0);
}
.hero-caption .button-wrap .button {
  min-width: 200px;
  height: 54px;
  font-size: 1rem;
  font-weight: 600;
}

/* ==========================================================================
Navbar
========================================================================== */
.navbar {
  background: transparent;
  min-height: 70px;
  z-index: 40;
  transition: all 0.3s;
}
.navbar:not(.is-scrolled) .navbar-brand .navbar-burger .menu-toggle i {
  background: var(--white-smoke);
}
.navbar.is-scrolled {
  background: var(--navbar-bg-color);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08);
}
.navbar.is-scrolled .navbar-brand .navbar-burger span {
  color: var(--dark-text) !important;
}
.navbar.is-scrolled .navbar-item {
  color: var(--title-color);
}
.navbar.is-scrolled .navbar-item:hover {
  color: var(--primary) !important;
}
.navbar.is-scrolled .navbar-menu .navbar-end .navbar-item .navbar-button {
  background: var(--primary);
  border: 1.2px solid var(--primary);
  box-shadow: var(--primary-box-shadow);
}
.navbar.is-scrolled .navbar-menu .navbar-end .navbar-item .navbar-button:hover {
  background: var(--primary);
  color: var(--white) !important;
  border-color: var(--primary);
  box-shadow: var(--primary-box-shadow);
}
.navbar.is-white, .navbar.has-background-white {
  background-color: #fff;
}
.navbar.is-white .navbar-item,
.navbar.is-white .navbar-link, .navbar.has-background-white .navbar-item,
.navbar.has-background-white .navbar-link {
  color: #363636;
}
.navbar.is-white .navbar-item:hover,
.navbar.is-white .navbar-link:hover, .navbar.has-background-white .navbar-item:hover,
.navbar.has-background-white .navbar-link:hover {
  color: #0a0a0a;
}
.navbar.is-white .navbar-burger, .navbar.has-background-white .navbar-burger {
  color: #363636;
}
.navbar.is-white .navbar-burger span, .navbar.has-background-white .navbar-burger span {
  background-color: #363636;
}
.navbar.is-white .navbar-burger:hover span, .navbar.has-background-white .navbar-burger:hover span {
  background-color: #0a0a0a;
}
.navbar .navbar-brand img {
  height: 40px;
  max-height: 40px;
  width: auto;
}
.navbar .navbar-brand img.light-logo {
  display: none;
}
.navbar .navbar-brand img.dark-logo {
  display: block;
}
.navbar .navbar-brand .navbar-burger span {
  color: var(--white);
}
.navbar .navbar-item {
  color: var(--white);
  transition: all 0.3s;
}
.navbar .navbar-item:hover {
  color: var(--white-smoke);
}
.navbar .navbar-menu .navbar-end .navbar-item .navbar-button {
  height: 44px;
  min-width: 130px;
  background: transparent;
  border: 1.2px solid var(--white);
  color: var(--white);
  line-height: 1;
  font-size: 0.9rem;
  font-weight: 500;
  transition: all 0.3s;
}
.navbar .navbar-menu .navbar-end .navbar-item .navbar-button:hover {
  background: var(--white);
  color: var(--dark-text) !important;
}

.navbar-spacer {
  height: 64px;
}
@media (min-width: 1024px) {
  .navbar-spacer {
    height: 64px;
  }
}

@media (max-width: 767px) {
  .navbar {
    height: 64px;
    min-height: 64px;
    padding: 0;
  }
  .navbar.is-mobile {
    background: var(--navbar-bg-color);
  }
  .navbar.is-mobile:not(.is-scrolled) .navbar-brand .navbar-burger .menu-toggle i {
    background: var(--light-text);
  }
  .navbar.is-mobile .navbar-burger span {
    color: var(--light-text);
  }
  .navbar.is-mobile .navbar-menu .navbar-item {
    color: var(--medium-text);
  }
  .navbar.is-mobile .navbar-menu .navbar-item .navbar-button {
    background: var(--primary);
    border: 1.2px solid var(--primary);
    box-shadow: var(--primary-box-shadow);
  }
  .navbar.is-mobile .navbar-menu .navbar-item .navbar-button:hover {
    background: var(--primary);
    color: var(--white);
    border-color: var(--primary);
    box-shadow: var(--primary-box-shadow);
  }
  .navbar.is-scrolled .navbar-menu.is-active {
    background: var(--navbar-bg-color);
  }
  .navbar .navbar-brand {
    height: 64px;
  }
  .navbar .navbar-brand img + span {
    display: none;
  }
  .navbar .navbar-brand .navbar-burger {
    height: 64px;
    width: 64px;
  }
  .navbar .navbar-menu.is-active {
    background: var(--navbar-bg-color);
    text-align: center;
  }
  .navbar .navbar-menu.is-active .button {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .navbar {
    height: 72px;
    min-height: 72px;
    padding: 0;
  }
  .navbar.is-mobile {
    background: var(--navbar-bg-color);
  }
  .navbar.is-mobile .navbar-brand img.light-logo {
    display: block;
  }
  .navbar.is-mobile .navbar-brand img.dark-logo {
    display: none;
  }
  .navbar:not(.is-scrolled) .navbar-brand .navbar-burger .menu-toggle i {
    background: var(--light-text) !important;
  }
  .navbar.is-scrolled .navbar-menu.is-active {
    background: var(--navbar-bg-color);
  }
  .navbar .navbar-brand {
    height: 72px;
  }
  .navbar .navbar-brand .navbar-burger {
    height: 72px;
    width: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .navbar .navbar-menu.is-active {
    background: var(--navbar-bg-color);
    text-align: center;
  }
  .navbar .navbar-menu.is-active .button {
    width: 100%;
    max-width: 300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .navbar {
    padding: 0;
  }
}
/* ==========================================================================
Stacked features
========================================================================== */
.stacked-features .stacked-feature {
  margin-bottom: 0;
}
.stacked-features .stacked-feature h3 {
  margin-bottom: 12px;
}
.stacked-features .stacked-feature p {
  font-family: var(--font);
  font-size: 1rem;
  color: var(--medium-text);
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .stacked-features {
    padding-bottom: 80px;
  }
  .stacked-features .stacked-feature img {
    max-width: 450px !important;
    margin: 0 auto !important;
    display: block !important;
  }
  .stacked-features .stacked-feature .column.is-5 {
    max-width: 440px !important;
    margin: 0 auto !important;
  }
}
/* ==========================================================================
Old Way / New Way
========================================================================== */
.method-wrapper {
  padding-bottom: 80px;
}
.method-wrapper img {
  display: block;
  margin: 0 auto;
  max-width: 450px;
}
.method-wrapper h3 {
  margin-bottom: 12px !important;
}
.method-wrapper p {
  font-family: var(--font);
  font-size: 1rem;
  color: var(--medium-text);
}

@media only screen and (max-width: 767px) {
  .method-wrapper img {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 auto !important;
    display: block !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .method-wrapper img {
    max-width: 450px !important;
    margin: 0 auto !important;
    display: block !important;
  }
}
/* ==========================================================================
Partners
========================================================================== */
.side-title {
  position: relative;
}
.side-title .title-number {
  position: absolute;
  top: -70px;
  left: 0;
  font-size: 7rem;
  font-family: var(--font);
  font-weight: 700;
  color: var(--title-color);
  opacity: 0.1;
}

.side-paragraph {
  color: var(--medium-text);
  font-size: 1.3rem;
  max-width: 450px;
}
.side-paragraph.is-small {
  font-size: 1rem;
}
.side-paragraph.has-margin {
  margin-top: 20px;
}

.partner-logos {
  display: flex;
  justify-content: center;
  align-items: center;
}
.partner-logos img {
  display: block;
  height: 80px;
  margin: 0 25px;
}

@media (max-width: 767px) {
  .side-feature .side-image {
    top: -10px !important;
  }
  .side-title,
  .side-paragraph {
    text-align: center;
  }
  .partner-logos {
    flex-direction: column;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .side-feature {
    display: flex;
  }
  .side-feature .side-image {
    top: -18px;
    max-width: 410px;
  }
  .side-title,
  .side-paragraph {
    text-align: center !important;
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .partner-logos img {
    height: 64px;
  }
}
/* ==========================================================================
Benefits
========================================================================== */
.benefits-wrap {
  width: 100%;
  max-width: 960px;
  margin: 40px auto;
}
.benefits-wrap .inner-wrap {
  display: flex;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: var(--light-box-shadow);
}
.benefits-wrap .inner-wrap .benefit {
  width: 33.3%;
  min-height: 420px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 30px;
}
.benefits-wrap .inner-wrap .benefit:first-child, .benefits-wrap .inner-wrap .benefit:nth-child(3) {
  background: #9fabf7;
}
.benefits-wrap .inner-wrap .benefit:nth-child(2) {
  background: #865aff;
}
.benefits-wrap .inner-wrap .benefit .benefit-inner img {
  display: block;
  max-width: 44px;
  width: 100%;
  margin: 0 auto 20px auto;
}
.benefits-wrap .inner-wrap .benefit .benefit-inner .separator {
  height: 3px;
  width: 50px;
  margin: 0 auto 30px auto;
  background: var(--white-smoke);
}
.benefits-wrap .inner-wrap .benefit .benefit-inner p {
  color: var(--white);
  font-size: 0.9rem;
  font-family: var(--font);
  max-width: 320px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .benefits-wrap {
    margin-bottom: 0 !important;
  }
  .benefits-wrap .inner-wrap {
    flex-direction: column;
  }
  .benefits-wrap .inner-wrap .benefit {
    width: 100%;
  }
}
/* ==========================================================================
Stat boxes with counters
========================================================================== */
.stat-boxes-wrapper {
  padding: 40px 0 80px 0;
}
.stat-boxes-wrapper .stat-box {
  width: 100%;
  text-align: center;
}
.stat-boxes-wrapper .stat-box .stat-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 110px;
  width: 110px;
  background: var(--card-bg-color);
  border: 1px solid var(--card-border-color);
  border-radius: 50%;
  box-shadow: var(--light-box-shadow);
  margin: 0 auto 16px auto;
}
.stat-boxes-wrapper .stat-box .stat-icon img {
  display: block;
  max-width: 48px;
}
.stat-boxes-wrapper .stat-box .stat-count {
  display: flex;
  justify-content: center;
  align-items: baseline;
  padding: 8px 0 0 0;
}
.stat-boxes-wrapper .stat-box .stat-count span {
  display: block;
  font-weight: 700;
  font-size: 2rem;
  color: var(--title-color);
}
.stat-boxes-wrapper .stat-box .stat-count small {
  font-size: 2rem;
  font-weight: 700;
  margin-left: 4px;
  color: var(--title-color);
}
.stat-boxes-wrapper .stat-box p {
  color: var(--medium-text);
  font-family: var(--font);
  font-weight: 500;
}

@media (max-width: 767px) {
  .stat-boxes-wrapper .stat-box {
    margin-bottom: 30px;
  }
}
/* ==========================================================================
Testimonials carousel
========================================================================== */
.carousel-wrapper {
  position: relative;
  max-width: 760px;
  margin: 90px auto;
}
.carousel-wrapper .carousel-controls {
  position: absolute;
  top: -35px;
  right: 46px;
}
.carousel-wrapper .carousel-controls button {
  outline: none;
}
.carousel-wrapper .carousel-controls button i, .carousel-wrapper .carousel-controls button .iconify {
  font-size: 1.2rem;
}
.carousel-wrapper .carousel .slick-slide {
  outline: none !important;
}
.carousel-wrapper .carousel .carousel-item {
  width: 100%;
  border: 1px solid var(--card-border-color);
  box-shadow: var(--light-box-shadow);
  border-radius: 8px;
  background: var(--card-bg-color);
  padding: 60px;
  margin: 20px;
}
.carousel-wrapper .carousel .carousel-item p {
  color: var(--light-text);
}
.carousel-wrapper .carousel .carousel-item .item-footer {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.carousel-wrapper .carousel .carousel-item .item-footer img {
  display: block;
  height: 50px;
  width: 50px;
  border-radius: 50%;
}
.carousel-wrapper .carousel .carousel-item .item-footer .meta {
  margin-left: 12px;
}
.carousel-wrapper .carousel .carousel-item .item-footer .meta span {
  display: block;
  line-height: 1.1;
}
.carousel-wrapper .carousel .carousel-item .item-footer .meta span:first-child {
  font-size: 1.1rem;
  font-weight: 600;
  font-family: var(--font);
  color: var(--title-color);
}
.carousel-wrapper .carousel .carousel-item .item-footer .meta span:nth-child(2) {
  font-size: 0.95rem;
  color: var(--medium-text);
}

@media (max-width: 767px) {
  .carousel-wrapper {
    margin: 60px auto;
  }
  .carousel-wrapper .carousel .carousel-item {
    padding: 26px;
    margin: 10px;
  }
  .slick-dots {
    bottom: -46px !important;
  }
}
/* ==========================================================================
Contact Form
========================================================================== */
.contact-title {
  margin-top: 200px;
}

.contact-form {
  width: 100%;
  border: 1px solid var(--card-border-color);
  box-shadow: var(--light-box-shadow);
  border-radius: 8px;
  background: var(--card-bg-color);
  padding: 70px;
}
.contact-form p {
  color: var(--medium-text);
  font-size: 0.9rem;
  margin-bottom: 40px;
}
.contact-form .field-wrap {
  display: flex;
  justify-content: space-between;
}
.contact-form .field-wrap .field {
  width: 48%;
}
.contact-form .button-wrap {
  margin-top: 30px;
  text-transform: uppercase;
  font-weight: 600;
  font-family: var(--font);
}
.contact-form .button-wrap .button {
  height: 54px;
}

@media (max-width: 767px) {
  .contact-form {
    padding: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .form-wrapper .column.is-4 {
    max-width: 450px !important;
    margin: 0 auto !important;
  }
  .form-wrapper .side-title {
    text-align: center !important;
    max-width: 100%;
  }
  .form-wrapper .side-title .title {
    font-size: 1.6rem;
  }
  .form-wrapper .contact-form {
    max-width: 560px;
    margin: 0 auto;
  }
}
/* ==========================================================================
FAQ Accordion
========================================================================== */
.faq-accordion .faq-question.button:hover, .faq-accordion .faq-question.button:focus, .faq-accordion .faq-question.button:active {
  background-color: #fff !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* ==========================================================================
Messages Component
========================================================================== */
.messages-container {
  margin-bottom: 2rem;
}
.messages-container .notification {
  margin-bottom: 1rem;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.messages-container .notification:last-child {
  margin-bottom: 0;
}
.messages-container .notification.is-success {
  background-color: #48c78e;
  color: white;
}
.messages-container .notification.is-danger {
  background-color: #f14668;
  color: white;
}
.messages-container .notification.is-info {
  background-color: #3e8ed0;
  color: white;
}
.messages-container .notification .delete {
  background-color: rgba(255, 255, 255, 0.3);
}
.messages-container .notification .delete:hover {
  background-color: rgba(255, 255, 255, 0.5);
}

/* ==========================================================================
Multi-step Wizard Component
========================================================================== */
.wizard-container {
  max-width: 600px;
  margin: 0 auto;
  padding: 2rem 1rem;
}

.wizard-steps {
  display: flex;
  justify-content: center;
  margin-bottom: 3rem;
  padding: 0 1rem;
}
.wizard-steps .step {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease;
}
.wizard-steps .step:hover .step-number {
  transform: scale(1.1);
}
.wizard-steps .step:hover .step-label {
  color: var(--primary);
}
.wizard-steps .step:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 15px;
  left: 60%;
  width: 80%;
  height: 2px;
  background-color: #e0e0e0;
  z-index: 1;
}
.wizard-steps .step.is-completed:not(:last-child)::after {
  background-color: var(--primary);
}
.wizard-steps .step .step-number {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #e0e0e0;
  color: #999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 0.875rem;
  position: relative;
  z-index: 2;
  transition: all 0.3s ease;
}
.wizard-steps .step .step-label {
  margin-top: 0.5rem;
  font-size: 0.75rem;
  color: #999;
  text-align: center;
  font-weight: 500;
}
.wizard-steps .step.is-active .step-number {
  background-color: var(--primary);
  color: white;
}
.wizard-steps .step.is-active .step-label {
  color: var(--primary);
}
.wizard-steps .step.is-completed .step-number {
  background-color: var(--primary);
  color: white;
}
.wizard-steps .step.is-completed .step-label {
  color: var(--primary);
}

.wizard-content {
  background: white;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  padding: 3rem 2.5rem;
  margin-bottom: 2rem;
}
.wizard-content .wizard-step {
  display: none;
}
.wizard-content .wizard-step.is-active {
  display: block;
  animation: fadeIn 0.3s ease-in-out;
}
.wizard-content .wizard-step .step-title {
  font-size: 1.75rem;
  font-weight: 700;
  color: #363636;
  margin-bottom: 1rem;
  text-align: center;
}
.wizard-content .wizard-step .step-description {
  color: #666;
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 2.5rem;
  text-align: center;
}

.date-selectors {
  display: flex;
  gap: 1rem;
  justify-content: center;
  margin-bottom: 2rem;
}
.date-selectors .date-field {
  flex: 1;
  max-width: 120px;
}
.date-selectors .date-field label {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  color: #666;
  margin-bottom: 0.5rem;
  text-align: center;
}
.date-selectors .date-field select {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 1rem;
  background-color: white;
  color: #333;
  appearance: none; /* Remove default styling */
  background-image: url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%23666' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 12px;
}
@supports (-webkit-touch-callout: none) {
  .date-selectors .date-field select {
    appearance: menulist;
    background-image: none;
  }
}
.date-selectors .date-field select:focus {
  outline: none;
  border-color: var(--primary);
  box-shadow: 0 0 0 0.125em rgba(139, 90, 140, 0.25);
}

.gender-options {
  display: flex;
  gap: 1rem;
  justify-content: center;
  margin-bottom: 2rem;
}
.gender-options .gender-option {
  flex: 1;
  max-width: 160px;
}
.gender-options .gender-option input[type=radio] {
  display: none;
}
.gender-options .gender-option label {
  display: block;
  padding: 2rem 1rem;
  border: 2px solid #e0e0e0;
  border-radius: 12px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
  background: white;
}
.gender-options .gender-option label:hover {
  border-color: var(--primary);
  background-color: rgba(139, 90, 140, 0.05);
}
.gender-options .gender-option label .icon {
  font-size: 2.5rem;
  margin-bottom: 1rem;
  color: #999;
  transition: color 0.3s ease;
}
.gender-options .gender-option label .label-text {
  font-weight: 600;
  color: #666;
  transition: color 0.3s ease;
}
.gender-options .gender-option input[type=radio]:checked + label {
  border-color: var(--primary);
  background-color: rgba(139, 90, 140, 0.1);
}
.gender-options .gender-option input[type=radio]:checked + label .icon {
  color: var(--primary);
}
.gender-options .gender-option input[type=radio]:checked + label .label-text {
  color: var(--primary);
}

.current-photo {
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
}
.current-photo .photo-preview {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid var(--primary);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.current-photo .photo-preview .profile-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.photo-options {
  display: flex;
  gap: 1rem;
  justify-content: center;
  margin-bottom: 2rem;
}
.photo-options .photo-option {
  flex: 1;
  max-width: 200px;
}
.photo-options .photo-option .photo-btn {
  display: block;
  width: 100%;
  padding: 2rem 1rem;
  border: 2px solid #e0e0e0;
  border-radius: 12px;
  text-align: center;
  cursor: pointer;
  background: white;
  color: #666;
  text-decoration: none;
  transition: all 0.3s ease;
  font-size: 1rem;
}
.photo-options .photo-option .photo-btn:hover {
  border-color: var(--primary);
  background-color: rgba(139, 90, 140, 0.05);
  color: var(--primary);
}
.photo-options .photo-option .photo-btn .icon {
  font-size: 2rem;
  margin-bottom: 1rem;
  transition: color 0.3s ease;
}
.photo-options .photo-option .photo-btn .icon i {
  display: block;
}
.photo-options .photo-option .photo-btn .label-text {
  font-weight: 600;
  font-size: 1rem;
  transition: color 0.3s ease;
}

.terms-agreement {
  font-size: 0.875rem;
  color: #666;
  text-align: center;
  margin-bottom: 2rem;
}
.terms-agreement a {
  color: var(--primary);
  text-decoration: none;
}
.terms-agreement a:hover {
  text-decoration: underline;
}

.wizard-content .field {
  margin-bottom: 2rem;
}
.wizard-content .field label.checkbox {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.5rem;
  border: 2px solid #e0e0e0;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
  background: white;
  font-weight: 600;
  font-size: 1rem;
  color: #666;
}
.wizard-content .field label.checkbox:hover {
  border-color: var(--primary);
  background-color: rgba(139, 90, 140, 0.05);
  color: var(--primary);
}
.wizard-content .field label.checkbox input[type=checkbox] {
  appearance: none;
  width: 24px;
  height: 24px;
  border: 2px solid #e0e0e0;
  border-radius: 6px;
  background: white;
  position: relative;
  transition: all 0.3s ease;
  flex-shrink: 0;
}
.wizard-content .field label.checkbox input[type=checkbox]:checked {
  background-color: var(--primary);
  border-color: var(--primary);
}
.wizard-content .field label.checkbox input[type=checkbox]:checked::after {
  content: "✓";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 14px;
  font-weight: bold;
}
.wizard-content .field label.checkbox input[type=checkbox]:focus {
  outline: none;
  box-shadow: 0 0 0 0.125em rgba(139, 90, 140, 0.25);
}
.wizard-content .field .toggle-container {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.wizard-content .field .toggle {
  position: relative;
  display: inline-block;
  width: 160px;
  height: 50px;
  cursor: pointer;
}
.wizard-content .field .toggle input[type=checkbox] {
  opacity: 0;
  width: 0;
  height: 0;
}
.wizard-content .field .toggle .toggle-slider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f5f5f5;
  border: 2px solid #e0e0e0;
  border-radius: 25px;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
}
.wizard-content .field .toggle .toggle-slider:before {
  content: "";
  position: absolute;
  height: 38px;
  width: 70px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  border-radius: 20px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.wizard-content .field .toggle .toggle-slider .toggle-label-off,
.wizard-content .field .toggle .toggle-slider .toggle-label-on {
  font-weight: 600;
  font-size: 0.875rem;
  transition: all 0.3s ease;
  z-index: 1;
  position: relative;
}
.wizard-content .field .toggle .toggle-slider .toggle-label-off {
  color: #666;
}
.wizard-content .field .toggle .toggle-slider .toggle-label-on {
  color: #ccc;
}
.wizard-content .field .toggle input:checked + .toggle-slider {
  background-color: var(--primary);
  border-color: var(--primary);
}
.wizard-content .field .toggle input:checked + .toggle-slider:before {
  transform: translateX(82px);
}
.wizard-content .field .toggle input:checked + .toggle-slider .toggle-label-off {
  color: rgba(255, 255, 255, 0.7);
}
.wizard-content .field .toggle input:checked + .toggle-slider .toggle-label-on {
  color: var(--primary);
  font-weight: 700;
}
.wizard-content .field .toggle:hover .toggle-slider {
  box-shadow: 0 0 0 0.125em rgba(139, 90, 140, 0.25);
}
.wizard-content .field label.label {
  font-weight: 600;
  color: #666;
  margin-bottom: 0.75rem;
  font-size: 1rem;
}
.wizard-content .field .help {
  font-size: 0.875rem;
  color: #999;
  margin-top: 0.5rem;
  font-style: italic;
}

.wizard-navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2rem;
}
.wizard-navigation .nav-button {
  padding: 0.75rem 2rem;
  border-radius: 8px;
  font-weight: 600;
  font-size: 1rem;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}
.wizard-navigation .nav-button.btn-back {
  background-color: #f5f5f5;
  color: #666;
}
.wizard-navigation .nav-button.btn-back:hover {
  background-color: #e8e8e8;
}
.wizard-navigation .nav-button.btn-back:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.wizard-navigation .nav-button.btn-next {
  background-color: var(--primary);
  color: white;
}
.wizard-navigation .nav-button.btn-next:hover {
  background-color: var(--primary-dark, #8b5a8c);
}
.wizard-navigation .nav-button.btn-next:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.wizard-navigation .nav-button.btn-save {
  background-color: #48c774;
  color: white;
}
.wizard-navigation .nav-button.btn-save:hover {
  background-color: #3ec46d;
}
.wizard-navigation .nav-button.btn-save:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.wizard-navigation .nav-spacer {
  flex: 1;
}

.final-buttons {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  margin-top: 2rem;
}
.final-buttons .role-buttons {
  display: flex;
  gap: 1rem;
  justify-content: center;
}
.final-buttons .final-btn {
  flex: 1;
  max-width: 200px;
  padding: 1.5rem 1rem;
  border: 2px solid var(--primary);
  border-radius: 12px;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.final-buttons .final-btn .role-checkbox {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 20px;
  height: 20px;
  border: 2px solid var(--primary);
  border-radius: 4px;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
}
.final-buttons .final-btn .role-checkbox .fa-check {
  color: var(--primary);
}
.final-buttons .final-btn .role-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.final-buttons .final-btn .role-content .fas {
  font-size: 1.5rem;
}
.final-buttons .final-btn .role-content .role-icon {
  margin-right: 8px;
}
.final-buttons .final-btn.btn-rider, .final-buttons .final-btn.btn-driver {
  background: white;
  color: var(--primary);
}
.final-buttons .final-btn.btn-rider .role-checkbox, .final-buttons .final-btn.btn-driver .role-checkbox {
  background: white;
  border-color: var(--primary);
}
.final-buttons .final-btn.btn-rider .role-checkbox .fa-check, .final-buttons .final-btn.btn-driver .role-checkbox .fa-check {
  color: var(--primary);
}
.final-buttons .final-btn.btn-rider:hover, .final-buttons .final-btn.btn-driver:hover {
  background-color: rgba(139, 90, 140, 0.1);
}
.final-buttons .final-btn.btn-rider.is-active, .final-buttons .final-btn.btn-driver.is-active {
  background-color: var(--primary);
  color: white;
  box-shadow: 0 0 0 3px rgba(139, 90, 140, 0.3);
}
.final-buttons .final-btn.btn-rider.is-active .role-checkbox, .final-buttons .final-btn.btn-driver.is-active .role-checkbox {
  background: white;
  border-color: white;
}
.final-buttons .final-btn.btn-rider.is-active .role-checkbox .fa-check, .final-buttons .final-btn.btn-driver.is-active .role-checkbox .fa-check {
  color: var(--primary);
}
.final-buttons:not(.role-selection) {
  flex-direction: row;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media screen and (max-width: 768px) {
  .wizard-container {
    padding: 1rem 0.5rem;
  }
  .wizard-content {
    padding: 2rem 1.5rem;
  }
  .wizard-steps {
    margin-bottom: 2rem;
  }
  .wizard-steps .step .step-label {
    font-size: 0.625rem;
  }
  .wizard-steps .step .step-number {
    width: 25px;
    height: 25px;
    font-size: 0.75rem;
  }
  .date-selectors {
    flex-direction: column;
    gap: 1rem;
  }
  .date-selectors .date-field {
    max-width: none;
  }
  .gender-options {
    flex-direction: column;
  }
  .gender-options .gender-option {
    max-width: none;
  }
  .photo-options {
    flex-direction: column;
  }
  .photo-options .photo-option {
    max-width: none;
  }
  .final-buttons {
    flex-direction: column;
  }
  .final-buttons .final-btn {
    max-width: none;
  }
  .wizard-navigation {
    flex-direction: column;
    gap: 1rem;
  }
  .wizard-navigation .nav-spacer {
    display: none;
  }
}
/* ==========================================================================
Unsubscribe Page Styles
========================================================================== */
.unsubscribe-page .radio {
  display: flex !important;
  align-items: flex-start;
  margin-bottom: 0.75rem;
  line-height: 1.5;
}
.unsubscribe-page .radio input[type=radio] {
  margin-right: 0.75rem;
  margin-top: 0.125rem; /* Align radio button with first line of text */
  flex-shrink: 0;
}
.unsubscribe-page .radio:first-child {
  margin-top: 0;
}
.unsubscribe-page .radio span {
  flex: 1;
}
.unsubscribe-page .help {
  margin-left: 2rem; /* Align with text, accounting for radio button width */
  margin-bottom: 0.75rem;
  margin-top: 0.25rem;
  font-size: 0.875rem;
  color: #6b7280;
}
.unsubscribe-page {
  /* Ensure proper spacing between radio groups */
}
.unsubscribe-page .field + .field {
  margin-top: 1.5rem;
}
.unsubscribe-page {
  /* Override Bulma's default radio styling for better alignment */
}
.unsubscribe-page .control .radio + .radio {
  margin-left: 0;
  margin-top: 0;
}
.unsubscribe-page {
  /* Fix button alignment issues */
}
.unsubscribe-page .button .icon + span {
  margin-left: 0.25rem; /* Reduce spacing between icon and text */
}
.unsubscribe-page .field.is-grouped .control {
  margin-right: 0.75rem; /* Add proper spacing between buttons */
}
.unsubscribe-page .field.is-grouped .control:last-child {
  margin-right: 0; /* Remove margin from last button */
}

/* ==========================================================================
Divider Styles for Auth Pages
========================================================================== */
.divider {
  flex-grow: 1;
  height: 1px;
  margin: 0;
  border: none;
  background-color: #dbdbdb;
}

.has-text-centered hr.divider {
  display: inline-block;
  width: 40%;
  vertical-align: middle;
}

.has-text-centered span {
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
}

/* ==========================================================================
CMS Admin Preview Styles
========================================================================== */
.cms-admin-preview body {
  font-family: Arial, sans-serif;
  margin: 20px;
}
.cms-admin-preview table {
  border-collapse: collapse;
  width: 100%;
}
.cms-admin-preview th, .cms-admin-preview td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}
.cms-admin-preview th {
  background-color: #f2f2f2;
}
.cms-admin-preview .content-cell {
  max-width: 300px;
  word-wrap: break-word;
}

/* ==========================================================================
CMS Demo Styles
========================================================================== */
.cms-demo body {
  font-family: Arial, sans-serif;
  margin: 20px;
}
.cms-demo .locale-example {
  border: 1px solid #ddd;
  padding: 15px;
  margin: 10px 0;
}
.cms-demo .locale-example h3 {
  margin-top: 0;
}

/* ==========================================================================
Additional styles for standalone HTML
========================================================================== */
.pageloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  transition: opacity 0.3s ease;
}
.pageloader.is-active {
  opacity: 1;
  pointer-events: all;
}
.pageloader:not(.is-active) {
  opacity: 0;
  pointer-events: none;
}
.pageloader .title {
  font-size: 2rem;
  font-weight: 700;
  color: #3273dc;
}

.icon-box-toggle {
  width: 24px;
  height: 24px;
  cursor: pointer;
  position: relative;
}
.icon-box-toggle .rotate {
  position: relative;
  width: 100%;
  height: 100%;
}
.icon-box-toggle .rotate i {
  position: absolute;
  width: 100%;
  height: 2px;
  background: currentColor;
  transition: all 0.3s ease;
}
.icon-box-toggle .rotate i.icon-line-top {
  top: 6px;
}
.icon-box-toggle .rotate i.icon-line-center {
  top: 11px;
}
.icon-box-toggle .rotate i.icon-line-bottom {
  top: 16px;
}
.icon-box-toggle.active .rotate i.icon-line-top {
  top: 11px;
  transform: rotate(45deg);
}
.icon-box-toggle.active .rotate i.icon-line-center {
  opacity: 0;
}
.icon-box-toggle.active .rotate i.icon-line-bottom {
  top: 11px;
  transform: rotate(-45deg);
}

@media screen and (max-width: 768px) {
  .hero-caption {
    text-align: center;
  }
  .hero-caption .column {
    margin-bottom: 2rem;
  }
  .side-feature .column {
    margin-bottom: 2rem;
  }
}
.levitate {
  animation: levitate 3s ease-in-out infinite;
}

@keyframes levitate {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
}

/*# sourceMappingURL=styles.css.map */