/* Vendor */
.glide{position:relative;width:100%;box-sizing:border-box}
.glide *{box-sizing:inherit}
.glide__track{overflow:hidden}
.glide__slides{position:relative;width:100%;list-style:none;backface-visibility:hidden;transform-style:preserve-3d;touch-action:pan-Y;overflow:hidden;padding:0;white-space:nowrap;display:flex;flex-wrap:nowrap;will-change:transform}
.glide__slides--dragging{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.glide__slide{width:100%;height:100%;flex-shrink:0;white-space:normal;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
.glide__slide a{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-select:none;-ms-user-select:none}
.glide__arrows{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.glide__bullets{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.glide--rtl{direction:rtl}
/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */
code[class*="language-"],
pre[class*="language-"] {
	color: black;
	background: none;
	text-shadow: 0 1px white;
	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
	font-size: 1em;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;
	line-height: 1.5;

	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
	hyphens: none;
}
pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
	text-shadow: none;
	background: #b3d4fc;
}
pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
	text-shadow: none;
	background: #b3d4fc;
}
pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
code[class*="language-"]::selection, code[class*="language-"] ::selection {
	text-shadow: none;
	background: #b3d4fc;
}
@media print {
	code[class*="language-"],
	pre[class*="language-"] {
		text-shadow: none;
	}
}
/* Code blocks */
pre[class*="language-"] {
	padding: 1em;
	margin: .5em 0;
	overflow: auto;
}
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
	background: #f5f2f0;
}
/* Inline code */
:not(pre) > code[class*="language-"] {
	padding: .1em;
	border-radius: .3em;
	white-space: normal;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: slategray;
}
.token.punctuation {
	color: #999;
}
.token.namespace {
	opacity: .7;
}
.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
	color: #905;
}
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
	color: #690;
}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
	color: #9a6e3a;
	/* This background color was intended by the author of this theme. */
	background: hsla(0, 0%, 100%, .5);
}
.token.atrule,
.token.attr-value,
.token.keyword {
	color: #07a;
}
.token.function,
.token.class-name {
	color: #DD4A68;
}
.token.regex,
.token.important,
.token.variable {
	color: #e90;
}
.token.important,
.token.bold {
	font-weight: bold;
}
.token.italic {
	font-style: italic;
}
.token.entity {
	cursor: help;
}
/* Application styles */
.header-underline {
  position: relative;
  line-height: 2.75rem;
  padding-bottom: 1.625rem;
}
@media (min-width: 768px) {
.header-underline {
    line-height: 4.5rem;
    padding-bottom: 2.875rem
}
  }
.header-underline:after {
  content: "";
  position: absolute;
  width: 4.375rem;
  height: 0.25rem;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  background-color: var(--color-primary);
}
@media (min-width: 768px) {
.header-underline:after {
    width: 6.875rem
}
  }
.nav-height {
  height: var(--nav-height);
}
@media screen and (min-width: 768px) {
.nav-height {
    height: var(--nav-height-desktop)
}
  }
.under-nav {
  margin-top: calc(-1 * var(--nav-height));
  padding-top: var(--nav-height);
}
@media screen and (min-width: 768px) {
.under-nav {
    margin-top: calc(-1 * var(--nav-height-desktop));
    padding-top: var(--nav-height-desktop)
}
  }
.under-nav-margin {
  margin-top: calc(-1 * var(--nav-height));
}
@media screen and (min-width: 768px) {
.under-nav-margin {
    margin-top: calc(-1 * var(--nav-height-desktop))
}
  }
.under-nav-padding {
  padding-top: var(--nav-height);
}
@media screen and (min-width: 768px) {
.under-nav-padding {
    padding-top: var(--nav-height-desktop)
}
  }
.resource-content {
  font-family: Barlow Semi Condensed, sans-serif;
}
.resource-content h1, .resource-content h2, .resource-content h3, .resource-content h4 {
    color: #D32C25;
    line-height: 1.25;
  }
.resource-content h1, .resource-content h2 {
    margin-top: 2rem;
    margin-bottom: 2rem;
    font-weight: 600;
  }
.resource-content h3, .resource-content h4 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    font-weight: 500;
  }
.resource-content h1 {
    font-size: 1.5rem;
  }
.resource-content h2 {
    font-size: 1.4rem;
  }
.resource-content h3 {
    font-size: 1.3rem;
  }
.resource-content h4 {
    font-size: 1.2rem;
  }
.resource-content h5 {
    font-size: 1.1rem;
  }
.resource-content h5, .resource-content h6, .resource-content p, .resource-content img, .resource-content blockquote {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
.resource-content p {
    line-height: 1.6;
  }
.resource-content p img {
    margin-top: 0;
    margin-bottom: 0;
  }
.resource-content a {
    text-decoration: underline;
    color: #D32C25;
  }
.resource-content a:active {
      color: #7C0500;
    }
.resource-content blockquote {
    background-color: #EFEFEF;
    padding: 1rem;
    word-break: break-word;
  }
.resource-content ul, .resource-content ol {
    margin: 1rem 2rem;
  }
.resource-content ul ul, .resource-content ul ol, .resource-content ol ul, .resource-content ol ol {
      margin: 0 0 0 2rem;
    }
.resource-content ul {
    list-style-image: url("/images/ol_li_ruby.svg");
  }
.resource-content ol {
    list-style-type: decimal;
  }
.resource-content ol ol {
      list-style-type: lower-alpha;
    }
@media screen and (min-width: 768px) {
    .resource-content h1 {
      font-size: 2.25rem;
    }
    .resource-content h2 {
      font-size: 2.1rem;
    }
    .resource-content h3 {
      font-size: 1.9rem;
    }
    .resource-content h4 {
      font-size: 1.7rem;
    }
    .resource-content h5 {
      font-size: 1.5rem;
    }
    .resource-content h6, .resource-content p, .resource-content ol, .resource-content ul, .resource-content blockquote {
      font-size: 1.375rem;
    }
  }
.social-link {
  background-color: var(--color-gray-350);
}
.social-link:hover.fb {
      background-color: #3d5794;
    }
.social-link:hover.twitter {
      background-color: #60a7ec;
    }
.social-link:hover.github {
      background-color: #25292e;
    }
.social-link:hover.linkedin {
      background-color: #2671ae;
    }
.social-link:hover.edm {
      background-color: #d72a1b;
    }
/* Home */
section.carousel .glide__bullet--active span {
    background: #D32C25;
    height: 0.25rem;
  }
section.carousel .zh-carousel-name {
    line-height: 3.125rem;
  }
@media screen and (min-width: 768px) {
section.carousel .zh-carousel-name {
      line-height: 3.75rem
  }
    }
@media screen and (min-width: 1024px) {
section.carousel .zh-carousel-name {
      line-height: 4.375rem
  }
    }
@media screen and (min-width: 1280px) {
section.carousel .zh-carousel-name {
      line-height: 5rem
  }
    }
main.index-about .philosophy-container {
    background-image: url("/images/about_us_bg.jpg");
  }
main.index-about .philosophy-container .deco {
      position: absolute;
      top: -32px;
      left: 0;
      width: 3.2%;
      height: 320px;
    }
@media screen and (min-width: 768px) {
    main.index-about .philosophy:nth-child(even) {
      position: relative;
      top: 3rem;
    }
  }
section.achievement .achievement-item:last-child .separater {
        display: none;
      }
@media screen and (max-width: 767px) {
        section.achievement .achievement-item:nth-child(even) .separater {
          display: none;
        }
    }
section.service .service-items-container {
    background-image: url("/images/service_bg.jpg");
  }
section.service .service-items-container .item {
      background-image: url("/images/service_ruby.svg");
    }
section.service .service-items-container .item .content {
        position: absolute;
        top: 12.5%;
        left: 50%;
        transform: translate(-50%, 0);
      }
@media screen and (min-width: 1024px) {
section.service .service-items-container .item .content {
          top: 20%
      }
        }
@media screen and (min-width: 1366px) {
section.service .service-items-container .item .content {
          top: 22.5%
      }
        }
section.service .service-items-container .item .content .zh-text {
          line-height: 1.75rem;
        }
@media screen and (min-width: 1024px) {
section.service .service-items-container .item .content .zh-text {
            line-height: 2rem
        }
          }
@media screen and (min-width: 1280px) {
section.service .service-items-container .item .content .zh-text {
            line-height: 3rem
        }
          }
.badge {
  width: 100px;
}
@media screen and (min-width: 768px) {
.badge {
    width: 200px
}
  [data-introducing-transition=fade-in] {
    transition: 1s opacity;
    opacity: 0;
  }

    [data-introducing-transition=fade-in].introducing-done {
      opacity: 1;
    }

  [data-introducing-transition=left-fade-in] {
    transition: transform 1s, opacity 1s;
    transform: translate(-100%, 0%);
    opacity: 0;
  }

    [data-introducing-transition=left-fade-in].introducing-done {
      transform: translate(0%, 0%);
      opacity: 1;
    }

  [data-introducing-transition=right-fade-in] {
    transition: transform 1s, opacity 1s;
    transform: translate(100%, 0%);
    opacity: 0;
  }

    [data-introducing-transition=right-fade-in].introducing-done {
      transform: translate(0%, 0%);
      opacity: 1;
    }
  }
/* Pages */
.our-vision-banner {
  background-image: url("/images/our_vision_banner.jpg");
}
.bullet-points li {
    position: relative;
    padding-left: 1.25rem;
  }
@media (min-width: 768px) {
.bullet-points li {
      padding-left: 2.5rem
  }
    }
.bullet-points li:before {
      content: "";
      position: absolute;
      width: 1.25rem;
      top: 0;
      bottom: 0;
      left: 0;
      background: url("/images/ruby_red.svg") no-repeat;
      background-size: 10px 7.5px;
      background-position: 0 10px;
    }
@media (min-width: 768px) {
.bullet-points li:before {
        width: 2.5rem;
        background-size: 20px 15px;
        background-position: 0 28px
    }
      }
.members .staffs {
    max-width: 1090px;
  }
.our-values .values-bg {
    background-image: url("/images/our_value_bg.jpg");
  }
.our-values .values {
    max-width: 1150px;
  }
@media (min-width: 1280px) {
.our-values .value:nth-child(1) {
      margin-top: 4.125rem
  }
.our-values .value:nth-child(2) {
      margin-top: 10.625rem
  }
    }
.brackets {
  position: relative;
}
.brackets:before,
  .brackets:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0.625rem;
    border: 2px solid var(--color-gray-325);
  }
.brackets:before {
    left: 0;
    border-right: none;
  }
.brackets:after {
    right: 0;
    border-left: none;
  }
.list-icon-5xruby {
  list-style-image: url("/images/ol_li_ruby.svg");
}
/* GitLab Service Page Styles */
/* Banner styling */
.gitlab-service-banner {
  background-color: #292961;
  background-image: linear-gradient(135deg, #292961 0%, #6e49cb 50%, #FC6D26 100%) !important;
  position: relative;
  background-size: cover;
  background-position: center;
}
.gitlab-service-banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50,0 L25,37.5 L75,37.5 Z' fill='%23FFFFFF' fill-opacity='0.1'/%3E%3Cpath d='M0,75 L25,37.5 L50,75 Z' fill='%23FFFFFF' fill-opacity='0.1'/%3E%3Cpath d='M50,75 L75,37.5 L100,75 Z' fill='%23FFFFFF' fill-opacity='0.1'/%3E%3C/svg%3E");
  background-size: 150px 150px;
  opacity: 0.3;
}
/* Service cards styling */
.service-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.service-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
/* Benefit cards styling */
.benefit-card {
  transition: all 0.3s ease;
}
.benefit-card:hover {
  border-color: var(--color-primary);
  transform: translateY(-3px);
}
/* Process step styling */
.process-step {
  position: relative;
}
/* Case study cards styling */
.case-card {
  transition: transform 0.3s ease;
}
.case-card:hover {
  transform: translateY(-5px);
}
/* CTA section styling */
.cta .cta-button a {
  transition: all 0.3s ease;
}
.cta .cta-button a:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
/* FAQ accordion styling */
.faq-item {
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 1rem;
}
.faq-item h3 {
  cursor: pointer;
}
/* Responsive adjustments */
@media (max-width: 768px) {
  .process-steps .process-step {
    margin-bottom: 2rem;
  }
}
/* Content types */
.testimonial-title {
  background-image: url("/images/case_study_banner.jpg");
}
@media screen and (min-width: 768px) {
    .testimonial-item .img-wrapper {
      min-height: 20rem;
    }
    .testimonial-item .content {
      position: absolute;
      background: #ffffffd9;

      top: -3rem;
      bottom: 0.5rem;
    }
      .testimonial-item:nth-child(odd) .img-wrapper {
        order: 2;
      }
      .testimonial-item:nth-child(odd) .content {
        right: -50%;
        left: 0;
      }
      .testimonial-item:nth-child(even) .content {
        right: 0%;
        left: -50%;
      }
  }
@media screen and (min-width: 1024px) {
    .testimonial-item .img-wrapper {
      min-height: 30rem;
    }
    .testimonial-item .content {
      top: 4rem;
      bottom: -4rem;
    }
  }
.article-title {
  background-image: url("/images/blog_banner.jpg");
}
.article-featured-image-gradient {
  background: radial-gradient(ellipse at center, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.45) 100%);
}
.news-title {
  background-image: url("/images/press_banner.jpg");
}
.form-control {
  margin-bottom: 0.875rem;
}
.form-control label,
  .form-control input,
  .form-control .error {
    display: block;
  }
.form-control label {
    font-size: 0.875rem;
    margin-bottom: 0.25rem;
    color: var(--color-gray-375);
  }
@media (min-width: 768px) {
.form-control label {
      font-size: 1.125rem
  }
    }
.form-control.field_with_errors input {
      border-bottom: 1px solid var(--color-primary);
    }
.form-control input {
    width: 100%;
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-gray-850);
    background-color: transparent;
    border-bottom: 1px solid var(--color-gray-500);
    line-height: 2;
  }
.form-control input:focus {
      outline: none;
    }
@media (min-width: 768px) {
.form-control input {
      font-size: 1.375rem;
      font-weight: 500;
      padding-bottom: 0.3125rem;
      letter-spacing: 0.05rem
  }
    }
.form-control .error {
    font-size: 0.875rem;
    color: var(--color-primary);
  }
@media (min-width: 768px) {
.form-control .error {
      font-size: 1.375rem
  }
    }
.consultation-option + label {
    transition: box-shadow 0.25s;
    box-shadow: 0 0 0 #50505029;
  }
.consultation-option + label:hover {
      box-shadow: 0.3rem 0.3rem 0 #50505029;
    }
.consultation-option:checked + label {
    border-color: var(--color-primary);
    box-shadow: 0.3rem 0.3rem 0 #50505029;
  }
/* Tailwind */
*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
.container{width:100%}
@media (min-width: 640px){
.container{max-width:640px}}
@media (min-width: 768px){
.container{max-width:768px}}
@media (min-width: 1024px){
.container{max-width:1024px}}
@media (min-width: 1280px){
.container{max-width:1280px}}
@media (min-width: 1536px){
.container{max-width:1536px}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}
.fixed{position:fixed}
.absolute{position:absolute}
.relative{position:relative}
.inset-0{inset:0px}
.inset-x-0{left:0px;right:0px}
.-top-40{top:-10rem}
.bottom-0{bottom:0px}
.bottom-6{bottom:1.5rem}
.left-0{left:0px}
.left-1\/2{left:50%}
.right-0{right:0px}
.top-0{top:0px}
.top-2{top:0.5rem}
.top-8{top:2rem}
.z-10{z-index:10}
.z-20{z-index:20}
.z-40{z-index:40}
.z-50{z-index:50}
.m-1{margin:0.25rem}
.m-1\.5{margin:0.375rem}
.m-2{margin:0.5rem}
.m-3{margin:0.75rem}
.m-4{margin:1rem}
.m-5{margin:1.25rem}
.mx-1{margin-left:0.25rem;margin-right:0.25rem}
.mx-2{margin-left:0.5rem;margin-right:0.5rem}
.mx-3{margin-left:0.75rem;margin-right:0.75rem}
.mx-auto{margin-left:auto;margin-right:auto}
.my-10{margin-top:2.5rem;margin-bottom:2.5rem}
.my-12{margin-top:3rem;margin-bottom:3rem}
.my-2{margin-top:0.5rem;margin-bottom:0.5rem}
.my-20{margin-top:5rem;margin-bottom:5rem}
.my-3{margin-top:0.75rem;margin-bottom:0.75rem}
.my-4{margin-top:1rem;margin-bottom:1rem}
.my-6{margin-top:1.5rem;margin-bottom:1.5rem}
.my-8{margin-top:2rem;margin-bottom:2rem}
.-mt-1{margin-top:-0.25rem}
.-mt-12{margin-top:-3rem}
.-mt-20{margin-top:-5rem}
.mb-1{margin-bottom:0.25rem}
.mb-10{margin-bottom:2.5rem}
.mb-12{margin-bottom:3rem}
.mb-15{margin-bottom:3.75rem}
.mb-16{margin-bottom:4rem}
.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}
.ml-11{margin-left:2.75rem}
.ml-2{margin-left:0.5rem}
.ml-3{margin-left:0.75rem}
.ml-4{margin-left:1rem}
.ml-auto{margin-left:auto}
.mr-1{margin-right:0.25rem}
.mr-2{margin-right:0.5rem}
.mr-3{margin-right:0.75rem}
.mr-4{margin-right:1rem}
.mt-10{margin-top:2.5rem}
.mt-12{margin-top:3rem}
.mt-14{margin-top:3.5rem}
.mt-15{margin-top:3.75rem}
.mt-16{margin-top:4rem}
.mt-2{margin-top:0.5rem}
.mt-20{margin-top: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}
.block{display:block}
.inline-block{display:inline-block}
.inline{display:inline}
.flex{display:flex}
.inline-flex{display:inline-flex}
.table{display:table}
.grid{display:grid}
.hidden{display:none}
.h-0\.5{height:0.125rem}
.h-10{height:2.5rem}
.h-12{height:3rem}
.h-14{height:3.5rem}
.h-144{height:36rem}
.h-16{height:4rem}
.h-4{height:1rem}
.h-40{height:10rem}
.h-5{height:1.25rem}
.h-6{height:1.5rem}
.h-7{height:1.75rem}
.h-8{height:2rem}
.h-80{height:20rem}
.h-9{height:2.25rem}
.h-\[6\.875rem\]{height:6.875rem}
.h-full{height:100%}
.h-max{height:-moz-max-content;height:max-content}
.h-screen{height:100vh}
.h-screen-0{height:0vh}
.max-h-48{max-height:12rem}
.w-1{width:0.25rem}
.w-1\/4{width:25%}
.w-10{width:2.5rem}
.w-12{width:3rem}
.w-14{width:3.5rem}
.w-16{width:4rem}
.w-28{width:7rem}
.w-32{width:8rem}
.w-4{width:1rem}
.w-5{width:1.25rem}
.w-6{width:1.5rem}
.w-64{width:16rem}
.w-7{width:1.75rem}
.w-8{width:2rem}
.w-9{width:2.25rem}
.w-full{width:100%}
.w-px{width:1px}
.max-w-2xl{max-width:42rem}
.max-w-3xl{max-width:48rem}
.max-w-4xl{max-width:56rem}
.max-w-6xl{max-width:72rem}
.max-w-screen-md{max-width:768px}
.max-w-screen-xl{max-width:1366px}
.flex-1{flex:1 1 0%}
.flex-shrink-0{flex-shrink:0}
.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.-translate-x-full{--tw-translate-x:-100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.cursor-pointer{cursor:pointer}
.resize-none{resize:none}
.list-disc{list-style-type:disc}
.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}
.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
.grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}
.flex-row{flex-direction:row}
.flex-col{flex-direction:column}
.items-center{align-items:center}
.justify-start{justify-content:flex-start}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.gap-2{gap:0.5rem}
.gap-3{gap:0.75rem}
.gap-4{gap:1rem}
.gap-6{gap:1.5rem}
.gap-8{gap:2rem}
.gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}
.gap-y-10{row-gap:2.5rem}
.gap-y-7{row-gap:1.75rem}
.space-y-12 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(3rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem * var(--tw-space-y-reverse))}
.space-y-2 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))}
.space-y-4 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}
.self-center{align-self:center}
.overflow-auto{overflow:auto}
.overflow-hidden{overflow:hidden}
.overflow-x-auto{overflow-x:auto}
.overflow-y-auto{overflow-y:auto}
.whitespace-nowrap{white-space:nowrap}
.whitespace-pre-line{white-space:pre-line}
.rounded{border-radius:0.25rem}
.rounded-full{border-radius:9999px}
.rounded-lg{border-radius:0.5rem}
.border{border-width:1px}
.border-2{border-width:2px}
.border-b{border-bottom-width:1px}
.border-b-2{border-bottom-width:2px}
.border-l-4{border-left-width:4px}
.border-r{border-right-width:1px}
.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}
.border-gray-250{border-color:var(--color-gray-250)}
.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}
.border-gray-850{border-color:var(--color-gray-850)}
.border-theme-5xruby{border-color:var(--color-primary)}
.border-transparent{border-color:transparent}
.border-white-1\/2{border-color:var(--color-white-1d2)}
.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}
.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}
.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}
.bg-gray-150{background-color:var(--color-gray-150)}
.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}
.bg-gray-250{background-color:var(--color-gray-250)}
.bg-gray-350{background-color:var(--color-gray-350)}
.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}
.bg-gray-600{--tw-bg-opacity:1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}
.bg-gray-850{background-color:var(--color-gray-850)}
.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}
.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}
.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}
.bg-theme-5xruby{background-color:var(--color-primary)}
.bg-transparent{background-color:transparent}
.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}
.bg-contain{background-size:contain}
.bg-cover{background-size:cover}
.bg-center{background-position:center}
.bg-no-repeat{background-repeat:no-repeat}
.object-cover{-o-object-fit:cover;object-fit:cover}
.p-1{padding:0.25rem}
.p-12{padding:3rem}
.p-2{padding:0.5rem}
.p-2\.5{padding:0.625rem}
.p-3{padding:0.75rem}
.p-4{padding:1rem}
.p-6{padding:1.5rem}
.p-7{padding:1.75rem}
.p-8{padding:2rem}
.px-12{padding-left:3rem;padding-right:3rem}
.px-14{padding-left:3.5rem;padding-right:3.5rem}
.px-2{padding-left:0.5rem;padding-right:0.5rem}
.px-3{padding-left:0.75rem;padding-right:0.75rem}
.px-4{padding-left:1rem;padding-right:1rem}
.px-5{padding-left:1.25rem;padding-right:1.25rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.px-7{padding-left:1.75rem;padding-right:1.75rem}
.px-8{padding-left:2rem;padding-right:2rem}
.py-1{padding-top:0.25rem;padding-bottom:0.25rem}
.py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem}
.py-10{padding-top:2.5rem;padding-bottom:2.5rem}
.py-12{padding-top:3rem;padding-bottom:3rem}
.py-13{padding-top:3.25rem;padding-bottom:3.25rem}
.py-17\.5{padding-top:4.375rem;padding-bottom:4.375rem}
.py-18{padding-top:4.5rem;padding-bottom:4.5rem}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem}
.py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem}
.py-3{padding-top:0.75rem;padding-bottom:0.75rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.py-5{padding-top:1.25rem;padding-bottom:1.25rem}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.py-8{padding-top:2rem;padding-bottom:2rem}
.pb-1{padding-bottom:0.25rem}
.pb-10{padding-bottom:2.5rem}
.pb-12{padding-bottom:3rem}
.pb-2{padding-bottom:0.5rem}
.pb-20{padding-bottom:5rem}
.pb-3{padding-bottom:0.75rem}
.pb-4{padding-bottom:1rem}
.pb-5{padding-bottom:1.25rem}
.pb-6{padding-bottom:1.5rem}
.pl-12{padding-left:3rem}
.pl-2{padding-left:0.5rem}
.pl-4{padding-left:1rem}
.pl-5{padding-left:1.25rem}
.pr-12{padding-right:3rem}
.pr-2{padding-right:0.5rem}
.pt-1{padding-top:0.25rem}
.pt-10{padding-top:2.5rem}
.pt-17\.5{padding-top:4.375rem}
.pt-2{padding-top:0.5rem}
.pt-20{padding-top:5rem}
.pt-3{padding-top:0.75rem}
.pt-3\/4{padding-top:75%}
.pt-4{padding-top:1rem}
.pt-6{padding-top:1.5rem}
.pt-8{padding-top:2rem}
.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}
.text-14{font-size:0.875rem}
.text-18{font-size:1.125rem}
.text-24{font-size:1.5rem}
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-30{font-size:1.875rem}
.text-40{font-size:2.5rem}
.text-6xl{font-size:3.75rem;line-height:1}
.text-base{font-size:1rem;line-height:1.5rem}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-sm{font-size:0.875rem;line-height:1.25rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-xs{font-size:0.75rem;line-height:1rem}
.font-bold{font-weight:700}
.font-light{font-weight:300}
.font-medium{font-weight:500}
.font-normal{font-weight:400}
.font-semibold{font-weight:600}
.uppercase{text-transform:uppercase}
.italic{font-style:italic}
.leading-4{line-height:1rem}
.leading-loose{line-height:2}
.leading-none{line-height:1}
.leading-normal{line-height:1.5}
.leading-relaxed{line-height:1.625}
.leading-tight{line-height:1.25}
.tracking-tight{letter-spacing:-0.025em}
.tracking-wider{letter-spacing:0.05em}
.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}
.text-gray-150{color:var(--color-gray-150)}
.text-gray-375{color:var(--color-gray-375)}
.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}
.text-gray-450{color:var(--color-gray-450)}
.text-gray-500{color:var(--color-gray-500)}
.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}
.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}
.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}
.text-gray-850{color:var(--color-gray-850)}
.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}
.text-green-800{--tw-text-opacity:1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}
.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}
.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}
.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}
.text-theme-5xruby{color:var(--color-primary)}
.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.text-white-1\/2{color:var(--color-white-1d2)}
.opacity-10{opacity:0.1}
.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.transition{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.transition-top{transition-property:top;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.duration-300{transition-duration:300ms}
.duration-500{transition-duration:500ms}
.duration-700{transition-duration:700ms}
/* CSS custom properties */
:root {
  --color-primary: #d32c25;
  --color-gray-850: #272727;
  --color-gray-500: #8b8b8b;
  --color-gray-450: #808080;
  --color-gray-375: #a8a8a8;
  --color-gray-350: #c0c0c0;
  --color-gray-325: #d2d2d2;
  --color-gray-250: #dedede;
  --color-gray-150: #efefef;
  --color-white-1d2: #ffffff80;
  --nav-height: 3.5rem;
  --nav-height-desktop: 7.5rem;
  font-family: "Barlow Semi Condensed", "sans-serif";
}
.hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}
.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}
.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}
.hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}
.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}
.hover\:bg-gray-850:hover{background-color:var(--color-gray-850)}
.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}
.hover\:bg-theme-5xruby:hover{background-color:var(--color-primary)}
.hover\:text-red-800:hover{--tw-text-opacity:1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}
.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.hover\:underline:hover{text-decoration-line:underline}
.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}
.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}
.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246 / var(--tw-ring-opacity, 1))}
@media (min-width: 640px){
.sm\:ml-64{margin-left:16rem}
.sm\:hidden{display:none}
.sm\:max-w-md{max-width:28rem}
.sm\:translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.sm\:rounded-lg{border-radius:0.5rem}
.sm\:p-8{padding:2rem}
.sm\:text-24{font-size:1.5rem}
.sm\:text-2xl{font-size:1.5rem;line-height:2rem}
.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}
@media (min-width: 768px){
.md\:relative{position:relative}
.md\:-top-8{top:-2rem}
.md\:order-1{order:1}
.md\:order-2{order:2}
.md\:col-span-4{grid-column:span 4 / span 4}
.md\:col-span-8{grid-column:span 8 / span 8}
.md\:m-3{margin:0.75rem}
.md\:mx-1{margin-left:0.25rem;margin-right:0.25rem}
.md\:mx-6{margin-left:1.5rem;margin-right:1.5rem}
.md\:mx-8{margin-left:2rem;margin-right:2rem}
.md\:my-10{margin-top:2.5rem;margin-bottom:2.5rem}
.md\:my-12{margin-top:3rem;margin-bottom:3rem}
.md\:my-14{margin-top:3.5rem;margin-bottom:3.5rem}
.md\:my-15{margin-top:3.75rem;margin-bottom:3.75rem}
.md\:my-16{margin-top:4rem;margin-bottom:4rem}
.md\:my-20{margin-top:5rem;margin-bottom:5rem}
.md\:my-4{margin-top:1rem;margin-bottom:1rem}
.md\:my-6{margin-top:1.5rem;margin-bottom:1.5rem}
.md\:-mt-2{margin-top:-0.5rem}
.md\:-mt-32{margin-top:-8rem}
.md\:-mt-40{margin-top:-10rem}
.md\:-mt-48{margin-top:-12rem}
.md\:mb-0{margin-bottom:0px}
.md\:mb-11{margin-bottom:2.75rem}
.md\:mb-12{margin-bottom:3rem}
.md\:mb-15{margin-bottom:3.75rem}
.md\:mb-16{margin-bottom:4rem}
.md\:mb-18{margin-bottom:4.5rem}
.md\:mb-2{margin-bottom:0.5rem}
.md\:mb-2\.5{margin-bottom:0.625rem}
.md\:mb-20{margin-bottom:5rem}
.md\:mb-21{margin-bottom:5.25rem}
.md\:mb-4{margin-bottom:1rem}
.md\:mb-52{margin-bottom:13rem}
.md\:mb-6{margin-bottom:1.5rem}
.md\:mb-7{margin-bottom:1.75rem}
.md\:mr-24{margin-right:6rem}
.md\:mt-0{margin-top:0px}
.md\:mt-10{margin-top:2.5rem}
.md\:mt-16{margin-top:4rem}
.md\:mt-28{margin-top:7rem}
.md\:mt-32{margin-top:8rem}
.md\:mt-6{margin-top:1.5rem}
.md\:block{display:block}
.md\:inline-block{display:inline-block}
.md\:flex{display:flex}
.md\:grid{display:grid}
.md\:hidden{display:none}
.md\:h-12{height:3rem}
.md\:h-144{height:36rem}
.md\:h-20{height:5rem}
.md\:h-24{height:6rem}
.md\:h-80{height:20rem}
.md\:h-96{height:24rem}
.md\:h-auto{height:auto}
.md\:h-screen{height:100vh}
.md\:w-1\/2{width:50%}
.md\:w-1\/3{width:33.333333%}
.md\:w-12{width:3rem}
.md\:w-14{width:3.5rem}
.md\:w-20{width:5rem}
.md\:w-24{width:6rem}
.md\:w-40{width:10rem}
.md\:w-80{width:20rem}
.md\:w-9{width:2.25rem}
.md\:w-auto{width:auto}
.md\:max-w-2xl{max-width:42rem}
.md\:max-w-3xl{max-width:48rem}
.md\:translate-y-40{--tw-translate-y:10rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.md\:transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.md\:grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}
.md\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
.md\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}
.md\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}
.md\:grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}
.md\:flex-row{flex-direction:row}
.md\:flex-row-reverse{flex-direction:row-reverse}
.md\:flex-col{flex-direction:column}
.md\:flex-wrap{flex-wrap:wrap}
.md\:items-start{align-items:flex-start}
.md\:items-center{align-items:center}
.md\:justify-start{justify-content:flex-start}
.md\:justify-end{justify-content:flex-end}
.md\:gap-x-12{-moz-column-gap:3rem;column-gap:3rem}
.md\:gap-y-12{row-gap:3rem}
.md\:space-y-0 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}
.md\:space-y-6 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}
.md\:p-20{padding:5rem}
.md\:p-6{padding:1.5rem}
.md\:p-9{padding:2.25rem}
.md\:px-0{padding-left:0px;padding-right:0px}
.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}
.md\:px-12{padding-left:3rem;padding-right:3rem}
.md\:px-14{padding-left:3.5rem;padding-right:3.5rem}
.md\:px-15{padding-left:3.75rem;padding-right:3.75rem}
.md\:px-18{padding-left:4.5rem;padding-right:4.5rem}
.md\:px-20{padding-left:5rem;padding-right:5rem}
.md\:px-28{padding-left:7rem;padding-right:7rem}
.md\:px-3{padding-left:0.75rem;padding-right:0.75rem}
.md\:px-36{padding-left:9rem;padding-right:9rem}
.md\:px-4{padding-left:1rem;padding-right:1rem}
.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}
.md\:px-8{padding-left:2rem;padding-right:2rem}
.md\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}
.md\:py-12{padding-top:3rem;padding-bottom:3rem}
.md\:py-16{padding-top:4rem;padding-bottom:4rem}
.md\:py-2{padding-top:0.5rem;padding-bottom:0.5rem}
.md\:py-20{padding-top:5rem;padding-bottom:5rem}
.md\:py-30{padding-top:7.5rem;padding-bottom:7.5rem}
.md\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}
.md\:py-8{padding-top:2rem;padding-bottom:2rem}
.md\:py-9{padding-top:2.25rem;padding-bottom:2.25rem}
.md\:pb-10{padding-bottom:2.5rem}
.md\:pb-16{padding-bottom:4rem}
.md\:pb-2{padding-bottom:0.5rem}
.md\:pb-40{padding-bottom:10rem}
.md\:pb-48{padding-bottom:12rem}
.md\:pb-5{padding-bottom:1.25rem}
.md\:pb-8{padding-bottom:2rem}
.md\:pl-4{padding-left:1rem}
.md\:pl-8{padding-left:2rem}
.md\:pr-20{padding-right:5rem}
.md\:pr-8{padding-right:2rem}
.md\:pt-10{padding-top:2.5rem}
.md\:pt-12{padding-top:3rem}
.md\:pt-16{padding-top:4rem}
.md\:pt-20{padding-top:5rem}
.md\:pt-30{padding-top:7.5rem}
.md\:pt-5{padding-top:1.25rem}
.md\:pt-6{padding-top:1.5rem}
.md\:pt-8{padding-top:2rem}
.md\:text-left{text-align:left}
.md\:text-center{text-align:center}
.md\:text-right{text-align:right}
.md\:text-18{font-size:1.125rem}
.md\:text-22{font-size:1.375rem}
.md\:text-24{font-size:1.5rem}
.md\:text-2xl{font-size:1.5rem;line-height:2rem}
.md\:text-30{font-size:1.875rem}
.md\:text-36{font-size:2.25rem}
.md\:text-40{font-size:2.5rem}
.md\:text-5xl{font-size:3rem;line-height:1}
.md\:text-68{font-size:4.25rem}
.md\:text-base{font-size:1rem;line-height:1.5rem}
.md\:text-lg{font-size:1.125rem;line-height:1.75rem}
.md\:text-xl{font-size:1.25rem;line-height:1.75rem}
.md\:font-medium{font-weight:500}
.md\:font-normal{font-weight:400}
.md\:font-semibold{font-weight:600}
.md\:uppercase{text-transform:uppercase}
.md\:leading-10{line-height:2.5rem}
.md\:leading-11{line-height:2.75rem}
.md\:leading-14{line-height:3.5rem}
.md\:leading-17{line-height:4.25rem}
.md\:leading-loose{line-height:2}}
@media (min-width: 1024px){
.lg\:col-span-3{grid-column:span 3 / span 3}
.lg\:col-span-9{grid-column:span 9 / span 9}
.lg\:mx-20{margin-left:5rem;margin-right:5rem}
.lg\:mx-3{margin-left:0.75rem;margin-right:0.75rem}
.lg\:my-20{margin-top:5rem;margin-bottom:5rem}
.lg\:-mt-2{margin-top:-0.5rem}
.lg\:mb-11{margin-bottom:2.75rem}
.lg\:mb-6{margin-bottom:1.5rem}
.lg\:ml-16{margin-left:4rem}
.lg\:block{display:block}
.lg\:hidden{display:none}
.lg\:w-16{width:4rem}
.lg\:max-w-4xl{max-width:56rem}
.lg\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}
.lg\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}
.lg\:p-10{padding:2.5rem}
.lg\:p-2{padding:0.5rem}
.lg\:p-4{padding:1rem}
.lg\:px-16{padding-left:4rem;padding-right:4rem}
.lg\:px-18{padding-left:4.5rem;padding-right:4.5rem}
.lg\:px-20{padding-left:5rem;padding-right:5rem}
.lg\:px-5{padding-left:1.25rem;padding-right:1.25rem}
.lg\:py-0{padding-top:0px;padding-bottom:0px}
.lg\:py-15{padding-top:3.75rem;padding-bottom:3.75rem}
.lg\:py-23{padding-top:5.75rem;padding-bottom:5.75rem}
.lg\:py-28{padding-top:7rem;padding-bottom:7rem}
.lg\:pl-3{padding-left:0.75rem}
.lg\:text-22{font-size:1.375rem}
.lg\:text-24{font-size:1.5rem}
.lg\:text-6xl{font-size:3.75rem;line-height:1}
.lg\:text-8xl{font-size:6rem;line-height:1}
.lg\:text-\[1\.75rem\]{font-size:1.75rem}
.lg\:text-xl{font-size:1.25rem;line-height:1.75rem}}
@media (min-width: 1280px){
.xl\:grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}
.xl\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}
.xl\:gap-x-7{-moz-column-gap:1.75rem;column-gap:1.75rem}
.xl\:p-0{padding:0px}
.xl\:px-0{padding-left:0px;padding-right:0px}
.xl\:px-32{padding-left:8rem;padding-right:8rem}
.xl\:text-30{font-size:1.875rem}
.xl\:text-5xl{font-size:3rem;line-height:1}
.xl\:text-68{font-size:4.25rem}}