/* 基础样式重置 */

/* @tailwind base; */

/* 由于 tailwind base 中的样式会覆盖 block编辑的样式，故这里屏蔽 base，只取回 base中 最基础的内容 */

/* 组件 */

.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;
  }
}

.cbox{
  width:clamp(320px, calc(100% - 1rem), 1300px);
}

.cbox-2{
  width:clamp(320px, calc(100% - 1rem), 1400px);
}

/* 左边框半高 2025-09-11 15:33:12 */

/* 工具 */

.fixed{
  position:fixed;
}

.absolute{
  position:absolute;
}

.relative{
  position:relative;
}

.sticky{
  position:sticky;
}

.bottom-0{
  bottom:0px;
}

.bottom-4{
  bottom:1rem;
}

.bottom-\[40vh\]{
  bottom:40vh;
}

.bottom-\[50\%\]{
  bottom:50%;
}

.left-0{
  left:0px;
}

.right-0{
  right:0px;
}

.right-2{
  right:0.5rem;
}

.right-4{
  right:1rem;
}

.top-0{
  top:0px;
}

.top-1\/2{
  top:50%;
}

.top-4{
  top:1rem;
}

.top-\[50\%\]{
  top:50%;
}

.top-\[var\(--header-height\)\]{
  top:var(--header-height);
}

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

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

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

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

.z-\[10000\]{
  z-index:10000;
}

.order-3{
  order:3;
}

.col-span-2{
  grid-column:span 2 / span 2;
}

.row-span-3{
  grid-row:span 3 / span 3;
}

.m-36{
  margin:9rem;
}

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

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

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

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

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

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

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

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

.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;
}

.flex{
  display:flex;
}

.grid{
  display:grid;
}

.hidden{
  display:none;
}

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

.aspect-\[10\/1\]{
  aspect-ratio:10/1;
}

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

.aspect-\[2\/1\]{
  aspect-ratio:2/1;
}

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

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

.aspect-\[4\/1\]{
  aspect-ratio:4/1;
}

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

.aspect-\[5\/3\]{
  aspect-ratio:5/3;
}

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

.\!h-auto{
  height:auto !important;
}

.h-1{
  height:0.25rem;
}

.h-12{
  height:3rem;
}

.h-14{
  height:3.5rem;
}

.h-3{
  height:0.75rem;
}

.h-6{
  height:1.5rem;
}

.h-8{
  height:2rem;
}

.h-\[5px\]{
  height:5px;
}

.h-full{
  height:100%;
}

.max-h-12{
  max-height:3rem;
}

.min-h-\[30vh\]{
  min-height:30vh;
}

.min-h-\[60vh\]{
  min-height:60vh;
}

.min-h-\[70vh\]{
  min-height:70vh;
}

.min-h-screen{
  min-height:100vh;
}

.w-1\/3{
  width:33.333333%;
}

.w-1\/4{
  width:25%;
}

.w-1\/5{
  width:20%;
}

.w-10{
  width:2.5rem;
}

.w-12{
  width:3rem;
}

.w-2\/3{
  width:66.666667%;
}

.w-3\/4{
  width:75%;
}

.w-32{
  width:8rem;
}

.w-4{
  width:1rem;
}

.w-6{
  width:1.5rem;
}

.w-8{
  width:2rem;
}

.w-\[4rem\]{
  width:4rem;
}

.w-\[70\%\]{
  width:70%;
}

.w-\[80\%\]{
  width:80%;
}

.w-\[87\.5\%\]{
  width:87.5%;
}

.w-full{
  width:100%;
}

.w-screen{
  width:100vw;
}

.min-w-\[30\%\]{
  min-width:30%;
}

.max-w-\[70\%\]{
  max-width:70%;
}

.max-w-\[80\%\]{
  max-width:80%;
}

.max-w-\[90\%\]{
  max-width:90%;
}

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

.flex-none{
  flex:none;
}

.-translate-x-4{
  --tw-translate-x:-1rem;
  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-4{
  --tw-translate-y:-1rem;
  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-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));
}

.translate-y-\[-50\%\]{
  --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));
}

.translate-y-\[50\%\]{
  --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;
}

.list-decimal{
  list-style-type:decimal;
}

.list-none{
  list-style-type:none;
}

.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;
}

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

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

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

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

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

.gap-0{
  gap:0px;
}

.gap-1{
  gap:0.25rem;
}

.gap-10{
  gap:2.5rem;
}

.gap-16{
  gap:4rem;
}

.gap-2{
  gap:0.5rem;
}

.gap-3{
  gap:0.75rem;
}

.gap-4{
  gap:1rem;
}

.gap-8{
  gap:2rem;
}

.gap-\[1px\]{
  gap:1px;
}

.overflow-hidden{
  overflow:hidden;
}

.overflow-y-auto{
  overflow-y:auto;
}

.overflow-x-scroll{
  overflow-x:scroll;
}

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

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

.rounded{
  border-radius:0.25rem;
}

.rounded-full{
  border-radius:9999px;
}

.rounded-lg{
  border-radius:0.5rem;
}

.rounded-xl{
  border-radius:0.75rem;
}

.rounded-t-lg{
  border-top-left-radius:0.5rem;
  border-top-right-radius:0.5rem;
}

.rounded-tr-lg{
  border-top-right-radius:0.5rem;
}

.border{
  border-width:1px;
}

.border-b{
  border-bottom-width:1px;
}

.border-b-2{
  border-bottom-width:2px;
}

.border-t{
  border-top-width:1px;
}

.border-t-2{
  border-top-width:2px;
}

.border-t-8{
  border-top-width:8px;
}

.border-dashed{
  border-style:dashed;
}

.border-\[\#aaa\]{
  --tw-border-opacity:1;
  border-color:rgb(170 170 170 / var(--tw-border-opacity));
}

.border-\[var\(--dark-75\)\]{
  border-color:var(--dark-75);
}

.border-\[var\(--dark-color-75\)\]{
  border-color:var(--dark-color-75);
}

.border-\[var\(--link-color\)\]{
  border-color:var(--link-color);
}

.border-black\/10{
  border-color:rgb(0 0 0 / 0.1);
}

.border-black\/25{
  border-color:rgb(0 0 0 / 0.25);
}

.border-black\/50{
  border-color:rgb(0 0 0 / 0.5);
}

.\!bg-black\/75{
  background-color:rgb(0 0 0 / 0.75) !important;
}

.\!bg-black\/90{
  background-color:rgb(0 0 0 / 0.9) !important;
}

.bg-\[\#00192b\]{
  --tw-bg-opacity:1;
  background-color:rgb(0 25 43 / var(--tw-bg-opacity));
}

.bg-\[\#f5f5f5\]{
  --tw-bg-opacity:1;
  background-color:rgb(245 245 245 / var(--tw-bg-opacity));
}

.bg-\[var\(--bgc\)\]{
  background-color:var(--bgc);
}

.bg-\[var\(--dark-color-50\)\]{
  background-color:var(--dark-color-50);
}

.bg-\[var\(--dark-color-75\)\]{
  background-color:var(--dark-color-75);
}

.bg-\[var\(--hover-bg\)\]{
  background-color:var(--hover-bg);
}

.bg-\[var\(--hover-color\)\]{
  background-color:var(--hover-color);
}

.bg-\[var\(--link-color\)\]{
  background-color:var(--link-color);
}

.bg-black{
  --tw-bg-opacity:1;
  background-color:rgb(0 0 0 / var(--tw-bg-opacity));
}

.bg-black\/10{
  background-color:rgb(0 0 0 / 0.1);
}

.bg-black\/20{
  background-color:rgb(0 0 0 / 0.2);
}

.bg-black\/25{
  background-color:rgb(0 0 0 / 0.25);
}

.bg-black\/30{
  background-color:rgb(0 0 0 / 0.3);
}

.bg-black\/5{
  background-color:rgb(0 0 0 / 0.05);
}

.bg-black\/75{
  background-color:rgb(0 0 0 / 0.75);
}

.bg-black\/80{
  background-color:rgb(0 0 0 / 0.8);
}

.bg-blue-600{
  --tw-bg-opacity:1;
  background-color:rgb(37 99 235 / var(--tw-bg-opacity));
}

.bg-blue-700{
  --tw-bg-opacity:1;
  background-color:rgb(29 78 216 / var(--tw-bg-opacity));
}

.bg-gray-200{
  --tw-bg-opacity:1;
  background-color:rgb(229 231 235 / var(--tw-bg-opacity));
}

.bg-gray-200\/20{
  background-color:rgb(229 231 235 / 0.2);
}

.bg-gray-600{
  --tw-bg-opacity:1;
  background-color:rgb(75 85 99 / var(--tw-bg-opacity));
}

.bg-green-600{
  --tw-bg-opacity:1;
  background-color:rgb(22 163 74 / var(--tw-bg-opacity));
}

.bg-indigo-600{
  --tw-bg-opacity:1;
  background-color:rgb(79 70 229 / var(--tw-bg-opacity));
}

.bg-purple-600{
  --tw-bg-opacity:1;
  background-color:rgb(147 51 234 / var(--tw-bg-opacity));
}

.bg-red-600{
  --tw-bg-opacity:1;
  background-color:rgb(220 38 38 / var(--tw-bg-opacity));
}

.bg-sky-600{
  --tw-bg-opacity:1;
  background-color:rgb(2 132 199 / var(--tw-bg-opacity));
}

.bg-white{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-white\/10{
  background-color:rgb(255 255 255 / 0.1);
}

.bg-white\/75{
  background-color:rgb(255 255 255 / 0.75);
}

.bg-white\/85{
  background-color:rgb(255 255 255 / 0.85);
}

.bg-\[url\(\/static\/images\/index-factory-scene\.webp\)\]{
  background-image:url(/static/images/index-factory-scene.webp);
}

.bg-\[url\(\/static\/images\/product-bgp\.webp\)\]{
  background-image:url(/static/images/product-bgp.webp);
}

.bg-gradient-to-r{
  background-image:linear-gradient(to right, var(--tw-gradient-stops));
}

.from-cyan-500{
  --tw-gradient-from:#06b6d4 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(6 182 212 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-white{
  --tw-gradient-to:#fff var(--tw-gradient-to-position);
}

.bg-cover{
  background-size:cover;
}

.bg-bottom{
  background-position:bottom;
}

.bg-center{
  background-position:center;
}

.bg-right-top{
  background-position:right top;
}

.bg-top{
  background-position:top;
}

.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-20{
  padding:5rem;
}

.p-4{
  padding:1rem;
}

.p-6{
  padding:1.5rem;
}

.p-8{
  padding:2rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.font-\[\'font-2\'\]{
  font-family:'font-2';
}

.\!text-3xl{
  font-size:1.875rem !important;
  line-height:2.25rem !important;
}

.\!text-4xl{
  font-size:2.25rem !important;
  line-height:2.5rem !important;
}

.\!text-\[1\.25rem\]{
  font-size:1.25rem !important;
}

.\!text-\[1\.75rem\]{
  font-size:1.75rem !important;
}

.\!text-xl{
  font-size:1.25rem !important;
  line-height:1.75rem !important;
}

.text-2xl{
  font-size:1.5rem;
  line-height:2rem;
}

.text-\[\.8rem\]{
  font-size:.8rem;
}

.text-\[1\.25rem\]{
  font-size:1.25rem;
}

.text-\[1rem\]{
  font-size:1rem;
}

.text-\[3rem\]{
  font-size:3rem;
}

.text-base{
  font-size:1rem;
  line-height:1.5rem;
}

.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-semibold{
  font-weight:600;
}

.\!leading-\[1\]{
  line-height:1 !important;
}

.leading-\[2\.5\]{
  line-height:2.5;
}

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

.tracking-\[\.1rem\]{
  letter-spacing:.1rem;
}

.\!text-white{
  --tw-text-opacity:1 !important;
  color:rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.text-\[--black-30\]{
  color:var(--black-30);
}

.text-\[--black-40\]{
  color:var(--black-40);
}

.text-\[--color\]{
  color:var(--color);
}

.text-\[var\(--color\)\]{
  color:var(--color);
}

.text-\[var\(--dark-color-50\)\]{
  color:var(--dark-color-50);
}

.text-\[var\(--dark-color-75\)\]{
  color:var(--dark-color-75);
}

.text-\[var\(--hover-color\)\]{
  color:var(--hover-color);
}

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

.text-\[var\(--link-color\)\]{
  color:var(--link-color);
}

.text-black{
  --tw-text-opacity:1;
  color:rgb(0 0 0 / var(--tw-text-opacity));
}

.text-black\/75{
  color:rgb(0 0 0 / 0.75);
}

.text-black\/80{
  color:rgb(0 0 0 / 0.8);
}

.text-black\/90{
  color:rgb(0 0 0 / 0.9);
}

.text-gray-600{
  --tw-text-opacity:1;
  color:rgb(75 85 99 / var(--tw-text-opacity));
}

.text-green-600{
  --tw-text-opacity:1;
  color:rgb(22 163 74 / var(--tw-text-opacity));
}

.text-red-600{
  --tw-text-opacity:1;
  color:rgb(220 38 38 / var(--tw-text-opacity));
}

.text-white{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity));
}

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

.\!no-underline{
  text-decoration-line:none !important;
}

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

.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-2xl{
  --tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored:0 25px 50px -12px 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);
}

.outline-0{
  outline-width:0px;
}

.brightness-50{
  --tw-brightness:brightness(.5);
  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);
}

.brightness-75{
  --tw-brightness:brightness(.75);
  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);
}

.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, -webkit-backdrop-filter;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  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;
}

/* 非原子类写在下面 chy 2023-12-13 14:09:04 */

/* @import url(../../css/style.css); */

.h1, .h2, .h3, .h4, .h5, .h6{
  line-height: 1.5;
}

.h1 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 700;
}

@media (min-width: 1200px) {
  .h1 {
    font-size: 2.5rem;
  }
}

.h2 {
  font-size: calc(1.325rem + 0.9vw);
  font-weight: 600;
}

@media (min-width: 1200px) {
  .h2 {
    font-size: 2rem;
    font-weight: 600;
  }
}

.h3 {
  font-size: calc(1.3rem + 0.6vw);
  font-weight: 500;
}

@media (min-width: 1200px) {
  .h3 {
    font-size: 1.75rem;
  }
}

h4, .h4 {
  font-size: calc(1.275rem + 0.3vw);
  font-weight: 500;
}

@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.5rem;
  }
}

h5, .h5 {
  font-size: 1.5rem;
  font-weight: 500;
}

h6, .h6 {
  font-size: 1rem;
  font-weight: 500;
}

@media (min-width: 1024px){
  .lg\:cbox{
    width:clamp(320px, calc(100% - 1rem), 1300px);
  }

  .lg\:border-left-50 {
    background: linear-gradient(to right,
    #CCC 4px,
    transparent 4px
  ) no-repeat;
    background-size: 2px 50%;
    background-position: left center;
  }
}

.marker\:w-2 *::marker{
  width:0.5rem;
}

.marker\:\!text-sm *::marker{
  font-size:0.875rem !important;
  line-height:1.25rem !important;
}

.marker\:text-\[1\.25rem\] *::marker{
  font-size:1.25rem;
}

.marker\:text-\[var\(--link-color\)\] *::marker{
  color:var(--link-color);
}

.marker\:w-2::marker{
  width:0.5rem;
}

.marker\:\!text-sm::marker{
  font-size:0.875rem !important;
  line-height:1.25rem !important;
}

.marker\:text-\[1\.25rem\]::marker{
  font-size:1.25rem;
}

.marker\:text-\[var\(--link-color\)\]::marker{
  color:var(--link-color);
}

.before\:text-4xl::before{
  content:var(--tw-content);
  font-size:2.25rem;
  line-height:2.5rem;
}

.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\:rotate-\[360deg\]:hover{
  --tw-rotate:360deg;
  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-150:hover{
  --tw-scale-x:1.5;
  --tw-scale-y:1.5;
  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-\[1\.1\]: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-\[var\(--hover-color\)\]:hover{
  background-color:var(--hover-color);
}

.hover\:bg-\[var\(--link-color\)\]:hover{
  background-color:var(--link-color);
}

.hover\:bg-blue-900:hover{
  --tw-bg-opacity:1;
  background-color:rgb(30 58 138 / var(--tw-bg-opacity));
}

.hover\:bg-green-700:hover{
  --tw-bg-opacity:1;
  background-color:rgb(21 128 61 / var(--tw-bg-opacity));
}

.hover\:bg-red-700:hover{
  --tw-bg-opacity:1;
  background-color:rgb(185 28 28 / var(--tw-bg-opacity));
}

.hover\:bg-sky-700:hover{
  --tw-bg-opacity:1;
  background-color:rgb(3 105 161 / var(--tw-bg-opacity));
}

.hover\:text-\[var\(--hover-color\)\]:hover{
  color:var(--hover-color);
}

.hover\:text-\[var\(--link-color\)\]:hover{
  color:var(--link-color);
}

.hover\:text-white:hover{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity));
}

.hover\:no-underline:hover{
  text-decoration-line:none;
}

.group:hover .group-hover\:float-right{
  float:right;
}

.group:hover .group-hover\:scale-\[1\.1\]{
  --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));
}

.group:hover .group-hover\:bg-black\/75{
  background-color:rgb(0 0 0 / 0.75);
}

.group:hover .group-hover\:bg-white{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:text-\[var\(--link-color\)\]{
  color:var(--link-color);
}

.group:hover .group-hover\:no-underline{
  text-decoration-line:none;
}

.group:hover .group-hover\:brightness-75{
  --tw-brightness:brightness(.75);
  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);
}

@media (min-width: 768px){
  .md\:hidden{
    display:none;
  }

  .md\:h-20{
    height:5rem;
  }

  .md\:grid-cols-2{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .md\:gap-2{
    gap:0.5rem;
  }

  .md\:gap-4{
    gap:1rem;
  }

  .md\:gap-6{
    gap:1.5rem;
  }

  .md\:p-10{
    padding:2.5rem;
  }

  .md\:p-8{
    padding:2rem;
  }

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

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

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

  .md\:text-3xl{
    font-size:1.875rem;
    line-height:2.25rem;
  }
}

@media (min-width: 1024px){
  .lg\:absolute{
    position:absolute;
  }

  .lg\:-bottom-8{
    bottom:-2rem;
  }

  .lg\:-left-8{
    left:-2rem;
  }

  .lg\:bottom-4{
    bottom:1rem;
  }

  .lg\:left-0{
    left:0px;
  }

  .lg\:left-4{
    left:1rem;
  }

  .lg\:right-20{
    right:5rem;
  }

  .lg\:right-auto{
    right:auto;
  }

  .lg\:top-0{
    top:0px;
  }

  .lg\:top-20{
    top:5rem;
  }

  .lg\:order-4{
    order:4;
  }

  .lg\:col-span-1{
    grid-column:span 1 / span 1;
  }

  .lg\:col-span-2{
    grid-column:span 2 / span 2;
  }

  .lg\:float-right{
    float:right;
  }

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

  .lg\:mb-6{
    margin-bottom:1.5rem;
  }

  .lg\:mb-8{
    margin-bottom:2rem;
  }

  .lg\:mt-0{
    margin-top:0px;
  }

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

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

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

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

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

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

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

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

  .lg\:block{
    display:block;
  }

  .lg\:inline-block{
    display:inline-block;
  }

  .lg\:inline{
    display:inline;
  }

  .lg\:flex{
    display:flex;
  }

  .lg\:hidden{
    display:none;
  }

  .lg\:aspect-\[1\/1\]{
    aspect-ratio:1/1;
  }

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

  .lg\:aspect-\[3\/1\]{
    aspect-ratio:3/1;
  }

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

  .lg\:aspect-\[5\/1\]{
    aspect-ratio:5/1;
  }

  .lg\:h-8{
    height:2rem;
  }

  .lg\:h-full{
    height:100%;
  }

  .lg\:min-h-\[30vh\]{
    min-height:30vh;
  }

  .lg\:min-h-fit{
    min-height:-moz-fit-content;
    min-height:fit-content;
  }

  .lg\:w-1\/2{
    width:50%;
  }

  .lg\:w-1\/3{
    width:33.333333%;
  }

  .lg\:w-1\/4{
    width:25%;
  }

  .lg\:w-12{
    width:3rem;
  }

  .lg\:w-2\/5{
    width:40%;
  }

  .lg\:w-3\/4{
    width:75%;
  }

  .lg\:w-3\/5{
    width:60%;
  }

  .lg\:w-4\/5{
    width:80%;
  }

  .lg\:w-8{
    width:2rem;
  }

  .lg\:w-\[25\%\]{
    width:25%;
  }

  .lg\:w-\[30\%\]{
    width:30%;
  }

  .lg\:w-\[45\%\]{
    width:45%;
  }

  .lg\:w-\[50\%\]{
    width:50%;
  }

  .lg\:w-\[55\%\]{
    width:55%;
  }

  .lg\:w-\[70\%\]{
    width:70%;
  }

  .lg\:w-\[75\%\]{
    width:75%;
  }

  .lg\:w-auto{
    width:auto;
  }

  .lg\:w-full{
    width:100%;
  }

  .lg\:-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));
  }

  .lg\:translate-y-\[50\%\]{
    --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));
  }

  @keyframes bounce{
    0%, 100%{
      transform:translateY(-25%);
      animation-timing-function:cubic-bezier(0.8,0,1,1);
    }

    50%{
      transform:none;
      animation-timing-function:cubic-bezier(0,0,0.2,1);
    }
  }

  .lg\:animate-bounce{
    animation:bounce 1s infinite;
  }

  .lg\:grid-cols-1{
    grid-template-columns:repeat(1, minmax(0, 1fr));
  }

  .lg\:grid-cols-2{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .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\:flex-row{
    flex-direction:row;
  }

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

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

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

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

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

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

  .lg\:gap-0{
    gap:0px;
  }

  .lg\:gap-10{
    gap:2.5rem;
  }

  .lg\:gap-12{
    gap:3rem;
  }

  .lg\:gap-16{
    gap:4rem;
  }

  .lg\:gap-2{
    gap:0.5rem;
  }

  .lg\:gap-20{
    gap:5rem;
  }

  .lg\:gap-4{
    gap:1rem;
  }

  .lg\:gap-40{
    gap:10rem;
  }

  .lg\:gap-6{
    gap:1.5rem;
  }

  .lg\:gap-8{
    gap:2rem;
  }

  .lg\:gap-1{
    gap:0.25rem;
  }

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

  .lg\:overflow-hidden{
    overflow:hidden;
  }

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

  .lg\:border-0{
    border-width:0px;
  }

  .lg\:bg-black\/30{
    background-color:rgb(0 0 0 / 0.3);
  }

  .lg\:bg-black\/5{
    background-color:rgb(0 0 0 / 0.05);
  }

  .lg\:bg-black\/70{
    background-color:rgb(0 0 0 / 0.7);
  }

  .lg\:bg-transparent{
    background-color:transparent;
  }

  .lg\:bg-white{
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255 / var(--tw-bg-opacity));
  }

  .lg\:bg-white\/10{
    background-color:rgb(255 255 255 / 0.1);
  }

  .lg\:bg-white\/75{
    background-color:rgb(255 255 255 / 0.75);
  }

  .lg\:p-0{
    padding:0px;
  }

  .lg\:p-10{
    padding:2.5rem;
  }

  .lg\:p-12{
    padding:3rem;
  }

  .lg\:p-16{
    padding:4rem;
  }

  .lg\:p-2{
    padding:0.5rem;
  }

  .lg\:p-20{
    padding:5rem;
  }

  .lg\:p-4{
    padding:1rem;
  }

  .lg\:p-6{
    padding:1.5rem;
  }

  .lg\:p-8{
    padding:2rem;
  }

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

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

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

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

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

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

  .lg\:py-0{
    padding-top:0px;
    padding-bottom:0px;
  }

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

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

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

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

  .lg\:py-36{
    padding-top:9rem;
    padding-bottom:9rem;
  }

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

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

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

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

  .lg\:\!pl-6{
    padding-left:1.5rem !important;
  }

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

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

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

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

  .lg\:pt-0{
    padding-top:0px;
  }

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

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

  .lg\:pt-28{
    padding-top:7rem;
  }

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

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

  .lg\:\!text-2xl{
    font-size:1.5rem !important;
    line-height:2rem !important;
  }

  .lg\:\!text-4xl{
    font-size:2.25rem !important;
    line-height:2.5rem !important;
  }

  .lg\:text-2xl{
    font-size:1.5rem;
    line-height:2rem;
  }

  .lg\:text-3xl{
    font-size:1.875rem;
    line-height:2.25rem;
  }

  .lg\:text-4xl{
    font-size:2.25rem;
    line-height:2.5rem;
  }

  .lg\:text-5xl{
    font-size:3rem;
    line-height:1;
  }

  .lg\:text-\[1\.25rem\]{
    font-size:1.25rem;
  }

  .lg\:text-\[1\.75rem\]{
    font-size:1.75rem;
  }

  .lg\:text-\[1rem\]{
    font-size:1rem;
  }

  .lg\:text-\[2\.5rem\]{
    font-size:2.5rem;
  }

  .lg\:text-base{
    font-size:1rem;
    line-height:1.5rem;
  }

  .lg\:text-xl{
    font-size:1.25rem;
    line-height:1.75rem;
  }

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

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

  .lg\:\!leading-\[1\.5\]{
    line-height:1.5 !important;
  }

  .lg\:leading-\[2\.3\]{
    line-height:2.3;
  }

  .lg\:leading-\[2\.5\]{
    line-height:2.5;
  }

  .lg\:leading-\[4\.5\]{
    line-height:4.5;
  }

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

  .lg\:opacity-0{
    opacity:0;
  }

  .lg\: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);
  }

  .lg\:transition-transform{
    transition-property:transform;
    transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration:150ms;
  }

  .lg\:marker\:\!text-xl *::marker{
    font-size:1.25rem !important;
    line-height:1.75rem !important;
  }

  .lg\:marker\:\!text-xl::marker{
    font-size:1.25rem !important;
    line-height:1.75rem !important;
  }

  .lg\:hover\:scale-\[1\.1\]: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));
  }

  .lg\:hover\:animate-none:hover{
    animation:none;
  }

  .lg\:hover\:bg-\[var\(--link-color\)\]:hover{
    background-color:var(--link-color);
  }

  .lg\:hover\:text-white:hover{
    --tw-text-opacity:1;
    color:rgb(255 255 255 / var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:block{
    display:block;
  }

  .group:hover .lg\:group-hover\:scale-\[1\.1\]{
    --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));
  }

  .group:hover .lg\:group-hover\:bg-\[var\(--link-color\)\]{
    background-color:var(--link-color);
  }

  .group:hover .lg\:group-hover\:bg-black\/75{
    background-color:rgb(0 0 0 / 0.75);
  }

  .group:hover .lg\:group-hover\:text-\[var\(--red-base\)\]{
    color:var(--red-base);
  }

  .group:hover .lg\:group-hover\:text-white{
    --tw-text-opacity:1;
    color:rgb(255 255 255 / var(--tw-text-opacity));
  }

  .group:hover .lg\:group-hover\:opacity-100{
    opacity:1;
  }

  .group:hover .lg\:group-hover\:brightness-75{
    --tw-brightness:brightness(.75);
    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);
  }
}

@media (min-width: 1280px){
  .xl\:mt-6{
    margin-top:1.5rem;
  }

  .xl\:flex{
    display:flex;
  }

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

  .xl\:gap-16{
    gap:4rem;
  }

  .xl\:gap-20{
    gap:5rem;
  }

  .xl\:gap-8{
    gap:2rem;
  }

  .xl\:p-12{
    padding:3rem;
  }

  .xl\:p-16{
    padding:4rem;
  }

  .xl\:text-4xl{
    font-size:2.25rem;
    line-height:2.5rem;
  }

  .xl\:text-5xl{
    font-size:3rem;
    line-height:1;
  }
}

@media (min-width: 1536px){
  .\32xl\:h-24{
    height:6rem;
  }

  .\32xl\:text-6xl{
    font-size:3.75rem;
    line-height:1;
  }
}