.tsco-reference-industrial,.tsco-reference-industrial{ --font-sans: "Cairo",sans-serif; --font-mono: var(--font-geist-mono); --color-white: #fff; --spacing: .25rem; --container-xs: 20rem; --container-2xl: 42rem; --text-xs: .875rem; --text-xs--line-height: calc(1/.75); --text-sm: 1rem; --text-sm--line-height: calc(1.25/.875); --text-base: 1rem; --text-base--line-height: 1.5; --text-lg: 1.125rem; --text-lg--line-height: calc(1.75/1.125); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2/1.5); --text-3xl: 1.875rem; --text-3xl--line-height: 1.2; --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5/2.25); --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --tracking-tight: -.025em; --leading-tight: 1.25; --leading-snug: 1.375; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4,0,.2,1); --default-font-family: var(--font-sans); --default-font-feature-settings: var(--font-sans--font-feature-settings); --default-font-variation-settings: var(--font-sans--font-variation-settings); --default-mono-font-family: var(--font-mono); --default-mono-font-feature-settings: var(--font-mono--font-feature-settings); --default-mono-font-variation-settings: var(--font-mono--font-variation-settings); }
.tsco-reference-industrial :is(*){ border-color: var(--border); outline-color: color-mix(in oklab,var(--ring)50%,transparent); }
.tsco-reference-industrial,.tsco-reference-industrial, #root{ overscroll-behavior-x: none; width: 100%; min-height: 100%; margin: 0px; padding: 0px; }
.tsco-reference-industrial :is(h1, h2, h3, h4, h5, h6){ font-family: Cairo, sans-serif; }
@layer components;
.tsco-reference-industrial{ box-sizing: border-box; overscroll-behavior-x: none; background: rgb(255, 255, 255); width: 100%; height: 100%; min-height: 100vh; margin: 0px; padding: 0px; font-family: Cairo, sans-serif; display: flex; overflow: auto; }
.tsco-reference-industrial{ --radius: .625rem; --background: oklch(1 0 0); --foreground: oklch(.145 0 0); --card: oklch(1 0 0); --card-foreground: oklch(.145 0 0); --popover: oklch(1 0 0); --popover-foreground: oklch(.145 0 0); --primary: oklch(.205 0 0); --primary-foreground: oklch(.985 0 0); --secondary: oklch(.97 0 0); --secondary-foreground: oklch(.205 0 0); --muted: oklch(.97 0 0); --muted-foreground: oklch(.556 0 0); --accent: oklch(.97 0 0); --accent-foreground: oklch(.205 0 0); --destructive: oklch(.577 .245 27.325); --border: oklch(.922 0 0); --input: oklch(.922 0 0); --ring: oklch(.708 0 0); --sidebar-ring: oklch(.708 0 0); --sidebar-border: oklch(.922 0 0); --sidebar-accent-foreground: oklch(.205 0 0); --sidebar-accent: oklch(.97 0 0); --sidebar-primary-foreground: oklch(.985 0 0); --sidebar-primary: oklch(.205 0 0); --sidebar-foreground: oklch(.145 0 0); --sidebar: oklch(.985 0 0); }
.tsco-reference-industrial :is(.dark){ --background: oklch(.145 0 0); --foreground: oklch(.985 0 0); --card: oklch(.205 0 0); --card-foreground: oklch(.985 0 0); --popover: oklch(.205 0 0); --popover-foreground: oklch(.985 0 0); --primary: oklch(.922 0 0); --primary-foreground: oklch(.205 0 0); --secondary: oklch(.269 0 0); --secondary-foreground: oklch(.985 0 0); --muted: oklch(.269 0 0); --muted-foreground: oklch(.708 0 0); --accent: oklch(.269 0 0); --accent-foreground: oklch(.985 0 0); --destructive: oklch(.704 .191 22.216); --border: oklch(1 0 0/10%); --input: oklch(1 0 0/15%); --ring: oklch(.556 0 0); --chart-1: oklch(.488 .243 264.376); --chart-2: oklch(.696 .17 162.48); --chart-3: oklch(.769 .188 70.08); --chart-4: oklch(.627 .265 303.9); --chart-5: oklch(.645 .246 16.439); --sidebar: oklch(.205 0 0); --sidebar-foreground: oklch(.985 0 0); --sidebar-primary: oklch(.488 .243 264.376); --sidebar-primary-foreground: oklch(.985 0 0); --sidebar-accent: oklch(.269 0 0); --sidebar-accent-foreground: oklch(.985 0 0); --sidebar-border: oklch(1 0 0/10%); --sidebar-ring: oklch(.556 0 0); }
.tsco-reference-industrial :is(img.broken-image-fallback){ object-fit: none; object-position: center center; background: rgb(249, 250, 251); border: 1px solid rgb(229, 231, 235); animation: 0.3s ease-in-out 0s 1 normal none running fadeIn; display: inline-block; position: relative; }
.tsco-reference-industrial :is(.dark img.broken-image-fallback){ background: rgb(31, 41, 55); border-color: rgb(55, 65, 81); }
@keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-gradient-position { syntax: "*"; inherits: false; }
@property --tw-gradient-from { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-via { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-to { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-via-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-from-position { syntax: "<length-percentage>"; inherits: false; initial-value: 0%; }
@property --tw-gradient-via-position { syntax: "<length-percentage>"; inherits: false; initial-value: 50%; }
@property --tw-gradient-to-position { syntax: "<length-percentage>"; inherits: false; initial-value: 100%; }
@property --tw-leading { syntax: "*"; inherits: false; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-tracking { syntax: "*"; inherits: false; }
@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-shadow-color { syntax: "*"; inherits: false; }
@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
@property --tw-ring-color { syntax: "*"; inherits: false; }
@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-ring-inset { syntax: "*"; inherits: false; }
@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0; }
@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-duration { syntax: "*"; inherits: false; }
@property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; }
.tsco-reference-industrial :is(.mp-banner){ animation: 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) 0s 1 normal forwards running mp-fade-in; }
.tsco-reference-industrial :is(.mp-banner.mp-hidden){ animation: 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) 0s 1 normal forwards running mp-fade-out; pointer-events: none; }
@media (max-width: 480px) {.tsco-reference-industrial :is(.mp-brand-text){ display: none !important; }
.tsco-reference-industrial :is(.mp-pill){ gap: 12px !important; }
.tsco-reference-industrial :is(.mp-right-side){ gap: 12px !important; }}
.tsco-reference-industrial{display:block;width:100%;height:auto;overflow:visible;font-family:Cairo,Arial,sans-serif;line-height:1.5;}