@import"https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700;800&family=Inder&display=swap";@custom-variant dark (&:is(.dark *));:root{--lop-navy: #15172C;--lop-navy-deep: #0D0F1E;--lop-navy-mid: #1E2340;--lop-navy-action: #10152B;--lop-azure: #3671D9;--lop-azure-hover: #2558B8;--lop-azure-light: #EBF2FF;--lop-azure-pale: #F0F5FF;--industrial-red: var(--lop-navy);--industrial-red-hover: var(--lop-navy-deep);--brand-blue: var(--lop-azure);--brand-blue-hover: var(--lop-azure-hover);--brand-blue-light: var(--lop-azure-light);--dark-gray-bg: var(--lop-navy);--gray-bg: var(--lop-azure-pale);--success-green: #10B981;--warning-yellow: #F59E0B;--error-red: #EF4444;--info-blue: #3B82F6;--stock-color-in: #2E7D32;--stock-color-low: #F59E0B;--stock-color-backorder: #9CA3AF;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827;--pro-gradient-from: var(--lop-navy);--pro-gradient-to: var(--lop-navy-mid);--pro-accent-blue: var(--lop-azure);--background: #FFFFFF;--foreground: #15172C;--card: #FFFFFF;--card-foreground: #111827;--popover: #FFFFFF;--popover-foreground: #111827;--primary: #3671D9;--primary-foreground: #FFFFFF;--secondary: #EBF2FF;--secondary-foreground: #15172C;--muted: #F0F5FF;--muted-foreground: #5B6B8A;--accent: #15172C;--accent-foreground: #FFFFFF;--destructive: #EF4444;--destructive-foreground: #FFFFFF;--border: #E5E7EB;--input: transparent;--input-background: #FFFFFF;--switch-background: #D1D5DB;--ring: #3671D9;--chart-1: #15172C;--chart-2: #3671D9;--chart-3: #F59E0B;--chart-4: #10B981;--chart-5: #8B5CF6;--sidebar: #F9FAFB;--sidebar-foreground: #15172C;--sidebar-primary: #15172C;--sidebar-primary-foreground: #FFFFFF;--sidebar-accent: #EBF2FF;--sidebar-accent-foreground: #15172C;--sidebar-border: #E5E7EB;--sidebar-ring: #3671D9;--font-size: 16px;--font-family: "Inder", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-heading: "Sora", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-xbold: 800;--font-body-family: var(--font-family);--font-body-style: normal;--font-body-weight: var(--font-weight-normal);--font-body-weight-bolder: var(--font-weight-semibold);--font-body-weight-bold: var(--font-weight-bold);--font-heading-family: var(--font-family-heading);--font-heading-style: normal;--font-heading-weight: var(--font-weight-bold);--font-subheading-family: var(--font-family-heading);--font-subheading-weight: var(--font-weight-semibold);--font-navigation-family: var(--font-family-heading);--font-navigation-weight: var(--font-weight-semibold);--font-button-family: var(--font-family-heading);--font-button-weight: var(--font-weight-semibold);--font-pcard-title-family: var(--font-family-heading);--font-pcard-title-style: normal;--font-pcard-title-weight: var(--font-weight-semibold);--font-pcard-title-line-height: 1.4;--font-pcard-price-family: var(--font-family-heading);--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 36px;--text-5xl: 48px;--text-6xl: 64px;--h1-mobile: 30px;--h1-desktop: 48px;--h2-mobile: 24px;--h2-desktop: 36px;--h3-mobile: 20px;--h3-desktop: 30px;--h4-mobile: 18px;--h4-desktop: 24px;--h5-mobile: 16px;--h5-desktop: 20px;--text-ui-compact-mobile: var(--text-sm);--text-ui-compact-desktop: var(--text-sm);--text-support-mobile: var(--text-sm);--text-support-desktop: var(--text-base);--text-body-mobile: var(--text-base);--text-body-desktop: var(--text-base);--text-lead-mobile: var(--text-base);--text-lead-desktop: var(--text-lg);--text-card-title-mobile: var(--h5-mobile);--text-card-title-desktop: var(--h5-desktop);--text-section-title-mobile: var(--h2-mobile);--text-section-title-desktop: var(--h2-desktop);--text-page-title-mobile: 34px;--text-page-title-desktop: 48px;--text-product-title-mobile: var(--h5-mobile);--text-product-title-desktop: var(--h5-desktop);--topbar-font-size-mobile: var(--text-ui-compact-mobile);--topbar-font-size-desktop: var(--text-ui-compact-desktop);--breadcrumb-font-size-mobile: var(--text-ui-compact-mobile);--breadcrumb-font-size-desktop: var(--text-ui-compact-desktop);--multicolumn-card-title-size-mobile: var(--text-card-title-mobile);--multicolumn-card-title-size-desktop: var(--text-card-title-desktop);--multicolumn-card-text-size-mobile: var(--text-support-mobile);--multicolumn-card-text-size-desktop: var(--text-support-desktop);--multicolumn-card-button-size-mobile: var(--text-ui-compact-mobile);--multicolumn-card-button-size-desktop: var(--text-ui-compact-desktop);--collection-hero-title-size-mobile: var(--text-page-title-mobile);--collection-hero-title-size-desktop: var(--text-page-title-desktop);--collection-hero-subtitle-size-mobile: var(--text-lead-mobile);--collection-hero-subtitle-size-desktop: var(--text-lead-desktop);--collection-hero-count-size-mobile: var(--text-support-mobile);--collection-hero-count-size-desktop: var(--text-support-desktop);--collection-hero-icon-background: var(--lop-navy-action);--collection-layout-active-background: var(--lop-navy-action);--collection-layout-active-foreground: #FFFFFF;--collection-layout-hover-background: var(--brand-blue-light);--collection-layout-hover-foreground: var(--lop-navy-action);--collection-primary-cta-background: var(--lop-navy-action);--collection-primary-cta-foreground: #FFFFFF;--collection-primary-cta-hover-background: var(--brand-blue);--collection-primary-cta-hover-foreground: #FFFFFF;--collection-card-price-size-mobile: 22px;--collection-card-price-size-desktop: 28px;--collection-card-price-weight: var(--font-weight-xbold);--collection-card-price-color: var(--lop-navy-action);--collection-card-price-sale-color: var(--brand-blue);--font-pcard-title-size: var(--text-product-title-mobile);--radius: 12px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-blue: 0 8px 24px -4px rgb(54 113 217 / .35);--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-7: 28px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-16: 64px;--spacing-20: 80px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .35s ease;--transition-spring: .3s cubic-bezier(.34, 1.56, .64, 1)}@media(min-width:768px){:root{--font-pcard-title-size: var(--text-product-title-desktop)}}.dark{--background: #0B0C18;--foreground: #F9FAFB;--card: #15172C;--card-foreground: #F9FAFB;--popover: #15172C;--popover-foreground: #F9FAFB;--primary: #3671D9;--primary-foreground: #FFFFFF;--secondary: #1E2340;--secondary-foreground: #F9FAFB;--muted: #1E2340;--muted-foreground: #9CA3AF;--accent: #3671D9;--accent-foreground: #FFFFFF;--destructive: #EF4444;--destructive-foreground: #FFFFFF;--border: #2A2D4A;--input: #1E2340;--input-background: #1E2340;--switch-background: #4B5563;--ring: #3671D9;--chart-1: #3671D9;--chart-2: #10B981;--chart-3: #F59E0B;--chart-4: #8B5CF6;--chart-5: #F43F5E;--sidebar: #15172C;--sidebar-foreground: #F9FAFB;--sidebar-primary: #3671D9;--sidebar-primary-foreground: #FFFFFF;--sidebar-accent: #1E2340;--sidebar-accent-foreground: #F9FAFB;--sidebar-border: #2A2D4A;--sidebar-ring: #3671D9}@theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-input-background: var(--input-background); --color-switch-background: var(--switch-background); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: var(--radius-sm); --radius-md: var(--radius-md); --radius-lg: var(--radius-lg); --radius-xl: var(--radius-xl); --radius-2xl: var(--radius-2xl); --radius-full: var(--radius-full); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); --color-lop-navy: var(--lop-navy); --color-lop-navy-deep: var(--lop-navy-deep); --color-lop-navy-mid: var(--lop-navy-mid); --color-lop-azure: var(--lop-azure); --color-lop-azure-hover: var(--lop-azure-hover); --color-lop-azure-light: var(--lop-azure-light); --color-lop-azure-pale: var(--lop-azure-pale); --color-industrial-red: var(--industrial-red); --color-brand-blue: var(--brand-blue); --color-brand-blue-hover: var(--brand-blue-hover); --color-brand-blue-light: var(--brand-blue-light); --color-gray-bg: var(--gray-bg); --color-dark-gray-bg: var(--dark-gray-bg); --color-success-green: var(--success-green); --color-warning-yellow: var(--warning-yellow); --color-error-red: var(--error-red); --color-info-blue: var(--info-blue); --color-stock-in: var(--stock-color-in); --color-stock-low: var(--stock-color-low); --color-stock-backorder: var(--stock-color-backorder); }@layer base{*{@apply border-border outline-ring/50;}body{@apply bg-background text-foreground;font-family:var(--font-body-family)}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,.section-title,.page-title{font-family:var(--font-heading-family);color:var(--gray-900)}h1,.h1{font-size:var(--h1-mobile);font-weight:var(--font-weight-bold);line-height:1.15;letter-spacing:-.03em}h2,.h2{font-size:var(--h2-mobile);font-weight:var(--font-weight-bold);line-height:1.2;letter-spacing:-.02em}.section-title{font-size:var(--text-section-title-mobile);font-weight:var(--font-weight-bold);line-height:1.2;letter-spacing:-.02em}h3,.h3{font-size:var(--h3-mobile);font-weight:var(--font-weight-bold);line-height:1.35;letter-spacing:-.01em}h4,.h4{font-size:var(--h4-mobile);font-weight:var(--font-weight-bold);line-height:1.4}h5,.h5{font-size:var(--h5-mobile);font-weight:var(--font-weight-semibold);line-height:1.5}.page-title{font-size:var(--text-page-title-mobile);font-weight:var(--font-weight-bold);line-height:1.15;letter-spacing:-.03em}.text-pcard-title{font-family:var(--font-pcard-title-family);font-size:var(--font-pcard-title-size);font-style:var(--font-pcard-title-style);font-weight:var(--font-pcard-title-weight);line-height:var(--font-pcard-title-line-height)}p{font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:1.65;color:var(--gray-700)}.topbar__text p{color:inherit}label{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);line-height:1.5;color:var(--gray-700)}button,.btn{font-family:var(--font-button-family);font-size:var(--text-base);font-weight:var(--font-weight-semibold);line-height:1.5}input,textarea,select{font-family:var(--font-body-family);font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:1.5;color:var(--gray-900)}nav,.font-navigation{font-family:var(--font-navigation-family)}a{color:var(--brand-blue);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--brand-blue-hover)}@media(min-width:768px){h1,.h1{font-size:var(--h1-desktop)}.page-title{font-size:var(--text-page-title-desktop)}h2,.h2{font-size:var(--h2-desktop)}.section-title{font-size:var(--text-section-title-desktop)}h3,.h3{font-size:var(--h3-desktop)}h4,.h4{font-size:var(--h4-desktop)}h5,.h5{font-size:var(--h5-desktop)}.text-pcard-title{font-size:var(--text-product-title-desktop)}}.dark :is(h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,.section-title,.page-title){color:var(--gray-50)}.dark p,.dark label{color:var(--gray-300)}.dark input,.dark textarea,.dark select{color:var(--gray-50)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/wbtools-variables.css.map */