:root{--al-grey-0: #FFFFFF;--al-grey-25: #FAFBFC;--al-grey-50: #F4F6F8;--al-grey-100: #E8ECF0;--al-grey-200: #D6DDE4;--al-grey-300: #B9C4CE;--al-grey-400: #94A3B1;--al-grey-500: #6B7A89;--al-grey-550: #5F6E7D;--al-grey-600: #4E5D6B;--al-grey-700: #38454F;--al-grey-800: #22303C;--al-grey-900: #0F1C27;--al-grey-950: #070E15;--al-navy-50: #EEF3F8;--al-navy-100: #D5E1EE;--al-navy-200: #A9C0D8;--al-navy-300: #6E8FB0;--al-navy-400: #3D6389;--al-navy-500: #1E4568;--al-navy-600: #163650;--al-navy-700: #0F2A3F;--al-navy-800: #0B2239;--al-navy-900: #071726;--al-blue-50: #EBF2FE;--al-blue-100: #D3E2FD;--al-blue-200: #A8C5FB;--al-blue-300: #6E9EF8;--al-blue-400: #3B7BF5;--al-blue-500: #0B63F6;--al-blue-600: #0A4FC7;--al-blue-700: #083D9B;--al-blue-800: #062D73;--al-copper-50: #FBF3EC;--al-copper-100: #F4E1D0;--al-copper-200: #E8C3A3;--al-copper-300: #D79F6E;--al-copper-400: #C98A4E;--al-copper-500: #B87333;--al-copper-600: #965C28;--al-copper-700: #74471F;--al-green-50: #E7F7EE;--al-green-500: #12A150;--al-green-600: #0E7C3E;--al-green-700: #0A5E2F;--al-amber-50: #FEF6E7;--al-amber-500: #F59E0B;--al-amber-700: #B45309;--al-red-50: #FDECEC;--al-red-500: #DC2626;--al-red-600: #B91C1C;--al-red-700: #911616;--al-text-2xs: .6875rem;--al-text-xs: .75rem;--al-text-sm: .875rem;--al-text-base: 1rem;--al-text-md: 1.125rem;--al-text-lg: 1.375rem;--al-text-xl: 1.75rem;--al-text-2xl: 2.25rem;--al-text-3xl: 2.875rem;--al-text-4xl: 3.75rem;--al-text-h1-fluid: clamp(2rem, 1.35rem + 2.8vw, 2.875rem);--al-text-h2-fluid: clamp(1.625rem, 1.25rem + 1.6vw, 2.25rem);--al-text-display: clamp(2.25rem, 1.3rem + 4.2vw, 3.75rem);--al-weight-light: 400;--al-weight-regular: 400;--al-weight-medium: 500;--al-weight-semibold: 600;--al-weight-bold: 600;--al-leading-none: 1;--al-leading-tight: 1.2;--al-leading-snug: 1.35;--al-leading-normal: 1.55;--al-leading-relaxed: 1.75;--al-tracking-tight: -.02em;--al-tracking-snug: -.01em;--al-tracking-normal: 0;--al-tracking-wide: .04em;--al-tracking-label: .08em;--al-font-sans: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, "Noto Sans Arabic", "Geeza Pro", system-ui, -apple-system, Arial, sans-serif;--al-font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", Consolas, "Courier New", monospace;--al-measure: 65ch;--al-measure-narrow: 48ch;--al-space-0: 0;--al-space-1: .25rem;--al-space-2: .5rem;--al-space-3: .75rem;--al-space-4: 1rem;--al-space-5: 1.25rem;--al-space-6: 1.5rem;--al-space-8: 2rem;--al-space-10: 2.5rem;--al-space-12: 3rem;--al-space-16: 4rem;--al-space-20: 5rem;--al-space-24: 6rem;--al-space-32: 8rem;--al-section-sm: clamp(2.5rem, 5vw, 3.5rem);--al-section-md: clamp(4rem, 7vw, 6rem);--al-section-lg: clamp(5.5rem, 9vw, 8.5rem);--al-section-xl: clamp(7rem, 12vw, 11rem);--al-section-gap: clamp(var(--al-space-6), 3vw, var(--al-space-10));--al-container-max: 1320px;--al-container-wide: 1560px;--al-container-text: 760px;--al-container-pad: clamp(1rem, 4vw, 2rem);--al-container-content: calc(var(--al-container-max) - 2 * var(--al-container-pad));--al-grid-columns: 12;--al-grid-gutter: clamp(1rem, 2vw, 1.5rem);--al-radius-none: 0;--al-radius-xs: 2px;--al-radius-sm: 4px;--al-radius-md: 6px;--al-radius-lg: 10px;--al-radius-xl: 16px;--al-radius-full: 999px;--al-shadow-xs: 0 1px 2px rgba(11, 34, 57, .06);--al-shadow-sm: 0 1px 3px rgba(11, 34, 57, .08), 0 1px 2px rgba(11, 34, 57, .04);--al-shadow-md: 0 4px 12px rgba(11, 34, 57, .08), 0 1px 3px rgba(11, 34, 57, .06);--al-shadow-lg: 0 12px 28px rgba(11, 34, 57, .1), 0 4px 8px rgba(11, 34, 57, .05);--al-shadow-xl: 0 24px 48px rgba(11, 34, 57, .14), 0 8px 16px rgba(11, 34, 57, .06);--al-shadow-inset: inset 0 1px 2px rgba(11, 34, 57, .06);--al-duration-instant: 80ms;--al-duration-fast: .14s;--al-duration-base: .22s;--al-duration-slow: .36s;--al-duration-reveal: .56s;--al-duration-ambient: 32s;--al-duration-spin: .72s;--al-duration-shimmer: 1.4s;--al-duration-progress: 1.1s;--al-stagger: 70ms;--al-reveal-shift: 16px;--al-ease-standard: cubic-bezier(.2, 0, .1, 1);--al-ease-out: cubic-bezier(.16, 1, .3, 1);--al-ease-in: cubic-bezier(.4, 0, 1, 1);--al-z-base: 0;--al-z-raised: 10;--al-z-sticky: 100;--al-z-header: 200;--al-z-dropdown: 300;--al-z-drawer: 400;--al-z-modal: 500;--al-z-toast: 600;--al-control-sm: 2rem;--al-control-md: 2.75rem;--al-control-lg: 3.25rem;--al-border-hairline: 1px;--al-border-strong: 2px;--al-focus-width: 3px}:root{--al-surface-page: var(--al-grey-0);--al-surface-subtle: var(--al-grey-25);--al-surface-sunken: var(--al-grey-50);--al-surface-raised: var(--al-grey-0);--al-surface-overlay: var(--al-grey-0);--al-surface-inverse: var(--al-navy-800);--al-surface-accent-soft: var(--al-copper-50);--al-surface-action-soft: var(--al-blue-50);--al-scrim: rgba(7, 23, 38, .55);--al-surface-utility: var(--al-navy-800);--al-text-utility: var(--al-navy-100);--al-border-utility: var(--al-navy-700);--al-surface-brand: var(--al-navy-900);--al-text-on-brand: var(--al-grey-50);--al-text-on-brand-2: var(--al-navy-200);--al-text-primary: var(--al-navy-800);--al-text-secondary: var(--al-grey-600);--al-text-tertiary: var(--al-grey-550);--al-text-disabled: var(--al-grey-400);--al-text-inverse: var(--al-grey-0);--al-text-accent: var(--al-copper-600);--al-text-link: var(--al-blue-600);--al-text-link-hover: var(--al-blue-700);--al-border-subtle: var(--al-grey-100);--al-border-default: var(--al-grey-200);--al-border-strong-c: var(--al-grey-300);--al-border-inverse: var(--al-navy-600);--al-border-accent: var(--al-copper-500);--al-action-bg: var(--al-blue-500);--al-action-bg-hover: var(--al-blue-600);--al-action-bg-active: var(--al-blue-700);--al-action-text: var(--al-grey-0);--al-action2-bg: transparent;--al-action2-bg-hover: var(--al-navy-50);--al-action2-bg-active: var(--al-navy-100);--al-action2-text: var(--al-navy-800);--al-action2-border: var(--al-grey-300);--al-action2-border-hover: var(--al-navy-400);--al-accent: var(--al-copper-500);--al-accent-text: var(--al-copper-600);--al-accent-soft: var(--al-copper-50);--al-accent-border: var(--al-copper-200);--al-status-success: var(--al-green-500);--al-status-success-text: var(--al-green-600);--al-status-success-bg: var(--al-green-50);--al-status-warning: var(--al-amber-500);--al-status-warning-text: var(--al-amber-700);--al-status-warning-bg: var(--al-amber-50);--al-status-danger: var(--al-red-500);--al-status-danger-text: var(--al-red-600);--al-status-danger-bg: var(--al-red-50);--al-field-bg: var(--al-grey-0);--al-field-bg-disabled: var(--al-grey-50);--al-field-border: var(--al-grey-300);--al-field-border-hover: var(--al-grey-400);--al-field-border-focus: var(--al-blue-500);--al-field-placeholder: var(--al-grey-550);--al-focus-ring: 0 0 0 var(--al-focus-width) rgba(11, 99, 246, .28);--al-skeleton-base: var(--al-grey-100);--al-skeleton-sheen: var(--al-grey-50);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--al-surface-page: #0A1017;--al-surface-subtle: #0E151E;--al-surface-sunken: #060B10;--al-surface-raised: #121A24;--al-surface-overlay: #1A242F;--al-surface-inverse: var(--al-grey-50);--al-surface-accent-soft: rgba(184, 115, 51, .12);--al-surface-action-soft: rgba(11, 99, 246, .14);--al-scrim: rgba(3, 7, 11, .72);--al-surface-utility: #060B10;--al-text-utility: #A8B6C3;--al-border-utility: #1A242F;--al-surface-brand: #060B10;--al-text-on-brand: #F0F4F8;--al-text-on-brand-2: #A8B6C3;--al-text-primary: #F0F4F8;--al-text-secondary: #A8B6C3;--al-text-tertiary: #7A8A99;--al-text-disabled: #4E5D6B;--al-text-inverse: var(--al-navy-900);--al-text-accent: var(--al-copper-400);--al-text-link: var(--al-blue-300);--al-text-link-hover: var(--al-blue-200);--al-border-subtle: #1A242F;--al-border-default: #24313D;--al-border-strong-c: #354654;--al-border-inverse: var(--al-grey-300);--al-border-accent: var(--al-copper-400);--al-action-bg: var(--al-blue-500);--al-action-bg-hover: var(--al-blue-400);--al-action-bg-active: var(--al-blue-600);--al-action-text: var(--al-grey-0);--al-action2-bg: transparent;--al-action2-bg-hover: rgba(255, 255, 255, .06);--al-action2-bg-active: rgba(255, 255, 255, .11);--al-action2-text: #F0F4F8;--al-action2-border: #354654;--al-action2-border-hover: #667889;--al-accent: var(--al-copper-400);--al-accent-text: var(--al-copper-400);--al-accent-soft: rgba(184, 115, 51, .12);--al-accent-border: rgba(201, 138, 78, .38);--al-status-success: #2BB86A;--al-status-success-text: #58D08C;--al-status-success-bg: rgba(18, 161, 80, .14);--al-status-warning: #F5A623;--al-status-warning-text: #FFC15E;--al-status-warning-bg: rgba(245, 158, 11, .14);--al-status-danger: #EF4444;--al-status-danger-text: #FF8080;--al-status-danger-bg: rgba(220, 38, 38, .15);--al-field-bg: #0E151E;--al-field-bg-disabled: #121A24;--al-field-border: #354654;--al-field-border-hover: #46596A;--al-field-border-focus: var(--al-blue-400);--al-field-placeholder: #6B7A89;--al-focus-ring: 0 0 0 var(--al-focus-width) rgba(59, 123, 245, .42);--al-skeleton-base: #1A242F;--al-skeleton-sheen: #24313D;--al-shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--al-shadow-sm: 0 1px 3px rgba(0, 0, 0, .45), 0 1px 2px rgba(0, 0, 0, .3);--al-shadow-md: 0 4px 12px rgba(0, 0, 0, .5), 0 1px 3px rgba(0, 0, 0, .35);--al-shadow-lg: 0 12px 28px rgba(0, 0, 0, .55), 0 4px 8px rgba(0, 0, 0, .35);--al-shadow-xl: 0 24px 48px rgba(0, 0, 0, .62), 0 8px 16px rgba(0, 0, 0, .4);--al-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .35);color-scheme:dark}}:root[data-theme=dark]{--al-surface-page: #0A1017;--al-surface-subtle: #0E151E;--al-surface-sunken: #060B10;--al-surface-raised: #121A24;--al-surface-overlay: #1A242F;--al-surface-inverse: var(--al-grey-50);--al-surface-accent-soft: rgba(184, 115, 51, .12);--al-surface-action-soft: rgba(11, 99, 246, .14);--al-scrim: rgba(3, 7, 11, .72);--al-surface-utility: #060B10;--al-text-utility: #A8B6C3;--al-border-utility: #1A242F;--al-surface-brand: #060B10;--al-text-on-brand: #F0F4F8;--al-text-on-brand-2: #A8B6C3;--al-text-primary: #F0F4F8;--al-text-secondary: #A8B6C3;--al-text-tertiary: #7A8A99;--al-text-disabled: #4E5D6B;--al-text-inverse: var(--al-navy-900);--al-text-accent: var(--al-copper-400);--al-text-link: var(--al-blue-300);--al-text-link-hover: var(--al-blue-200);--al-border-subtle: #1A242F;--al-border-default: #24313D;--al-border-strong-c: #354654;--al-border-inverse: var(--al-grey-300);--al-border-accent: var(--al-copper-400);--al-action-bg: var(--al-blue-500);--al-action-bg-hover: var(--al-blue-400);--al-action-bg-active: var(--al-blue-600);--al-action-text: var(--al-grey-0);--al-action2-bg: transparent;--al-action2-bg-hover: rgba(255, 255, 255, .06);--al-action2-bg-active: rgba(255, 255, 255, .11);--al-action2-text: #F0F4F8;--al-action2-border: #354654;--al-action2-border-hover: #667889;--al-accent: var(--al-copper-400);--al-accent-text: var(--al-copper-400);--al-accent-soft: rgba(184, 115, 51, .12);--al-accent-border: rgba(201, 138, 78, .38);--al-status-success: #2BB86A;--al-status-success-text: #58D08C;--al-status-success-bg: rgba(18, 161, 80, .14);--al-status-warning: #F5A623;--al-status-warning-text: #FFC15E;--al-status-warning-bg: rgba(245, 158, 11, .14);--al-status-danger: #EF4444;--al-status-danger-text: #FF8080;--al-status-danger-bg: rgba(220, 38, 38, .15);--al-field-bg: #0E151E;--al-field-bg-disabled: #121A24;--al-field-border: #354654;--al-field-border-hover: #46596A;--al-field-border-focus: var(--al-blue-400);--al-field-placeholder: #6B7A89;--al-focus-ring: 0 0 0 var(--al-focus-width) rgba(59, 123, 245, .42);--al-skeleton-base: #1A242F;--al-skeleton-sheen: #24313D;--al-shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--al-shadow-sm: 0 1px 3px rgba(0, 0, 0, .45), 0 1px 2px rgba(0, 0, 0, .3);--al-shadow-md: 0 4px 12px rgba(0, 0, 0, .5), 0 1px 3px rgba(0, 0, 0, .35);--al-shadow-lg: 0 12px 28px rgba(0, 0, 0, .55), 0 4px 8px rgba(0, 0, 0, .35);--al-shadow-xl: 0 24px 48px rgba(0, 0, 0, .62), 0 8px 16px rgba(0, 0, 0, .4);--al-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .35);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--al-surface-page);color:var(--al-text-primary);font-family:var(--al-font-sans);font-size:var(--al-text-base);line-height:var(--al-leading-normal);font-weight:var(--al-weight-regular);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{margin:0;color:var(--al-text-primary);font-weight:var(--al-weight-semibold);line-height:var(--al-leading-snug);letter-spacing:var(--al-tracking-snug);text-wrap:balance;overflow-wrap:break-word}.al-partno,.al-card__title,.al-mega__link,.al-drawer__item,.al-crumbs__current{overflow-wrap:anywhere}h1{font-size:var(--al-text-h1-fluid);line-height:var(--al-leading-tight);letter-spacing:var(--al-tracking-tight)}h2{font-size:var(--al-text-h2-fluid);line-height:var(--al-leading-tight);letter-spacing:var(--al-tracking-tight)}h3,h4{font-size:var(--al-text-base);font-weight:var(--al-weight-semibold)}h5,h6{font-size:var(--al-text-sm);font-weight:var(--al-weight-semibold)}p{margin:0}a{color:var(--al-text-link);text-decoration-thickness:1px;text-underline-offset:.2em;transition:color var(--al-duration-fast) var(--al-ease-standard)}a:hover{color:var(--al-text-link-hover)}img,svg,video{max-width:100%}img,video{height:auto;display:block}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:var(--al-border-strong) solid var(--al-field-border-focus);outline-offset:2px;border-radius:var(--al-radius-xs)}.al-tabular{font-variant-numeric:tabular-nums}.al-partno{font-family:var(--al-font-mono);font-size:.95em;letter-spacing:var(--al-tracking-normal);font-variant-numeric:tabular-nums}:root:lang(ar),[lang=ar],[dir=rtl]{--al-leading-tight: 1.35;--al-leading-snug: 1.5;--al-leading-normal: 1.75;--al-leading-relaxed: 1.95;--al-tracking-tight: 0;--al-tracking-snug: 0;--al-tracking-normal: 0;--al-tracking-wide: 0;--al-tracking-label: 0}[lang=ar] body,[dir=rtl] body{font-size:1.05rem}[lang=ar],[dir=rtl],[lang=ar] *,[dir=rtl] *{letter-spacing:0}[dir=rtl] .al-partno,[dir=rtl] .al-price,[dir=rtl] .al-tabular{direction:ltr;unicode-bidi:isolate}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/allamco-tokens.css.map */